fabrikantencore 2.1.2 → 2.1.4

package/fesm2015/fabrikantencore.mjs

@@ -10,17 +10,17 @@ import * as i6 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { mergeMap, catchError } from 'rxjs/operators';
 import { throwError, of, Observable, BehaviorSubject } from 'rxjs';
-import * as i7 from '@angular/material/button';
+import * as i8 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i4$1 from '@angular/material/form-field';
 import * as i5 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i7$1 from '@angular/material/card';
+import * as i7 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 import * as i9 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i1$2 from '@angular/cdk/clipboard';
-import * as i8 from '@angular/material/sidenav';
+import * as i8$1 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import * as i4$2 from '@angular/material/stepper';
 import { MatStepperModule } from '@angular/material/stepper';
@@ -29,11 +29,11 @@ import { MatIconModule } from '@angular/material/icon';
 import * as i9$1 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i10 from '@angular/material/core';
-import * as i7$2 from '@angular/material/tooltip';
+import * as i7$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i1$3 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogConfig, MatDialogModule } from '@angular/material/dialog';
-import * as i8$1 from '@angular/material/tabs';
+import * as i8$2 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import * as i9$2 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
@@ -3881,6 +3881,7 @@ class BCBEigenschapViewModel {
         if (_data) {
             this.id = _data["id"];
             this.name = _data["name"];
+            this.ignore = _data["ignore"];
             this.connected = _data["connected"];
             this.open = _data["open"];
             this.location = _data["location"];
@@ -3899,6 +3900,11 @@ class BCBEigenschapViewModel {
                 for (let item of _data["rangeInputs"])
                     this.rangeInputs.push(BCBEigenschapRangeInputModel.fromJS(item));
             }
+            if (Array.isArray(_data["toebehoren"])) {
+                this.toebehoren = [];
+                for (let item of _data["toebehoren"])
+                    this.toebehoren.push(BCBEigenschapToebehorenViewModel.fromJS(item));
+            }
         }
     }
     static fromJS(data) {
@@ -3911,6 +3917,7 @@ class BCBEigenschapViewModel {
         data = typeof data === 'object' ? data : {};
         data["id"] = this.id;
         data["name"] = this.name;
+        data["ignore"] = this.ignore;
         data["connected"] = this.connected;
         data["open"] = this.open;
         data["location"] = this.location;
@@ -3929,6 +3936,11 @@ class BCBEigenschapViewModel {
             for (let item of this.rangeInputs)
                 data["rangeInputs"].push(item.toJSON());
         }
+        if (Array.isArray(this.toebehoren)) {
+            data["toebehoren"] = [];
+            for (let item of this.toebehoren)
+                data["toebehoren"].push(item.toJSON());
+        }
         return data;
     }
 }
@@ -4174,6 +4186,36 @@ class RangeInputViewModel {
         return data;
     }
 }
+class BCBEigenschapToebehorenViewModel {
+    constructor(data) {
+        if (data) {
+            for (var property in data) {
+                if (data.hasOwnProperty(property))
+                    this[property] = data[property];
+            }
+        }
+    }
+    init(_data) {
+        if (_data) {
+            this.id = _data["id"];
+            this.name = _data["name"];
+            this.bcbeboViewModel = _data["bcbeboViewModel"] ? BCBEBOViewModel.fromJS(_data["bcbeboViewModel"]) : undefined;
+        }
+    }
+    static fromJS(data) {
+        data = typeof data === 'object' ? data : {};
+        let result = new BCBEigenschapToebehorenViewModel();
+        result.init(data);
+        return result;
+    }
+    toJSON(data) {
+        data = typeof data === 'object' ? data : {};
+        data["id"] = this.id;
+        data["name"] = this.name;
+        data["bcbeboViewModel"] = this.bcbeboViewModel ? this.bcbeboViewModel.toJSON() : undefined;
+        return data;
+    }
+}
 class BCBOpbouwViewModel {
     constructor(data) {
         if (data) {
@@ -4638,6 +4680,7 @@ class FabrikantenViewModel {
             this.hideBreadcrumbInIframe = _data["hideBreadcrumbInIframe"];
             this.hideInformationTab = _data["hideInformationTab"];
             this.alwaysShowVariant = _data["alwaysShowVariant"];
+            this.enableToebehoren = _data["enableToebehoren"];
             this.productSelectBlockedByFilters = _data["productSelectBlockedByFilters"];
             if (Array.isArray(_data["categoryLayers"])) {
                 this.categoryLayers = [];
@@ -4680,6 +4723,7 @@ class FabrikantenViewModel {
         data["hideBreadcrumbInIframe"] = this.hideBreadcrumbInIframe;
         data["hideInformationTab"] = this.hideInformationTab;
         data["alwaysShowVariant"] = this.alwaysShowVariant;
+        data["enableToebehoren"] = this.enableToebehoren;
         data["productSelectBlockedByFilters"] = this.productSelectBlockedByFilters;
         if (Array.isArray(this.categoryLayers)) {
             data["categoryLayers"] = [];
@@ -5036,6 +5080,11 @@ class FabrikantenBCBProductViewModel {
                 for (let item of _data["bcbProductAfbeeldingen"])
                     this.bcbProductAfbeeldingen.push(FabrikantenBCBProductAfbeeldingViewModel.fromJS(item));
             }
+            if (Array.isArray(_data["bcbProductToebehoren"])) {
+                this.bcbProductToebehoren = [];
+                for (let item of _data["bcbProductToebehoren"])
+                    this.bcbProductToebehoren.push(FabrikantenBCBProductToebehorenViewModel.fromJS(item));
+            }
         }
     }
     static fromJS(data) {
@@ -5058,6 +5107,11 @@ class FabrikantenBCBProductViewModel {
             for (let item of this.bcbProductAfbeeldingen)
                 data["bcbProductAfbeeldingen"].push(item.toJSON());
         }
+        if (Array.isArray(this.bcbProductToebehoren)) {
+            data["bcbProductToebehoren"] = [];
+            for (let item of this.bcbProductToebehoren)
+                data["bcbProductToebehoren"].push(item.toJSON());
+        }
         return data;
     }
 }
@@ -5095,6 +5149,36 @@ class FabrikantenBCBProductAfbeeldingViewModel {
         return data;
     }
 }
+class FabrikantenBCBProductToebehorenViewModel {
+    constructor(data) {
+        if (data) {
+            for (var property in data) {
+                if (data.hasOwnProperty(property))
+                    this[property] = data[property];
+            }
+        }
+    }
+    init(_data) {
+        if (_data) {
+            this.id = _data["id"];
+            this.name = _data["name"];
+            this.bcbeboId = _data["bcbeboId"];
+        }
+    }
+    static fromJS(data) {
+        data = typeof data === 'object' ? data : {};
+        let result = new FabrikantenBCBProductToebehorenViewModel();
+        result.init(data);
+        return result;
+    }
+    toJSON(data) {
+        data = typeof data === 'object' ? data : {};
+        data["id"] = this.id;
+        data["name"] = this.name;
+        data["bcbeboId"] = this.bcbeboId;
+        return data;
+    }
+}
 class FabrikantenRequestModel {
     constructor(data) {
         if (data) {
@@ -5227,6 +5311,7 @@ class Fabrikanten3DRequestModel {
     init(_data) {
         if (_data) {
             this.sessionId = _data["sessionId"];
+            this.customBCBEBO = _data["customBCBEBO"];
         }
     }
     static fromJS(data) {
@@ -5238,6 +5323,7 @@ class Fabrikanten3DRequestModel {
     toJSON(data) {
         data = typeof data === 'object' ? data : {};
         data["sessionId"] = this.sessionId;
+        data["customBCBEBO"] = this.customBCBEBO;
         return data;
     }
 }
@@ -5402,6 +5488,7 @@ class FabrikantenFileRequestModel {
         if (_data) {
             this.fileType = _data["fileType"];
             this.model3D = _data["model3D"];
+            this.customBCBEBOId = _data["customBCBEBOId"];
             this.sessionId = _data["sessionId"];
         }
     }
@@ -5415,6 +5502,7 @@ class FabrikantenFileRequestModel {
         data = typeof data === 'object' ? data : {};
         data["fileType"] = this.fileType;
         data["model3D"] = this.model3D;
+        data["customBCBEBOId"] = this.customBCBEBOId;
         data["sessionId"] = this.sessionId;
         return data;
     }
@@ -6362,7 +6450,7 @@ class BCBImportOpenRequest {
     }
     init(_data) {
         if (_data) {
-            this.bcbeboId = _data["bcbeboId"];
+            this.bcbProductId = _data["bcbProductId"];
         }
     }
     static fromJS(data) {
@@ -6373,7 +6461,7 @@ class BCBImportOpenRequest {
     }
     toJSON(data) {
         data = typeof data === 'object' ? data : {};
-        data["bcbeboId"] = this.bcbeboId;
+        data["bcbProductId"] = this.bcbProductId;
         return data;
     }
 }
@@ -7659,6 +7747,11 @@ class LanguageViewModel {
                 for (let item of _data["categoryEntries"])
                     this.categoryEntries.push(TranslateEntryCategoryViewModel.fromJS(item));
             }
+            if (Array.isArray(_data["bcbEigenschapToebehorenEntries"])) {
+                this.bcbEigenschapToebehorenEntries = [];
+                for (let item of _data["bcbEigenschapToebehorenEntries"])
+                    this.bcbEigenschapToebehorenEntries.push(TranslateEntryBCBEigenschapToebehorenViewModel.fromJS(item));
+            }
             if (Array.isArray(_data["productEntries"])) {
                 this.productEntries = [];
                 for (let item of _data["productEntries"])
@@ -7714,6 +7807,11 @@ class LanguageViewModel {
             for (let item of this.categoryEntries)
                 data["categoryEntries"].push(item.toJSON());
         }
+        if (Array.isArray(this.bcbEigenschapToebehorenEntries)) {
+            data["bcbEigenschapToebehorenEntries"] = [];
+            for (let item of this.bcbEigenschapToebehorenEntries)
+                data["bcbEigenschapToebehorenEntries"].push(item.toJSON());
+        }
         if (Array.isArray(this.productEntries)) {
             data["productEntries"] = [];
             for (let item of this.productEntries)
@@ -7883,6 +7981,38 @@ class TranslateEntryCategoryViewModel {
         return data;
     }
 }
+class TranslateEntryBCBEigenschapToebehorenViewModel {
+    constructor(data) {
+        if (data) {
+            for (var property in data) {
+                if (data.hasOwnProperty(property))
+                    this[property] = data[property];
+            }
+        }
+    }
+    init(_data) {
+        if (_data) {
+            this.id = _data["id"];
+            this.bcbEigenschapToebehorenId = _data["bcbEigenschapToebehorenId"];
+            this.bcbEigenschapToebehorenName = _data["bcbEigenschapToebehorenName"];
+            this.value = _data["value"];
+        }
+    }
+    static fromJS(data) {
+        data = typeof data === 'object' ? data : {};
+        let result = new TranslateEntryBCBEigenschapToebehorenViewModel();
+        result.init(data);
+        return result;
+    }
+    toJSON(data) {
+        data = typeof data === 'object' ? data : {};
+        data["id"] = this.id;
+        data["bcbEigenschapToebehorenId"] = this.bcbEigenschapToebehorenId;
+        data["bcbEigenschapToebehorenName"] = this.bcbEigenschapToebehorenName;
+        data["value"] = this.value;
+        return data;
+    }
+}
 class TranslateEntryProductViewModel {
     constructor(data) {
         if (data) {
@@ -8359,7 +8489,7 @@ class BeheerNavComponent {
     }
 }
 BeheerNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerNavComponent, deps: [{ token: AuthenticationService }, { token: i1$1.Router }, { token: FabrikantenApiClient }], target: i0.ɵɵFactoryTarget.Component });
-BeheerNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerNavComponent, selector: "app-beheer-nav", ngImport: i0, template: "<div class=\"main-block\">\n  <div class=\"row\">\n    <div class=\"cell left-block\">\n      <button mat-raised-button (click)=\"NavigateTo('searchproducts')\" class=\"link\" [disabled]=\"IsActive('/searchproducts')\">\n        Zoeken\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('importsets')\" class=\"link\" [disabled]=\"IsActive('/importsets')\">\n        Import\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('products')\" class=\"link\" [disabled]=\"IsActive('/products')\">\n        Products\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('filters')\" class=\"link\" [disabled]=\"IsActive('/filters')\">\n        Filters\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('ebokoppel')\" class=\"link\" [disabled]=\"IsActive('/ebokoppel')\">\n        EBO Koppel\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('categories')\" class=\"link\" [disabled]=\"IsActive('/categories')\">\n        Categories\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('deeplink')\" class=\"link\" [disabled]=\"IsActive('/deeplink')\">\n        Deeplink\n      </button>\n    </div>\n    <div class=\"cell right-block\">\n      <button mat-raised-button (click)=\"ResetCache()\" class=\"link\">\n        {{ ResetCacheTitle }}\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('settings')\" class=\"link\" [disabled]=\"IsActive('/settings')\">\n        Settings\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('translate')\" class=\"link\" [disabled]=\"IsActive('/translate')\">\n        Translate\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('users')\" class=\"link\" [disabled]=\"IsActive('/users')\">\n        Users\n      </button>\n      <button mat-raised-button (click)=\"LogOff()\" class=\"link\">\n        Uitloggen\n      </button>\n    </div>\n  </div>\n</div>\n", styles: ["app-beheer-nav .main-block{width:100%;display:table}app-beheer-nav .main-block .left-block{text-align:left}app-beheer-nav .main-block .right-block{text-align:right}app-beheer-nav .main-block .row{display:table-row}app-beheer-nav .main-block .cell{display:table-cell}app-beheer-nav .main-block .link{margin:5px}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}.full-width{width:100%}\n"], dependencies: [{ kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
+BeheerNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerNavComponent, selector: "app-beheer-nav", ngImport: i0, template: "<div class=\"main-block\">\n  <div class=\"row\">\n    <div class=\"cell left-block\">\n      <button mat-raised-button (click)=\"NavigateTo('searchproducts')\" class=\"link\" [disabled]=\"IsActive('/searchproducts')\">\n        Zoeken\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('importsets')\" class=\"link\" [disabled]=\"IsActive('/importsets')\">\n        Import\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('products')\" class=\"link\" [disabled]=\"IsActive('/products')\">\n        Products\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('filters')\" class=\"link\" [disabled]=\"IsActive('/filters')\">\n        Filters\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('ebokoppel')\" class=\"link\" [disabled]=\"IsActive('/ebokoppel')\">\n        EBO Koppel\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('categories')\" class=\"link\" [disabled]=\"IsActive('/categories')\">\n        Categories\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('deeplink')\" class=\"link\" [disabled]=\"IsActive('/deeplink')\">\n        Deeplink\n      </button>\n    </div>\n    <div class=\"cell right-block\">\n      <button mat-raised-button (click)=\"ResetCache()\" class=\"link\">\n        {{ ResetCacheTitle }}\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('settings')\" class=\"link\" [disabled]=\"IsActive('/settings')\">\n        Settings\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('translate')\" class=\"link\" [disabled]=\"IsActive('/translate')\">\n        Translate\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('users')\" class=\"link\" [disabled]=\"IsActive('/users')\">\n        Users\n      </button>\n      <button mat-raised-button (click)=\"LogOff()\" class=\"link\">\n        Uitloggen\n      </button>\n    </div>\n  </div>\n</div>\n", styles: ["app-beheer-nav .main-block{width:100%;display:table}app-beheer-nav .main-block .left-block{text-align:left}app-beheer-nav .main-block .right-block{text-align:right}app-beheer-nav .main-block .row{display:table-row}app-beheer-nav .main-block .cell{display:table-cell}app-beheer-nav .main-block .link{margin:5px}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}.full-width{width:100%}\n"], dependencies: [{ kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerNavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-nav', encapsulation: ViewEncapsulation.None, template: "<div class=\"main-block\">\n  <div class=\"row\">\n    <div class=\"cell left-block\">\n      <button mat-raised-button (click)=\"NavigateTo('searchproducts')\" class=\"link\" [disabled]=\"IsActive('/searchproducts')\">\n        Zoeken\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('importsets')\" class=\"link\" [disabled]=\"IsActive('/importsets')\">\n        Import\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('products')\" class=\"link\" [disabled]=\"IsActive('/products')\">\n        Products\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('filters')\" class=\"link\" [disabled]=\"IsActive('/filters')\">\n        Filters\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('ebokoppel')\" class=\"link\" [disabled]=\"IsActive('/ebokoppel')\">\n        EBO Koppel\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('categories')\" class=\"link\" [disabled]=\"IsActive('/categories')\">\n        Categories\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('deeplink')\" class=\"link\" [disabled]=\"IsActive('/deeplink')\">\n        Deeplink\n      </button>\n    </div>\n    <div class=\"cell right-block\">\n      <button mat-raised-button (click)=\"ResetCache()\" class=\"link\">\n        {{ ResetCacheTitle }}\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('settings')\" class=\"link\" [disabled]=\"IsActive('/settings')\">\n        Settings\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('translate')\" class=\"link\" [disabled]=\"IsActive('/translate')\">\n        Translate\n      </button>\n      <button mat-raised-button (click)=\"NavigateTo('users')\" class=\"link\" [disabled]=\"IsActive('/users')\">\n        Users\n      </button>\n      <button mat-raised-button (click)=\"LogOff()\" class=\"link\">\n        Uitloggen\n      </button>\n    </div>\n  </div>\n</div>\n", styles: ["app-beheer-nav .main-block{width:100%;display:table}app-beheer-nav .main-block .left-block{text-align:left}app-beheer-nav .main-block .right-block{text-align:right}app-beheer-nav .main-block .row{display:table-row}app-beheer-nav .main-block .cell{display:table-cell}app-beheer-nav .main-block .link{margin:5px}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}.full-width{width:100%}\n"] }]
@@ -8416,7 +8546,7 @@ class BeheerInlogComponent {
     }
 }
 BeheerInlogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerInlogComponent, deps: [{ token: AuthenticationService }, { token: i1$1.Router }, { token: SecurityApiClient }], target: i0.ɵɵFactoryTarget.Component });
-BeheerInlogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerInlogComponent, selector: "app-beheer-inlog", ngImport: i0, template: "\r\n<div class=\"container\">\r\n  <div class=\"inlogdialog\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Gebruikersnaam</mat-label>\r\n            <input type=\"text\" [(ngModel)]=\"Username\" matInput value=\"\">\r\n          </mat-form-field>\r\n        </div>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Wachtwoord</mat-label>\r\n            <input type=\"password\" [(ngModel)]=\"Password\" matInput value=\"\">\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"button-bar\">\r\n          <div class=\"error-box\">\r\n            {{ Message }}\r\n          </div>\r\n          <button mat-raised-button (click)=\"Login()\" class=\"login-button\">\r\n            <span *ngIf=\"!authenticationService.LoadingLogin\">\r\n              Login\r\n            </span>\r\n            <span *ngIf=\"authenticationService.LoadingLogin\">\r\n              <app-fab-loader class=\"loader\"></app-fab-loader>\r\n            </span>\r\n          </button>\r\n        </div>\r\n        <div>\r\n          IP Address: {{ LoginIPResponseModel?.ipAddress }}\r\n        </div>\r\n        <div>\r\n          FabrikantenCore: {{ LoginIPResponseModel?.fabrikantenCoreVersion }}\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n    \r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-inlog .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}app-beheer-inlog .error-box{font-size:12px;text-align:center;color:red;padding:3px}app-beheer-inlog .login-button{width:70px}app-beheer-inlog .loader{height:20px;top:6px;position:relative}app-beheer-inlog .inlogdialog{width:300px}app-beheer-inlog .button-bar{text-align:right}app-beheer-inlog mat-form-field{width:100%}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
+BeheerInlogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerInlogComponent, selector: "app-beheer-inlog", ngImport: i0, template: "\r\n<div class=\"container\">\r\n  <div class=\"inlogdialog\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Gebruikersnaam</mat-label>\r\n            <input type=\"text\" [(ngModel)]=\"Username\" matInput value=\"\">\r\n          </mat-form-field>\r\n        </div>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Wachtwoord</mat-label>\r\n            <input type=\"password\" [(ngModel)]=\"Password\" matInput value=\"\">\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"button-bar\">\r\n          <div class=\"error-box\">\r\n            {{ Message }}\r\n          </div>\r\n          <button mat-raised-button (click)=\"Login()\" class=\"login-button\">\r\n            <span *ngIf=\"!authenticationService.LoadingLogin\">\r\n              Login\r\n            </span>\r\n            <span *ngIf=\"authenticationService.LoadingLogin\">\r\n              <app-fab-loader class=\"loader\"></app-fab-loader>\r\n            </span>\r\n          </button>\r\n        </div>\r\n        <div>\r\n          IP Address: {{ LoginIPResponseModel?.ipAddress }}\r\n        </div>\r\n        <div>\r\n          FabrikantenCore: {{ LoginIPResponseModel?.fabrikantenCoreVersion }}\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n    \r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-inlog .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}app-beheer-inlog .error-box{font-size:12px;text-align:center;color:red;padding:3px}app-beheer-inlog .login-button{width:70px}app-beheer-inlog .loader{height:20px;top:6px;position:relative}app-beheer-inlog .inlogdialog{width:300px}app-beheer-inlog .button-bar{text-align:right}app-beheer-inlog mat-form-field{width:100%}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerInlogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-inlog', encapsulation: ViewEncapsulation.None, template: "\r\n<div class=\"container\">\r\n  <div class=\"inlogdialog\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Gebruikersnaam</mat-label>\r\n            <input type=\"text\" [(ngModel)]=\"Username\" matInput value=\"\">\r\n          </mat-form-field>\r\n        </div>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Wachtwoord</mat-label>\r\n            <input type=\"password\" [(ngModel)]=\"Password\" matInput value=\"\">\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"button-bar\">\r\n          <div class=\"error-box\">\r\n            {{ Message }}\r\n          </div>\r\n          <button mat-raised-button (click)=\"Login()\" class=\"login-button\">\r\n            <span *ngIf=\"!authenticationService.LoadingLogin\">\r\n              Login\r\n            </span>\r\n            <span *ngIf=\"authenticationService.LoadingLogin\">\r\n              <app-fab-loader class=\"loader\"></app-fab-loader>\r\n            </span>\r\n          </button>\r\n        </div>\r\n        <div>\r\n          IP Address: {{ LoginIPResponseModel?.ipAddress }}\r\n        </div>\r\n        <div>\r\n          FabrikantenCore: {{ LoginIPResponseModel?.fabrikantenCoreVersion }}\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n    \r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-inlog .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}app-beheer-inlog .error-box{font-size:12px;text-align:center;color:red;padding:3px}app-beheer-inlog .login-button{width:70px}app-beheer-inlog .loader{height:20px;top:6px;position:relative}app-beheer-inlog .inlogdialog{width:300px}app-beheer-inlog .button-bar{text-align:right}app-beheer-inlog mat-form-field{width:100%}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}\n"] }]
@@ -8703,6 +8833,23 @@ class TranslateService {
         }
         return "";
     }
+    GetActiveValueBCBEigenschapToebehoren(bcbEigenschapToebehorenId) {
+        if (this.ActiveLanguage != null) {
+            return this.GetValueBCBEigenschapToebehoren(this.ActiveLanguage, bcbEigenschapToebehorenId);
+        }
+        return "";
+    }
+    GetValueBCBEigenschapToebehoren(language, bcbEigenschapToebehorenId) {
+        var bcbeigenschaparray = language.bcbEigenschapToebehorenEntries;
+        if (bcbeigenschaparray != null) {
+            for (var i = 0; i < bcbeigenschaparray.length; i++) {
+                if (bcbeigenschaparray[i].bcbEigenschapToebehorenId == bcbEigenschapToebehorenId) {
+                    return bcbeigenschaparray[i].value;
+                }
+            }
+        }
+        return "";
+    }
     GetActiveValueProduct(productId) {
         if (this.ActiveLanguage != null) {
             return this.GetValueProduct(this.ActiveLanguage, productId);
@@ -9280,6 +9427,13 @@ class FabrikantenService {
         }
         return false;
     }
+    ShowToebehoren() {
+        var _a;
+        if (((_a = this.FabrikantenViewModel) === null || _a === void 0 ? void 0 : _a.enableToebehoren) == true) {
+            return true;
+        }
+        return false;
+    }
     ShowVariants() {
         var _a;
         if (this.FabrikantenViewModel != null) {
@@ -9369,12 +9523,13 @@ class FabrikantenService {
         return true;
     }
     // Downloads
-    DownloadARKEYAdomi() {
+    DownloadARKEYAdomi(custombcbeboid) {
         this.DownloadARKEYAdomiLoading = true;
         var request = new FabrikantenFileRequestModel();
         request.sessionId = this.FabrikantenViewModel.sessionId;
         request.fileType = "dhg";
         request.model3D = true;
+        request.customBCBEBOId = custombcbeboid;
         this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model) => {
             this.StartDownload(model.file + "", ".dhg");
             this.DownloadARKEYAdomiLoading = false;
@@ -9387,12 +9542,13 @@ class FabrikantenService {
             }
         });
     }
-    DownloadIFC() {
+    DownloadIFC(custombcbeboid) {
         this.DownloadIFCLoading = true;
         var request = new FabrikantenFileRequestModel();
         request.sessionId = this.FabrikantenViewModel.sessionId;
         request.fileType = "ifc";
         request.model3D = true;
+        request.customBCBEBOId = custombcbeboid;
         this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model) => {
             this.StartDownload(model.file + "", ".ifc");
             this.DownloadIFCLoading = false;
@@ -9405,12 +9561,13 @@ class FabrikantenService {
             }
         });
     }
-    DownloadRevitPlugin() {
+    DownloadRevitPlugin(custombcbeboid) {
         this.DownloadRevitPluginLoading = false;
         var request = new FabrikantenFileRequestModel();
         request.sessionId = this.FabrikantenViewModel.sessionId;
         request.fileType = "hdhRevit";
         request.model3D = true;
+        request.customBCBEBOId = custombcbeboid;
         this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model) => {
             window.location.href = model.file + "";
             this.DownloadRevitPluginLoading = false;
@@ -9423,12 +9580,13 @@ class FabrikantenService {
             }
         });
     }
-    Download3DAutoCADDwg() {
+    Download3DAutoCADDwg(custombcbeboid) {
         this.Download3DAutoCADDwgLoading = true;
         var request = new FabrikantenFileRequestModel();
         request.sessionId = this.FabrikantenViewModel.sessionId;
         request.fileType = "dwg";
         request.model3D = true;
+        request.customBCBEBOId = custombcbeboid;
         this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model) => {
             this.StartDownload(model.file + "", ".dwg");
             this.Download3DAutoCADDwgLoading = false;
@@ -9441,12 +9599,13 @@ class FabrikantenService {
             }
         });
     }
-    Download3DDxf() {
+    Download3DDxf(custombcbeboid) {
         this.Download3DDxfLoading = true;
         var request = new FabrikantenFileRequestModel();
         request.sessionId = this.FabrikantenViewModel.sessionId;
         request.fileType = "dxf";
         request.model3D = true;
+        request.customBCBEBOId = custombcbeboid;
         this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model) => {
             this.StartDownload(model.file + "", ".dxf");
             this.Download3DDxfLoading = false;
@@ -9459,12 +9618,13 @@ class FabrikantenService {
             }
         });
     }
-    Download2DAutoCADDwg() {
+    Download2DAutoCADDwg(custombcbeboid) {
         this.Download2DAutoCADDwgLoading = true;
         var request = new FabrikantenFileRequestModel();
         request.sessionId = this.FabrikantenViewModel.sessionId;
         request.fileType = "dwg";
         request.model3D = false;
+        request.customBCBEBOId = custombcbeboid;
         this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model) => {
             this.StartDownload(model.file + "", ".dwg");
             this.Download2DAutoCADDwgLoading = false;
@@ -9477,12 +9637,13 @@ class FabrikantenService {
             }
         });
     }
-    Download2DDxf() {
+    Download2DDxf(custombcbeboid) {
         this.Download2DDxfLoading = true;
         var request = new FabrikantenFileRequestModel();
         request.sessionId = this.FabrikantenViewModel.sessionId;
         request.fileType = "dxf";
         request.model3D = false;
+        request.customBCBEBOId = custombcbeboid;
         this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model) => {
             this.StartDownload(model.file + "", ".dxf");
             this.Download2DDxfLoading = false;
@@ -9495,12 +9656,13 @@ class FabrikantenService {
             }
         });
     }
-    DownloadRFA() {
+    DownloadRFA(custombcbeboid) {
         this.DownloadRFALoading = true;
         var request = new FabrikantenFileRequestModel();
         request.sessionId = this.FabrikantenViewModel.sessionId;
         request.fileType = "rfa";
         request.model3D = false;
+        request.customBCBEBOId = custombcbeboid;
         this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model) => {
             this.StartDownload(model.file + "", ".rfa");
             this.DownloadRFALoading = false;
@@ -9542,6 +9704,9 @@ class FabrikantenService {
             else if (this.SelectedTab == "Texture") {
                 this.TextureService.LoadFabrikantenTextureViewModel(this.FabrikantenViewModel.sessionId, ChangeDetectorRef);
             }
+            else if (this.SelectedTab == "Toebehoren") {
+                //this.ToebehorenService.LoadFabrikantenToebehorenViewModel(this.FabrikantenViewModel.sessionId as string, ChangeDetectorRef);
+            }
         }
     }
     // Breadcrumb
@@ -9706,7 +9871,7 @@ class FabRangeInputComponent {
     }
 }
 FabRangeInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabRangeInputComponent, deps: [{ token: FabrikantenService }, { token: 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>{{ TranslateService.GetActiveValueRangeInput(rangeinput.id) }}</mat-label>\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() == -1\" matInput type=\"number\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() != -1\" matInput type=\"number\" [min]=\"GetMin()\" [max]=\"GetMax()\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() != -1\" matInput type=\"number\" [max]=\"GetMax()\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() == -1\" matInput type=\"number\" [min]=\"GetMin()\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <mat-error>{{ tooltip }}</mat-error>\r\n  </mat-form-field>\r\n\r\n", styles: [".fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+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>{{ TranslateService.GetActiveValueRangeInput(rangeinput.id) }}</mat-label>\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() == -1\" matInput type=\"number\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() != -1\" matInput type=\"number\" [min]=\"GetMin()\" [max]=\"GetMax()\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() != -1\" matInput type=\"number\" [max]=\"GetMax()\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() == -1\" matInput type=\"number\" [min]=\"GetMin()\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <mat-error>{{ tooltip }}</mat-error>\r\n  </mat-form-field>\r\n\r\n", styles: [".fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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$1.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>{{ TranslateService.GetActiveValueRangeInput(rangeinput.id) }}</mat-label>\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() == -1\" matInput type=\"number\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() != -1\" matInput type=\"number\" [min]=\"GetMin()\" [max]=\"GetMax()\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() != -1\" matInput type=\"number\" [max]=\"GetMax()\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() == -1\" matInput type=\"number\" [min]=\"GetMin()\" matTooltip=\"{{ tooltip }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <mat-error>{{ tooltip }}</mat-error>\r\n  </mat-form-field>\r\n\r\n", styles: [".fullwidth{width:100%}\n"] }]
@@ -9739,6 +9904,11 @@ class FabFilterColourDialogComponent {
                 return true;
             }
         }
+        else {
+            if (this.ShowOther) {
+                return true;
+            }
+        }
         return false;
     }
 }
@@ -9788,10 +9958,10 @@ class FabFilterColourComponent {
     }
 }
 FabFilterColourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterColourComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }, { token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-FabFilterColourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabFilterColourComponent, selector: "app-fab-filter-colour", inputs: { filter: "filter" }, ngImport: i0, template: "<button class=\"select-button\" mat-stroked-button (click)=\"OpenDialog()\">\r\n  Selecteer kleur\r\n  <span *ngIf=\"filter.selectedColour != null\">\r\n    ({{ filter.selectedColour }})\r\n  </span>\r\n</button>\r\n", styles: [".select-button{width:100%;margin-bottom:20px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+FabFilterColourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabFilterColourComponent, selector: "app-fab-filter-colour", inputs: { filter: "filter" }, ngImport: i0, template: "<button class=\"select-button\" mat-stroked-button (click)=\"OpenDialog()\">\r\n  {{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n  <span *ngIf=\"filter.selectedColour != null\">\r\n    ({{ filter.selectedColour }})\r\n  </span>\r\n</button>\r\n", styles: [".select-button{width:100%;margin-bottom:20px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterColourComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-filter-colour', template: "<button class=\"select-button\" mat-stroked-button (click)=\"OpenDialog()\">\r\n  Selecteer kleur\r\n  <span *ngIf=\"filter.selectedColour != null\">\r\n    ({{ filter.selectedColour }})\r\n  </span>\r\n</button>\r\n", styles: [".select-button{width:100%;margin-bottom:20px}\n"] }]
+            args: [{ selector: 'app-fab-filter-colour', template: "<button class=\"select-button\" mat-stroked-button (click)=\"OpenDialog()\">\r\n  {{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n  <span *ngIf=\"filter.selectedColour != null\">\r\n    ({{ filter.selectedColour }})\r\n  </span>\r\n</button>\r\n", styles: [".select-button{width:100%;margin-bottom:20px}\n"] }]
         }], ctorParameters: function () { return [{ type: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }, { type: i1$3.MatDialog }]; }, propDecorators: { filter: [{
                 type: Input
             }] } });
@@ -10044,7 +10214,7 @@ class FabProductBestekComponent {
     }
 }
 FabProductBestekComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabProductBestekComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: BestekService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabProductBestekComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabProductBestekComponent, selector: "app-fab-product-bestek", viewQueries: [{ propertyName: "fabProductBestek", first: true, predicate: ["fabProductBestek"], descendants: true }], ngImport: i0, template: "<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\r\n  <div *ngIf=\"ShowBestek()\">\r\n    <div *ngIf=\"!BestekService.Loading\">\r\n\r\n      <div class=\"bestek-settings\">\r\n        <mat-card>\r\n          <mat-card-content>\r\n            <div class=\"column\">\r\n              <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"SelectedTabChange($event)\" appearance=\"legacy\">\r\n                <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(\"Common\", \"STABU\") }}</mat-button-toggle>\r\n                <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(\"Common\", \"OSF\") }}</mat-button-toggle>\r\n                <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(\"Common\", \"Specification text\") }}</mat-button-toggle>\r\n              </mat-button-toggle-group>\r\n              <div>\r\n                &nbsp;\r\n              </div>\r\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoard()\">\r\n                <div class=\"row\">\r\n                  <div class=\"row-icon\">\r\n                    <mat-icon class=\"icon content_copy\">content_copy</mat-icon>\r\n                  </div>\r\n                  <div class=\"row-title\">\r\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Clipboard\") }}\r\n                  </div>\r\n                </div>\r\n              </button>\r\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadBestek()\">\r\n                <div class=\"row\">\r\n                  <div class=\"row-icon\">\r\n                    <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                  </div>\r\n                  <div class=\"row-title\">\r\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Download\") }}\r\n                  </div>\r\n                </div>\r\n              </button>\r\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n                <div class=\"row\">\r\n                  <div class=\"row-icon\">\r\n                    <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                  </div>\r\n                  <div class=\"row-title\">\r\n                    {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                  </div>\r\n                </div>\r\n              </button>\r\n            </div>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n\r\n\r\n      <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-product-bestek .row{display:flex;line-height:37px}app-fab-product-bestek .bcbproduct-div{padding:3px}app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .icon{margin-right:3px}app-fab-product-bestek .row-icon{align-items:center;display:flex}app-fab-product-bestek .column{display:flex;flex-direction:column}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .row-title{flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .toolbar{display:flex;padding-bottom:5px}app-fab-product-bestek .toolbar-mobile{padding-bottom:5px}app-fab-product-bestek .toolbar-actions{flex:auto}app-fab-product-bestek .toolbar-button{margin-top:3px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i9$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
+FabProductBestekComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabProductBestekComponent, selector: "app-fab-product-bestek", viewQueries: [{ propertyName: "fabProductBestek", first: true, predicate: ["fabProductBestek"], descendants: true }], ngImport: i0, template: "<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\r\n  <div *ngIf=\"ShowBestek()\">\r\n    <div *ngIf=\"!BestekService.Loading\">\r\n\r\n      <div class=\"bestek-settings\">\r\n        <mat-card>\r\n          <mat-card-content>\r\n            <div class=\"column\">\r\n              <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"SelectedTabChange($event)\" appearance=\"legacy\">\r\n                <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(\"Common\", \"STABU\") }}</mat-button-toggle>\r\n                <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(\"Common\", \"OSF\") }}</mat-button-toggle>\r\n                <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(\"Common\", \"Specification text\") }}</mat-button-toggle>\r\n              </mat-button-toggle-group>\r\n              <div>\r\n                &nbsp;\r\n              </div>\r\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoard()\">\r\n                <div class=\"row\">\r\n                  <div class=\"row-icon\">\r\n                    <mat-icon class=\"icon content_copy\">content_copy</mat-icon>\r\n                  </div>\r\n                  <div class=\"row-title\">\r\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Clipboard\") }}\r\n                  </div>\r\n                </div>\r\n              </button>\r\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadBestek()\">\r\n                <div class=\"row\">\r\n                  <div class=\"row-icon\">\r\n                    <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                  </div>\r\n                  <div class=\"row-title\">\r\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Download\") }}\r\n                  </div>\r\n                </div>\r\n              </button>\r\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n                <div class=\"row\">\r\n                  <div class=\"row-icon\">\r\n                    <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                  </div>\r\n                  <div class=\"row-title\">\r\n                    {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                  </div>\r\n                </div>\r\n              </button>\r\n            </div>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n\r\n\r\n      <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-product-bestek .row{display:flex;line-height:37px}app-fab-product-bestek .bcbproduct-div{padding:3px}app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .icon{margin-right:3px}app-fab-product-bestek .row-icon{align-items:center;display:flex}app-fab-product-bestek .column{display:flex;flex-direction:column}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .row-title{flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .toolbar{display:flex;padding-bottom:5px}app-fab-product-bestek .toolbar-mobile{padding-bottom:5px}app-fab-product-bestek .toolbar-actions{flex:auto}app-fab-product-bestek .toolbar-button{margin-top:3px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i9$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabProductBestekComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-fab-product-bestek', encapsulation: ViewEncapsulation.None, template: "<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\r\n  <div *ngIf=\"ShowBestek()\">\r\n    <div *ngIf=\"!BestekService.Loading\">\r\n\r\n      <div class=\"bestek-settings\">\r\n        <mat-card>\r\n          <mat-card-content>\r\n            <div class=\"column\">\r\n              <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"SelectedTabChange($event)\" appearance=\"legacy\">\r\n                <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(\"Common\", \"STABU\") }}</mat-button-toggle>\r\n                <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(\"Common\", \"OSF\") }}</mat-button-toggle>\r\n                <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(\"Common\", \"Specification text\") }}</mat-button-toggle>\r\n              </mat-button-toggle-group>\r\n              <div>\r\n                &nbsp;\r\n              </div>\r\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoard()\">\r\n                <div class=\"row\">\r\n                  <div class=\"row-icon\">\r\n                    <mat-icon class=\"icon content_copy\">content_copy</mat-icon>\r\n                  </div>\r\n                  <div class=\"row-title\">\r\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Clipboard\") }}\r\n                  </div>\r\n                </div>\r\n              </button>\r\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadBestek()\">\r\n                <div class=\"row\">\r\n                  <div class=\"row-icon\">\r\n                    <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                  </div>\r\n                  <div class=\"row-title\">\r\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Download\") }}\r\n                  </div>\r\n                </div>\r\n              </button>\r\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n                <div class=\"row\">\r\n                  <div class=\"row-icon\">\r\n                    <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                  </div>\r\n                  <div class=\"row-title\">\r\n                    {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                  </div>\r\n                </div>\r\n              </button>\r\n            </div>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n\r\n\r\n      <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-product-bestek .row{display:flex;line-height:37px}app-fab-product-bestek .bcbproduct-div{padding:3px}app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .icon{margin-right:3px}app-fab-product-bestek .row-icon{align-items:center;display:flex}app-fab-product-bestek .column{display:flex;flex-direction:column}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .row-title{flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .toolbar{display:flex;padding-bottom:5px}app-fab-product-bestek .toolbar-mobile{padding-bottom:5px}app-fab-product-bestek .toolbar-actions{flex:auto}app-fab-product-bestek .toolbar-button{margin-top:3px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"] }]
@@ -10089,7 +10259,7 @@ class FabBreadcrumbComponent {
     }
 }
 FabBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabBreadcrumbComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header\">\r\n  <div *ngIf=\"ShowBack()\">\r\n    <button class=\"buttonsize\" mat-stroked-button (click)=\"Back()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon arrow_back\">arrow_back</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          {{ TranslateService.GetActiveValue(\"Common\", \"Back\") }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </div>\r\n  <ng-container *ngIf=\"!MobileService.MobileInterface\">\r\n    <ng-container *ngFor=\"let step of FabrikantenService.GetSteps()\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"UndoStep(step)\">\r\n        {{ TranslateService.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          Filtermenu\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </ng-container>\r\n</div>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.header-back{cursor:pointer}.product-conf{padding-left:5px}.open-filters-button{margin-left:5px}.title{line-height:35px;font-size:30px;flex:auto;padding-left:5px}.icon{position:relative;top:2px}.header-title{font-size:16px;position:relative;top:1px;margin-left:3px}.step{font-size:16px;vertical-align:middle;line-height:39px;font-family:Roboto;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step:first-letter{text-transform:capitalize}.step:hover{text-decoration:underline}.stepicon{padding-top:7px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+FabBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header\">\r\n  <div *ngIf=\"ShowBack()\">\r\n    <button class=\"buttonsize\" mat-stroked-button (click)=\"Back()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon arrow_back\">arrow_back</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          {{ TranslateService.GetActiveValue(\"Common\", \"Back\") }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </div>\r\n  <ng-container *ngIf=\"!MobileService.MobileInterface\">\r\n    <ng-container *ngFor=\"let step of FabrikantenService.GetSteps()\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"UndoStep(step)\">\r\n        {{ TranslateService.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          Filtermenu\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </ng-container>\r\n</div>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.header-back{cursor:pointer}.product-conf{padding-left:5px}.open-filters-button{margin-left:5px}.title{line-height:35px;font-size:30px;flex:auto;padding-left:5px}.icon{position:relative;top:2px}.header-title{font-size:16px;position:relative;top:1px;margin-left:3px}.step{font-size:16px;vertical-align:middle;line-height:39px;font-family:Roboto;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step:first-letter{text-transform:capitalize}.step:hover{text-decoration:underline}.stepicon{padding-top:7px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-fab-breadcrumb', template: "<div class=\"header\">\r\n  <div *ngIf=\"ShowBack()\">\r\n    <button class=\"buttonsize\" mat-stroked-button (click)=\"Back()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon arrow_back\">arrow_back</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          {{ TranslateService.GetActiveValue(\"Common\", \"Back\") }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </div>\r\n  <ng-container *ngIf=\"!MobileService.MobileInterface\">\r\n    <ng-container *ngFor=\"let step of FabrikantenService.GetSteps()\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"UndoStep(step)\">\r\n        {{ TranslateService.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          Filtermenu\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </ng-container>\r\n</div>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.header-back{cursor:pointer}.product-conf{padding-left:5px}.open-filters-button{margin-left:5px}.title{line-height:35px;font-size:30px;flex:auto;padding-left:5px}.icon{position:relative;top:2px}.header-title{font-size:16px;position:relative;top:1px;margin-left:3px}.step{font-size:16px;vertical-align:middle;line-height:39px;font-family:Roboto;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step:first-letter{text-transform:capitalize}.step:hover{text-decoration:underline}.stepicon{padding-top:7px}\n"] }]
@@ -10243,10 +10413,10 @@ class FabWebglViewerComponent {
     }
 }
 FabWebglViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabWebglViewerComponent, deps: [{ token: FabrikantenService }, { token: WebGLService }, { token: TranslateService }, { token: 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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"WebGLService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button revit-plugin-button\" (click)=\"FabrikantenService.DownloadRevitPlugin()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRevitPluginLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRevitPluginLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit (plugin)\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" (click)=\"FabrikantenService.Download3DAutoCADDwg()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download3DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download3DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button dxf-3d-button\" (click)=\"FabrikantenService.Download3DDxf()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download3DDxfLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download3DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D Dxf\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA(undefined)\" *ngIf=\"WebGLService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button revit-plugin-button\" (click)=\"FabrikantenService.DownloadRevitPlugin(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRevitPluginLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRevitPluginLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit (plugin)\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" (click)=\"FabrikantenService.Download3DAutoCADDwg(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download3DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download3DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button dxf-3d-button\" (click)=\"FabrikantenService.Download3DDxf(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download3DDxfLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download3DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D Dxf\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"WebGLService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button revit-plugin-button\" (click)=\"FabrikantenService.DownloadRevitPlugin()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRevitPluginLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRevitPluginLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit (plugin)\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" (click)=\"FabrikantenService.Download3DAutoCADDwg()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download3DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download3DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button dxf-3d-button\" (click)=\"FabrikantenService.Download3DDxf()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download3DDxfLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download3DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D Dxf\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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"] }]
+            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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA(undefined)\" *ngIf=\"WebGLService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button revit-plugin-button\" (click)=\"FabrikantenService.DownloadRevitPlugin(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRevitPluginLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRevitPluginLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit (plugin)\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" (click)=\"FabrikantenService.Download3DAutoCADDwg(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download3DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download3DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button dxf-3d-button\" (click)=\"FabrikantenService.Download3DDxf(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download3DDxfLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download3DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D Dxf\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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: FabrikantenService }, { type: WebGLService }, { type: TranslateService }, { type: MobileService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { viewercontainer: [{
                 type: ViewChild,
                 args: ['viewercontainer']
@@ -10312,10 +10482,10 @@ class FabSvgViewerComponent {
     }
 }
 FabSvgViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabSvgViewerComponent, deps: [{ token: FabrikantenService }, { token: SVGService }, { token: TranslateService }, { token: i4$3.DomSanitizer }, { token: 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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <mat-form-field appearance=\"fill\">\r\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Snede\") }}</mat-label>\r\n              <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\r\n                <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", snede) }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <mat-form-field appearance=\"fill\">\r\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Schaal\") }}</mat-label>\r\n              <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\r\n                <mat-option [value]=\"'0'\">1:1</mat-option>\r\n                <mat-option [value]=\"'1'\">1:2</mat-option>\r\n                <mat-option [value]=\"'2'\">1:5</mat-option>\r\n                <mat-option [value]=\"'3'\">1:10</mat-option>\r\n                <mat-option [value]=\"'4'\">1:20</mat-option>\r\n                <mat-option [value]=\"'5'\">1:50</mat-option>\r\n                <mat-option [value]=\"'6'\">1:100</mat-option>\r\n                <mat-option [value]=\"'7'\">1:200</mat-option>\r\n                <mat-option [value]=\"'8'\">1:500</mat-option>\r\n                <mat-option [value]=\"'9'\">1:1000</mat-option>\r\n                <mat-option [value]=\"'10'\">1:2000</mat-option>\r\n                <mat-option [value]=\"'11'\">1:5000</mat-option>\r\n                <mat-option [value]=\"'12'\">1:10000</mat-option>\r\n                <mat-option [value]=\"'13'\">1:20000</mat-option>\r\n                <mat-option [value]=\"'14'\">1:50000</mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"SVGService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" (click)=\"FabrikantenService.Download2DAutoCADDwg()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" (click)=\"FabrikantenService.Download2DDxf()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DDxfLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D Dxf\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <mat-form-field appearance=\"fill\">\r\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Snede\") }}</mat-label>\r\n              <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\r\n                <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", snede) }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <mat-form-field appearance=\"fill\">\r\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Schaal\") }}</mat-label>\r\n              <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\r\n                <mat-option [value]=\"'0'\">1:1</mat-option>\r\n                <mat-option [value]=\"'1'\">1:2</mat-option>\r\n                <mat-option [value]=\"'2'\">1:5</mat-option>\r\n                <mat-option [value]=\"'3'\">1:10</mat-option>\r\n                <mat-option [value]=\"'4'\">1:20</mat-option>\r\n                <mat-option [value]=\"'5'\">1:50</mat-option>\r\n                <mat-option [value]=\"'6'\">1:100</mat-option>\r\n                <mat-option [value]=\"'7'\">1:200</mat-option>\r\n                <mat-option [value]=\"'8'\">1:500</mat-option>\r\n                <mat-option [value]=\"'9'\">1:1000</mat-option>\r\n                <mat-option [value]=\"'10'\">1:2000</mat-option>\r\n                <mat-option [value]=\"'11'\">1:5000</mat-option>\r\n                <mat-option [value]=\"'12'\">1:10000</mat-option>\r\n                <mat-option [value]=\"'13'\">1:20000</mat-option>\r\n                <mat-option [value]=\"'14'\">1:50000</mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA(undefined)\" *ngIf=\"SVGService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" (click)=\"FabrikantenService.Download2DAutoCADDwg(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" (click)=\"FabrikantenService.Download2DDxf(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DDxfLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D Dxf\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <mat-form-field appearance=\"fill\">\r\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Snede\") }}</mat-label>\r\n              <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\r\n                <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", snede) }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <mat-form-field appearance=\"fill\">\r\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Schaal\") }}</mat-label>\r\n              <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\r\n                <mat-option [value]=\"'0'\">1:1</mat-option>\r\n                <mat-option [value]=\"'1'\">1:2</mat-option>\r\n                <mat-option [value]=\"'2'\">1:5</mat-option>\r\n                <mat-option [value]=\"'3'\">1:10</mat-option>\r\n                <mat-option [value]=\"'4'\">1:20</mat-option>\r\n                <mat-option [value]=\"'5'\">1:50</mat-option>\r\n                <mat-option [value]=\"'6'\">1:100</mat-option>\r\n                <mat-option [value]=\"'7'\">1:200</mat-option>\r\n                <mat-option [value]=\"'8'\">1:500</mat-option>\r\n                <mat-option [value]=\"'9'\">1:1000</mat-option>\r\n                <mat-option [value]=\"'10'\">1:2000</mat-option>\r\n                <mat-option [value]=\"'11'\">1:5000</mat-option>\r\n                <mat-option [value]=\"'12'\">1:10000</mat-option>\r\n                <mat-option [value]=\"'13'\">1:20000</mat-option>\r\n                <mat-option [value]=\"'14'\">1:50000</mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"SVGService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" (click)=\"FabrikantenService.Download2DAutoCADDwg()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" (click)=\"FabrikantenService.Download2DDxf()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DDxfLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D Dxf\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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"] }]
+            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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <mat-form-field appearance=\"fill\">\r\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Snede\") }}</mat-label>\r\n              <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\r\n                <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", snede) }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <mat-form-field appearance=\"fill\">\r\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Schaal\") }}</mat-label>\r\n              <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\r\n                <mat-option [value]=\"'0'\">1:1</mat-option>\r\n                <mat-option [value]=\"'1'\">1:2</mat-option>\r\n                <mat-option [value]=\"'2'\">1:5</mat-option>\r\n                <mat-option [value]=\"'3'\">1:10</mat-option>\r\n                <mat-option [value]=\"'4'\">1:20</mat-option>\r\n                <mat-option [value]=\"'5'\">1:50</mat-option>\r\n                <mat-option [value]=\"'6'\">1:100</mat-option>\r\n                <mat-option [value]=\"'7'\">1:200</mat-option>\r\n                <mat-option [value]=\"'8'\">1:500</mat-option>\r\n                <mat-option [value]=\"'9'\">1:1000</mat-option>\r\n                <mat-option [value]=\"'10'\">1:2000</mat-option>\r\n                <mat-option [value]=\"'11'\">1:5000</mat-option>\r\n                <mat-option [value]=\"'12'\">1:10000</mat-option>\r\n                <mat-option [value]=\"'13'\">1:20000</mat-option>\r\n                <mat-option [value]=\"'14'\">1:50000</mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA(undefined)\" *ngIf=\"SVGService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" (click)=\"FabrikantenService.Download2DAutoCADDwg(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" (click)=\"FabrikantenService.Download2DDxf(undefined)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DDxfLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D Dxf\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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: FabrikantenService }, { type: SVGService }, { type: TranslateService }, { type: i4$3.DomSanitizer }, { type: MobileService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { svgcontainer: [{
                 type: ViewChild,
                 args: ['svgcontainer']
@@ -10342,12 +10512,133 @@ class FabTextureComponent {
     }
 }
 FabTextureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabTextureComponent, deps: [{ token: FabrikantenService }, { token: TextureService }, { token: TranslateService }, { token: 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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 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    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\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\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.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: FabrikantenService }, { type: TextureService }, { type: TranslateService }, { type: MobileService }, { type: i0.ChangeDetectorRef }]; } });
 
+class FabToebehorenComponent {
+    constructor(FabrikantenService, TranslateService, MobileService, ChangeDetectorRef, FabrikantenApiClient) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.MobileService = MobileService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.FabrikantenApiClient = FabrikantenApiClient;
+        this.LoadingSVG = false;
+        this.LoadingWebGL = false;
+        this.Init = false;
+        this.ViewerWidth = 0;
+        this.ViewerHeight = 0;
+    }
+    ngOnInit() {
+        this.RefreshViewerSize();
+    }
+    ngAfterViewInit() {
+        this.RefreshViewerSize();
+        this.RefreshViewer();
+        this.ChangeDetectorRef.detectChanges();
+    }
+    ngDoCheck() {
+        this.RefreshViewerSize();
+    }
+    Loading() {
+        return this.LoadingSVG || this.LoadingWebGL;
+    }
+    Open() {
+        var _a;
+        var toebehoren = this.GetSelectedToebehoren();
+        if (((_a = this.FabrikantenService.FabrikantenViewModel) === null || _a === void 0 ? void 0 : _a.sessionId) != null) {
+            if (toebehoren != null) {
+                this.LoadFabrikanten3DViewModel(this.FabrikantenService.FabrikantenViewModel.sessionId, toebehoren);
+            }
+        }
+    }
+    LoadFabrikanten3DViewModel(sessionid, toebehoren) {
+        this.LoadingWebGL = true;
+        this.ChangeDetectorRef.detectChanges();
+        var request = new Fabrikanten3DRequestModel();
+        request.sessionId = sessionid;
+        request.customBCBEBO = toebehoren.bcbeboId;
+        this.FabrikantenApiClient.getFabrikanten3DViewModel(request).subscribe((model) => {
+            this.Fabrikanten3DViewModel = model;
+            this.LoadingWebGL = false;
+            this.Init = true;
+            this.ChangeDetectorRef.detectChanges();
+            setTimeout(() => {
+                console.log("first check");
+                this.RefreshViewer();
+            }, 100);
+            this.RefreshViewerSize();
+        }, (error) => {
+            if (error.status == 400)
+                console.log(error.json());
+            else {
+                console.log('An unexpected error occured');
+                console.log(error);
+            }
+        });
+    }
+    GetSelectedToebehoren() {
+        var _a;
+        var toebehoren = null;
+        if (((_a = this.FabrikantenService.FabrikantenViewModel.selectedProduct) === null || _a === void 0 ? void 0 : _a.fabrikantenBCBProductViewModels) != null &&
+            this.FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels.length > 0 &&
+            this.FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren != null &&
+            this.FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren.length > 0) {
+            for (var i = 0; i < this.FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren.length; i++) {
+                if (this.FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren[i].id == this.Selected) {
+                    toebehoren = this.FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren[i];
+                }
+            }
+        }
+        return toebehoren;
+    }
+    RefreshViewerSize() {
+        if (this.viewercontainer != undefined) {
+            var width = this.viewercontainer.nativeElement.offsetWidth - 6;
+            var height = this.viewercontainer.nativeElement.offsetHeight - 6;
+            if (this.ViewerWidth != width || this.ViewerHeight != height) {
+                this.ViewerWidth = width;
+                this.ViewerHeight = height;
+                this.ChangeDetectorRef.detectChanges();
+                this.RefreshViewer();
+            }
+        }
+    }
+    RefreshViewer() {
+        if (!this.LoadingWebGL && this.Fabrikanten3DViewModel != null) {
+            var viewer = ModuleViewer3DLight.get("viewerCanvasToebehoren");
+            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.Fabrikanten3DViewModel.webGLJSON, function () {
+                    viewer.zetZoomGeheel();
+                    viewer.toonModel();
+                });
+            }
+        }
+    }
+}
+FabToebehorenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabToebehorenComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: MobileService }, { token: i0.ChangeDetectorRef }, { token: FabrikantenApiClient }], target: i0.ɵɵFactoryTarget.Component });
+FabToebehorenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabToebehorenComponent, selector: "app-fab-toebehoren", viewQueries: [{ propertyName: "viewercontainer", first: true, predicate: ["viewercontainertoebehoren"], descendants: true }], ngImport: i0, template: "<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"main-window\" *ngIf=\"!FabrikantenService.ShowVariants()\">\r\n    <div *ngIf=\"FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren.length == 0\" class=\"message\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Geen toebehoren\") }}\r\n    </div>\r\n    <div class=\"main-window\" *ngIf=\"FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren.length > 0\">\r\n      <div *ngIf=\"!Init && !Loading()\" class=\"message\">\r\n        {{ TranslateService.GetActiveValue(\"Common\", \"Selecteer toebehoren\") }}\r\n      </div>\r\n      <div class=\"flexauto\" *ngIf=\"Loading()\">\r\n        <app-fab-loader></app-fab-loader>\r\n      </div>\r\n      <div class=\"main-window\" *ngIf=\"!Loading() && Init\">\r\n        <div #viewercontainertoebehoren class=\"viewer-container\">\r\n          <canvas id=\"viewerCanvasToebehoren\" class=\"viewer-canvas\" [attr.width]=\"ViewerWidth\" [attr.height]=\"ViewerHeight\"></canvas>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"settings\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <mat-form-field appearance=\"fill\">\r\n              <mat-label class=\"select-mat-label\">Toebehoren</mat-label>\r\n              <mat-select [(ngModel)]=\"Selected\" (selectionChange)=\"Open()\">\r\n                <mat-option *ngFor=\"let item of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren\" [value]=\"item.id\">\r\n                  {{ TranslateService.GetActiveValueBCBEigenschapToebehoren(item.id) }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n\r\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button revit-plugin-button\" (click)=\"FabrikantenService.DownloadRevitPlugin(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRevitPluginLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRevitPluginLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit (plugin)\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" (click)=\"FabrikantenService.Download3DAutoCADDwg(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download3DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download3DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" (click)=\"FabrikantenService.Download2DAutoCADDwg(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" (click)=\"FabrikantenService.Download2DDxf(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DDxfLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D Dxf\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.icon{margin-right:3px}.multiplevariants{padding:20px}.flexauto{flex:auto}.row-icon{align-items:center;display:flex}.viewer-container{overflow:auto;height:100%}.message{padding:40px}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}.toolbar-button{margin-top:3px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.settings{position:absolute;top:10px;right:10px;display:flex}.column{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabToebehorenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-toebehoren', template: "<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\r\n    <div>\r\n      <div class=\"bcbproduct-div\" *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n        <button mat-stroked-button (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n          {{ bcbproduct.name }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"main-window\" *ngIf=\"!FabrikantenService.ShowVariants()\">\r\n    <div *ngIf=\"FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren.length == 0\" class=\"message\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Geen toebehoren\") }}\r\n    </div>\r\n    <div class=\"main-window\" *ngIf=\"FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren.length > 0\">\r\n      <div *ngIf=\"!Init && !Loading()\" class=\"message\">\r\n        {{ TranslateService.GetActiveValue(\"Common\", \"Selecteer toebehoren\") }}\r\n      </div>\r\n      <div class=\"flexauto\" *ngIf=\"Loading()\">\r\n        <app-fab-loader></app-fab-loader>\r\n      </div>\r\n      <div class=\"main-window\" *ngIf=\"!Loading() && Init\">\r\n        <div #viewercontainertoebehoren class=\"viewer-container\">\r\n          <canvas id=\"viewerCanvasToebehoren\" class=\"viewer-canvas\" [attr.width]=\"ViewerWidth\" [attr.height]=\"ViewerHeight\"></canvas>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"settings\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div class=\"column\">\r\n            <mat-form-field appearance=\"fill\">\r\n              <mat-label class=\"select-mat-label\">Toebehoren</mat-label>\r\n              <mat-select [(ngModel)]=\"Selected\" (selectionChange)=\"Open()\">\r\n                <mat-option *ngFor=\"let item of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren\" [value]=\"item.id\">\r\n                  {{ TranslateService.GetActiveValueBCBEigenschapToebehoren(item.id) }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n\r\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button revit-plugin-button\" (click)=\"FabrikantenService.DownloadRevitPlugin(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.DownloadRevitPluginLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.DownloadRevitPluginLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit (plugin)\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" (click)=\"FabrikantenService.Download3DAutoCADDwg(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download3DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download3DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" (click)=\"FabrikantenService.Download2DAutoCADDwg(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DAutoCADDwgLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D AutoCAD Dwg\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n            <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" (click)=\"FabrikantenService.Download2DDxf(GetSelectedToebehoren()?.bcbeboId)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"FabrikantenService.Download2DDxfLoading\">...</span>\r\n                  <span *ngIf=\"!FabrikantenService.Download2DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D Dxf\") }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\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}.bcbproduct-div{padding:3px}.icon{margin-right:3px}.multiplevariants{padding:20px}.flexauto{flex:auto}.row-icon{align-items:center;display:flex}.viewer-container{overflow:auto;height:100%}.message{padding:40px}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}.toolbar-button{margin-top:3px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.settings{position:absolute;top:10px;right:10px;display:flex}.column{display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: function () { return [{ type: FabrikantenService }, { type: TranslateService }, { type: MobileService }, { type: i0.ChangeDetectorRef }, { type: FabrikantenApiClient }]; }, propDecorators: { viewercontainer: [{
+                type: ViewChild,
+                args: ['viewercontainertoebehoren']
+            }] } });
+
 class FabProductComponent {
     constructor(MobileService, FabrikantenService, BestekService, TranslateService, WebGLService, ActivatedRoute, ChangeDetectorRef) {
         this.MobileService = MobileService;
@@ -10429,10 +10720,10 @@ class FabProductComponent {
     }
 }
 FabProductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabProductComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: BestekService }, { token: TranslateService }, { token: WebGLService }, { token: i1$1.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabProductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabProductComponent, selector: "app-fab-product", viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div #header *ngIf=\"ShowBreadcrumb()\">\r\n      <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n    </div>\r\n\r\n    <div [style.height]=\"Height\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n      <mat-tab-group class=\"view-container\" (selectedTabChange)=\"SelectedTabChange($event)\">\r\n        <mat-tab label=\"Informatie\" *ngIf=\"ShowInformation()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Information\") }}</span>\r\n          </ng-template>\r\n          <app-fab-product-info></app-fab-product-info>\r\n        </mat-tab>\r\n        <mat-tab label=\"3D\" *ngIf=\"Show3D()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"3D\") }}</span>\r\n          </ng-template>\r\n          <app-fab-webgl-viewer></app-fab-webgl-viewer>\r\n        </mat-tab>\r\n        <mat-tab label=\"2D\" *ngIf=\"Show2D()\" style=\"height: 100%;\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"2D\") }}</span>\r\n          </ng-template>\r\n          <app-fab-svg-viewer></app-fab-svg-viewer>\r\n        </mat-tab>\r\n        <mat-tab label=\"Bestek\" *ngIf=\"TranslateService.ShowSpecification()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Specification\") }}</span>\r\n          </ng-template>\r\n          <app-fab-product-bestek></app-fab-product-bestek>\r\n        </mat-tab>\r\n        <mat-tab label=\"Texture\" *ngIf=\"FabrikantenService.ShowTexture()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Texture\") }}</span>\r\n          </ng-template>\r\n          <app-fab-texture></app-fab-texture>\r\n        </mat-tab>\r\n      </mat-tab-group>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product .tabs{height:100%}app-fab-product .row{display:flex}app-fab-product .loader-card{margin:auto;width:300px}app-fab-product .loader-subtitle{text-align:center}app-fab-product .loader-spinner{margin:auto}app-fab-product .view-container{height:100%}app-fab-product .view-content{background-color:#fff}app-fab-product .loader{position:absolute;display:flex;width:100%;height:100%;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product .filter-view{height:100%;width:300px;min-width:300px;background-color:#fafafa}app-fab-product .product-view{flex:auto}.mat-tab-body-wrapper{height:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i7$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i8.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i8.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i8.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i8$1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: FabProductInfoComponent, selector: "app-fab-product-info" }, { kind: "component", type: FabProductBestekComponent, selector: "app-fab-product-bestek" }, { kind: "component", type: FabFiltersInputComponent, selector: "fab-filters-input" }, { kind: "component", type: FabHeaderComponent, selector: "app-fab-header", inputs: ["showfiltermenubutton"] }, { kind: "component", type: FabWebglViewerComponent, selector: "app-fab-webgl-viewer" }, { kind: "component", type: FabSvgViewerComponent, selector: "app-fab-svg-viewer" }, { kind: "component", type: FabTextureComponent, selector: "app-fab-texture" }], encapsulation: i0.ViewEncapsulation.None });
+FabProductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabProductComponent, selector: "app-fab-product", viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div #header *ngIf=\"ShowBreadcrumb()\">\r\n      <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n    </div>\r\n\r\n    <div [style.height]=\"Height\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n      <mat-tab-group class=\"view-container\" (selectedTabChange)=\"SelectedTabChange($event)\">\r\n        <mat-tab label=\"Informatie\" *ngIf=\"ShowInformation()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Information\") }}</span>\r\n          </ng-template>\r\n          <app-fab-product-info></app-fab-product-info>\r\n        </mat-tab>\r\n        <mat-tab label=\"3D\" *ngIf=\"Show3D()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"3D\") }}</span>\r\n          </ng-template>\r\n          <app-fab-webgl-viewer></app-fab-webgl-viewer>\r\n        </mat-tab>\r\n        <mat-tab label=\"2D\" *ngIf=\"Show2D()\" style=\"height: 100%;\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"2D\") }}</span>\r\n          </ng-template>\r\n          <app-fab-svg-viewer></app-fab-svg-viewer>\r\n        </mat-tab>\r\n        <mat-tab label=\"Bestek\" *ngIf=\"TranslateService.ShowSpecification()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Specification\") }}</span>\r\n          </ng-template>\r\n          <app-fab-product-bestek></app-fab-product-bestek>\r\n        </mat-tab>\r\n        <mat-tab label=\"Texture\" *ngIf=\"FabrikantenService.ShowTexture()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Texture\") }}</span>\r\n          </ng-template>\r\n          <app-fab-texture></app-fab-texture>\r\n        </mat-tab>\r\n        <mat-tab label=\"Toebehoren\" *ngIf=\"FabrikantenService.ShowToebehoren()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Toebehoren\") }}</span>\r\n          </ng-template>\r\n          <app-fab-toebehoren></app-fab-toebehoren>\r\n        </mat-tab>\r\n      </mat-tab-group>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product .tabs{height:100%}app-fab-product .row{display:flex}app-fab-product .loader-card{margin:auto;width:300px}app-fab-product .loader-subtitle{text-align:center}app-fab-product .loader-spinner{margin:auto}app-fab-product .view-container{height:100%}app-fab-product .view-content{background-color:#fff}app-fab-product .loader{position:absolute;display:flex;width:100%;height:100%;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product .filter-view{height:100%;width:300px;min-width:300px;background-color:#fafafa}app-fab-product .product-view{flex:auto}.mat-tab-body-wrapper{height:100%}\n"], dependencies: [{ kind: "directive", type: i4.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: "directive", type: i7.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i8$1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i8$1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i8$1.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i8$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i8$2.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i8$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: FabProductInfoComponent, selector: "app-fab-product-info" }, { kind: "component", type: FabProductBestekComponent, selector: "app-fab-product-bestek" }, { kind: "component", type: FabFiltersInputComponent, selector: "fab-filters-input" }, { kind: "component", type: FabHeaderComponent, selector: "app-fab-header", inputs: ["showfiltermenubutton"] }, { kind: "component", type: FabWebglViewerComponent, selector: "app-fab-webgl-viewer" }, { kind: "component", type: FabSvgViewerComponent, selector: "app-fab-svg-viewer" }, { kind: "component", type: FabTextureComponent, selector: "app-fab-texture" }, { kind: "component", type: FabToebehorenComponent, selector: "app-fab-toebehoren" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabProductComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-product', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div #header *ngIf=\"ShowBreadcrumb()\">\r\n      <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n    </div>\r\n\r\n    <div [style.height]=\"Height\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n      <mat-tab-group class=\"view-container\" (selectedTabChange)=\"SelectedTabChange($event)\">\r\n        <mat-tab label=\"Informatie\" *ngIf=\"ShowInformation()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Information\") }}</span>\r\n          </ng-template>\r\n          <app-fab-product-info></app-fab-product-info>\r\n        </mat-tab>\r\n        <mat-tab label=\"3D\" *ngIf=\"Show3D()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"3D\") }}</span>\r\n          </ng-template>\r\n          <app-fab-webgl-viewer></app-fab-webgl-viewer>\r\n        </mat-tab>\r\n        <mat-tab label=\"2D\" *ngIf=\"Show2D()\" style=\"height: 100%;\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"2D\") }}</span>\r\n          </ng-template>\r\n          <app-fab-svg-viewer></app-fab-svg-viewer>\r\n        </mat-tab>\r\n        <mat-tab label=\"Bestek\" *ngIf=\"TranslateService.ShowSpecification()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Specification\") }}</span>\r\n          </ng-template>\r\n          <app-fab-product-bestek></app-fab-product-bestek>\r\n        </mat-tab>\r\n        <mat-tab label=\"Texture\" *ngIf=\"FabrikantenService.ShowTexture()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Texture\") }}</span>\r\n          </ng-template>\r\n          <app-fab-texture></app-fab-texture>\r\n        </mat-tab>\r\n      </mat-tab-group>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product .tabs{height:100%}app-fab-product .row{display:flex}app-fab-product .loader-card{margin:auto;width:300px}app-fab-product .loader-subtitle{text-align:center}app-fab-product .loader-spinner{margin:auto}app-fab-product .view-container{height:100%}app-fab-product .view-content{background-color:#fff}app-fab-product .loader{position:absolute;display:flex;width:100%;height:100%;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product .filter-view{height:100%;width:300px;min-width:300px;background-color:#fafafa}app-fab-product .product-view{flex:auto}.mat-tab-body-wrapper{height:100%}\n"] }]
+            args: [{ selector: 'app-fab-product', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div #header *ngIf=\"ShowBreadcrumb()\">\r\n      <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n    </div>\r\n\r\n    <div [style.height]=\"Height\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n      <mat-tab-group class=\"view-container\" (selectedTabChange)=\"SelectedTabChange($event)\">\r\n        <mat-tab label=\"Informatie\" *ngIf=\"ShowInformation()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Information\") }}</span>\r\n          </ng-template>\r\n          <app-fab-product-info></app-fab-product-info>\r\n        </mat-tab>\r\n        <mat-tab label=\"3D\" *ngIf=\"Show3D()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"3D\") }}</span>\r\n          </ng-template>\r\n          <app-fab-webgl-viewer></app-fab-webgl-viewer>\r\n        </mat-tab>\r\n        <mat-tab label=\"2D\" *ngIf=\"Show2D()\" style=\"height: 100%;\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"2D\") }}</span>\r\n          </ng-template>\r\n          <app-fab-svg-viewer></app-fab-svg-viewer>\r\n        </mat-tab>\r\n        <mat-tab label=\"Bestek\" *ngIf=\"TranslateService.ShowSpecification()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Specification\") }}</span>\r\n          </ng-template>\r\n          <app-fab-product-bestek></app-fab-product-bestek>\r\n        </mat-tab>\r\n        <mat-tab label=\"Texture\" *ngIf=\"FabrikantenService.ShowTexture()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Texture\") }}</span>\r\n          </ng-template>\r\n          <app-fab-texture></app-fab-texture>\r\n        </mat-tab>\r\n        <mat-tab label=\"Toebehoren\" *ngIf=\"FabrikantenService.ShowToebehoren()\">\r\n          <ng-template mat-tab-label>\r\n            <span>{{ TranslateService.GetActiveValue(\"Common\", \"Toebehoren\") }}</span>\r\n          </ng-template>\r\n          <app-fab-toebehoren></app-fab-toebehoren>\r\n        </mat-tab>\r\n      </mat-tab-group>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product .tabs{height:100%}app-fab-product .row{display:flex}app-fab-product .loader-card{margin:auto;width:300px}app-fab-product .loader-subtitle{text-align:center}app-fab-product .loader-spinner{margin:auto}app-fab-product .view-container{height:100%}app-fab-product .view-content{background-color:#fff}app-fab-product .loader{position:absolute;display:flex;width:100%;height:100%;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product .filter-view{height:100%;width:300px;min-width:300px;background-color:#fafafa}app-fab-product .product-view{flex:auto}.mat-tab-body-wrapper{height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: MobileService }, { type: FabrikantenService }, { type: BestekService }, { type: TranslateService }, { type: WebGLService }, { type: i1$1.ActivatedRoute }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { header: [{
                 type: ViewChild,
                 args: ['header']
@@ -10464,7 +10755,7 @@ class FabProductTileComponent {
     }
 }
 FabProductTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabProductTileComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: PhotoService }, { token: i4$3.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>\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: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }] });
+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>\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: "component", type: i7.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }] });
 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>\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"] }]
@@ -10510,7 +10801,7 @@ class FabProductSelectComponent {
     }
 }
 FabProductSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabProductSelectComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: BestekService }, { token: TranslateService }, { token: i1$1.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabProductSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabProductSelectComponent, selector: "app-fab-product-select", viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "info", first: true, predicate: ["info"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div #header>\r\n      <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n    </div>\r\n\r\n    <div #info class=\"header\">\r\n      <div class=\"title\">\r\n        <h1>{{ TranslateService.GetActiveValue(\"Common\", \"Product selection\") }}</h1>\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(\"Common\", \"Product selection info\") }}\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(\"Common\", \"Product selection blocked\") }}\r\n      </div>\r\n    </div>\r\n\r\n    <div [style.height]=\"Height\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n      <div class=\"main-window\">\r\n        <app-fab-product-tile *ngFor=\"let product of FabrikantenService.FabrikantenViewModel.products\" [product]=\"product\"></app-fab-product-tile>\r\n      </div>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: [".main-window{display:flex;flex-flow:row wrap;overflow:auto}.subtitle{margin-bottom:10px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:4px}.row{display:flex}.loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.view-container{height:100%}.view-content{background-color:#fff}.loader{position:absolute;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}.filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}.product-view{flex:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i7$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i8.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i8.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i8.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: FabProductTileComponent, selector: "app-fab-product-tile", inputs: ["product"] }, { kind: "component", type: FabFiltersInputComponent, selector: "fab-filters-input" }, { kind: "component", type: FabHeaderComponent, selector: "app-fab-header", inputs: ["showfiltermenubutton"] }] });
+FabProductSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabProductSelectComponent, selector: "app-fab-product-select", viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "info", first: true, predicate: ["info"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div #header>\r\n      <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n    </div>\r\n\r\n    <div #info class=\"header\">\r\n      <div class=\"title\">\r\n        <h1>{{ TranslateService.GetActiveValue(\"Common\", \"Product selection\") }}</h1>\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(\"Common\", \"Product selection info\") }}\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(\"Common\", \"Product selection blocked\") }}\r\n      </div>\r\n    </div>\r\n\r\n    <div [style.height]=\"Height\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n      <div class=\"main-window\">\r\n        <app-fab-product-tile *ngFor=\"let product of FabrikantenService.FabrikantenViewModel.products\" [product]=\"product\"></app-fab-product-tile>\r\n      </div>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: [".main-window{display:flex;flex-flow:row wrap;overflow:auto}.subtitle{margin-bottom:10px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:4px}.row{display:flex}.loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.view-container{height:100%}.view-content{background-color:#fff}.loader{position:absolute;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}.filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}.product-view{flex:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.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: "directive", type: i7.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i8$1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i8$1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i8$1.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: FabProductTileComponent, selector: "app-fab-product-tile", inputs: ["product"] }, { kind: "component", type: FabFiltersInputComponent, selector: "fab-filters-input" }, { kind: "component", type: FabHeaderComponent, selector: "app-fab-header", inputs: ["showfiltermenubutton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabProductSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-fab-product-select', template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div #header>\r\n      <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n    </div>\r\n\r\n    <div #info class=\"header\">\r\n      <div class=\"title\">\r\n        <h1>{{ TranslateService.GetActiveValue(\"Common\", \"Product selection\") }}</h1>\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(\"Common\", \"Product selection info\") }}\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(\"Common\", \"Product selection blocked\") }}\r\n      </div>\r\n    </div>\r\n\r\n    <div [style.height]=\"Height\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n      <div class=\"main-window\">\r\n        <app-fab-product-tile *ngFor=\"let product of FabrikantenService.FabrikantenViewModel.products\" [product]=\"product\"></app-fab-product-tile>\r\n      </div>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: [".main-window{display:flex;flex-flow:row wrap;overflow:auto}.subtitle{margin-bottom:10px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:4px}.row{display:flex}.loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.view-container{height:100%}.view-content{background-color:#fff}.loader{position:absolute;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}.filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}.product-view{flex:auto}\n"] }]
@@ -10573,7 +10864,7 @@ class FabFiltersComponent {
     }
 }
 FabFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFiltersComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: BestekService }, { token: TranslateService }, { token: i1$1.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabFiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabFiltersComponent, selector: "fab-filters", host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div class=\"product-view\">\r\n      <fab-filters-overview></fab-filters-overview>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n", styles: [".row{display:flex}.loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.view-content{background-color:#fff}.loader{position:absolute;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}.filter-view{width:300px;min-width:300px;background-color:#fafafa}.product-view{flex:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i7$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i8.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i8.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i8.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: FabFiltersInputComponent, selector: "fab-filters-input" }, { kind: "component", type: FabFiltersOverviewComponent, selector: "fab-filters-overview" }] });
+FabFiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabFiltersComponent, selector: "fab-filters", host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div class=\"product-view\">\r\n      <fab-filters-overview></fab-filters-overview>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n", styles: [".row{display:flex}.loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.view-content{background-color:#fff}.loader{position:absolute;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}.filter-view{width:300px;min-width:300px;background-color:#fafafa}.product-view{flex:auto}\n"], dependencies: [{ kind: "directive", type: i4.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: "directive", type: i7.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i8$1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i8$1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i8$1.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: FabFiltersInputComponent, selector: "fab-filters-input" }, { kind: "component", type: FabFiltersOverviewComponent, selector: "fab-filters-overview" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFiltersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fab-filters', template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div class=\"product-view\">\r\n      <fab-filters-overview></fab-filters-overview>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n", styles: [".row{display:flex}.loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.view-content{background-color:#fff}.loader{position:absolute;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}.filter-view{width:300px;min-width:300px;background-color:#fafafa}.product-view{flex:auto}\n"] }]
@@ -10607,6 +10898,7 @@ class ProjectSettingService {
         var request = new SetProjectSettingRequestModel();
         request.name = projectsetting.name;
         request.value = projectsettingpipe.value;
+        request.category = projectsetting.category;
         request.pipelineStep = projectsettingpipe.pipelineStep;
         this.projectSettingApiClient.setProjectSettingModel(request).subscribe((model) => {
             this.Init = false;
@@ -10619,6 +10911,7 @@ class ProjectSettingService {
         request.name = projectsetting.name;
         request.value = "";
         request.pipelineStep = "Default";
+        request.category = projectsetting.category;
         this.projectSettingApiClient.setProjectSettingModel(request).subscribe((model) => {
             this.Init = false;
             this.LoadProjectSettings(null);
@@ -10630,6 +10923,7 @@ class ProjectSettingService {
         request.name = projectsetting.name;
         request.value = "";
         request.pipelineStep = projectsettingpipe.pipelineStep;
+        request.category = projectsetting.category;
         this.projectSettingApiClient.setProjectSettingModel(request).subscribe((model) => {
             this.Init = false;
             this.LoadProjectSettings(null);
@@ -10690,7 +10984,7 @@ class ImportSetsService {
         this.LoadingOpen = true;
         ChangeDetectorRef.detectChanges();
         var request = new BCBImportOpenRequest();
-        request.bcbeboId = id;
+        request.bcbProductId = id;
         this.ImportApiClient.openBCBProduct(request).subscribe((model) => {
             this.BCBImportOpenResponse = model;
             this.RefreshBCBImportOpenResponse();
@@ -11024,7 +11318,7 @@ class BeheerProductsProductComponent {
     }
 }
 BeheerProductsProductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsProductComponent, deps: [{ token: ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerProductsProductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsProductComponent, selector: "app-beheer-products-product", inputs: { ProductViewModel: "ProductViewModel" }, ngImport: i0, template: "<mat-card>\r\n  <div class=\"product-bar\">\r\n    <div class=\"product-first block\">\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n        <mat-label>Naam</mat-label>\r\n        <input matInput [(ngModel)]=\"ProductViewModel.name\">\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"block\">\r\n      <button mat-raised-button (click)=\"ResetImport()\">\r\n        Reset Import\r\n      </button>\r\n    </div>\r\n    <div class=\"block\">\r\n      <button mat-raised-button [disabled]=\"true\">\r\n        Opslaan\r\n      </button>\r\n    </div>\r\n    <div class=\"block\">\r\n      <button mat-raised-button [disabled]=\"true\">\r\n        Verwijderen\r\n      </button>\r\n    </div>\r\n  </div>\r\n</mat-card>\r\n\r\n", styles: [".product-bar{display:flex}.product-first{flex:auto}.full-width{width:100%}.block{padding:3px}\n"], dependencies: [{ kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }] });
+BeheerProductsProductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsProductComponent, selector: "app-beheer-products-product", inputs: { ProductViewModel: "ProductViewModel" }, ngImport: i0, template: "<mat-card>\r\n  <div class=\"product-bar\">\r\n    <div class=\"product-first block\">\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n        <mat-label>Naam</mat-label>\r\n        <input matInput [(ngModel)]=\"ProductViewModel.name\">\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"block\">\r\n      <button mat-raised-button (click)=\"ResetImport()\">\r\n        Reset Import\r\n      </button>\r\n    </div>\r\n    <div class=\"block\">\r\n      <button mat-raised-button [disabled]=\"true\">\r\n        Opslaan\r\n      </button>\r\n    </div>\r\n    <div class=\"block\">\r\n      <button mat-raised-button [disabled]=\"true\">\r\n        Verwijderen\r\n      </button>\r\n    </div>\r\n  </div>\r\n</mat-card>\r\n\r\n", styles: [".product-bar{display:flex}.product-first{flex:auto}.full-width{width:100%}.block{padding:3px}\n"], dependencies: [{ kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatCard, selector: "mat-card", exportAs: ["matCard"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsProductComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-products-product', template: "<mat-card>\r\n  <div class=\"product-bar\">\r\n    <div class=\"product-first block\">\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n        <mat-label>Naam</mat-label>\r\n        <input matInput [(ngModel)]=\"ProductViewModel.name\">\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"block\">\r\n      <button mat-raised-button (click)=\"ResetImport()\">\r\n        Reset Import\r\n      </button>\r\n    </div>\r\n    <div class=\"block\">\r\n      <button mat-raised-button [disabled]=\"true\">\r\n        Opslaan\r\n      </button>\r\n    </div>\r\n    <div class=\"block\">\r\n      <button mat-raised-button [disabled]=\"true\">\r\n        Verwijderen\r\n      </button>\r\n    </div>\r\n  </div>\r\n</mat-card>\r\n\r\n", styles: [".product-bar{display:flex}.product-first{flex:auto}.full-width{width:100%}.block{padding:3px}\n"] }]
@@ -11082,7 +11376,7 @@ class BeheerSelectFilterDialogComponent {
     }
 }
 BeheerSelectFilterDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSelectFilterDialogComponent, deps: [{ token: FiltersApiClient }, { token: i1$3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerSelectFilterDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSelectFilterDialogComponent, selector: "app-beheer-select-filter-dialog", ngImport: i0, template: "<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading()\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuwe filter\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <input matInput [(ngModel)]=\"FilterNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwFilterToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterSelected\">\r\n            <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n              {{filter.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"BestaandToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n", styles: [".bar{padding:3px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+BeheerSelectFilterDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSelectFilterDialogComponent, selector: "app-beheer-select-filter-dialog", ngImport: i0, template: "<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading()\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuwe filter\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <input matInput [(ngModel)]=\"FilterNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwFilterToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterSelected\">\r\n            <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n              {{filter.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"BestaandToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n", styles: [".bar{padding:3px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSelectFilterDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-select-filter-dialog', template: "<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading()\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuwe filter\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <input matInput [(ngModel)]=\"FilterNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwFilterToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterSelected\">\r\n            <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n              {{filter.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"BestaandToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n", styles: [".bar{padding:3px}\n"] }]
@@ -11171,7 +11465,7 @@ class BeheerProductsConnectRangeinputComponent {
     }
 }
 BeheerProductsConnectRangeinputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsConnectRangeinputComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: ProductsApiClient }, { token: FiltersApiClient }, { token: ImportSetsService }, { token: ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerProductsConnectRangeinputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsConnectRangeinputComponent, selector: "app-beheer-products-connect-rangeinput", ngImport: i0, template: "<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading()\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Range input</mat-label>\r\n          <input matInput [(ngModel)]=\"RangeInputNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Range Input</mat-label>\r\n          <mat-select [(ngModel)]=\"RangeInputSelected\">\r\n            <mat-option *ngFor=\"let range of RangeInputsViewModel.rangeInputs\" [value]=\"range.id\">\r\n              {{range.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Bestaand()\">Koppel</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n  <div class=\"options-container\">\r\n    <div *ngFor=\"let fullname of Options.eigenschappen\">\r\n      <b>{{ fullname.location }}</b>\r\n      <div *ngFor=\"let ebo of fullname.eigenschappen\">\r\n        {{ ebo }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".options-container{max-height:300px}.tool-bar{padding:2px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+BeheerProductsConnectRangeinputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsConnectRangeinputComponent, selector: "app-beheer-products-connect-rangeinput", ngImport: i0, template: "<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading()\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Range input</mat-label>\r\n          <input matInput [(ngModel)]=\"RangeInputNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Range Input</mat-label>\r\n          <mat-select [(ngModel)]=\"RangeInputSelected\">\r\n            <mat-option *ngFor=\"let range of RangeInputsViewModel.rangeInputs\" [value]=\"range.id\">\r\n              {{range.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Bestaand()\">Koppel</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n  <div class=\"options-container\">\r\n    <div *ngFor=\"let fullname of Options.eigenschappen\">\r\n      <b>{{ fullname.location }}</b>\r\n      <div *ngFor=\"let ebo of fullname.eigenschappen\">\r\n        {{ ebo }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".options-container{max-height:300px}.tool-bar{padding:2px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsConnectRangeinputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-products-connect-rangeinput', template: "<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading()\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Range input</mat-label>\r\n          <input matInput [(ngModel)]=\"RangeInputNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Range Input</mat-label>\r\n          <mat-select [(ngModel)]=\"RangeInputSelected\">\r\n            <mat-option *ngFor=\"let range of RangeInputsViewModel.rangeInputs\" [value]=\"range.id\">\r\n              {{range.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Bestaand()\">Koppel</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n  <div class=\"options-container\">\r\n    <div *ngFor=\"let fullname of Options.eigenschappen\">\r\n      <b>{{ fullname.location }}</b>\r\n      <div *ngFor=\"let ebo of fullname.eigenschappen\">\r\n        {{ ebo }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".options-container{max-height:300px}.tool-bar{padding:2px}\n"] }]
@@ -11312,7 +11606,7 @@ class BeheerProductsEigenschapComponent {
         }
     }
     Show() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         if (((_b = (_a = this.eigenschap) === null || _a === void 0 ? void 0 : _a.opties) === null || _b === void 0 ? void 0 : _b.length) != null &&
             this.eigenschap.opties.length > 0) {
             return true;
@@ -11321,14 +11615,18 @@ class BeheerProductsEigenschapComponent {
             this.eigenschap.bereiken.length > 0) {
             return true;
         }
+        if (((_f = (_e = this.eigenschap) === null || _e === void 0 ? void 0 : _e.toebehoren) === null || _f === void 0 ? void 0 : _f.length) != null &&
+            this.eigenschap.toebehoren.length > 0) {
+            return true;
+        }
         return false;
     }
 }
 BeheerProductsEigenschapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsEigenschapComponent, deps: [{ token: ImportSetsService }, { token: ProductsService }, { token: i1$3.MatDialog }, { token: ProductsApiClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerProductsEigenschapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsEigenschapComponent, selector: "app-beheer-products-eigenschap", inputs: { eigenschap: "eigenschap" }, ngImport: i0, template: "<div class=\"container\" [ngClass]=\"{'warning': !eigenschap.connected, 'normal': eigenschap.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!eigenschap.open && Show()\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"eigenschap.open && Show()\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"eigenschapcel\" colspan=\"2\">\r\n      {{eigenschap?.name}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"eigenschap.open\">\r\n    <div *ngFor=\"let bereik of eigenschap.bereiken\" class=\"bereik\">\r\n      <app-beheer-products-eigenschap-bereik [bereik]=\"bereik\"></app-beheer-products-eigenschap-bereik>\r\n    </div>\r\n    <div *ngIf=\"eigenschap.bereiken.length > 0 && eigenschap.rangeInputs != null\">\r\n      <div *ngIf=\"eigenschap.rangeInputs.length == 0\">\r\n        <button mat-raised-button (click)=\"ConnectRange()\">\r\n          Range\r\n        </button>\r\n      </div>\r\n      <div *ngFor=\"let range of eigenschap.rangeInputs\">\r\n        {{ range.rangeInputModel.name }}\r\n\r\n        <button mat-raised-button>\r\n          Remove\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div *ngFor=\"let optie of eigenschap.opties\" [ngClass]=\"{'warning': !optie.connected}\">\r\n      <div class=\"displayflex\">\r\n        <ng-container *ngIf=\"optie.colour != null && optie.colour != ''\">\r\n          <span [ngStyle]=\"{'background-color': optie.colour}\" class=\"colour-preview\">\r\n            &nbsp;\r\n            &nbsp;\r\n          </span>\r\n        </ng-container>\r\n        <div class=\"text-div line-height\">{{ optie.name }}</div>\r\n      </div>\r\n      <div>\r\n        <div *ngIf=\"!optie.connected\" class=\"button-row\">\r\n          <!--<button mat-raised-button (click)=\"Connect(optie.id, eigenschap.name, optie.name)\">\r\n        FilterOption\r\n      </button>-->\r\n          <button mat-raised-button (click)=\"ConnectMany(optie.id)\">\r\n            FilterOptionMany\r\n          </button>\r\n          <!--<button mat-raised-button (click)=\"ConnectCategory()\">\r\n        Category\r\n      </button>-->\r\n          <button mat-raised-button (click)=\"Ignore(optie.id)\">\r\n            Ignore\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieFilterOptionViewModels\">\r\n          <b>{{ connect.filterOptionViewModel.filterName }}: {{ connect.filterOptionViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieCategoryViewModels\">\r\n          <b>{{ connect.categoryViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngIf=\"optie.ignore\">\r\n          <b>Ignore</b>&nbsp;\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.line-height{line-height:36px}.colour-preview{padding:5px;margin:2px;border:1px solid #000}.eigenschapcel{flex:auto}.button-row{display:flex;gap:4px}.container{margin:5px;padding:5px;border:1px solid #000}.icon-td{width:24px;height:24px}.text-div{flex:auto}.warning{background-color:#f08080}.normal{background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BeheerProductsEigenschapBereikComponent, selector: "app-beheer-products-eigenschap-bereik", inputs: ["bereik"] }] });
+BeheerProductsEigenschapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsEigenschapComponent, selector: "app-beheer-products-eigenschap", inputs: { eigenschap: "eigenschap" }, ngImport: i0, template: "<div class=\"container\" [ngClass]=\"{'warning': !eigenschap.connected, 'normal': eigenschap.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!eigenschap.open && Show()\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"eigenschap.open && Show()\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"eigenschapcel\" colspan=\"2\">\r\n      {{eigenschap?.name}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"eigenschap.open\">\r\n    <div *ngFor=\"let bereik of eigenschap.bereiken\" class=\"bereik\">\r\n      <app-beheer-products-eigenschap-bereik [bereik]=\"bereik\"></app-beheer-products-eigenschap-bereik>\r\n    </div>\r\n    <div *ngFor=\"let toebehoren of eigenschap.toebehoren\">\r\n      {{ toebehoren.name }}\r\n    </div>\r\n    <div *ngIf=\"eigenschap.bereiken.length > 0 && eigenschap.rangeInputs != null\">\r\n      <div *ngIf=\"eigenschap.rangeInputs.length == 0\">\r\n        <button mat-raised-button (click)=\"ConnectRange()\">\r\n          Range\r\n        </button>\r\n      </div>\r\n      <div *ngFor=\"let range of eigenschap.rangeInputs\">\r\n        {{ range.rangeInputModel.name }}\r\n\r\n        <button mat-raised-button>\r\n          Remove\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div *ngFor=\"let optie of eigenschap.opties\" [ngClass]=\"{'warning': !optie.connected}\">\r\n      <div class=\"displayflex\">\r\n        <ng-container *ngIf=\"optie.colour != null && optie.colour != ''\">\r\n          <span [ngStyle]=\"{'background-color': optie.colour}\" class=\"colour-preview\">\r\n            &nbsp;\r\n            &nbsp;\r\n          </span>\r\n        </ng-container>\r\n        <div class=\"text-div line-height\">{{ optie.name }}</div>\r\n      </div>\r\n      <div>\r\n        <div *ngIf=\"!optie.connected\" class=\"button-row\">\r\n          <!--<button mat-raised-button (click)=\"Connect(optie.id, eigenschap.name, optie.name)\">\r\n        FilterOption\r\n      </button>-->\r\n          <button mat-raised-button (click)=\"ConnectMany(optie.id)\">\r\n            FilterOptionMany\r\n          </button>\r\n          <!--<button mat-raised-button (click)=\"ConnectCategory()\">\r\n        Category\r\n      </button>-->\r\n          <button mat-raised-button (click)=\"Ignore(optie.id)\">\r\n            Ignore\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieFilterOptionViewModels\">\r\n          <b>{{ connect.filterOptionViewModel.filterName }}: {{ connect.filterOptionViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieCategoryViewModels\">\r\n          <b>{{ connect.categoryViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngIf=\"optie.ignore\">\r\n          <b>Ignore</b>&nbsp;\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.line-height{line-height:36px}.colour-preview{padding:5px;margin:2px;border:1px solid #000}.eigenschapcel{flex:auto}.button-row{display:flex;gap:4px}.container{margin:5px;padding:5px;border:1px solid #000}.icon-td{width:24px;height:24px}.text-div{flex:auto}.warning{background-color:#f08080}.normal{background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BeheerProductsEigenschapBereikComponent, selector: "app-beheer-products-eigenschap-bereik", inputs: ["bereik"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsEigenschapComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-beheer-products-eigenschap', template: "<div class=\"container\" [ngClass]=\"{'warning': !eigenschap.connected, 'normal': eigenschap.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!eigenschap.open && Show()\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"eigenschap.open && Show()\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"eigenschapcel\" colspan=\"2\">\r\n      {{eigenschap?.name}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"eigenschap.open\">\r\n    <div *ngFor=\"let bereik of eigenschap.bereiken\" class=\"bereik\">\r\n      <app-beheer-products-eigenschap-bereik [bereik]=\"bereik\"></app-beheer-products-eigenschap-bereik>\r\n    </div>\r\n    <div *ngIf=\"eigenschap.bereiken.length > 0 && eigenschap.rangeInputs != null\">\r\n      <div *ngIf=\"eigenschap.rangeInputs.length == 0\">\r\n        <button mat-raised-button (click)=\"ConnectRange()\">\r\n          Range\r\n        </button>\r\n      </div>\r\n      <div *ngFor=\"let range of eigenschap.rangeInputs\">\r\n        {{ range.rangeInputModel.name }}\r\n\r\n        <button mat-raised-button>\r\n          Remove\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div *ngFor=\"let optie of eigenschap.opties\" [ngClass]=\"{'warning': !optie.connected}\">\r\n      <div class=\"displayflex\">\r\n        <ng-container *ngIf=\"optie.colour != null && optie.colour != ''\">\r\n          <span [ngStyle]=\"{'background-color': optie.colour}\" class=\"colour-preview\">\r\n            &nbsp;\r\n            &nbsp;\r\n          </span>\r\n        </ng-container>\r\n        <div class=\"text-div line-height\">{{ optie.name }}</div>\r\n      </div>\r\n      <div>\r\n        <div *ngIf=\"!optie.connected\" class=\"button-row\">\r\n          <!--<button mat-raised-button (click)=\"Connect(optie.id, eigenschap.name, optie.name)\">\r\n        FilterOption\r\n      </button>-->\r\n          <button mat-raised-button (click)=\"ConnectMany(optie.id)\">\r\n            FilterOptionMany\r\n          </button>\r\n          <!--<button mat-raised-button (click)=\"ConnectCategory()\">\r\n        Category\r\n      </button>-->\r\n          <button mat-raised-button (click)=\"Ignore(optie.id)\">\r\n            Ignore\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieFilterOptionViewModels\">\r\n          <b>{{ connect.filterOptionViewModel.filterName }}: {{ connect.filterOptionViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieCategoryViewModels\">\r\n          <b>{{ connect.categoryViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngIf=\"optie.ignore\">\r\n          <b>Ignore</b>&nbsp;\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.line-height{line-height:36px}.colour-preview{padding:5px;margin:2px;border:1px solid #000}.eigenschapcel{flex:auto}.button-row{display:flex;gap:4px}.container{margin:5px;padding:5px;border:1px solid #000}.icon-td{width:24px;height:24px}.text-div{flex:auto}.warning{background-color:#f08080}.normal{background-color:#fff}\n"] }]
+            args: [{ selector: 'app-beheer-products-eigenschap', template: "<div class=\"container\" [ngClass]=\"{'warning': !eigenschap.connected, 'normal': eigenschap.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!eigenschap.open && Show()\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"eigenschap.open && Show()\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"eigenschapcel\" colspan=\"2\">\r\n      {{eigenschap?.name}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"eigenschap.open\">\r\n    <div *ngFor=\"let bereik of eigenschap.bereiken\" class=\"bereik\">\r\n      <app-beheer-products-eigenschap-bereik [bereik]=\"bereik\"></app-beheer-products-eigenschap-bereik>\r\n    </div>\r\n    <div *ngFor=\"let toebehoren of eigenschap.toebehoren\">\r\n      {{ toebehoren.name }}\r\n    </div>\r\n    <div *ngIf=\"eigenschap.bereiken.length > 0 && eigenschap.rangeInputs != null\">\r\n      <div *ngIf=\"eigenschap.rangeInputs.length == 0\">\r\n        <button mat-raised-button (click)=\"ConnectRange()\">\r\n          Range\r\n        </button>\r\n      </div>\r\n      <div *ngFor=\"let range of eigenschap.rangeInputs\">\r\n        {{ range.rangeInputModel.name }}\r\n\r\n        <button mat-raised-button>\r\n          Remove\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div *ngFor=\"let optie of eigenschap.opties\" [ngClass]=\"{'warning': !optie.connected}\">\r\n      <div class=\"displayflex\">\r\n        <ng-container *ngIf=\"optie.colour != null && optie.colour != ''\">\r\n          <span [ngStyle]=\"{'background-color': optie.colour}\" class=\"colour-preview\">\r\n            &nbsp;\r\n            &nbsp;\r\n          </span>\r\n        </ng-container>\r\n        <div class=\"text-div line-height\">{{ optie.name }}</div>\r\n      </div>\r\n      <div>\r\n        <div *ngIf=\"!optie.connected\" class=\"button-row\">\r\n          <!--<button mat-raised-button (click)=\"Connect(optie.id, eigenschap.name, optie.name)\">\r\n        FilterOption\r\n      </button>-->\r\n          <button mat-raised-button (click)=\"ConnectMany(optie.id)\">\r\n            FilterOptionMany\r\n          </button>\r\n          <!--<button mat-raised-button (click)=\"ConnectCategory()\">\r\n        Category\r\n      </button>-->\r\n          <button mat-raised-button (click)=\"Ignore(optie.id)\">\r\n            Ignore\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieFilterOptionViewModels\">\r\n          <b>{{ connect.filterOptionViewModel.filterName }}: {{ connect.filterOptionViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieCategoryViewModels\">\r\n          <b>{{ connect.categoryViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngIf=\"optie.ignore\">\r\n          <b>Ignore</b>&nbsp;\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.line-height{line-height:36px}.colour-preview{padding:5px;margin:2px;border:1px solid #000}.eigenschapcel{flex:auto}.button-row{display:flex;gap:4px}.container{margin:5px;padding:5px;border:1px solid #000}.icon-td{width:24px;height:24px}.text-div{flex:auto}.warning{background-color:#f08080}.normal{background-color:#fff}\n"] }]
         }], ctorParameters: function () { return [{ type: ImportSetsService }, { type: ProductsService }, { type: i1$3.MatDialog }, { type: ProductsApiClient }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { eigenschap: [{
                 type: Input
             }] } });
@@ -11424,7 +11722,7 @@ class BeheerProductsEboComponent {
     }
 }
 BeheerProductsEboComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsEboComponent, deps: [{ token: i1$3.MatDialog }, { token: ProductsApiClient }, { token: ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerProductsEboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsEboComponent, selector: "app-beheer-products-ebo", inputs: { ebo: "ebo" }, ngImport: i0, template: "<div class=\"container\" [ngClass]=\"{'warning': !ebo.connected, 'normal': ebo.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!ebo.open\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"ebo.open\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"name\" colspan=\"2\">\r\n      {{ ebo.name }}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"ebo.open\" class=\"main-block\">\r\n    <div class=\"buttonbar\" *ngIf=\"!ebo.connected && ConnectAv() && !ebo.ignore\">\r\n      <button mat-raised-button (click)=\"ConnectMany()\">\r\n        Filter Many\r\n      </button>\r\n      <!--<button mat-raised-button (click)=\"Ignore()\">\r\n        Ignore\r\n      </button>-->\r\n      <button mat-raised-button (click)=\"IgnoreMany()\">\r\n        Ignore Many\r\n      </button>\r\n    </div>\r\n    <div class=\"displayflex\" *ngIf=\"!ConnectAv()\">\r\n      <div class=\"text\">\r\n        {{ GetConnect() }}\r\n      </div>\r\n      <button mat-raised-button (click)=\"Remove()\">\r\n        Remove\r\n      </button>\r\n    </div>\r\n    <div class=\"displayflex\" *ngIf=\"ebo.ignore\">\r\n      <div class=\"text\">\r\n        Ignore\r\n      </div>\r\n      <button mat-raised-button (click)=\"RemoveIgnore()\">\r\n        Remove\r\n      </button>\r\n    </div>\r\n\r\n    <div *ngIf=\"ebo.bcbOpbouwViewModels?.length != 0\">\r\n      <div class=\"title\">Opbouw</div>\r\n      <app-beheer-products-opbouw *ngFor=\"let opbouw of ebo.bcbOpbouwViewModels\" [opbouw]=\"opbouw\"></app-beheer-products-opbouw>\r\n    </div>\r\n    <div *ngIf=\"ebo.bcbEigenschapViewModels?.length != 0\">\r\n      <div class=\"title\">Eigenschap</div>\r\n      <app-beheer-products-eigenschap *ngFor=\"let eigenschap of ebo.bcbEigenschapViewModels\" [eigenschap]=\"eigenschap\"></app-beheer-products-eigenschap>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.buttonbar{display:flex;gap:3px}.text{padding:8px;font-size:17px}.main-block{padding-left:25px}.container{margin:5px;padding:5px;border:1px solid #000}.name{flex:auto}.icon-td{width:24px;height:24px}.warning{background-color:#f08080}.normal{background-color:#fff}.title{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i4.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i7.MatButton; }), selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i0.forwardRef(function () { return i6$1.MatIcon; }), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(function () { return BeheerProductsEigenschapComponent; }), selector: "app-beheer-products-eigenschap", inputs: ["eigenschap"] }, { kind: "component", type: i0.forwardRef(function () { return BeheerProductsOpbouwComponent; }), selector: "app-beheer-products-opbouw", inputs: ["opbouw"] }] });
+BeheerProductsEboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsEboComponent, selector: "app-beheer-products-ebo", inputs: { ebo: "ebo" }, ngImport: i0, template: "<div class=\"container\" [ngClass]=\"{'warning': !ebo.connected, 'normal': ebo.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!ebo.open\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"ebo.open\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"name\" colspan=\"2\">\r\n      {{ ebo.name }}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"ebo.open\" class=\"main-block\">\r\n    <div class=\"buttonbar\" *ngIf=\"!ebo.connected && ConnectAv() && !ebo.ignore\">\r\n      <button mat-raised-button (click)=\"ConnectMany()\">\r\n        Filter Many\r\n      </button>\r\n      <!--<button mat-raised-button (click)=\"Ignore()\">\r\n        Ignore\r\n      </button>-->\r\n      <button mat-raised-button (click)=\"IgnoreMany()\">\r\n        Ignore Many\r\n      </button>\r\n    </div>\r\n    <div class=\"displayflex\" *ngIf=\"!ConnectAv()\">\r\n      <div class=\"text\">\r\n        {{ GetConnect() }}\r\n      </div>\r\n      <button mat-raised-button (click)=\"Remove()\">\r\n        Remove\r\n      </button>\r\n    </div>\r\n    <div class=\"displayflex\" *ngIf=\"ebo.ignore\">\r\n      <div class=\"text\">\r\n        Ignore\r\n      </div>\r\n      <button mat-raised-button (click)=\"RemoveIgnore()\">\r\n        Remove\r\n      </button>\r\n    </div>\r\n\r\n    <div *ngIf=\"ebo.bcbOpbouwViewModels?.length != 0\">\r\n      <div class=\"title\">Opbouw</div>\r\n      <app-beheer-products-opbouw *ngFor=\"let opbouw of ebo.bcbOpbouwViewModels\" [opbouw]=\"opbouw\"></app-beheer-products-opbouw>\r\n    </div>\r\n    <div *ngIf=\"ebo.bcbEigenschapViewModels?.length != 0\">\r\n      <div class=\"title\">Eigenschap</div>\r\n      <app-beheer-products-eigenschap *ngFor=\"let eigenschap of ebo.bcbEigenschapViewModels\" [eigenschap]=\"eigenschap\"></app-beheer-products-eigenschap>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.buttonbar{display:flex;gap:3px}.text{padding:8px;font-size:17px}.main-block{padding-left:25px}.container{margin:5px;padding:5px;border:1px solid #000}.name{flex:auto}.icon-td{width:24px;height:24px}.warning{background-color:#f08080}.normal{background-color:#fff}.title{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i4.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i8.MatButton; }), selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i0.forwardRef(function () { return i6$1.MatIcon; }), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(function () { return BeheerProductsEigenschapComponent; }), selector: "app-beheer-products-eigenschap", inputs: ["eigenschap"] }, { kind: "component", type: i0.forwardRef(function () { return BeheerProductsOpbouwComponent; }), selector: "app-beheer-products-opbouw", inputs: ["opbouw"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsEboComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-products-ebo', template: "<div class=\"container\" [ngClass]=\"{'warning': !ebo.connected, 'normal': ebo.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!ebo.open\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"ebo.open\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"name\" colspan=\"2\">\r\n      {{ ebo.name }}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"ebo.open\" class=\"main-block\">\r\n    <div class=\"buttonbar\" *ngIf=\"!ebo.connected && ConnectAv() && !ebo.ignore\">\r\n      <button mat-raised-button (click)=\"ConnectMany()\">\r\n        Filter Many\r\n      </button>\r\n      <!--<button mat-raised-button (click)=\"Ignore()\">\r\n        Ignore\r\n      </button>-->\r\n      <button mat-raised-button (click)=\"IgnoreMany()\">\r\n        Ignore Many\r\n      </button>\r\n    </div>\r\n    <div class=\"displayflex\" *ngIf=\"!ConnectAv()\">\r\n      <div class=\"text\">\r\n        {{ GetConnect() }}\r\n      </div>\r\n      <button mat-raised-button (click)=\"Remove()\">\r\n        Remove\r\n      </button>\r\n    </div>\r\n    <div class=\"displayflex\" *ngIf=\"ebo.ignore\">\r\n      <div class=\"text\">\r\n        Ignore\r\n      </div>\r\n      <button mat-raised-button (click)=\"RemoveIgnore()\">\r\n        Remove\r\n      </button>\r\n    </div>\r\n\r\n    <div *ngIf=\"ebo.bcbOpbouwViewModels?.length != 0\">\r\n      <div class=\"title\">Opbouw</div>\r\n      <app-beheer-products-opbouw *ngFor=\"let opbouw of ebo.bcbOpbouwViewModels\" [opbouw]=\"opbouw\"></app-beheer-products-opbouw>\r\n    </div>\r\n    <div *ngIf=\"ebo.bcbEigenschapViewModels?.length != 0\">\r\n      <div class=\"title\">Eigenschap</div>\r\n      <app-beheer-products-eigenschap *ngFor=\"let eigenschap of ebo.bcbEigenschapViewModels\" [eigenschap]=\"eigenschap\"></app-beheer-products-eigenschap>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.buttonbar{display:flex;gap:3px}.text{padding:8px;font-size:17px}.main-block{padding-left:25px}.container{margin:5px;padding:5px;border:1px solid #000}.name{flex:auto}.icon-td{width:24px;height:24px}.warning{background-color:#f08080}.normal{background-color:#fff}.title{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"] }]
@@ -11481,7 +11779,7 @@ class BeheerProductsBcbproductComponent {
     }
 }
 BeheerProductsBcbproductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsBcbproductComponent, deps: [{ token: ImportApiClient }, { token: ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerProductsBcbproductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsBcbproductComponent, selector: "app-beheer-products-bcbproduct", inputs: { BCBProductViewModel: "BCBProductViewModel" }, ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading\">\r\n  <mat-card>\r\n    <div class=\"product-bar\">\r\n      <div class=\"product-first block\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"BCBProductViewModel.name\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"Import()\">\r\n          Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"ResetImport()\">\r\n          Reset Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Opslaan\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Verwijderen\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <br />\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <app-beheer-products-ebo [ebo]=\"BCBProductViewModel.bcbeboViewModel\"></app-beheer-products-ebo>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n\r\n", styles: [".product-bar{display:flex}.product-first{flex:auto}.full-width{width:100%}.card{margin:3px}.block{padding:3px}.row{display:flex;align-items:center;cursor:pointer}.icon-div{width:24px;height:24px}.text-div{flex:auto}.title{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: BeheerProductsEboComponent, selector: "app-beheer-products-ebo", inputs: ["ebo"] }] });
+BeheerProductsBcbproductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsBcbproductComponent, selector: "app-beheer-products-bcbproduct", inputs: { BCBProductViewModel: "BCBProductViewModel" }, ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading\">\r\n  <mat-card>\r\n    <div class=\"product-bar\">\r\n      <div class=\"product-first block\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"BCBProductViewModel.name\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"Import()\">\r\n          Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"ResetImport()\">\r\n          Reset Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Opslaan\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Verwijderen\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <br />\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <app-beheer-products-ebo [ebo]=\"BCBProductViewModel.bcbeboViewModel\"></app-beheer-products-ebo>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n\r\n", styles: [".product-bar{display:flex}.product-first{flex:auto}.full-width{width:100%}.card{margin:3px}.block{padding:3px}.row{display:flex;align-items:center;cursor:pointer}.icon-div{width:24px;height:24px}.text-div{flex:auto}.title{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: BeheerProductsEboComponent, selector: "app-beheer-products-ebo", inputs: ["ebo"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsBcbproductComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-products-bcbproduct', template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading\">\r\n  <mat-card>\r\n    <div class=\"product-bar\">\r\n      <div class=\"product-first block\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"BCBProductViewModel.name\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"Import()\">\r\n          Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"ResetImport()\">\r\n          Reset Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Opslaan\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Verwijderen\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <br />\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <app-beheer-products-ebo [ebo]=\"BCBProductViewModel.bcbeboViewModel\"></app-beheer-products-ebo>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n\r\n", styles: [".product-bar{display:flex}.product-first{flex:auto}.full-width{width:100%}.card{margin:3px}.block{padding:3px}.row{display:flex;align-items:center;cursor:pointer}.icon-div{width:24px;height:24px}.text-div{flex:auto}.title{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"] }]
@@ -11619,7 +11917,7 @@ class BeheerProductsComponent {
     }
 }
 BeheerProductsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsComponent, deps: [{ token: ProductsService }, { token: ImportSetsService }, { token: ImportApiClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerProductsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsComponent, selector: "app-beheer-products", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"ProductsService.Loading() || ImportSetsService.LoadingImportSets\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!ProductsService.Loading() && !ImportSetsService.LoadingImportSets\" class=\"main-block\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <div class=\"displayflex gap\">\r\n        <div class=\"displayflex flex-auto gap\">\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Import set</mat-label>\r\n            <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\">\r\n              <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n                {{importset.name}}\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <button mat-raised-button (click)=\"ProductsService.Reload(this.ChangeDetectorRef)\">\r\n            Refresh\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"displayflex gap\" style=\"text-align: right;\">\r\n          <button mat-raised-button (click)=\"ResetImport()\">\r\n            Reset Import\r\n          </button>\r\n          <button mat-raised-button (click)=\"Import()\">\r\n            Import\r\n          </button>\r\n          <button mat-raised-button (click)=\"CleanUp()\">\r\n            CleanUp\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </mat-card-content>\r\n  </mat-card>\r\n\r\n  <div class=\"displayflex\" *ngIf=\"this.ProductsService.ProductsViewModel != undefined\">\r\n    <div class=\"tree-block\">\r\n      <div class=\"limiter\">\r\n        <mat-card>\r\n          <mat-card-content>\r\n            <table class=\"full-width\">\r\n              <tr class=\"table-head\">\r\n                <td></td>\r\n                <td>Id</td>\r\n                <td>Naam</td>\r\n                <td>Variants</td>\r\n                <td>Importset</td>\r\n              </tr>\r\n              <ng-container *ngFor=\"let product of this.ProductsService.ProductsViewModel.productViewModels\">\r\n                <tr (click)=\"SelectProduct(product)\" class=\"table-row\" [ngClass]=\"{'selected' : ProductsService.ProductViewModel == product, 'warning': !product.imported || !product.connected}\">\r\n                  <td><span class=\"importspan\">{{ GetImportStatus(product) }}</span></td>\r\n                  <td>{{ product.id }}</td>\r\n                  <td>{{ product.name }}</td>\r\n                  <td>{{ product.bcbProductViewModels.length }}</td>\r\n                  <td>\r\n                    <select [(ngModel)]=\"product.importSetId\" (change)=\"SaveProduct(product)\" class=\"full-width\">\r\n                      <option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">{{importset.name}}</option>\r\n                    </select>\r\n                  </td>\r\n                </tr>\r\n                <ng-container *ngIf=\"ShowBCBProducts(product)\">\r\n                  <tr>\r\n                    <td>&nbsp;</td>\r\n                  </tr>\r\n                  <tr *ngFor=\"let bcbproduct of ProductsService.ProductViewModel.bcbProductViewModels\" class=\"table-row\" [ngClass]=\"{'selected' : ProductsService.BCBProductViewModel == bcbproduct, 'warning': !bcbproduct.imported || !bcbproduct.connected}\" (click)=\"SelectBCBProduct(bcbproduct)\">\r\n                    <td><span class=\"importspan\">{{ bcbproduct.importStatus }}</span></td>\r\n                    <td>{{ bcbproduct.id }}</td>\r\n                    <td colspan=\"3\">{{ bcbproduct.name }}</td>\r\n                  </tr>\r\n                  <tr>\r\n                    <td>&nbsp;</td>\r\n                  </tr>\r\n                </ng-container>\r\n              </ng-container>\r\n            </table>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"main-content\">\r\n      <div class=\"limiter\">\r\n        <app-beheer-products-product *ngIf=\"ProductsService.ProductViewModel != undefined && ProductsService.BCBProductViewModel == undefined\" [ProductViewModel]=\"ProductsService.ProductViewModel\"></app-beheer-products-product>\r\n        <app-beheer-products-bcbproduct *ngIf=\"ProductsService.BCBProductViewModel != undefined\" [BCBProductViewModel]=\"ProductsService.BCBProductViewModel\"></app-beheer-products-bcbproduct>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".full-width{width:100%}.full-height{height:100%}.gap{gap:3px}.table-head td{font-weight:700;border-bottom:2px solid #000}.table-row td{border-bottom:1px solid #000;cursor:pointer}.warning{background-color:#f08080}.table-row:hover{background-color:#d3d3d3}.limiter{max-height:calc(100vh - 179px);overflow:auto}.selected{background-color:#add8e6!important}.importspan{margin-left:5px;font-weight:700}.main-block{padding:10px;height:calc(100vh - 66px);overflow:auto}.main-content{padding:5px;flex:auto;width:50%}.tree-block{padding:5px;flex:auto;width:50%;max-height:calc(100vh - 66px)}.example-tree-invisible{display:none}.example-tree ul,.example-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.example-tree .mat-nested-tree-node div[role=group]{padding-left:40px}.example-tree div[role=group]>.mat-tree-node{padding-left:40px}.displayflex{display:flex}.flex-auto{flex:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i6.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i6.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: BeheerProductsProductComponent, selector: "app-beheer-products-product", inputs: ["ProductViewModel"] }, { kind: "component", type: BeheerProductsBcbproductComponent, selector: "app-beheer-products-bcbproduct", inputs: ["BCBProductViewModel"] }] });
+BeheerProductsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsComponent, selector: "app-beheer-products", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"ProductsService.Loading() || ImportSetsService.LoadingImportSets\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!ProductsService.Loading() && !ImportSetsService.LoadingImportSets\" class=\"main-block\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <div class=\"displayflex gap\">\r\n        <div class=\"displayflex flex-auto gap\">\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Import set</mat-label>\r\n            <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\">\r\n              <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n                {{importset.name}}\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <button mat-raised-button (click)=\"ProductsService.Reload(this.ChangeDetectorRef)\">\r\n            Refresh\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"displayflex gap\" style=\"text-align: right;\">\r\n          <button mat-raised-button (click)=\"ResetImport()\">\r\n            Reset Import\r\n          </button>\r\n          <button mat-raised-button (click)=\"Import()\">\r\n            Import\r\n          </button>\r\n          <button mat-raised-button (click)=\"CleanUp()\">\r\n            CleanUp\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </mat-card-content>\r\n  </mat-card>\r\n\r\n  <div class=\"displayflex\" *ngIf=\"this.ProductsService.ProductsViewModel != undefined\">\r\n    <div class=\"tree-block\">\r\n      <div class=\"limiter\">\r\n        <mat-card>\r\n          <mat-card-content>\r\n            <table class=\"full-width\">\r\n              <tr class=\"table-head\">\r\n                <td></td>\r\n                <td>Id</td>\r\n                <td>Naam</td>\r\n                <td>Variants</td>\r\n                <td>Importset</td>\r\n              </tr>\r\n              <ng-container *ngFor=\"let product of this.ProductsService.ProductsViewModel.productViewModels\">\r\n                <tr (click)=\"SelectProduct(product)\" class=\"table-row\" [ngClass]=\"{'selected' : ProductsService.ProductViewModel == product, 'warning': !product.imported || !product.connected}\">\r\n                  <td><span class=\"importspan\">{{ GetImportStatus(product) }}</span></td>\r\n                  <td>{{ product.id }}</td>\r\n                  <td>{{ product.name }}</td>\r\n                  <td>{{ product.bcbProductViewModels.length }}</td>\r\n                  <td>\r\n                    <select [(ngModel)]=\"product.importSetId\" (change)=\"SaveProduct(product)\" class=\"full-width\">\r\n                      <option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">{{importset.name}}</option>\r\n                    </select>\r\n                  </td>\r\n                </tr>\r\n                <ng-container *ngIf=\"ShowBCBProducts(product)\">\r\n                  <tr>\r\n                    <td>&nbsp;</td>\r\n                  </tr>\r\n                  <tr *ngFor=\"let bcbproduct of ProductsService.ProductViewModel.bcbProductViewModels\" class=\"table-row\" [ngClass]=\"{'selected' : ProductsService.BCBProductViewModel == bcbproduct, 'warning': !bcbproduct.imported || !bcbproduct.connected}\" (click)=\"SelectBCBProduct(bcbproduct)\">\r\n                    <td><span class=\"importspan\">{{ bcbproduct.importStatus }}</span></td>\r\n                    <td>{{ bcbproduct.id }}</td>\r\n                    <td colspan=\"3\">{{ bcbproduct.name }}</td>\r\n                  </tr>\r\n                  <tr>\r\n                    <td>&nbsp;</td>\r\n                  </tr>\r\n                </ng-container>\r\n              </ng-container>\r\n            </table>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"main-content\">\r\n      <div class=\"limiter\">\r\n        <app-beheer-products-product *ngIf=\"ProductsService.ProductViewModel != undefined && ProductsService.BCBProductViewModel == undefined\" [ProductViewModel]=\"ProductsService.ProductViewModel\"></app-beheer-products-product>\r\n        <app-beheer-products-bcbproduct *ngIf=\"ProductsService.BCBProductViewModel != undefined\" [BCBProductViewModel]=\"ProductsService.BCBProductViewModel\"></app-beheer-products-bcbproduct>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".full-width{width:100%}.full-height{height:100%}.gap{gap:3px}.table-head td{font-weight:700;border-bottom:2px solid #000}.table-row td{border-bottom:1px solid #000;cursor:pointer}.warning{background-color:#f08080}.table-row:hover{background-color:#d3d3d3}.limiter{max-height:calc(100vh - 179px);overflow:auto}.selected{background-color:#add8e6!important}.importspan{margin-left:5px;font-weight:700}.main-block{padding:10px;height:calc(100vh - 66px);overflow:auto}.main-content{padding:5px;flex:auto;width:50%}.tree-block{padding:5px;flex:auto;width:50%;max-height:calc(100vh - 66px)}.example-tree-invisible{display:none}.example-tree ul,.example-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.example-tree .mat-nested-tree-node div[role=group]{padding-left:40px}.example-tree div[role=group]>.mat-tree-node{padding-left:40px}.displayflex{display:flex}.flex-auto{flex:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i6.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i6.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: BeheerProductsProductComponent, selector: "app-beheer-products-product", inputs: ["ProductViewModel"] }, { kind: "component", type: BeheerProductsBcbproductComponent, selector: "app-beheer-products-bcbproduct", inputs: ["BCBProductViewModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-products', template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"ProductsService.Loading() || ImportSetsService.LoadingImportSets\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!ProductsService.Loading() && !ImportSetsService.LoadingImportSets\" class=\"main-block\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <div class=\"displayflex gap\">\r\n        <div class=\"displayflex flex-auto gap\">\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Import set</mat-label>\r\n            <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\">\r\n              <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n                {{importset.name}}\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <button mat-raised-button (click)=\"ProductsService.Reload(this.ChangeDetectorRef)\">\r\n            Refresh\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"displayflex gap\" style=\"text-align: right;\">\r\n          <button mat-raised-button (click)=\"ResetImport()\">\r\n            Reset Import\r\n          </button>\r\n          <button mat-raised-button (click)=\"Import()\">\r\n            Import\r\n          </button>\r\n          <button mat-raised-button (click)=\"CleanUp()\">\r\n            CleanUp\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </mat-card-content>\r\n  </mat-card>\r\n\r\n  <div class=\"displayflex\" *ngIf=\"this.ProductsService.ProductsViewModel != undefined\">\r\n    <div class=\"tree-block\">\r\n      <div class=\"limiter\">\r\n        <mat-card>\r\n          <mat-card-content>\r\n            <table class=\"full-width\">\r\n              <tr class=\"table-head\">\r\n                <td></td>\r\n                <td>Id</td>\r\n                <td>Naam</td>\r\n                <td>Variants</td>\r\n                <td>Importset</td>\r\n              </tr>\r\n              <ng-container *ngFor=\"let product of this.ProductsService.ProductsViewModel.productViewModels\">\r\n                <tr (click)=\"SelectProduct(product)\" class=\"table-row\" [ngClass]=\"{'selected' : ProductsService.ProductViewModel == product, 'warning': !product.imported || !product.connected}\">\r\n                  <td><span class=\"importspan\">{{ GetImportStatus(product) }}</span></td>\r\n                  <td>{{ product.id }}</td>\r\n                  <td>{{ product.name }}</td>\r\n                  <td>{{ product.bcbProductViewModels.length }}</td>\r\n                  <td>\r\n                    <select [(ngModel)]=\"product.importSetId\" (change)=\"SaveProduct(product)\" class=\"full-width\">\r\n                      <option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">{{importset.name}}</option>\r\n                    </select>\r\n                  </td>\r\n                </tr>\r\n                <ng-container *ngIf=\"ShowBCBProducts(product)\">\r\n                  <tr>\r\n                    <td>&nbsp;</td>\r\n                  </tr>\r\n                  <tr *ngFor=\"let bcbproduct of ProductsService.ProductViewModel.bcbProductViewModels\" class=\"table-row\" [ngClass]=\"{'selected' : ProductsService.BCBProductViewModel == bcbproduct, 'warning': !bcbproduct.imported || !bcbproduct.connected}\" (click)=\"SelectBCBProduct(bcbproduct)\">\r\n                    <td><span class=\"importspan\">{{ bcbproduct.importStatus }}</span></td>\r\n                    <td>{{ bcbproduct.id }}</td>\r\n                    <td colspan=\"3\">{{ bcbproduct.name }}</td>\r\n                  </tr>\r\n                  <tr>\r\n                    <td>&nbsp;</td>\r\n                  </tr>\r\n                </ng-container>\r\n              </ng-container>\r\n            </table>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"main-content\">\r\n      <div class=\"limiter\">\r\n        <app-beheer-products-product *ngIf=\"ProductsService.ProductViewModel != undefined && ProductsService.BCBProductViewModel == undefined\" [ProductViewModel]=\"ProductsService.ProductViewModel\"></app-beheer-products-product>\r\n        <app-beheer-products-bcbproduct *ngIf=\"ProductsService.BCBProductViewModel != undefined\" [BCBProductViewModel]=\"ProductsService.BCBProductViewModel\"></app-beheer-products-bcbproduct>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".full-width{width:100%}.full-height{height:100%}.gap{gap:3px}.table-head td{font-weight:700;border-bottom:2px solid #000}.table-row td{border-bottom:1px solid #000;cursor:pointer}.warning{background-color:#f08080}.table-row:hover{background-color:#d3d3d3}.limiter{max-height:calc(100vh - 179px);overflow:auto}.selected{background-color:#add8e6!important}.importspan{margin-left:5px;font-weight:700}.main-block{padding:10px;height:calc(100vh - 66px);overflow:auto}.main-content{padding:5px;flex:auto;width:50%}.tree-block{padding:5px;flex:auto;width:50%;max-height:calc(100vh - 66px)}.example-tree-invisible{display:none}.example-tree ul,.example-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.example-tree .mat-nested-tree-node div[role=group]{padding-left:40px}.example-tree div[role=group]>.mat-tree-node{padding-left:40px}.displayflex{display:flex}.flex-auto{flex:auto}\n"] }]
@@ -11766,7 +12064,7 @@ class BeheerFiltersComponent {
     }
 }
 BeheerFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerFiltersComponent, deps: [{ token: FiltersApiClient }], target: i0.ɵɵFactoryTarget.Component });
-BeheerFiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerFiltersComponent, selector: "app-beheer-filters", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"LoadingFilters\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!LoadingFilters\" class=\"main-content\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <button mat-raised-button (click)=\"AddCategory()\">Categorie toevoegen</button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <div class=\"displayflex\">\r\n    <div>\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div *ngFor=\"let filter of GetFilters(); let i = index;\" class=\"filter-row\">\r\n            <div class=\"displayflex\">\r\n              <button mat-raised-button *ngIf=\"FilterViewModel != filter\" (click)=\"Open(filter)\" class=\"flexauto\">{{ filter.name }}</button>\r\n              <button *ngIf=\"FilterViewModel == filter\" (click)=\"Open(filter)\" class=\"flexauto\">{{ filter.name }}</button>\r\n              <button mat-raised-button [disabled]=\"i == 0\" (click)=\"MoveUp(filter)\">&#8593;</button>\r\n              <button mat-raised-button [disabled]=\"(i + 1) == GetFilters().length\" (click)=\"MoveDown(filter)\">&#8595;</button>\r\n            </div>\r\n            <div class=\"options\">\r\n\r\n            </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <div class=\"flexauto\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n         <div *ngIf=\"FilterViewModel != undefined\">\r\n           <div class=\"filter-name\">\r\n             <div class=\"flexauto\">\r\n               Name: {{ FilterViewModel.name }}\r\n             </div>\r\n             <div>\r\n               <button mat-raised-button (click)=\"Sort()\">Sort</button>\r\n             </div>\r\n           </div>\r\n           <div class=\"filter-options-container\">\r\n             <div *ngFor=\"let option of GetFilterOptions(); let i = index;\" class=\"filter-option\">\r\n               <div class=\"filter-option-name\">\r\n                 {{ option.name }}\r\n               </div>\r\n               <button mat-raised-button [disabled]=\"i == 0\" (click)=\"MoveUpOption(option)\">&#8593;</button>\r\n               <button mat-raised-button [disabled]=\"(i + 1) == GetFilterOptions().length\" (click)=\"MoveDownOption(option)\">&#8595;</button>\r\n             </div>\r\n           </div>\r\n         </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".displayflex{display:flex;gap:10px}.filter-row{font-size:20px;line-height:30px;margin-bottom:10px}.flexauto{flex:auto}.main-content{padding:10px}.filter-name{font-size:20px;padding:10px;border-bottom:1px solid #000;display:flex}.filter-option:hover{background-color:gray}.filter-options-container{border:1px solid #000;padding:10px;margin:10px}.filter-option{padding:5px;border-bottom:1px solid #000;display:flex;gap:5px}.filter-option-name{flex:auto;line-height:30px;font-size:20px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+BeheerFiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerFiltersComponent, selector: "app-beheer-filters", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"LoadingFilters\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!LoadingFilters\" class=\"main-content\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <button mat-raised-button (click)=\"AddCategory()\">Categorie toevoegen</button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <div class=\"displayflex\">\r\n    <div>\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div *ngFor=\"let filter of GetFilters(); let i = index;\" class=\"filter-row\">\r\n            <div class=\"displayflex\">\r\n              <button mat-raised-button *ngIf=\"FilterViewModel != filter\" (click)=\"Open(filter)\" class=\"flexauto\">{{ filter.name }}</button>\r\n              <button *ngIf=\"FilterViewModel == filter\" (click)=\"Open(filter)\" class=\"flexauto\">{{ filter.name }}</button>\r\n              <button mat-raised-button [disabled]=\"i == 0\" (click)=\"MoveUp(filter)\">&#8593;</button>\r\n              <button mat-raised-button [disabled]=\"(i + 1) == GetFilters().length\" (click)=\"MoveDown(filter)\">&#8595;</button>\r\n            </div>\r\n            <div class=\"options\">\r\n\r\n            </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <div class=\"flexauto\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n         <div *ngIf=\"FilterViewModel != undefined\">\r\n           <div class=\"filter-name\">\r\n             <div class=\"flexauto\">\r\n               Name: {{ FilterViewModel.name }}\r\n             </div>\r\n             <div>\r\n               <button mat-raised-button (click)=\"Sort()\">Sort</button>\r\n             </div>\r\n           </div>\r\n           <div class=\"filter-options-container\">\r\n             <div *ngFor=\"let option of GetFilterOptions(); let i = index;\" class=\"filter-option\">\r\n               <div class=\"filter-option-name\">\r\n                 {{ option.name }}\r\n               </div>\r\n               <button mat-raised-button [disabled]=\"i == 0\" (click)=\"MoveUpOption(option)\">&#8593;</button>\r\n               <button mat-raised-button [disabled]=\"(i + 1) == GetFilterOptions().length\" (click)=\"MoveDownOption(option)\">&#8595;</button>\r\n             </div>\r\n           </div>\r\n         </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".displayflex{display:flex;gap:10px}.filter-row{font-size:20px;line-height:30px;margin-bottom:10px}.flexauto{flex:auto}.main-content{padding:10px}.filter-name{font-size:20px;padding:10px;border-bottom:1px solid #000;display:flex}.filter-option:hover{background-color:gray}.filter-options-container{border:1px solid #000;padding:10px;margin:10px}.filter-option{padding:5px;border-bottom:1px solid #000;display:flex;gap:5px}.filter-option-name{flex:auto;line-height:30px;font-size:20px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerFiltersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-filters', template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"LoadingFilters\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!LoadingFilters\" class=\"main-content\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <button mat-raised-button (click)=\"AddCategory()\">Categorie toevoegen</button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <div class=\"displayflex\">\r\n    <div>\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div *ngFor=\"let filter of GetFilters(); let i = index;\" class=\"filter-row\">\r\n            <div class=\"displayflex\">\r\n              <button mat-raised-button *ngIf=\"FilterViewModel != filter\" (click)=\"Open(filter)\" class=\"flexauto\">{{ filter.name }}</button>\r\n              <button *ngIf=\"FilterViewModel == filter\" (click)=\"Open(filter)\" class=\"flexauto\">{{ filter.name }}</button>\r\n              <button mat-raised-button [disabled]=\"i == 0\" (click)=\"MoveUp(filter)\">&#8593;</button>\r\n              <button mat-raised-button [disabled]=\"(i + 1) == GetFilters().length\" (click)=\"MoveDown(filter)\">&#8595;</button>\r\n            </div>\r\n            <div class=\"options\">\r\n\r\n            </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <div class=\"flexauto\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n         <div *ngIf=\"FilterViewModel != undefined\">\r\n           <div class=\"filter-name\">\r\n             <div class=\"flexauto\">\r\n               Name: {{ FilterViewModel.name }}\r\n             </div>\r\n             <div>\r\n               <button mat-raised-button (click)=\"Sort()\">Sort</button>\r\n             </div>\r\n           </div>\r\n           <div class=\"filter-options-container\">\r\n             <div *ngFor=\"let option of GetFilterOptions(); let i = index;\" class=\"filter-option\">\r\n               <div class=\"filter-option-name\">\r\n                 {{ option.name }}\r\n               </div>\r\n               <button mat-raised-button [disabled]=\"i == 0\" (click)=\"MoveUpOption(option)\">&#8593;</button>\r\n               <button mat-raised-button [disabled]=\"(i + 1) == GetFilterOptions().length\" (click)=\"MoveDownOption(option)\">&#8595;</button>\r\n             </div>\r\n           </div>\r\n         </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".displayflex{display:flex;gap:10px}.filter-row{font-size:20px;line-height:30px;margin-bottom:10px}.flexauto{flex:auto}.main-content{padding:10px}.filter-name{font-size:20px;padding:10px;border-bottom:1px solid #000;display:flex}.filter-option:hover{background-color:gray}.filter-options-container{border:1px solid #000;padding:10px;margin:10px}.filter-option{padding:5px;border-bottom:1px solid #000;display:flex;gap:5px}.filter-option-name{flex:auto;line-height:30px;font-size:20px}\n"] }]
@@ -11780,7 +12078,7 @@ class BeheerSettingsOptionsComponent {
     }
 }
 BeheerSettingsOptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSettingsOptionsComponent, deps: [{ token: ProjectSettingService }], target: i0.ɵɵFactoryTarget.Component });
-BeheerSettingsOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSettingsOptionsComponent, selector: "app-beheer-settings-options", inputs: { projectsetting: "projectsetting" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"projectsetting != null\">\r\n  <div *ngIf=\"!projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Reset(projectsetting)\">\r\n      Reset\r\n    </button>\r\n  </div>\r\n  <div class=\"expand\">\r\n    <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n      <mat-label>Default</mat-label>\r\n      <mat-select [(value)]=\"projectsetting.defaultValue\" [disabled]=\"!projectsetting.default\" (selectionChange)=\"projectsettingservice.Save(projectsetting)\">\r\n        <mat-option value=\"{{ option }}\" *ngFor=\"let option of projectsetting.options\">\r\n          {{ option }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"projectsetting != null && projectsetting.pipelineSteps != null && projectsetting.pipelineSteps.length > 0\">\r\n  <div *ngFor=\"let pipeline of projectsetting.pipelineSteps\">\r\n    <div class=\"row\">\r\n      <div *ngIf=\"!pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.ResetPipelineStep(projectsetting, pipeline)\">\r\n          Reset\r\n        </button>\r\n      </div>\r\n      <div class=\"expand\">\r\n        <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n          <mat-label>{{ pipeline.pipelineStep }}</mat-label>\r\n          <mat-select [(value)]=\"pipeline.value\" [disabled]=\"!pipeline.default\" (selectionChange)=\"projectsettingservice.SavePipelineStep(projectsetting, pipeline)\">\r\n            <mat-option value=\"{{ option }}\" *ngFor=\"let option of projectsetting.options\">\r\n              {{ option }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex}.expand{flex:auto}.pipeline-row{text-align:right;padding:5px}.pipeline-block{padding:5px;display:inline-block;border:1px solid #000}.pipeline-info{font-weight:700}.projectsetting-item{border-bottom:1px solid #000!important}.fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }] });
+BeheerSettingsOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSettingsOptionsComponent, selector: "app-beheer-settings-options", inputs: { projectsetting: "projectsetting" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"projectsetting != null\">\r\n  <div *ngIf=\"!projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Reset(projectsetting)\">\r\n      Reset\r\n    </button>\r\n  </div>\r\n  <div class=\"expand\">\r\n    <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n      <mat-label>Default</mat-label>\r\n      <mat-select [(value)]=\"projectsetting.defaultValue\" [disabled]=\"!projectsetting.default\" (selectionChange)=\"projectsettingservice.Save(projectsetting)\">\r\n        <mat-option value=\"{{ option }}\" *ngFor=\"let option of projectsetting.options\">\r\n          {{ option }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"projectsetting != null && projectsetting.pipelineSteps != null && projectsetting.pipelineSteps.length > 0\">\r\n  <div *ngFor=\"let pipeline of projectsetting.pipelineSteps\">\r\n    <div class=\"row\">\r\n      <div *ngIf=\"!pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.ResetPipelineStep(projectsetting, pipeline)\">\r\n          Reset\r\n        </button>\r\n      </div>\r\n      <div class=\"expand\">\r\n        <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n          <mat-label>{{ pipeline.pipelineStep }}</mat-label>\r\n          <mat-select [(value)]=\"pipeline.value\" [disabled]=\"!pipeline.default\" (selectionChange)=\"projectsettingservice.SavePipelineStep(projectsetting, pipeline)\">\r\n            <mat-option value=\"{{ option }}\" *ngFor=\"let option of projectsetting.options\">\r\n              {{ option }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex}.expand{flex:auto}.pipeline-row{text-align:right;padding:5px}.pipeline-block{padding:5px;display:inline-block;border:1px solid #000}.pipeline-info{font-weight:700}.projectsetting-item{border-bottom:1px solid #000!important}.fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSettingsOptionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-settings-options', template: "<div class=\"row\" *ngIf=\"projectsetting != null\">\r\n  <div *ngIf=\"!projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Reset(projectsetting)\">\r\n      Reset\r\n    </button>\r\n  </div>\r\n  <div class=\"expand\">\r\n    <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n      <mat-label>Default</mat-label>\r\n      <mat-select [(value)]=\"projectsetting.defaultValue\" [disabled]=\"!projectsetting.default\" (selectionChange)=\"projectsettingservice.Save(projectsetting)\">\r\n        <mat-option value=\"{{ option }}\" *ngFor=\"let option of projectsetting.options\">\r\n          {{ option }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"projectsetting != null && projectsetting.pipelineSteps != null && projectsetting.pipelineSteps.length > 0\">\r\n  <div *ngFor=\"let pipeline of projectsetting.pipelineSteps\">\r\n    <div class=\"row\">\r\n      <div *ngIf=\"!pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.ResetPipelineStep(projectsetting, pipeline)\">\r\n          Reset\r\n        </button>\r\n      </div>\r\n      <div class=\"expand\">\r\n        <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n          <mat-label>{{ pipeline.pipelineStep }}</mat-label>\r\n          <mat-select [(value)]=\"pipeline.value\" [disabled]=\"!pipeline.default\" (selectionChange)=\"projectsettingservice.SavePipelineStep(projectsetting, pipeline)\">\r\n            <mat-option value=\"{{ option }}\" *ngFor=\"let option of projectsetting.options\">\r\n              {{ option }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex}.expand{flex:auto}.pipeline-row{text-align:right;padding:5px}.pipeline-block{padding:5px;display:inline-block;border:1px solid #000}.pipeline-info{font-weight:700}.projectsetting-item{border-bottom:1px solid #000!important}.fullwidth{width:100%}\n"] }]
@@ -11796,7 +12094,7 @@ class BeheerSettingsStringComponent {
     }
 }
 BeheerSettingsStringComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSettingsStringComponent, deps: [{ token: ProjectSettingService }], target: i0.ɵɵFactoryTarget.Component });
-BeheerSettingsStringComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSettingsStringComponent, selector: "app-beheer-settings-string", inputs: { projectsetting: "projectsetting" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"projectsetting != null\">\r\n  <div *ngIf=\"!projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Reset(projectsetting)\">\r\n      Reset\r\n    </button>\r\n  </div>\r\n  <div class=\"expand\">\r\n    <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n      <mat-label>Default</mat-label>\r\n      <input matInput [(ngModel)]=\"projectsetting.defaultValue\" [disabled]=\"!projectsetting.default\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div *ngIf=\"projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Save(projectsetting)\">\r\n      Save\r\n    </button>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"projectsetting != null && projectsetting.pipelineSteps != null && projectsetting.pipelineSteps.length > 0\">\r\n  <div *ngFor=\"let pipeline of projectsetting.pipelineSteps\">\r\n    <div class=\"row\">\r\n      <div *ngIf=\"!pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.ResetPipelineStep(projectsetting, pipeline)\">\r\n          Reset\r\n        </button>\r\n      </div>\r\n      <div class=\"expand\">\r\n        <mat-form-field appearance=\"fill\">\r\n          <mat-label>{{ pipeline.pipelineStep }}</mat-label>\r\n          <input matInput [(ngModel)]=\"pipeline.value\" [disabled]=\"!pipeline.default\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div *ngIf=\"pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.SavePipelineStep(projectsetting, pipeline)\">\r\n          Save\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex}.expand{flex:auto}.pipeline-row{text-align:right;padding:5px}.pipeline-block{padding:5px;display:inline-block;border:1px solid #000}.pipeline-info{font-weight:700}.projectsetting-item{border-bottom:1px solid #000!important}.fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+BeheerSettingsStringComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSettingsStringComponent, selector: "app-beheer-settings-string", inputs: { projectsetting: "projectsetting" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"projectsetting != null\">\r\n  <div *ngIf=\"!projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Reset(projectsetting)\">\r\n      Reset\r\n    </button>\r\n  </div>\r\n  <div class=\"expand\">\r\n    <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n      <mat-label>Default</mat-label>\r\n      <input matInput [(ngModel)]=\"projectsetting.defaultValue\" [disabled]=\"!projectsetting.default\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div *ngIf=\"projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Save(projectsetting)\">\r\n      Save\r\n    </button>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"projectsetting != null && projectsetting.pipelineSteps != null && projectsetting.pipelineSteps.length > 0\">\r\n  <div *ngFor=\"let pipeline of projectsetting.pipelineSteps\">\r\n    <div class=\"row\">\r\n      <div *ngIf=\"!pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.ResetPipelineStep(projectsetting, pipeline)\">\r\n          Reset\r\n        </button>\r\n      </div>\r\n      <div class=\"expand\">\r\n        <mat-form-field appearance=\"fill\">\r\n          <mat-label>{{ pipeline.pipelineStep }}</mat-label>\r\n          <input matInput [(ngModel)]=\"pipeline.value\" [disabled]=\"!pipeline.default\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div *ngIf=\"pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.SavePipelineStep(projectsetting, pipeline)\">\r\n          Save\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex}.expand{flex:auto}.pipeline-row{text-align:right;padding:5px}.pipeline-block{padding:5px;display:inline-block;border:1px solid #000}.pipeline-info{font-weight:700}.projectsetting-item{border-bottom:1px solid #000!important}.fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSettingsStringComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-settings-string', template: "<div class=\"row\" *ngIf=\"projectsetting != null\">\r\n  <div *ngIf=\"!projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Reset(projectsetting)\">\r\n      Reset\r\n    </button>\r\n  </div>\r\n  <div class=\"expand\">\r\n    <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n      <mat-label>Default</mat-label>\r\n      <input matInput [(ngModel)]=\"projectsetting.defaultValue\" [disabled]=\"!projectsetting.default\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div *ngIf=\"projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Save(projectsetting)\">\r\n      Save\r\n    </button>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"projectsetting != null && projectsetting.pipelineSteps != null && projectsetting.pipelineSteps.length > 0\">\r\n  <div *ngFor=\"let pipeline of projectsetting.pipelineSteps\">\r\n    <div class=\"row\">\r\n      <div *ngIf=\"!pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.ResetPipelineStep(projectsetting, pipeline)\">\r\n          Reset\r\n        </button>\r\n      </div>\r\n      <div class=\"expand\">\r\n        <mat-form-field appearance=\"fill\">\r\n          <mat-label>{{ pipeline.pipelineStep }}</mat-label>\r\n          <input matInput [(ngModel)]=\"pipeline.value\" [disabled]=\"!pipeline.default\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div *ngIf=\"pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.SavePipelineStep(projectsetting, pipeline)\">\r\n          Save\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex}.expand{flex:auto}.pipeline-row{text-align:right;padding:5px}.pipeline-block{padding:5px;display:inline-block;border:1px solid #000}.pipeline-info{font-weight:700}.projectsetting-item{border-bottom:1px solid #000!important}.fullwidth{width:100%}\n"] }]
@@ -11830,7 +12128,7 @@ class BeheerSettingsBooleanComponent {
     }
 }
 BeheerSettingsBooleanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSettingsBooleanComponent, deps: [{ token: ProjectSettingService }], target: i0.ɵɵFactoryTarget.Component });
-BeheerSettingsBooleanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSettingsBooleanComponent, selector: "app-beheer-settings-boolean", inputs: { projectsetting: "projectsetting" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"projectsetting != null\">\r\n  <div *ngIf=\"!projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Reset(projectsetting)\">\r\n      Reset\r\n    </button>\r\n  </div>\r\n  <div class=\"expand\">\r\n    <mat-checkbox [checked]=\"projectsetting.defaultValue == 'True'\" [disabled]=\"!projectsetting.default\" (change)=\"Save()\"></mat-checkbox>\r\n    Default\r\n  </div>\r\n</div>\r\n<div *ngIf=\"projectsetting != null && projectsetting.pipelineSteps != null && projectsetting.pipelineSteps.length > 0\">\r\n  <div *ngFor=\"let pipeline of projectsetting.pipelineSteps\">\r\n    <div class=\"row\">\r\n      <div *ngIf=\"!pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.ResetPipelineStep(projectsetting, pipeline)\">\r\n          Reset\r\n        </button>\r\n      </div>\r\n      <div class=\"expand\">\r\n        <mat-checkbox [checked]=\"pipeline.value == 'True'\" [disabled]=\"!pipeline.default\" (change)=\"SavePipeline(pipeline)\"></mat-checkbox>\r\n        {{ pipeline.pipelineStep }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex}.expand{line-height:36px;padding-left:10px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }] });
+BeheerSettingsBooleanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSettingsBooleanComponent, selector: "app-beheer-settings-boolean", inputs: { projectsetting: "projectsetting" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"projectsetting != null\">\r\n  <div *ngIf=\"!projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Reset(projectsetting)\">\r\n      Reset\r\n    </button>\r\n  </div>\r\n  <div class=\"expand\">\r\n    <mat-checkbox [checked]=\"projectsetting.defaultValue == 'True'\" [disabled]=\"!projectsetting.default\" (change)=\"Save()\"></mat-checkbox>\r\n    Default\r\n  </div>\r\n</div>\r\n<div *ngIf=\"projectsetting != null && projectsetting.pipelineSteps != null && projectsetting.pipelineSteps.length > 0\">\r\n  <div *ngFor=\"let pipeline of projectsetting.pipelineSteps\">\r\n    <div class=\"row\">\r\n      <div *ngIf=\"!pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.ResetPipelineStep(projectsetting, pipeline)\">\r\n          Reset\r\n        </button>\r\n      </div>\r\n      <div class=\"expand\">\r\n        <mat-checkbox [checked]=\"pipeline.value == 'True'\" [disabled]=\"!pipeline.default\" (change)=\"SavePipeline(pipeline)\"></mat-checkbox>\r\n        {{ pipeline.pipelineStep }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex}.expand{line-height:36px;padding-left:10px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSettingsBooleanComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-settings-boolean', template: "<div class=\"row\" *ngIf=\"projectsetting != null\">\r\n  <div *ngIf=\"!projectsetting.default\">\r\n    <button mat-raised-button (click)=\"projectsettingservice.Reset(projectsetting)\">\r\n      Reset\r\n    </button>\r\n  </div>\r\n  <div class=\"expand\">\r\n    <mat-checkbox [checked]=\"projectsetting.defaultValue == 'True'\" [disabled]=\"!projectsetting.default\" (change)=\"Save()\"></mat-checkbox>\r\n    Default\r\n  </div>\r\n</div>\r\n<div *ngIf=\"projectsetting != null && projectsetting.pipelineSteps != null && projectsetting.pipelineSteps.length > 0\">\r\n  <div *ngFor=\"let pipeline of projectsetting.pipelineSteps\">\r\n    <div class=\"row\">\r\n      <div *ngIf=\"!pipeline.default\">\r\n        <button mat-raised-button (click)=\"projectsettingservice.ResetPipelineStep(projectsetting, pipeline)\">\r\n          Reset\r\n        </button>\r\n      </div>\r\n      <div class=\"expand\">\r\n        <mat-checkbox [checked]=\"pipeline.value == 'True'\" [disabled]=\"!pipeline.default\" (change)=\"SavePipeline(pipeline)\"></mat-checkbox>\r\n        {{ pipeline.pipelineStep }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex}.expand{line-height:36px;padding-left:10px}\n"] }]
@@ -11848,7 +12146,7 @@ class BeheerSettingsComponent {
     }
 }
 BeheerSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSettingsComponent, deps: [{ token: ProjectSettingService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSettingsComponent, selector: "app-beheer-settings", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"projectsettingservice.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!projectsettingservice.Loading\">\r\n  <div class=\"pipeline-row\">\r\n    <div class=\"pipeline-block\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          Pipeline step: <span class=\"pipeline-info\">{{ projectsettingservice.ProjectSettingsViewModel.pipelineStep }}</span>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"settings\">\r\n    <mat-accordion>\r\n      <mat-expansion-panel *ngFor=\"let category of projectsettingservice.ProjectSettingsViewModel.categories\">\r\n        <mat-expansion-panel-header>\r\n          <mat-panel-title>\r\n            {{ category.name }}\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div>\r\n          <mat-accordion>\r\n            <mat-expansion-panel *ngFor=\"let projectsetting of category.projectSettingViewModels\">\r\n              <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                  {{ projectsetting.name }}\r\n                </mat-panel-title>\r\n                <mat-panel-description>\r\n                  {{ projectsetting.activeValue }}\r\n                </mat-panel-description>\r\n              </mat-expansion-panel-header>\r\n              <div>\r\n                <app-beheer-settings-string *ngIf=\"projectsetting.projectSettingType == 1\" [projectsetting]=\"projectsetting\"></app-beheer-settings-string>\r\n                <app-beheer-settings-options *ngIf=\"projectsetting.projectSettingType == 2\" [projectsetting]=\"projectsetting\"></app-beheer-settings-options>\r\n                <app-beheer-settings-boolean *ngIf=\"projectsetting.projectSettingType == 3\" [projectsetting]=\"projectsetting\"></app-beheer-settings-boolean>\r\n              </div>\r\n            </mat-expansion-panel>\r\n          </mat-accordion>\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n  </div>\r\n\r\n  \r\n\r\n</div>\r\n", styles: [".row{display:flex}.expand{flex:auto}.settings{padding-left:20px}.pipeline-row{text-align:right;padding:5px}.pipeline-block{padding:5px;display:inline-block}.pipeline-info{font-weight:700}.projectsetting-item{border-bottom:1px solid #000!important}.fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: BeheerSettingsOptionsComponent, selector: "app-beheer-settings-options", inputs: ["projectsetting"] }, { kind: "component", type: BeheerSettingsStringComponent, selector: "app-beheer-settings-string", inputs: ["projectsetting"] }, { kind: "component", type: BeheerSettingsBooleanComponent, selector: "app-beheer-settings-boolean", inputs: ["projectsetting"] }] });
+BeheerSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSettingsComponent, selector: "app-beheer-settings", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"projectsettingservice.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!projectsettingservice.Loading\">\r\n  <div class=\"pipeline-row\">\r\n    <div class=\"pipeline-block\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          Pipeline step: <span class=\"pipeline-info\">{{ projectsettingservice.ProjectSettingsViewModel.pipelineStep }}</span>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"settings\">\r\n    <mat-accordion>\r\n      <mat-expansion-panel *ngFor=\"let category of projectsettingservice.ProjectSettingsViewModel.categories\">\r\n        <mat-expansion-panel-header>\r\n          <mat-panel-title>\r\n            {{ category.name }}\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div>\r\n          <mat-accordion>\r\n            <mat-expansion-panel *ngFor=\"let projectsetting of category.projectSettingViewModels\">\r\n              <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                  {{ projectsetting.name }}\r\n                </mat-panel-title>\r\n                <mat-panel-description>\r\n                  {{ projectsetting.activeValue }}\r\n                </mat-panel-description>\r\n              </mat-expansion-panel-header>\r\n              <div>\r\n                <app-beheer-settings-string *ngIf=\"projectsetting.projectSettingType == 1\" [projectsetting]=\"projectsetting\"></app-beheer-settings-string>\r\n                <app-beheer-settings-options *ngIf=\"projectsetting.projectSettingType == 2\" [projectsetting]=\"projectsetting\"></app-beheer-settings-options>\r\n                <app-beheer-settings-boolean *ngIf=\"projectsetting.projectSettingType == 3\" [projectsetting]=\"projectsetting\"></app-beheer-settings-boolean>\r\n              </div>\r\n            </mat-expansion-panel>\r\n          </mat-accordion>\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n  </div>\r\n\r\n  \r\n\r\n</div>\r\n", styles: [".row{display:flex}.expand{flex:auto}.settings{padding-left:20px}.pipeline-row{text-align:right;padding:5px}.pipeline-block{padding:5px;display:inline-block}.pipeline-info{font-weight:700}.projectsetting-item{border-bottom:1px solid #000!important}.fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { 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: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: BeheerSettingsOptionsComponent, selector: "app-beheer-settings-options", inputs: ["projectsetting"] }, { kind: "component", type: BeheerSettingsStringComponent, selector: "app-beheer-settings-string", inputs: ["projectsetting"] }, { kind: "component", type: BeheerSettingsBooleanComponent, selector: "app-beheer-settings-boolean", inputs: ["projectsetting"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSettingsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-settings', template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"projectsettingservice.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!projectsettingservice.Loading\">\r\n  <div class=\"pipeline-row\">\r\n    <div class=\"pipeline-block\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          Pipeline step: <span class=\"pipeline-info\">{{ projectsettingservice.ProjectSettingsViewModel.pipelineStep }}</span>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"settings\">\r\n    <mat-accordion>\r\n      <mat-expansion-panel *ngFor=\"let category of projectsettingservice.ProjectSettingsViewModel.categories\">\r\n        <mat-expansion-panel-header>\r\n          <mat-panel-title>\r\n            {{ category.name }}\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div>\r\n          <mat-accordion>\r\n            <mat-expansion-panel *ngFor=\"let projectsetting of category.projectSettingViewModels\">\r\n              <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                  {{ projectsetting.name }}\r\n                </mat-panel-title>\r\n                <mat-panel-description>\r\n                  {{ projectsetting.activeValue }}\r\n                </mat-panel-description>\r\n              </mat-expansion-panel-header>\r\n              <div>\r\n                <app-beheer-settings-string *ngIf=\"projectsetting.projectSettingType == 1\" [projectsetting]=\"projectsetting\"></app-beheer-settings-string>\r\n                <app-beheer-settings-options *ngIf=\"projectsetting.projectSettingType == 2\" [projectsetting]=\"projectsetting\"></app-beheer-settings-options>\r\n                <app-beheer-settings-boolean *ngIf=\"projectsetting.projectSettingType == 3\" [projectsetting]=\"projectsetting\"></app-beheer-settings-boolean>\r\n              </div>\r\n            </mat-expansion-panel>\r\n          </mat-accordion>\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n  </div>\r\n\r\n  \r\n\r\n</div>\r\n", styles: [".row{display:flex}.expand{flex:auto}.settings{padding-left:20px}.pipeline-row{text-align:right;padding:5px}.pipeline-block{padding:5px;display:inline-block}.pipeline-info{font-weight:700}.projectsetting-item{border-bottom:1px solid #000!important}.fullwidth{width:100%}\n"] }]
@@ -11920,7 +12218,7 @@ class BeheerSearchproductsKoppelDialogComponent {
     }
 }
 BeheerSearchproductsKoppelDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSearchproductsKoppelDialogComponent, deps: [{ token: i1$3.MatDialogRef }, { token: SearchProductsApiClient }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-BeheerSearchproductsKoppelDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSearchproductsKoppelDialogComponent, selector: "app-beheer-searchproducts-koppel-dialog", ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\" *ngIf=\"Suggestion.length > 0\">\r\n        <button *ngFor=\"let sugg of Suggestion\" mat-raised-button (click)=\"NaamNieuw = sugg;\">{{ sugg }}</button>\r\n      </div>\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput (keyup)=\"handleKeyUp($event)\" [(ngModel)]=\"NaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Product</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductSelected\">\r\n            <mat-option *ngFor=\"let product of GetProductsViewModel.productViewModels\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"BestaandToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Los\">\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"LosKenmerk()\">Kenmerk</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n", styles: [".full-width{width:100%}.bar{padding-top:5px;padding-left:3px;padding-right:3px}.tool-bar{text-align:right;padding-bottom:3px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+BeheerSearchproductsKoppelDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSearchproductsKoppelDialogComponent, selector: "app-beheer-searchproducts-koppel-dialog", ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\" *ngIf=\"Suggestion.length > 0\">\r\n        <button *ngFor=\"let sugg of Suggestion\" mat-raised-button (click)=\"NaamNieuw = sugg;\">{{ sugg }}</button>\r\n      </div>\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput (keyup)=\"handleKeyUp($event)\" [(ngModel)]=\"NaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Product</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductSelected\">\r\n            <mat-option *ngFor=\"let product of GetProductsViewModel.productViewModels\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"BestaandToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Los\">\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"LosKenmerk()\">Kenmerk</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n", styles: [".full-width{width:100%}.bar{padding-top:5px;padding-left:3px;padding-right:3px}.tool-bar{text-align:right;padding-bottom:3px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSearchproductsKoppelDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-searchproducts-koppel-dialog', template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\" *ngIf=\"Suggestion.length > 0\">\r\n        <button *ngFor=\"let sugg of Suggestion\" mat-raised-button (click)=\"NaamNieuw = sugg;\">{{ sugg }}</button>\r\n      </div>\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput (keyup)=\"handleKeyUp($event)\" [(ngModel)]=\"NaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Product</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductSelected\">\r\n            <mat-option *ngFor=\"let product of GetProductsViewModel.productViewModels\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"BestaandToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Los\">\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"LosKenmerk()\">Kenmerk</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n", styles: [".full-width{width:100%}.bar{padding-top:5px;padding-left:3px;padding-right:3px}.tool-bar{text-align:right;padding-bottom:3px}\n"] }]
@@ -12211,7 +12509,7 @@ class BeheerSearchProductsComponent {
     }
 }
 BeheerSearchProductsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSearchProductsComponent, deps: [{ token: i1$3.MatDialog }, { token: SearchProductsApiClient }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-BeheerSearchProductsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSearchProductsComponent, selector: "app-beheer-searchproducts", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div class=\"main-window\">\r\n  <div>\r\n    <mat-card>\r\n      <div class=\"main-block-search\">\r\n        <div class=\"block\">\r\n          <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n            <mat-label>Zoekterm</mat-label>\r\n            <input matInput placeholder=\"bv. Merk Serie\" (keyup)=\"handleKeyUp($event)\" [(ngModel)]=\"ZoekTerm\">\r\n          </mat-form-field>\r\n        </div>\r\n        <div class=\"zoeken-block\">\r\n          <button mat-raised-button (click)=\"Zoek()\" [disabled]=\"Loading\">Zoeken</button>\r\n        </div>\r\n      </div>\r\n    </mat-card>\r\n\r\n    <div *ngIf=\"Loading\">\r\n      <app-fab-loader></app-fab-loader>\r\n    </div>\r\n\r\n    <div *ngIf=\"!Loading\" class=\"resultblock\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <table class=\"ebo-table\">\r\n            <tr>\r\n              <td>\r\n                <button mat-raised-button (click)=\"SelectAll()\" class=\"selectall\">V</button>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>BOT</mat-label>\r\n                  <input matInput [(ngModel)]=\"BOT\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO1Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO1Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO1Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO1Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO2Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO2Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO2Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO2Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO3Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO3Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO3Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO3Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO4Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO4Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO4Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO4Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>Kenmerk</mat-label>\r\n                  <input matInput [(ngModel)]=\"Kenmerk\">\r\n                </mat-form-field>\r\n              </td>\r\n            </tr>\r\n            <tr *ngFor=\"let ebo of GetEbos(false)\" class=\"table-row\" (click)=\"SelectRow(ebo)\">\r\n              <td>\r\n                <div *ngIf=\"ebo.inUseBy == ''\">\r\n                  <mat-checkbox class=\"row-check\" [(ngModel)]=\"ebo.selected\" [color]=\"Primary\" (change)=\"UpdateSnackBar()\"></mat-checkbox>\r\n                </div>\r\n              </td>\r\n              <ng-container *ngFor=\"let do of ebo.dOs\">\r\n                <td *ngIf=\"ShowCell(do.doType)\">{{ do.doType }}</td>\r\n                <td>{{ do.doNaam }}</td>\r\n              </ng-container>\r\n            </tr>\r\n            <tr *ngFor=\"let ebo of GetEbos(true)\" class=\"table-row\" (click)=\"SelectRow(ebo)\">\r\n              <td>\r\n                <div *ngIf=\"ebo.inUseBy == ''\">\r\n                  <mat-checkbox class=\"row-check\" [(ngModel)]=\"ebo.selected\" [color]=\"Primary\" (change)=\"UpdateSnackBar()\"></mat-checkbox>\r\n                </div>\r\n              </td>\r\n              <ng-container *ngFor=\"let do of ebo.dOs\">\r\n                <td *ngIf=\"ShowCell(do.doType)\">{{ do.doType }}</td>\r\n                <td>{{ do.doNaam }}</td>\r\n              </ng-container>\r\n            </tr>\r\n          </table>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-searchproducts .full-width{width:100%}app-beheer-searchproducts .block{flex:auto}app-beheer-searchproducts .selectall{height:50px;margin-bottom:20px}app-beheer-searchproducts .main-window{padding:5px}app-beheer-searchproducts .table-row:hover{background-color:#d3d3d3}app-beheer-searchproducts .ebo-table{width:100%}app-beheer-searchproducts .header-check{top:-9px;position:relative;left:-7px}app-beheer-searchproducts .row-check{position:relative;left:-7px}app-beheer-searchproducts .resultblock{margin:5px}app-beheer-searchproducts .main-block-search{display:flex}app-beheer-searchproducts .zoeken-block{padding-left:10px}app-beheer-searchproducts .selected{font-weight:700}app-beheer-searchproducts .table-row{cursor:pointer}app-beheer-searchproducts .table-row-selected{font-weight:700}app-beheer-searchproducts .mat-form-field-infix{width:auto!important}.mat-simple-snackbar-action{color:#fff!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i4$4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
+BeheerSearchProductsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerSearchProductsComponent, selector: "app-beheer-searchproducts", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div class=\"main-window\">\r\n  <div>\r\n    <mat-card>\r\n      <div class=\"main-block-search\">\r\n        <div class=\"block\">\r\n          <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n            <mat-label>Zoekterm</mat-label>\r\n            <input matInput placeholder=\"bv. Merk Serie\" (keyup)=\"handleKeyUp($event)\" [(ngModel)]=\"ZoekTerm\">\r\n          </mat-form-field>\r\n        </div>\r\n        <div class=\"zoeken-block\">\r\n          <button mat-raised-button (click)=\"Zoek()\" [disabled]=\"Loading\">Zoeken</button>\r\n        </div>\r\n      </div>\r\n    </mat-card>\r\n\r\n    <div *ngIf=\"Loading\">\r\n      <app-fab-loader></app-fab-loader>\r\n    </div>\r\n\r\n    <div *ngIf=\"!Loading\" class=\"resultblock\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <table class=\"ebo-table\">\r\n            <tr>\r\n              <td>\r\n                <button mat-raised-button (click)=\"SelectAll()\" class=\"selectall\">V</button>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>BOT</mat-label>\r\n                  <input matInput [(ngModel)]=\"BOT\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO1Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO1Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO1Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO1Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO2Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO2Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO2Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO2Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO3Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO3Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO3Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO3Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO4Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO4Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO4Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO4Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>Kenmerk</mat-label>\r\n                  <input matInput [(ngModel)]=\"Kenmerk\">\r\n                </mat-form-field>\r\n              </td>\r\n            </tr>\r\n            <tr *ngFor=\"let ebo of GetEbos(false)\" class=\"table-row\" (click)=\"SelectRow(ebo)\">\r\n              <td>\r\n                <div *ngIf=\"ebo.inUseBy == ''\">\r\n                  <mat-checkbox class=\"row-check\" [(ngModel)]=\"ebo.selected\" [color]=\"Primary\" (change)=\"UpdateSnackBar()\"></mat-checkbox>\r\n                </div>\r\n              </td>\r\n              <ng-container *ngFor=\"let do of ebo.dOs\">\r\n                <td *ngIf=\"ShowCell(do.doType)\">{{ do.doType }}</td>\r\n                <td>{{ do.doNaam }}</td>\r\n              </ng-container>\r\n            </tr>\r\n            <tr *ngFor=\"let ebo of GetEbos(true)\" class=\"table-row\" (click)=\"SelectRow(ebo)\">\r\n              <td>\r\n                <div *ngIf=\"ebo.inUseBy == ''\">\r\n                  <mat-checkbox class=\"row-check\" [(ngModel)]=\"ebo.selected\" [color]=\"Primary\" (change)=\"UpdateSnackBar()\"></mat-checkbox>\r\n                </div>\r\n              </td>\r\n              <ng-container *ngFor=\"let do of ebo.dOs\">\r\n                <td *ngIf=\"ShowCell(do.doType)\">{{ do.doType }}</td>\r\n                <td>{{ do.doNaam }}</td>\r\n              </ng-container>\r\n            </tr>\r\n          </table>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-searchproducts .full-width{width:100%}app-beheer-searchproducts .block{flex:auto}app-beheer-searchproducts .selectall{height:50px;margin-bottom:20px}app-beheer-searchproducts .main-window{padding:5px}app-beheer-searchproducts .table-row:hover{background-color:#d3d3d3}app-beheer-searchproducts .ebo-table{width:100%}app-beheer-searchproducts .header-check{top:-9px;position:relative;left:-7px}app-beheer-searchproducts .row-check{position:relative;left:-7px}app-beheer-searchproducts .resultblock{margin:5px}app-beheer-searchproducts .main-block-search{display:flex}app-beheer-searchproducts .zoeken-block{padding-left:10px}app-beheer-searchproducts .selected{font-weight:700}app-beheer-searchproducts .table-row{cursor:pointer}app-beheer-searchproducts .table-row-selected{font-weight:700}app-beheer-searchproducts .mat-form-field-infix{width:auto!important}.mat-simple-snackbar-action{color:#fff!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: i4$4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerSearchProductsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-searchproducts', encapsulation: ViewEncapsulation.None, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div class=\"main-window\">\r\n  <div>\r\n    <mat-card>\r\n      <div class=\"main-block-search\">\r\n        <div class=\"block\">\r\n          <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n            <mat-label>Zoekterm</mat-label>\r\n            <input matInput placeholder=\"bv. Merk Serie\" (keyup)=\"handleKeyUp($event)\" [(ngModel)]=\"ZoekTerm\">\r\n          </mat-form-field>\r\n        </div>\r\n        <div class=\"zoeken-block\">\r\n          <button mat-raised-button (click)=\"Zoek()\" [disabled]=\"Loading\">Zoeken</button>\r\n        </div>\r\n      </div>\r\n    </mat-card>\r\n\r\n    <div *ngIf=\"Loading\">\r\n      <app-fab-loader></app-fab-loader>\r\n    </div>\r\n\r\n    <div *ngIf=\"!Loading\" class=\"resultblock\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <table class=\"ebo-table\">\r\n            <tr>\r\n              <td>\r\n                <button mat-raised-button (click)=\"SelectAll()\" class=\"selectall\">V</button>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>BOT</mat-label>\r\n                  <input matInput [(ngModel)]=\"BOT\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO1Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO1Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO1Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO1Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO2Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO2Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO2Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO2Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO3Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO3Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO3Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO3Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO4Type</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO4Type\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>DO4Naam</mat-label>\r\n                  <input matInput [(ngModel)]=\"DO4Naam\">\r\n                </mat-form-field>\r\n              </td>\r\n              <td>\r\n                <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n                  <mat-label>Kenmerk</mat-label>\r\n                  <input matInput [(ngModel)]=\"Kenmerk\">\r\n                </mat-form-field>\r\n              </td>\r\n            </tr>\r\n            <tr *ngFor=\"let ebo of GetEbos(false)\" class=\"table-row\" (click)=\"SelectRow(ebo)\">\r\n              <td>\r\n                <div *ngIf=\"ebo.inUseBy == ''\">\r\n                  <mat-checkbox class=\"row-check\" [(ngModel)]=\"ebo.selected\" [color]=\"Primary\" (change)=\"UpdateSnackBar()\"></mat-checkbox>\r\n                </div>\r\n              </td>\r\n              <ng-container *ngFor=\"let do of ebo.dOs\">\r\n                <td *ngIf=\"ShowCell(do.doType)\">{{ do.doType }}</td>\r\n                <td>{{ do.doNaam }}</td>\r\n              </ng-container>\r\n            </tr>\r\n            <tr *ngFor=\"let ebo of GetEbos(true)\" class=\"table-row\" (click)=\"SelectRow(ebo)\">\r\n              <td>\r\n                <div *ngIf=\"ebo.inUseBy == ''\">\r\n                  <mat-checkbox class=\"row-check\" [(ngModel)]=\"ebo.selected\" [color]=\"Primary\" (change)=\"UpdateSnackBar()\"></mat-checkbox>\r\n                </div>\r\n              </td>\r\n              <ng-container *ngFor=\"let do of ebo.dOs\">\r\n                <td *ngIf=\"ShowCell(do.doType)\">{{ do.doType }}</td>\r\n                <td>{{ do.doNaam }}</td>\r\n              </ng-container>\r\n            </tr>\r\n          </table>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-searchproducts .full-width{width:100%}app-beheer-searchproducts .block{flex:auto}app-beheer-searchproducts .selectall{height:50px;margin-bottom:20px}app-beheer-searchproducts .main-window{padding:5px}app-beheer-searchproducts .table-row:hover{background-color:#d3d3d3}app-beheer-searchproducts .ebo-table{width:100%}app-beheer-searchproducts .header-check{top:-9px;position:relative;left:-7px}app-beheer-searchproducts .row-check{position:relative;left:-7px}app-beheer-searchproducts .resultblock{margin:5px}app-beheer-searchproducts .main-block-search{display:flex}app-beheer-searchproducts .zoeken-block{padding-left:10px}app-beheer-searchproducts .selected{font-weight:700}app-beheer-searchproducts .table-row{cursor:pointer}app-beheer-searchproducts .table-row-selected{font-weight:700}app-beheer-searchproducts .mat-form-field-infix{width:auto!important}.mat-simple-snackbar-action{color:#fff!important}\n"] }]
@@ -12251,7 +12549,7 @@ class BeheerImportSetsDialogComponent {
     }
 }
 BeheerImportSetsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsDialogComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ImportSetsService }, { token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: ImportApiClient }], target: i0.ɵɵFactoryTarget.Component });
-BeheerImportSetsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerImportSetsDialogComponent, selector: "app-beheer-import-sets-dialog", ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label>Naam</mat-label>\r\n    <input matInput [(ngModel)]=\"name\">\r\n  </mat-form-field>\r\n\r\n  <button mat-raised-button (click)=\"Opslaan()\">Opslaan</button>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+BeheerImportSetsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerImportSetsDialogComponent, selector: "app-beheer-import-sets-dialog", ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label>Naam</mat-label>\r\n    <input matInput [(ngModel)]=\"name\">\r\n  </mat-form-field>\r\n\r\n  <button mat-raised-button (click)=\"Opslaan()\">Opslaan</button>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-import-sets-dialog', template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label>Naam</mat-label>\r\n    <input matInput [(ngModel)]=\"name\">\r\n  </mat-form-field>\r\n\r\n  <button mat-raised-button (click)=\"Opslaan()\">Opslaan</button>\r\n</div>\r\n" }]
@@ -12417,7 +12715,7 @@ class BeheerImportSetsComponent {
     }
 }
 BeheerImportSetsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsComponent, deps: [{ token: i1$3.MatDialog }, { token: ProductsService }, { token: ImportSetsService }, { token: ImportApiClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerImportSetsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerImportSetsComponent, selector: "app-beheer-import-sets", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading()\" class=\"main-content\">\r\n  <mat-card>\r\n    <div class=\"toolbar\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Import set</mat-label>\r\n          <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (selectionChange)=\"Reload()\">\r\n            <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n              {{importset.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Wijzig()\">\r\n          Wijzig\r\n        </button>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Toevoegen()\">\r\n          Toevoegen\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"toolbar\" *ngIf=\"GetProducts().length > 0\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Product</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.ProductSelected\">\r\n            <mat-option *ngFor=\"let product of GetProducts()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"toolbar-item flex-auto\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>BCBProduct</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.BCBProductSelected\">\r\n            <mat-option *ngFor=\"let product of ProductsService.GetBCBProductsSelected()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Open()\">\r\n          Open\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n\r\n  <div class=\"main-block\">\r\n    <div class=\"flex-auto block\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div *ngIf=\"ImportSetsService.LoadingOpen\">\r\n            <app-fab-loader></app-fab-loader>\r\n          </div>\r\n          <div *ngIf=\"!ImportSetsService.LoadingOpen && ImportSetsService.BCBImportOpenResponse != null\">\r\n            <h3 class=\"title\">{{ ImportSetsService.BCBImportOpenResponse?.bcbeboViewModel?.name }}</h3>\r\n\r\n            <div class=\"opbouw\">Opbouw</div>\r\n            <app-beheer-import-sets-opbouw *ngFor=\"let opbouw of ImportSetsService.BCBImportOpenResponse.bcbImportOpbouwen\" [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\r\n\r\n            <div class=\"opbouw\">Eigenschap</div>\r\n            <app-beheer-import-sets-eigenschap *ngFor=\"let eigenschap of ImportSetsService.BCBImportOpenResponse.bcbImportEigenschappen\" [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n\r\n    </div>\r\n    <div class=\"importset-block block\">\r\n      <mat-card>\r\n        <mat-card-title>{{ ImportSetsService.GetActiveImportSet().name }}</mat-card-title>\r\n        <mat-card-content>\r\n          <mat-card class=\"value-block\" *ngFor=\"let value of ImportSetsService.GetActiveImportSet().bcbImportSetValueViewModels\">\r\n            <mat-card-content>\r\n              {{ value.value }}\r\n            </mat-card-content>\r\n          </mat-card>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".main-content{padding:5px}.flex-auto{flex:auto}.full-width{width:100%}.value-block{margin:3px}.importset-block{min-width:300px}.full-height{height:100%}.main-block{display:flex}.block{margin:5px}.toolbar{display:flex}.toolbar-item{margin-right:3px}.card{margin:3px}.opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i7$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: BeheerImportSetsOpbouwComponent, selector: "app-beheer-import-sets-opbouw", inputs: ["opbouw"] }, { kind: "component", type: BeheerImportSetsEigenschapComponent, selector: "app-beheer-import-sets-eigenschap", inputs: ["eigenschap"] }] });
+BeheerImportSetsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerImportSetsComponent, selector: "app-beheer-import-sets", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading()\" class=\"main-content\">\r\n  <mat-card>\r\n    <div class=\"toolbar\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Import set</mat-label>\r\n          <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (selectionChange)=\"Reload()\">\r\n            <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n              {{importset.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Wijzig()\">\r\n          Wijzig\r\n        </button>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Toevoegen()\">\r\n          Toevoegen\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"toolbar\" *ngIf=\"GetProducts().length > 0\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Product</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.ProductSelected\">\r\n            <mat-option *ngFor=\"let product of GetProducts()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"toolbar-item flex-auto\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>BCBProduct</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.BCBProductSelected\">\r\n            <mat-option *ngFor=\"let product of ProductsService.GetBCBProductsSelected()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Open()\">\r\n          Open\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n\r\n  <div class=\"main-block\">\r\n    <div class=\"flex-auto block\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div *ngIf=\"ImportSetsService.LoadingOpen\">\r\n            <app-fab-loader></app-fab-loader>\r\n          </div>\r\n          <div *ngIf=\"!ImportSetsService.LoadingOpen && ImportSetsService.BCBImportOpenResponse != null\">\r\n            <h3 class=\"title\">{{ ImportSetsService.BCBImportOpenResponse?.bcbeboViewModel?.name }}</h3>\r\n\r\n            <div class=\"opbouw\">Opbouw</div>\r\n            <app-beheer-import-sets-opbouw *ngFor=\"let opbouw of ImportSetsService.BCBImportOpenResponse.bcbImportOpbouwen\" [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\r\n\r\n            <div class=\"opbouw\">Eigenschap</div>\r\n            <app-beheer-import-sets-eigenschap *ngFor=\"let eigenschap of ImportSetsService.BCBImportOpenResponse.bcbImportEigenschappen\" [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n\r\n    </div>\r\n    <div class=\"importset-block block\">\r\n      <mat-card>\r\n        <mat-card-title>{{ ImportSetsService.GetActiveImportSet().name }}</mat-card-title>\r\n        <mat-card-content>\r\n          <mat-card class=\"value-block\" *ngFor=\"let value of ImportSetsService.GetActiveImportSet().bcbImportSetValueViewModels\">\r\n            <mat-card-content>\r\n              {{ value.value }}\r\n            </mat-card-content>\r\n          </mat-card>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".main-content{padding:5px}.flex-auto{flex:auto}.full-width{width:100%}.value-block{margin:3px}.importset-block{min-width:300px}.full-height{height:100%}.main-block{display:flex}.block{margin:5px}.toolbar{display:flex}.toolbar-item{margin-right:3px}.card{margin:3px}.opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i7.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: BeheerImportSetsOpbouwComponent, selector: "app-beheer-import-sets-opbouw", inputs: ["opbouw"] }, { kind: "component", type: BeheerImportSetsEigenschapComponent, selector: "app-beheer-import-sets-eigenschap", inputs: ["eigenschap"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-import-sets', template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading()\" class=\"main-content\">\r\n  <mat-card>\r\n    <div class=\"toolbar\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Import set</mat-label>\r\n          <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (selectionChange)=\"Reload()\">\r\n            <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n              {{importset.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Wijzig()\">\r\n          Wijzig\r\n        </button>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Toevoegen()\">\r\n          Toevoegen\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"toolbar\" *ngIf=\"GetProducts().length > 0\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Product</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.ProductSelected\">\r\n            <mat-option *ngFor=\"let product of GetProducts()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"toolbar-item flex-auto\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>BCBProduct</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.BCBProductSelected\">\r\n            <mat-option *ngFor=\"let product of ProductsService.GetBCBProductsSelected()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Open()\">\r\n          Open\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n\r\n  <div class=\"main-block\">\r\n    <div class=\"flex-auto block\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div *ngIf=\"ImportSetsService.LoadingOpen\">\r\n            <app-fab-loader></app-fab-loader>\r\n          </div>\r\n          <div *ngIf=\"!ImportSetsService.LoadingOpen && ImportSetsService.BCBImportOpenResponse != null\">\r\n            <h3 class=\"title\">{{ ImportSetsService.BCBImportOpenResponse?.bcbeboViewModel?.name }}</h3>\r\n\r\n            <div class=\"opbouw\">Opbouw</div>\r\n            <app-beheer-import-sets-opbouw *ngFor=\"let opbouw of ImportSetsService.BCBImportOpenResponse.bcbImportOpbouwen\" [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\r\n\r\n            <div class=\"opbouw\">Eigenschap</div>\r\n            <app-beheer-import-sets-eigenschap *ngFor=\"let eigenschap of ImportSetsService.BCBImportOpenResponse.bcbImportEigenschappen\" [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n\r\n    </div>\r\n    <div class=\"importset-block block\">\r\n      <mat-card>\r\n        <mat-card-title>{{ ImportSetsService.GetActiveImportSet().name }}</mat-card-title>\r\n        <mat-card-content>\r\n          <mat-card class=\"value-block\" *ngFor=\"let value of ImportSetsService.GetActiveImportSet().bcbImportSetValueViewModels\">\r\n            <mat-card-content>\r\n              {{ value.value }}\r\n            </mat-card-content>\r\n          </mat-card>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".main-content{padding:5px}.flex-auto{flex:auto}.full-width{width:100%}.value-block{margin:3px}.importset-block{min-width:300px}.full-height{height:100%}.main-block{display:flex}.block{margin:5px}.toolbar{display:flex}.toolbar-item{margin-right:3px}.card{margin:3px}.opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"] }]
@@ -12556,7 +12854,7 @@ class BeheerProductsKoppelFilteroptionDailogComponent {
     }
 }
 BeheerProductsKoppelFilteroptionDailogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsKoppelFilteroptionDailogComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: FiltersApiClient }, { token: ProductsApiClient }, { token: ProductsService }], target: i0.ɵɵFactoryTarget.Component });
-BeheerProductsKoppelFilteroptionDailogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsKoppelFilteroptionDailogComponent, selector: "app-beheer-products-koppel-filteroption-dailog", ngImport: i0, template: "<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading()\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuwe filter\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <input matInput [(ngModel)]=\"FilterNaamNieuw\">\r\n        </mat-form-field>\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <input matInput (keyup)=\"handleKeyUpFilter($event)\" [(ngModel)]=\"FilterOptionNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwFilterToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Nieuwe optie\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterSelected\">\r\n            <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n              {{filter.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <input matInput (keyup)=\"handleKeyUpFilterOption($event)\" [(ngModel)]=\"FilterOptionNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwFilterOptionToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterSelected\">\r\n            <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n              {{filter.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterOptionSelected\">\r\n            <mat-option *ngFor=\"let filteroption of GetSelectedFiltersOptions()\" [value]=\"filteroption.id\">\r\n              {{filteroption.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"BestaandToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <!--<mat-tab label=\"Many Name\">\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n        <mat-label>Filter</mat-label>\r\n        <mat-select [(ngModel)]=\"FilterSelected\">\r\n          <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n            {{filter.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <app-beheer-connect-manyname></app-beheer-connect-manyname>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"KoppelManyName()\">Koppel</button>\r\n      </div>\r\n    </mat-tab>-->\r\n  </mat-tab-group>\r\n\r\n  <div class=\"options-container\">\r\n    <!--<div *ngFor=\"let location of ConnectEigenschapOptieResponse.locations\">\r\n      <b>{{ location.location }}</b>\r\n      <div *ngFor=\"let ebo of location.ebos\">\r\n        {{ ebo }}\r\n      </div>\r\n    </div>-->\r\n  </div>\r\n</div>\r\n", styles: [".full-width{width:100%}.options-container{max-height:300px}.tool-bar{padding:2px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+BeheerProductsKoppelFilteroptionDailogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsKoppelFilteroptionDailogComponent, selector: "app-beheer-products-koppel-filteroption-dailog", ngImport: i0, template: "<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading()\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuwe filter\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <input matInput [(ngModel)]=\"FilterNaamNieuw\">\r\n        </mat-form-field>\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <input matInput (keyup)=\"handleKeyUpFilter($event)\" [(ngModel)]=\"FilterOptionNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwFilterToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Nieuwe optie\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterSelected\">\r\n            <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n              {{filter.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <input matInput (keyup)=\"handleKeyUpFilterOption($event)\" [(ngModel)]=\"FilterOptionNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwFilterOptionToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterSelected\">\r\n            <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n              {{filter.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterOptionSelected\">\r\n            <mat-option *ngFor=\"let filteroption of GetSelectedFiltersOptions()\" [value]=\"filteroption.id\">\r\n              {{filteroption.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"BestaandToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <!--<mat-tab label=\"Many Name\">\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n        <mat-label>Filter</mat-label>\r\n        <mat-select [(ngModel)]=\"FilterSelected\">\r\n          <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n            {{filter.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <app-beheer-connect-manyname></app-beheer-connect-manyname>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"KoppelManyName()\">Koppel</button>\r\n      </div>\r\n    </mat-tab>-->\r\n  </mat-tab-group>\r\n\r\n  <div class=\"options-container\">\r\n    <!--<div *ngFor=\"let location of ConnectEigenschapOptieResponse.locations\">\r\n      <b>{{ location.location }}</b>\r\n      <div *ngFor=\"let ebo of location.ebos\">\r\n        {{ ebo }}\r\n      </div>\r\n    </div>-->\r\n  </div>\r\n</div>\r\n", styles: [".full-width{width:100%}.options-container{max-height:300px}.tool-bar{padding:2px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsKoppelFilteroptionDailogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-products-koppel-filteroption-dailog', template: "<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading()\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuwe filter\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <input matInput [(ngModel)]=\"FilterNaamNieuw\">\r\n        </mat-form-field>\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <input matInput (keyup)=\"handleKeyUpFilter($event)\" [(ngModel)]=\"FilterOptionNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwFilterToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Nieuwe optie\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterSelected\">\r\n            <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n              {{filter.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <input matInput (keyup)=\"handleKeyUpFilterOption($event)\" [(ngModel)]=\"FilterOptionNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwFilterOptionToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Filter</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterSelected\">\r\n            <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n              {{filter.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterOptionSelected\">\r\n            <mat-option *ngFor=\"let filteroption of GetSelectedFiltersOptions()\" [value]=\"filteroption.id\">\r\n              {{filteroption.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"BestaandToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <!--<mat-tab label=\"Many Name\">\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n        <mat-label>Filter</mat-label>\r\n        <mat-select [(ngModel)]=\"FilterSelected\">\r\n          <mat-option *ngFor=\"let filter of FiltersViewModel.filterViewModels\" [value]=\"filter.id\">\r\n            {{filter.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <app-beheer-connect-manyname></app-beheer-connect-manyname>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"KoppelManyName()\">Koppel</button>\r\n      </div>\r\n    </mat-tab>-->\r\n  </mat-tab-group>\r\n\r\n  <div class=\"options-container\">\r\n    <!--<div *ngFor=\"let location of ConnectEigenschapOptieResponse.locations\">\r\n      <b>{{ location.location }}</b>\r\n      <div *ngFor=\"let ebo of location.ebos\">\r\n        {{ ebo }}\r\n      </div>\r\n    </div>-->\r\n  </div>\r\n</div>\r\n", styles: [".full-width{width:100%}.options-container{max-height:300px}.tool-bar{padding:2px}\n"] }]
@@ -12632,7 +12930,7 @@ class BeheerConnectCategoryDialogComponent {
     }
 }
 BeheerConnectCategoryDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerConnectCategoryDialogComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: CategoriesApiClient }], target: i0.ɵɵFactoryTarget.Component });
-BeheerConnectCategoryDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerConnectCategoryDialogComponent, selector: "app-beheer-connect-category-dialog", ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\">\r\n        <!--<mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>{{ DOType }}</mat-label>\r\n          <input matInput [(ngModel)]=\"DONaam\" readonly>\r\n        </mat-form-field>-->\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"CategoryName\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Nieuw()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n      <div class=\"bar\">\r\n        <!--<mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>{{ DOType }}</mat-label>\r\n          <input matInput [(ngModel)]=\"DONaam\" readonly>\r\n        </mat-form-field>-->\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Category</mat-label>\r\n          <mat-select [(ngModel)]=\"CategorySelected\">\r\n            <mat-option *ngFor=\"let category of CategoriesViewModel.categories\" [value]=\"category.id\">\r\n              {{category.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Bestaand()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+BeheerConnectCategoryDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerConnectCategoryDialogComponent, selector: "app-beheer-connect-category-dialog", ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\">\r\n        <!--<mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>{{ DOType }}</mat-label>\r\n          <input matInput [(ngModel)]=\"DONaam\" readonly>\r\n        </mat-form-field>-->\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"CategoryName\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Nieuw()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n      <div class=\"bar\">\r\n        <!--<mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>{{ DOType }}</mat-label>\r\n          <input matInput [(ngModel)]=\"DONaam\" readonly>\r\n        </mat-form-field>-->\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Category</mat-label>\r\n          <mat-select [(ngModel)]=\"CategorySelected\">\r\n            <mat-option *ngFor=\"let category of CategoriesViewModel.categories\" [value]=\"category.id\">\r\n              {{category.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Bestaand()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerConnectCategoryDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-connect-category-dialog', template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\">\r\n        <!--<mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>{{ DOType }}</mat-label>\r\n          <input matInput [(ngModel)]=\"DONaam\" readonly>\r\n        </mat-form-field>-->\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"CategoryName\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Nieuw()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Bestaand\">\r\n      <div class=\"bar\">\r\n        <!--<mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>{{ DOType }}</mat-label>\r\n          <input matInput [(ngModel)]=\"DONaam\" readonly>\r\n        </mat-form-field>-->\r\n\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Category</mat-label>\r\n          <mat-select [(ngModel)]=\"CategorySelected\">\r\n            <mat-option *ngFor=\"let category of CategoriesViewModel.categories\" [value]=\"category.id\">\r\n              {{category.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Bestaand()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n" }]
@@ -12748,7 +13046,7 @@ class BeheerEboKoppelComponent {
     }
 }
 BeheerEboKoppelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerEboKoppelComponent, deps: [{ token: EBOKoppelApiClient }, { token: ImportSetsService }, { token: i1$3.MatDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerEboKoppelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerEboKoppelComponent, selector: "app-beheer-ebo-koppel", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading()\" class=\"main-content\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\" *ngIf=\"!ImportSetsService.LoadingImportSets\">\r\n        <mat-label>Import set</mat-label>\r\n        <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (change)=\"LoadModel()\">\r\n          <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n            {{importset.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <button mat-raised-button (click)=\"LoadModel()\">\r\n        Refresh\r\n      </button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <mat-accordion *ngIf=\"EBOKoppelViewModel != null\">\r\n    <mat-expansion-panel *ngFor=\"let type of EBOKoppelViewModel.eboKoppelTypeViewModels\">\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{ type.type }}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          {{ type.namen.length }}\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div>\r\n        <mat-card *ngFor=\"let naam of type.namen\" class=\"card\">\r\n          <mat-card-content>\r\n            <div class=\"row\">\r\n              <div class=\"text-div\">\r\n                {{ naam.doNaam }} ({{ naam.ebOs.length }})\r\n              </div>\r\n              <div class=\"button-row\">\r\n                <button mat-raised-button (click)=\"Connect(naam.ebOs[0].id)\">\r\n                  FilterOption\r\n                </button>\r\n                <button mat-raised-button (click)=\"ConnectMany(naam.ebOs[0].id)\">\r\n                  FilterOptionMany\r\n                </button>\r\n                <button mat-raised-button (click)=\"ConnectCategory(naam.ebOs[0].id)\">\r\n                  Category\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div *ngFor=\"let ebo of naam.ebOs\" class=\"row eborow\">\r\n              <div class=\"text-div\">\r\n                {{ ebo.eboNaam }}\r\n              </div>\r\n              <div>\r\n                <div *ngFor=\"let filteroption of ebo.filterOptions\">\r\n                  {{ filteroption.filterName }}: {{ filteroption.filterOptionName }}\r\n                </div>\r\n\r\n                <div *ngFor=\"let category of ebo.categories\">\r\n                  Category: {{ category.categoryName }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n    </mat-expansion-panel>\r\n\r\n  </mat-accordion>\r\n</div>\r\n", styles: [".card{margin:3px}.row{display:flex;align-items:center;cursor:pointer}.eborow{padding:3px;border-bottom:1px solid #000}.main-content{padding:5px}.icon-div{width:24px;height:24px}.text-div{flex:auto}.button-row{display:flex;gap:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+BeheerEboKoppelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerEboKoppelComponent, selector: "app-beheer-ebo-koppel", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading()\" class=\"main-content\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\" *ngIf=\"!ImportSetsService.LoadingImportSets\">\r\n        <mat-label>Import set</mat-label>\r\n        <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (change)=\"LoadModel()\">\r\n          <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n            {{importset.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <button mat-raised-button (click)=\"LoadModel()\">\r\n        Refresh\r\n      </button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <mat-accordion *ngIf=\"EBOKoppelViewModel != null\">\r\n    <mat-expansion-panel *ngFor=\"let type of EBOKoppelViewModel.eboKoppelTypeViewModels\">\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{ type.type }}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          {{ type.namen.length }}\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div>\r\n        <mat-card *ngFor=\"let naam of type.namen\" class=\"card\">\r\n          <mat-card-content>\r\n            <div class=\"row\">\r\n              <div class=\"text-div\">\r\n                {{ naam.doNaam }} ({{ naam.ebOs.length }})\r\n              </div>\r\n              <div class=\"button-row\">\r\n                <button mat-raised-button (click)=\"Connect(naam.ebOs[0].id)\">\r\n                  FilterOption\r\n                </button>\r\n                <button mat-raised-button (click)=\"ConnectMany(naam.ebOs[0].id)\">\r\n                  FilterOptionMany\r\n                </button>\r\n                <button mat-raised-button (click)=\"ConnectCategory(naam.ebOs[0].id)\">\r\n                  Category\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div *ngFor=\"let ebo of naam.ebOs\" class=\"row eborow\">\r\n              <div class=\"text-div\">\r\n                {{ ebo.eboNaam }}\r\n              </div>\r\n              <div>\r\n                <div *ngFor=\"let filteroption of ebo.filterOptions\">\r\n                  {{ filteroption.filterName }}: {{ filteroption.filterOptionName }}\r\n                </div>\r\n\r\n                <div *ngFor=\"let category of ebo.categories\">\r\n                  Category: {{ category.categoryName }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n    </mat-expansion-panel>\r\n\r\n  </mat-accordion>\r\n</div>\r\n", styles: [".card{margin:3px}.row{display:flex;align-items:center;cursor:pointer}.eborow{padding:3px;border-bottom:1px solid #000}.main-content{padding:5px}.icon-div{width:24px;height:24px}.text-div{flex:auto}.button-row{display:flex;gap:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { 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: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerEboKoppelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-ebo-koppel', template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading()\" class=\"main-content\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\" *ngIf=\"!ImportSetsService.LoadingImportSets\">\r\n        <mat-label>Import set</mat-label>\r\n        <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (change)=\"LoadModel()\">\r\n          <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n            {{importset.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <button mat-raised-button (click)=\"LoadModel()\">\r\n        Refresh\r\n      </button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <mat-accordion *ngIf=\"EBOKoppelViewModel != null\">\r\n    <mat-expansion-panel *ngFor=\"let type of EBOKoppelViewModel.eboKoppelTypeViewModels\">\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{ type.type }}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          {{ type.namen.length }}\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div>\r\n        <mat-card *ngFor=\"let naam of type.namen\" class=\"card\">\r\n          <mat-card-content>\r\n            <div class=\"row\">\r\n              <div class=\"text-div\">\r\n                {{ naam.doNaam }} ({{ naam.ebOs.length }})\r\n              </div>\r\n              <div class=\"button-row\">\r\n                <button mat-raised-button (click)=\"Connect(naam.ebOs[0].id)\">\r\n                  FilterOption\r\n                </button>\r\n                <button mat-raised-button (click)=\"ConnectMany(naam.ebOs[0].id)\">\r\n                  FilterOptionMany\r\n                </button>\r\n                <button mat-raised-button (click)=\"ConnectCategory(naam.ebOs[0].id)\">\r\n                  Category\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div *ngFor=\"let ebo of naam.ebOs\" class=\"row eborow\">\r\n              <div class=\"text-div\">\r\n                {{ ebo.eboNaam }}\r\n              </div>\r\n              <div>\r\n                <div *ngFor=\"let filteroption of ebo.filterOptions\">\r\n                  {{ filteroption.filterName }}: {{ filteroption.filterOptionName }}\r\n                </div>\r\n\r\n                <div *ngFor=\"let category of ebo.categories\">\r\n                  Category: {{ category.categoryName }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n    </mat-expansion-panel>\r\n\r\n  </mat-accordion>\r\n</div>\r\n", styles: [".card{margin:3px}.row{display:flex;align-items:center;cursor:pointer}.eborow{padding:3px;border-bottom:1px solid #000}.main-content{padding:5px}.icon-div{width:24px;height:24px}.text-div{flex:auto}.button-row{display:flex;gap:5px}\n"] }]
@@ -12779,7 +13077,7 @@ class BeheerCategoriesComponent {
     }
 }
 BeheerCategoriesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerCategoriesComponent, deps: [{ token: CategoriesApiClient }], target: i0.ɵɵFactoryTarget.Component });
-BeheerCategoriesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerCategoriesComponent, selector: "app-beheer-categories", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\n\n<div *ngIf=\"Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!Loading\">\n  <mat-card>\n    <mat-card-content>\n      <table class=\"fullwidth\">\n        <ng-container *ngFor=\"let categorie of CategoriesOverviewViewModel.categories\">\n          <tr class=\"header\">\n            <td colspan=\"3\">{{ categorie.name }}</td>\n          </tr>\n          <ng-container *ngFor=\"let subcategorie of categorie.subCategories\">\n            <tr class=\"header2\">\n              <td>&nbsp;</td>\n              <td colspan=\"2\">{{ subcategorie.name }}</td>\n            </tr>\n            <tr *ngFor=\"let product of subcategorie.products\">\n              <td>&nbsp;</td>\n              <td>&nbsp;</td>\n              <td>{{ product.name }}</td>\n            </tr>\n            <tr>\n              <td>&nbsp;</td>\n            </tr>\n          </ng-container>\n          <tr *ngFor=\"let product of categorie.products\">\n            <td></td>\n            <td colspan=\"2\">{{ product.name }}</td>\n          </tr>\n          <tr>\n            <td>&nbsp;</td>\n          </tr>\n        </ng-container>\n        <tr *ngFor=\"let product of CategoriesOverviewViewModel.products\">\n          <td colspan=\"3\">{{ product.name }}</td>\n        </tr>\n      </table>\n    </mat-card-content>\n  </mat-card>\n  \n</div>\n", styles: [".fullwidth{width:100%}.header td{border-bottom:2px solid #000}.header2 td{border-bottom:1px solid #000}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+BeheerCategoriesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerCategoriesComponent, selector: "app-beheer-categories", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\n\n<div *ngIf=\"Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!Loading\">\n  <mat-card>\n    <mat-card-content>\n      <table class=\"fullwidth\">\n        <ng-container *ngFor=\"let categorie of CategoriesOverviewViewModel.categories\">\n          <tr class=\"header\">\n            <td colspan=\"3\">{{ categorie.name }}</td>\n          </tr>\n          <ng-container *ngFor=\"let subcategorie of categorie.subCategories\">\n            <tr class=\"header2\">\n              <td>&nbsp;</td>\n              <td colspan=\"2\">{{ subcategorie.name }}</td>\n            </tr>\n            <tr *ngFor=\"let product of subcategorie.products\">\n              <td>&nbsp;</td>\n              <td>&nbsp;</td>\n              <td>{{ product.name }}</td>\n            </tr>\n            <tr>\n              <td>&nbsp;</td>\n            </tr>\n          </ng-container>\n          <tr *ngFor=\"let product of categorie.products\">\n            <td></td>\n            <td colspan=\"2\">{{ product.name }}</td>\n          </tr>\n          <tr>\n            <td>&nbsp;</td>\n          </tr>\n        </ng-container>\n        <tr *ngFor=\"let product of CategoriesOverviewViewModel.products\">\n          <td colspan=\"3\">{{ product.name }}</td>\n        </tr>\n      </table>\n    </mat-card-content>\n  </mat-card>\n  \n</div>\n", styles: [".fullwidth{width:100%}.header td{border-bottom:2px solid #000}.header2 td{border-bottom:1px solid #000}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.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: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerCategoriesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-categories', template: "<app-beheer-nav></app-beheer-nav>\n\n<div *ngIf=\"Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!Loading\">\n  <mat-card>\n    <mat-card-content>\n      <table class=\"fullwidth\">\n        <ng-container *ngFor=\"let categorie of CategoriesOverviewViewModel.categories\">\n          <tr class=\"header\">\n            <td colspan=\"3\">{{ categorie.name }}</td>\n          </tr>\n          <ng-container *ngFor=\"let subcategorie of categorie.subCategories\">\n            <tr class=\"header2\">\n              <td>&nbsp;</td>\n              <td colspan=\"2\">{{ subcategorie.name }}</td>\n            </tr>\n            <tr *ngFor=\"let product of subcategorie.products\">\n              <td>&nbsp;</td>\n              <td>&nbsp;</td>\n              <td>{{ product.name }}</td>\n            </tr>\n            <tr>\n              <td>&nbsp;</td>\n            </tr>\n          </ng-container>\n          <tr *ngFor=\"let product of categorie.products\">\n            <td></td>\n            <td colspan=\"2\">{{ product.name }}</td>\n          </tr>\n          <tr>\n            <td>&nbsp;</td>\n          </tr>\n        </ng-container>\n        <tr *ngFor=\"let product of CategoriesOverviewViewModel.products\">\n          <td colspan=\"3\">{{ product.name }}</td>\n        </tr>\n      </table>\n    </mat-card-content>\n  </mat-card>\n  \n</div>\n", styles: [".fullwidth{width:100%}.header td{border-bottom:2px solid #000}.header2 td{border-bottom:1px solid #000}\n"] }]
@@ -12799,7 +13097,7 @@ class FabStartComponent {
     }
 }
 FabStartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabStartComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }, { token: i1$1.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: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
+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: i7.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.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"] }]
@@ -12832,7 +13130,7 @@ class FabCategoryTileComponent {
     }
 }
 FabCategoryTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabCategoryTileComponent, deps: [{ token: FabrikantenService }, { token: i4$3.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-FabCategoryTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabCategoryTileComponent, selector: "fab-category-tile", inputs: { category: "category" }, ngImport: i0, template: "<mat-card *ngIf=\"!DisplayNoPhoto()\" class=\"tile\" (click)=\"Select()\" [style.backgroundImage]=\"getSafeUrl()\">\n  <mat-card-title class=\"title\">\n    {{ TranslateService.GetActiveValueCategory(category.id) }}\n  </mat-card-title>\n</mat-card>\n<mat-card *ngIf=\"DisplayNoPhoto()\" class=\"tile no-photo\" (click)=\"Select()\">\n  <mat-card-title class=\"title\">\n    {{ TranslateService.GetActiveValueCategory(category.id) }}\n  </mat-card-title>\n</mat-card>\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}.no-photo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABdwAAAXcCAMAAAAP67xWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURe3t7dvb28nJybe3t6qqqpycnJWVlYiIiHx8fHV1dWZmZl1dXVVVVUVFRT09PTMzMyUlJR4eHhEREQICAgAAABQUFCIiIikpKT4+PkRERFRUVFhYWG1tbXd3d4KCgo2NjZ2dna2trb29vc3Nzd3d3e7u7uzs7NTU1Lm5uaKiopCQkH5+fmxsbFtbW0lJSTc3NxMTEwEBARAQECAgIDAwMEBAQFFRUZOTk6urq8LCwtfX1+/v7+np6dLS0qCgoISEhFJSUjo6Oh8fHwcHBxwcHDU1NUtLS2FhYZiYmLW1tfDw8Ojo6MfHx6enp4eHh0ZGRiYmJg4ODisrK6Ghob6+vtzc3Pv7+/b29s/Pz4uLi2tra0pKSioqKgkJCQUFBSQkJEhISI+Pj7Ozs/j4+L+/v3BwcEdHR0NDQ2dnZ9/f3/7+/vz8/NnZ2a+vr2BgYAwMDDQ0NF9fX4mJibS0tN7e3vLy8sTExDY2NgoKCgsLC15eXurq6uXl5bKyshkZGW5ubuDg4KmpqXJycj8/PxISEqampv39/cPDwxgYGA0NDTs7O/T09Lq6un19fTw8PLu7u39/f+Pj45mZma6urmhoaCgoKGVlZczMzAYGBhoaGqioqExMTAMDA9XV1fn5+WJiYhYWFldXV6SkpObm5peXlwgICAQEBJaWlufn5+vr69jY2IODg/X19XFxceTk5DExMff390JCQqWlpdbW1g8PDzg4OCwsLPHx8TIyMs7OzmRkZBsbG4CAgMjIyMvLy1ZWVri4uC4uLvr6+iEhIfPz8xUVFXZ2dtra2uHh4Wpqam9vb8rKytPT0y8vLx0dHTk5Oba2tsXFxbGxsUFBQRcXF5KSkpSUlIyMjC0tLYaGhk1NTVxcXE9PT8DAwJGRkVBQUKOjo4WFhVpaWtHR0Xh4eHl5edDQ0FNTU5+fn8HBwYqKiry8vCcnJyMjI6ysrOLi4k5OTp6ensbGxrCwsIGBgXNzc5ubm5qamnt7e46OjllZWWNjY3p6enR0dGlpaQAAAAVyPHkAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAB5CklEQVR4Xu3deYDd0/3/cTTtkISQuQlBrCFtWsvELqGINSgREkViiSoziC0kJQmVjixIBE1IRJSkQmwVVGOpiKW11U5pUa1WLdVq6fqd70zywiSZufO5957zOe/P+Twff/x+/X6/M+ecuffcZz/53Hs/n5UaAADRIe4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHijoistPIqX2r35a9Urbpa+w4dV1+j05prdW5UXVhRdefOXbqu3Wmdbuuu13797htsuNHGm2zaYzMNA0SAuCPbNu/51a/1+vo3tthyqzW3rlG5y9d7m223277913fYcaed+2gCIJuIO7Ko7y5f2vWb6++2+x79VGUP+u251977rLrvfj37a1IgS4g7smT/Aw78VvuDDvaY9JYMOGTL9hsMPPSwQVoFkAHEHVkw+PAdv33EkUcNUW0DGXr0MUcce9zOw7QowDLiDtv2P37f75ywTUvviQZTvc13T/z2fifVaoWAScQdRtWdfErVqVv1VlANGn7a6WeceRaJh1HEHfaMOPsr7c8ZqYYaN6rT96q+eq4WDthB3GHK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RNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIDoNDf8P/3zJBOKX8EAAAAAASUVORK5CYII=)}.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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }] });
+FabCategoryTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabCategoryTileComponent, selector: "fab-category-tile", inputs: { category: "category" }, ngImport: i0, template: "<mat-card *ngIf=\"!DisplayNoPhoto()\" class=\"tile\" (click)=\"Select()\" [style.backgroundImage]=\"getSafeUrl()\">\n  <mat-card-title class=\"title\">\n    {{ TranslateService.GetActiveValueCategory(category.id) }}\n  </mat-card-title>\n</mat-card>\n<mat-card *ngIf=\"DisplayNoPhoto()\" class=\"tile no-photo\" (click)=\"Select()\">\n  <mat-card-title class=\"title\">\n    {{ TranslateService.GetActiveValueCategory(category.id) }}\n  </mat-card-title>\n</mat-card>\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}.no-photo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABdwAAAXcCAMAAAAP67xWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURe3t7dvb28nJybe3t6qqqpycnJWVlYiIiHx8fHV1dWZmZl1dXVVVVUVFRT09PTMzMyUlJR4eHhEREQICAgAAABQUFCIiIikpKT4+PkRERFRUVFhYWG1tbXd3d4KCgo2NjZ2dna2trb29vc3Nzd3d3e7u7uzs7NTU1Lm5uaKiopCQkH5+fmxsbFtbW0lJSTc3NxMTEwEBARAQECAgIDAwMEBAQFFRUZOTk6urq8LCwtfX1+/v7+np6dLS0qCgoISEhFJSUjo6Oh8fHwcHBxwcHDU1NUtLS2FhYZiYmLW1tfDw8Ojo6MfHx6enp4eHh0ZGRiYmJg4ODisrK6Ghob6+vtzc3Pv7+/b29s/Pz4uLi2tra0pKSioqKgkJCQUFBSQkJEhISI+Pj7Ozs/j4+L+/v3BwcEdHR0NDQ2dnZ9/f3/7+/vz8/NnZ2a+vr2BgYAwMDDQ0NF9fX4mJibS0tN7e3vLy8sTExDY2NgoKCgsLC15eXurq6uXl5bKyshkZGW5ubuDg4KmpqXJycj8/PxISEqampv39/cPDwxgYGA0NDTs7O/T09Lq6un19fTw8PLu7u39/f+Pj45mZma6urmhoaCgoKGVlZczMzAYGBhoaGqioqExMTAMDA9XV1fn5+WJiYhYWFldXV6SkpObm5peXlwgICAQEBJaWlufn5+vr69jY2IODg/X19XFxceTk5DExMff390JCQqWlpdbW1g8PDzg4OCwsLPHx8TIyMs7OzmRkZBsbG4CAgMjIyMvLy1ZWVri4uC4uLvr6+iEhIfPz8xUVFXZ2dtra2uHh4Wpqam9vb8rKytPT0y8vLx0dHTk5Oba2tsXFxbGxsUFBQRcXF5KSkpSUlIyMjC0tLYaGhk1NTVxcXE9PT8DAwJGRkVBQUKOjo4WFhVpaWtHR0Xh4eHl5edDQ0FNTU5+fn8HBwYqKiry8vCcnJyMjI6ysrOLi4k5OTp6ensbGxrCwsIGBgXNzc5ubm5qamnt7e46OjllZWWNjY3p6enR0dGlpaQAAAAVyPHkAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAB5CklEQVR4Xu3deYDd0/3/cTTtkISQuQlBrCFtWsvELqGINSgREkViiSoziC0kJQmVjixIBE1IRJSkQmwVVGOpiKW11U5pUa1WLdVq6fqd70zywiSZufO5957zOe/P+Twff/x+/X6/M+ecuffcZz/53Hs/n5UaAADRIe4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHijoistPIqX2r35a9Urbpa+w4dV1+j05prdW5UXVhRdefOXbqu3Wmdbuuu13797htsuNHGm2zaYzMNA0SAuCPbNu/51a/1+vo3tthyqzW3rlG5y9d7m223277913fYcaed+2gCIJuIO7Ko7y5f2vWb6++2+x79VGUP+u251977rLrvfj37a1IgS4g7smT/Aw78VvuDDvaY9JYMOGTL9hsMPPSwQVoFkAHEHVkw+PAdv33EkUcNUW0DGXr0MUcce9zOw7QowDLiDtv2P37f75ywTUvviQZTvc13T/z2fifVaoWAScQdRtWdfErVqVv1VlANGn7a6WeceRaJh1HEHfaMOPsr7c8ZqYYaN6rT96q+eq4WDthB3GHK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RNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIDoNDf8P/3zJBOKX8EAAAAAASUVORK5CYII=)}.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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabCategoryTileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fab-category-tile', template: "<mat-card *ngIf=\"!DisplayNoPhoto()\" class=\"tile\" (click)=\"Select()\" [style.backgroundImage]=\"getSafeUrl()\">\n  <mat-card-title class=\"title\">\n    {{ TranslateService.GetActiveValueCategory(category.id) }}\n  </mat-card-title>\n</mat-card>\n<mat-card *ngIf=\"DisplayNoPhoto()\" class=\"tile no-photo\" (click)=\"Select()\">\n  <mat-card-title class=\"title\">\n    {{ TranslateService.GetActiveValueCategory(category.id) }}\n  </mat-card-title>\n</mat-card>\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}.no-photo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABdwAAAXcCAMAAAAP67xWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURe3t7dvb28nJybe3t6qqqpycnJWVlYiIiHx8fHV1dWZmZl1dXVVVVUVFRT09PTMzMyUlJR4eHhEREQICAgAAABQUFCIiIikpKT4+PkRERFRUVFhYWG1tbXd3d4KCgo2NjZ2dna2trb29vc3Nzd3d3e7u7uzs7NTU1Lm5uaKiopCQkH5+fmxsbFtbW0lJSTc3NxMTEwEBARAQECAgIDAwMEBAQFFRUZOTk6urq8LCwtfX1+/v7+np6dLS0qCgoISEhFJSUjo6Oh8fHwcHBxwcHDU1NUtLS2FhYZiYmLW1tfDw8Ojo6MfHx6enp4eHh0ZGRiYmJg4ODisrK6Ghob6+vtzc3Pv7+/b29s/Pz4uLi2tra0pKSioqKgkJCQUFBSQkJEhISI+Pj7Ozs/j4+L+/v3BwcEdHR0NDQ2dnZ9/f3/7+/vz8/NnZ2a+vr2BgYAwMDDQ0NF9fX4mJibS0tN7e3vLy8sTExDY2NgoKCgsLC15eXurq6uXl5bKyshkZGW5ubuDg4KmpqXJycj8/PxISEqampv39/cPDwxgYGA0NDTs7O/T09Lq6un19fTw8PLu7u39/f+Pj45mZma6urmhoaCgoKGVlZczMzAYGBhoaGqioqExMTAMDA9XV1fn5+WJiYhYWFldXV6SkpObm5peXlwgICAQEBJaWlufn5+vr69jY2IODg/X19XFxceTk5DExMff390JCQqWlpdbW1g8PDzg4OCwsLPHx8TIyMs7OzmRkZBsbG4CAgMjIyMvLy1ZWVri4uC4uLvr6+iEhIfPz8xUVFXZ2dtra2uHh4Wpqam9vb8rKytPT0y8vLx0dHTk5Oba2tsXFxbGxsUFBQRcXF5KSkpSUlIyMjC0tLYaGhk1NTVxcXE9PT8DAwJGRkVBQUKOjo4WFhVpaWtHR0Xh4eHl5edDQ0FNTU5+fn8HBwYqKiry8vCcnJyMjI6ysrOLi4k5OTp6ensbGxrCwsIGBgXNzc5ubm5qamnt7e46OjllZWWNjY3p6enR0dGlpaQAAAAVyPHkAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAB5CklEQVR4Xu3deYDd0/3/cTTtkISQuQlBrCFtWsvELqGINSgREkViiSoziC0kJQmVjixIBE1IRJSkQmwVVGOpiKW11U5pUa1WLdVq6fqd70zywiSZufO5957zOe/P+Twff/x+/X6/M+ecuffcZz/53Hs/n5UaAADRIe4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHiDgARIu4AECHijoistPIqX2r35a9Urbpa+w4dV1+j05prdW5UXVhRdefOXbqu3Wmdbuuu13797htsuNHGm2zaYzMNA0SAuCPbNu/51a/1+vo3tthyqzW3rlG5y9d7m223277913fYcaed+2gCIJuIO7Ko7y5f2vWb6++2+x79VGUP+u251977rLrvfj37a1IgS4g7smT/Aw78VvuDDvaY9JYMOGTL9hsMPPSwQVoFkAHEHVkw+PAdv33EkUcNUW0DGXr0MUcce9zOw7QowDLiDtv2P37f75ywTUvviQZTvc13T/z2fifVaoWAScQdRtWdfErVqVv1VlANGn7a6WeceRaJh1HEHfaMOPsr7c8ZqYYaN6rT96q+eq4WDthB3GHKeaOrOhxl6iRMImO6jR3Yk4N4WELcYcX5F3z/QsNnYdo2rttqP9i5Xn8NEBhxhwEjLurVcbwSmXETJnYfzVkaGEDcEdagngPHdsreeZjixnTsdREfmERYxB3hTLr4knUCf3Tdn5GXrjaaSxggHOKOMEZMntIt5S+aBtC1/cDL9AcD6SLuSF/f0d2jOxPTuq4dpp6vPxxID3FHuvpffsWVql6OrPnDCzbXAwCkg7gjPXXTqrpNV+5yp7pT98m8yYr0EHekpMfUjp3Vudwa2a1qGl91QjqIO1LQf+MruqpvuXfV6VfzIRqkgLjDt5OmzsjtuZiWzZxYdY0eHMAX4g6f6qdN6VT5ze9i1LX96Fl6kAAfiDu8mXT5tbOVMrSg93U/4iM08Ia4w4/rbzhyjiKGVs397o9v1AMGuEXc4cG8gTPmKl9oQ/XEqpX1sAEOEXe4RtlLdtSUm/TgAa4Qdzh1/Q7r5OfCAi5te/PJeggBJ4g73DmPsldir2Ov1wMJVI64w5HB7TgbU6nqib3m6eEEKkTc4UL9Re2HK1CoSL8ZA+frQQUqQdxRucNvGaM0wYHe1x7KBWhQMeKOCt3a6zZFCc7s2b2HHl6gTMQdlbj9a3fwFqoX1d1+crseZKAcxB3lu7N7F6UIHixof5EeaKB0xB1lmrTRXYoQvLl7w756uIESEXeUpWf3ceoPvJrecTLvrqIcxB2lu2fqT5UepODgKl6mKB27BqW699pRqg5SMupn0/TgA0kRd5SkfnQ3BQep6jR1kp4CIBHijhL0/eZCtQap63wLn31HCYg7Etu0/RB1BkFUdxvNm6tIirgjmVntOB9jwLZTB+sJAYoj7kji3PvGqy4IbPx9fPQdSRB3tO2ssSNVFhgwveP9emKA1hF3tOWBB2eqKrDijp/ryQFaQ9xR3EUz1BOY8tDAQXqGgBYRdxSxqN1pagnMebgX762iCOKOVi3utZY6ApMembKZnipgBcQdrdjsvs5qCMwa8Cj31EYriDtatPmqC9QPmNbvxPP1lAHLIO5owbwppD0zhnZYWU8b0AxxxwrOnTJA3UAmDO3wmJ464HPEHcvp251vLGUOeccKiDuW8fgv+qkXyJSh+3DNSCyDuKOZvr8k7Zk199Sz9DQCjYg7Pre4inPtmTa0PR+MxOeIO2TW1NlqBDJrZPc+ejqRe8QdSyyayj2WojCuiosSYAnijka17dZUG5B5j1QN09OKXCPuaGiYfJu6gCjsMbVOzyxyjLjjiTXUBETjtkP15CK/iHve3dq+WkFATLo9qScYeUXc821S1XDFAJGZ2557reYbcc+z+oHc9jpiw6fcricaeUTcc2zyU6oAIvX0wFo918gf4p5bPY9RARCxZw7Q043cIe45tfkVM/XyR9RqOnBJgpwi7rlUO/ARvfYRvVFT+FJTLhH3PJp2l173yIWDf6UnHnlC3PNnpbGckcmbGSfpyUd+EPe8qR/YRS945MgQPhaZO8Q9Z57lMjI51fU5bQHkBHHPlc3Hcq2B/JpxvrYBcoG450j9Db31MkcuDd9wkLYCcoC458djz+s1jtx6iu805Qdxz4tFVdz7GoXq9vdoQyB2xD0nLlpbr27k3JiB2hKIHHHPhT68kYrP7c0bq7lA3PPgwBf0sgYaDX+xXjsDESPu8bt1e72mAdl9Z20OxIu4x672pVF6QQOfG/Iy99COHXGP3Pnf1asZWMZd12iLIFLEPWq1+07QSzmnhnR+oevRnTrt1W2J1Vdv+n8v7dTola7jO+f8+mn9XuUrTVEj7jF7fHW9jnNi6AtrT/z16d/Z4KVdd5x8wC49Npulx6E1tZvt3+PJaZtsvNHLq37jtRmX3r1wqAbKiU676IFAjIh7xL48QC/iqNWM2ev19l/fod1OO/fR312Bza/5zYG/XfXaGedclYvPjk6/b5H+cMSHuEfr1i31Co7UgKfe+OWGB579uKc8zTpppze/9YsZT43TdJE6jY/NRIu4x2rXaC8S9vR3rzij3QOb6+/0rv+mF7y1zzpjNHl0hrxYqz8UkSHucer7a712YzL8tN9tcPW9k/QnpmzS2xt/67WfDtFSYrL6rfoTERfiHqWLIzvQHHpUxyntelr4WuV5k3u1nzhcy4rEgqn64xAV4h6hwd+o0cs2Ai8c8/sLTjb2hZv6ldv94ZiYLumw3mb6yxAR4h6fdw7RSzbr1vrjW/tdrz/KoPPOvHm3h7XUrFt4sf4oxIO4x6Z2wxiu2977oFWfu1F/kWmb7/f1E2J467pmLDfQjg1xj8x5mf/eUs0h7b92cqY+wVF7559OfCrzX3d9ig9FRoa4x+XyLnqpZtOcNf5wZkZP/y7eZMp22f4szaiN9KcgDsQ9JpN+qNdpFg25Y4OL2rpegHHDLvrmQVn+JM163IIvJsQ9IrtcqRdp5szZ7r53h+mvyLhB9//5mJH6szKn6yr6KxAB4h6PgRm9cHvX9u1G6E+IxKBpVROzeW2auVO4R1M0iHssBmfylMwjHadepj8gMvPatd9Df2Sm3HGe/gBkHXGPRM+j9OLMjuq7vnlv3Nc12fnl5+fqj82OF97T6pFxxD0OmTslM2rGVMPfT3Jn0uj24/UnZ0VNd07NRIG4x2D+qXpdZsQ23zk+RzcBqnv30bX1h2fElqldchMeEfcI3Jmp6w3cfcmmWneOrFy1V5au97MHn5qJAHHPvq9l55RMzVZnPKZV587jx16anU/Q9HtJq0Z2EfesG9Rdr0f7jpqyshadU/MGzsjMXVq3769FI6uIe8ZdP1EvRutOO+MkLTnX5t2wRkbOz6x9p5aMjCLu2fZsNu7K8f4Gh2nBaHi86hU9LLYNP1ALRjYR90ybOl0vRMvGtb+I23Qu65opR+vBMa19jj7TFCHinmG376MXoWGjXvuSsdso2VB70RUZuAz8CdyhKcOIe3ZdtpVegnZ16sUGa9WwdjPMXwT+gye1WGQPr73Metf6TTzHjN1FS0Urbq36QA+WVcM/1FKROcQ9qza0fdWSoX/cj9MxCdRvsoXtW3zUXMLFCDKKuGfTsO/ptWfTNm/l4sIxbvR50fbVCX7NLTyyibhnUl/Ln26f+fqvONgrzW+us/yxpytP1jKRKcQ9i57cRi87g8ZPuVWrRAn2f8vw1d97T9YqkSXEPYPOnKAXnT0/HRjJ3fLSV3/m3mavPTN0qhaJDCHu2TPV6lup1TM4wqtIj+5mP/s+lrfHM4e4Z82gI/Rys2bAWC4eU7ERvayecTuGt1WzhrhnzEp36MVmzAdVfbRCVKR+dDc9pMa8cr5WiIwg7tmys8lrktR0O5PPx7gz7TWTFwYe84TWh2wg7pmyicVzsv1+yHfUHfvLdyzegGVIOy0PmUDcs+RHBj8NPeqW87Q6OLT5fV30ABtS86pWhywg7hnSy95H5YaP5auongwbaPAU3LVcBDg7iHtm1P1CLzA7tp7CJWE9qm9n787nH83X4mAecc+K+R/p5WXG+D8v1trgSe3l2+rBNuOueVobrCPuGbG5tavJrNWLY7g0TD5ND7gVXR/TymAccc+GHgfrpWXENr1u18rg2+S99KAb8cI0LQy2EfdMuP8RvbBsOPpN3ldLUe1znfTA2zD8S1oYTCPuWfDcSL2sTLhq30VaF1JSO/opPfgmDP2r1gXLiHsG/NXSrTbHVXGuPYD6H1j6YGTNW1oWDCPu9u1g6OPtI7vz4cdAFk29Sk+CBetzvQnziLt5VXo5GTC0Pd9GDWh+r9l6IgzowNsu1hF342pv0YspvJqOK2tRCGRE1QA9GeF9xOeljCPutg16TS+l8Ga8rTUhoOt/ZuYNmG58h8024m7a7Wa+ljrxIi0Jgb29up6S4LaiHqbx9Fi22MrreOHAWi0J4U1+SE9LaEdxL3TLiLthm92lF1FgQ7qP0IpgQv3A8XpqAtuGd2EMI+523XqUXkKBdeT+aubc84c5enbCGnONFgR7iLtZj9v41sraP9d6YMplHfQEhfUIb7ObRdytOr+rXj5BjetVp/XAmk1M/MuuM3dWtYq4G3XSw3rxhDS3PRfvNmxRLwufeu99v5YDY4i7TSfvqZdOSHfsotXAqOs71Oi5CmjB37Qa2ELcTdp5jF44Aa31sRYDw9418LHICTtpMTCFuFtkoO3V7fn4YyYM6jVBT1k4IydrMbCEuBt0Z/hPMT+1itYC8279o560cIZ8VWuBIcTdnnu31ksmmFEvc8m/LPkw+MWA5/xKS4EdxN2cTYO3/ciTtBRkxKTuoS8nNn0/LQVmEHdr7u2tl0so4w/USpAhq2yrpy+UkYdqJbCCuBvzZBe9WAKp+SG3WsqkQd8KfEGCUVw31BjibstjgT8nc/R7Wggy57AL9SQGMopPRNpC3E3pEfa7S9PvG6aFIIPqNhypJzKMBQ9oITCBuFtyWdhrDhyyqdaBjOrxvJ7KMHpTd0uIuyF9r9SLJIiasRy2Z17t1KBfaerM4YEhxN2Oc4Ne5a8r74dF4aygB++z79QyEB5xN6NPJ71AgujA3Y4jUTs15Jn3q87SMhAccbfinnP08gjhhdFaBSJwzU/1tIbwwfVaBUIj7kbMv1QvjhDWYxtEZdYfAn5h9RW+KGEEr2obFh2pl0YAvb+mRSAaB6ypJzeArTjDZwNxN6F2H70wAjjhVi0CEZk/NtxtPL7Lx65MIO4m3KKXRfpG7lurNSAuH4e7AN263HjXAuJuwVt6UaTvKO6kF63L1tGTnL7vccRgAHE3YGCwf0F3mK8lIEL1vYbqeU7dWC0BARH38C4P9dGGrU/RChCpd5/WU526b2kFCIe4B3d8qEu13sX3TaLX/zo92Wmr+ZNWgGCIe2j3DtDLIWVz/867XjlQ+1KgY4eh3FY1NOIe2GGBbob9NBffzonDP9BTnrIJXEQsMOIe1rmBXnm78TXC3OjzkZ70lI3hVrxhEfegBt+lF0K6+v1Y8yMPas+Yqyc+XVdurgUgCOIeUv0f9TJI18IDND9y4t0wd288h0/ahkTcQ/qHXgTpWuNGTY/cOLebnvx0/Zo37QMi7gG9pJdAur4/SNMjRwZ1D/JNuW9oegRA3MM5LsSXl0YdqNmRMx8O1xZI1Z81O9JH3IPZNMSL7WiuJZNbN4W4RW8134IOhriHcuue2v5pOpJPQObYSgdpG6RpyCqaHWkj7oHc85A2f4pqutdrduRSXYgT72Mu0+xIGXEPo+672vop6n2cJkdu/STAzbN/OkmTI13EPZAq7fwUdZ6muZFf7zys3ZCivflAZBDEPZT7tPNT1OVtzY386ru7dkOKHtXcSBVxD4Zjd4QwrIN2Q4qmam6kibiHQ90RQm1VtbZDaoZuormRIuIeEGdmEMSBqV/jfdxhmhrpIe4hceyOIO5P/S4CV96jqZEa4h4UdUcQt96m7ZCaN2o1NdJC3MP6u7Z+irq8o7mRYyNO0HZIzc2aGWkh7oGdoa2fIo7d0dAwqL22Q1qqR2tmpIS4h0bdEUTtFG2HtEzoqZmRDuIeHHVHGH9N+e57B/fRxEgFcQ+PuiOM0SlfaeYErkOQJuJuAHVHGKvM1n5IySWaF2kg7hZsoL2fIj4zg0Ynd9V+SEfN5ZoXKSDuJnDsjjD2f0r7IR0Tdta88I+420DdEUafidoP6XhlvuaFd8TdCOqOMOYfo/2Qji00Lbwj7lZQd4Qx60Hth3R8omnhG3E348/a/Cnq/IDmRp7V/VD7IRVzOKRICXG3g7ojjNpHtR9SsQfRSQePsyHf1O5PEZ+IRJO3tB9S8ToXiEwFcU/Fn9/VfyiOuiOQDWu0IdLwZ00Kr4h7Gn4zcxR1h2k7pFj3ucleDagMcU/BSmsVCiMP1f9QHOfdEcgnKd5ZdeE8TQqPiLt/tR817WfqDtt+kuJFIrfktLt/xN2/l5fuZ+oO2w5Mse6/1Zzwh7h798R07WfqDtvaDdWG8K/fvZoT3hB33/p/cd29hO+qpvqxtKW25l1VNPowvbq/P0lzwhfi7ltHbeYmhut+uOZGrl0wUxvCv300JXwh7p59WVt5qYRnZr6tH08RZ2bQJMW6/0hTwhPi7tdhE7SThbrDtl1T+0Tk8JM1Jfwg7l4Nuksb+XN2696buqPRRqnV/bRZmhJeEHevVtU2bibhefdX9eMp4rw7mryU2ndVu2tGeEHcfTq7pROYHLvDtl7aD95VH68Z4QNx9+iebbSJl8WxO2z7lvaDdw/foxnhAXH36DVt4eVx7A7bums/eMfnIT0i7v4cqA28ooTH7qkdQH2BY3c0qk3t3kynaEa4R9y9OW+c9m8LEh6766o0aeLYHY3qr9N+8K3LjZoRzhF3b47U9m0RdYdpi4puX4dO4PqQvhB3X6Zq87aCusO0wWtoP/j2qSaEa8Tdk5OW+2rqCqg7TOt/m/aDZ6Me04RwjLj7Ub+dtm7rEr6rWqUfTxHvqqLRjR9oP3g2sU4Twi3i7keS74FQd5i28iPaD56dofngFnH34qYh2rdFcWYGpj0wXPvBr37XaD44Rdx9qFvhemEt49gdph2Xzo33dq/XfHCJuPuQ+LulHLvDtE+0HTw7VtPBJeLuwVmjtGfbRt1h2te1HfwaySdmPCDu7tV+V1s2iYR131A/niLqjsbNfK22g1+cmPGAuLt3gzZsMtQdltW9ru3g11c0Hdwh7s6d11v7NSHqDssWP6Xt4NWoHpoOzhB35z7Sdk2MusOy8xZqO3h1B9eYcY24u/amNmsJqDssmzZS28GrTzQbXCHujvXtor1aioSfd/+zfjxFW9+ruZFj7dK4q2pvLv7rGHF3bAtt1dJw7A7LbtZu8Go9TQZHiLtbx5d5jEPdYVhtB+0Gr47TbHCDuDs17H3t05IZrvsTmhv5Navtq5xWbo9Jmg1OEHen/qltWoaE590D3DWb8+5oOHcb7Qaffq/J4ARxd+mmftql5Uh47P4v/XiKOHZHw9vJr6lRtrnvaDK4QNwdqn1em7Q81B2GbZzCR2a24ioEDhF3hz7VFi0XdYdhv9dm8GlfzQUHiLs788r5iPsyqDvsqt9bm8GjBedpMlSOuLtzujZoBRK+qxrgCsDjeFc19zZbU5vBo39rLlSOuDtztotzktQddvWcoM3g0XuaCxUj7q7UbavdWRnOzMCuj6u1Gfw5apHmQqWIuysvaXNWimN32FXBFzmS+pemQqWIuyObb629WTGO3WFW/UHaC/5MuF5zoULE3ZH/aGs6QN1hVl//F3c/VVOhQsTdjQdcnoxMWPdj9eMpou65d8B07QVvanbSVKgMcXei/hxtTDeoO8zy/27PT+s0FSpC3J2o9Lupy0v4rmqAa0SO21RzI6dqt9dW8IfvqTpB3F0YMV670hmO3WHViCu1FbwZN09ToRLE3YVHtSkdSnjsHuBdVY7d8+6dIdoK3vxCM6ESxN2Bwyq50m9rqDus2lc7wZuZb2smVIC4O+DnJCRnZmDVetoJ3tyhiVAB4l6547UhXaPuMKqP9/sy/UozoXzEvWL1nbQfnaPuMGqVodoJvqw9SDOhbMS9Yq4/BtlM0rqncI+c5VD3nNtAG8GbGzQRykbcKzXiBe1GHxK+qxrg2J13VfOtbjttBF9m36OZUC7iXim/18nj2B023Vrxfcfa8AdNhHIR9wpd7/mm8KMu00TFBag7x+75NtrzlhvyuCZCmYh7hX6orejL65qnLRy7I2VXaB/48jvNgzIR98rcNFc70ZNH9tdEbbqBuiNV8w/WPvCk5llNhPIQ98q8ro3oy+WaJ4FenJlBqg7wfGSzhuZBeYh7RXbSNvTldM2TyL4cuyNVl2gb+HKm5kFZiHtFdtcu9GThZponGeqOVA1yexuDFbxSr4lQDuJeiR21CT2p+bnmSYq6I1U7e74+5A80D8pB3Csw6H3tQU++oXmSC3DevTPn3XPst9oFnhy9SPOgDMS9AhtpC3py8HzNU4LfUnekqHZ17QJPuAhBBYh7+WY9rB3ox9z7NU9JODODNN3aW7vAjzFlHOBAiHv5XtQG9OSfmqZE1B1p8nzjjjM0DUpH3Ms2eKH2nx/bztI8paLuSFHtQdoEfvQu7QNjaIa4l61K28+PfuXfaIy6I0UnDdcm8KPMf8CCuJev/9bafX68pWnKEeJd1Wma26X/djLvv1pqnvk9PTkq8QU4sBziXq6va/P5cXdFnwF7MY66e/6KmAu7a6l5Vr+GHgw/vqNpUCriXqZ5A7T3vKj+m6YpUxx1H6+hDRujpebayV6/yjTkRk2DEhH3MnXX1vPjCM1StqkBzruvorldGZz+31CyGj6q1+jbejT8+L5mQYmIe3k2n6Cd58VV/TVN+SI4dr9G45p2jRaba3Wn6dHwYiSH7uUh7uX5rzaeHxtrlkpk/9j9TA1r2nFabL697fXiv//QLCgNcS9LH6/fyztSs1Qm83X3/CUxN36rxebcLXo4vJhzvWZBSYh7WbxeyHrCXzRLhbJed6/BcIXPciwxfxs9Hl78T7OgJMS9HP29Hri/qFkqlvG6v6ExTftIi827/fR4eDGyr2ZBKYh7OaZo03mxV51mqVy26/6UhjTtFS0297bXA+LFapoEpSDuZbins/acD3Pv1SwufJrlunv9JoEro2q12ry7foEeER9GceheBuJehpu15bx4VJO48VL6dXf1ich5Gs84vh0vXu/b4fZVkRPEvXTzu2jH+dDV8bdislv3JzSccQdoubnn9cPuE/poFiRH3Evn9RDlV5rEmczW/QKNZtxPtFwc4HOnfVOTIDniXrJFe2i/+TBDkzgU4Lz7Ahfn3b+lwYy7WctFw6l6SHyYPViTIDHiXrJdtd18mH6yJnEpo3Vvr7GMu1bLRUNfn58Q/oomQWLEvVS1h2i3+eDnI1/ZrLvnWy+78ryWi4aGY/WY+PDwIE2CpIh7qU7RZvNhduUXDGtRJuv+gUYybg8tFw0Ngx7Sg+IDb26UiriX6hntNR820hzOfVqtGdJTad3rpmsg42aWe6/bGO3k8SjiIb5RUCLiXqJDtdV8+Gm9JnEve3U/X8OYt7IWjEYd9aD44PyDZLEj7iU6RjvNg5qzNYcPX0n/zEznBzR3WY7XKOZ9VQtGo7+M0qPiwYWaAwkR99I86bGRW2gOP7J27L6RBjHvBi0YTe7To+LDs5oDyRD30vxH+8yDUZdpDk9+nK1j91U1hnl8M765SQv1sHiwveZAMsS9JH3naJ954P07eNk6dt9CQ5i3rhaMJf6kh8WD6sM0BxIh7iX5uraZB2v5v9XyJ1mq++4awbxOWjCWqO+kx8UD7oxSEuJeittf0C7z4EPN4VOW6j5eA5jXWwvGUh7fCZ/g6XsgkSLupfhUm8yD7TSFX9k57z44/ZWWiwsWLuvXelw8OFZTIAniXoLatbXHPEjpyrGZOXa/Rr+dAZtqyVjqpqF6YNzbxt1dynKAuJfgTG0xD3bTFN5lpe4eH2vXdtSSIUfogfHgck2BBIh7CfxdymrmNZrCvxvSP9/Ru4wzMy/qdzPgDC0ZMs/fHff4IlMJiHtyd/rLYprXjc3Gsfst+tUMuEJLxmc83oeyom895wxxT87fvzann6UpUpGJur+h38yAE7RkfGaSv0+Vna4p0DbintgIf3fjv0VTpCQLdfd58VjH1tSS8Tl/d6KcfqOmQJuIe2I7aHu5N+FcTZGWfe2fd/f336TODeUjHMsbto0eG/emaAq0ibgnVXuldpd792mK9HzZ+rH7PP1WJjyuReNz/i5CMGaRpkBbiHtSX9Xmcq/LPZoiRdbr/oR+KROO16LxuTp/N6Pk05BJEfek/H3vLsjX7ozX/Wr9TiZ4u4FWhl2ux8a9gzQD2kLcEzp/pvaWc3sM0xTpsl33b+lXMmFVLRrN3KUHx7makzUD2kDcE+qureXeXzVD2qYGeFf1Cc3dpvb6jUzwe5eVjLpYD457/9MMaANxT2bWbO0s594fpClSF+LY/X7N3RZ/Xwb24BktGs2toUfHua1v1wwojrgn004by712miEAw8fuR+nnM+EFLRrN+Tt0/5pmQHHEPZlu2lfOXVmvGUKwe+x+9gT9fCYs1qrR3KV6dJybqAlQHHFPpIe3CoY9CqHuTjypRaO5n+vRce9ezYCiiHsiv9eucq5rsDPuS1F3F57TmrEMb4fuv9AEKIq4J7HI24WQpmqGYD41e949Q3XnBkEt8nboPmCSZkAxxD2JHbWpnNszzGfcm9uIY/eKjdWKsayJenyc+5MmQDHEPYmDtKec+60mCIm6V+zXWjCW9Ss9Ps6towlQDHFP4Cxf+XthvmYI6tP06x7ZmZlDtF4s5zQ9QK7VrKwJUARxT2CKtpRzVZogMI7dKzSkVuvFsrydz+SKDwkQ97bVdtWOcm3cCM0QGnWvEHeQaFn9wXqAXFvINfTbRtzbdqg2lHPpX8e9NdS9Ms9qtVjOp3qAnPu5JkDriHvbvqf95NqEzTSBAdS9Im9qsVjOsKv0CLl2nSZA64h7mxYP135y7feawATqXokNtFYs7ww9Qq5Nn6cJ0Cri3qaNtJ1cm3O9JrCBuldgHy0VyxvRWw+Ray9pArSKuLdpHe0m147Q+FZ8kn7do/lE5IVaKVbwBz1ErnXS+GgVcW/LYZ6+n19t7oYyAa4zE0vdn9ZCsYL95+gxcu1tTYDWEPe2XKK95NreGt8Q6l6u6vCXkTDrh3qMXHtU46M1xL0ta2ovuTZZ41vCefdycV/PVl3j6Z++T4e8E0ImEPc2HKCt5NohJr/USN3L9CUtEyvydWWmdzU+WkHc2zBWO8m1TzS+MX+l7mX5ilaJFfm6fNiJGh+tIO7F1Y3XTnJsnIlLhrWAupeFO/K3rnZtPUiOdZ6lCdAy4l7cV7WRXPunxreHupfjj1ojWvBjPUiujdb4aBlxL+507SPHhl6m8Q2i7mW4TUtEC+ZvrUfJsX9rfLSMuBd1+wLtI8d+p/FNou6lW6AVoiWebkE8crHGR4uIe1HttI1cS9ayUKh76XghFXHrUD1Kjv1I46NF7MmittcucuwZDW9VgE9E9l5Fcxdntu4PaIFoyYN6lBw7UsOjRcS9mBGevjp9gcY3i2P3Upl/SoPydEuEuX01PlpC3Iv5kTaRYwsXaXy7qHuJjNwx0apD9DA5tq+GR0uIezGezsq8quEtC1H3LJ+Z4Rs1RfXSw+TY6hoeLSHuRSweoj3k1vT9Nb5pf+LYvRRkpqg+I/U4uTWXW3YUQdyL+IG2kGMPanjjqHspPtDa0LJ99Dg59lcNjxYQ9yI8nZXZRMNbR91LMHeQ1oYWPaHHyTGDF862g7i3ztNZmQ9MXg+yJdS9BCdpaWjZaXqc3OrXX8NjRcS9dQdqAzn2sobPAOqeXFb+PRbKJ3qcHON7TK0j7q1bV/vHrTlZeg+Iuif2ZS0MLZvk50oe22t4rIi4t2qwnzf4t9Dw2UDdk7J7nU8j2uuBcmvkJA2PFRD3Vn2s7eNYxv75fuBMrTs9Cw7Q3MUZqzuXKGyDp3uatdPwWAFxb5WfD29tk7U7P1L3ZLbSqtCao/RIuXWdRscKiHtr6mdr97g1RcNnx66cmUniES0Krfm2Him3JgzT8FgecW/N2do8btX00PAZwrF7IiO0KLRifz8X/v25hsfyiHtrVtPeceu7Gj1TqHsSb2tNaM1HeqTc+oZGx/KIe2ve195xK5sfy6XuCZyiJaE1p+iRcmstjY7lEfdW7Kyt49aC+Ro+Yzjv3rZ/aUVozSI/b2M9qeGxHOLeijO0c9z6j0bPHOrepvW1ILTq+3qo3PqWRsdyiHsrdtfOcetQjZ49A6l7G7iGVZsO10Pl1qUaHcsh7i1byctZ5oXhPuR+eadWbawfKe7Aufoj0pPwvPu7o/TzYY3Sw2neN/W4BeDlhkwzuah7y4h7y/xcyr27Rg9gqpbQgpkH6meKs1t3S5+ZyYD2etgCuFlLcOtNjY5lEfeWddC+cWsXjR5AkbhT93wJGPceNVqDU3xJtWXEvUX1L2jfOPWURg+hWNwN130AdXcuYNwb7tIanFpg/4bzQRD3Fvm5b8yfNXoIReNeGHq5fqy4q6l7BELG/UWtwa3sfk7BK+Leor9r1zhVfZlGD6F43JPW/WsBvs2UzSsAGxYy7vt7OTx4VKNjGcS9RV7+9Rj0I1ttxJ1j9/wIGfeGE7QIp27T4FgGcW+Jnw9C/lajB9FW3Kl7bgSN+65ahFM1fTU6miPuLfHyQcjqWzV6EG3GnTMzeRE07iPmaBVO/UCjozni3pLvac84tYYGD6PtuFuuO8fuDgWNu59LQ56qwdEccW/JntozTu2gwcNIEHfOzORD2LgP1CqcWqjB0Rxxb8Gd2jJOVZ+n0cNIEnfqngth495nupbh1J0aHc0Q9xa8pB3j1DoaPJBEcS8MTXZR8jc5M5NhYePecIyW4VQvDY5miHsL3tCOcSroZ2WSxj1p3S/g2D27Asf9Ey3DqRkaHM0Q9xXVddaOcanmcY0eSMK4U/f4BY77PB9bZxS3yV4RcV/R/dowTp2mwUNJGnfqHr3AcW+4Q+tw6l0Nji8Q9xW9pf3iVMCLaC+ROO5J6/4jzrtnVOi4f0XrcOqfGhxfIO4r8nJkcY0GDyV53Kl75ELH/XofN/WaqMHxBeK+gsE+vkP3vgYPpoS4U/e4hY57w1ZaiEvTB2twfI64r+BQbRenfq/Bgykl7px3j1rwuG+ghTjFZX9XQNxXcJ92i1N/0+DBlBR3w8fu1L1iwePu5T7ZUzQ4PkfcV+DjlPsj4e6MLaXFnWP3iAWPe8MeWolLd2hsfI64L2/RSO0Wl76nwcMpMe7UPV7h436FVuLSED7pvjzivrxntVmcukCDh1Nq3AvTqXukwsf9OK3EqbM1OD5D3Jf3Le0Vl+b20eDhlBx3w3UflewbK9S9ZeHjPtjHv47f0uD4DHFf3pbaKy49r7EDKj3u1D1S4ePe8GstxaUTNDY+Q9yXU7dAe8WllzV4QGXEvTD9Y/1ycdQ9WwzEfV8txaXhgzQ4hLgvZ1NtFadCfz21UTlxT1r3HwT4RGSyz5ZS9xYYiPtlWopTq2hwCHFfTi/tFJfW0tghlRV36h4jA3FvOEprccnAv49tIe7LeVA7xaWfaeyQyot70rq348xMdliI+y+1Fpf+qLEhxH05a2mnuBT+g5Blx526x8dC3M/UWly6SmNDiPuyztNGcWnm5ho8pHLjTt2jYyHuk/ppMS5dpsGxFHFf1ofaJy6do7GDKjvu1D02FuLecKEW49KOGhtLEfdl/U/7xKVVNXZQ5cedukfGRNy/qcW49D+NjaWI+7Iu1T5xKVmBPKsg7tQ9LibivooW49KlGhtLEfdlLBqifeLQ8EUaPKhK4p607gemX3c+EVk6E3GvG6fVODTExCvNDuK+jCe0TVw6RmOHVVHcC9Of0zDFceyeBSbi3rCuVuPSNI2NJYj7MnbQLnHpWxo7rMrinrTuHLtngI24+7gCwUsaG0sQ92W8pl3i0v0aO6wK407d42Ej7ndqNS510NhYgrgv40rtEocm2DgRWGnck9Z9xwBnZn6juYuj7mIj7rWztRyH1tTYWIK4N7fYwzVSttTYgVUc96R1v5pjd+NsxN3HSfcactYcj0ZzO2mTuPRnjR1Y5XHn2D0SRuL+opbj0nsaG02Ie3PHao+49ITGDsxB3Kl7HIzE/R0tx6Vva2w0Ie7NeXg/1cotBFzEnbpHwUjc67fWehz6ncZGE+Le3NraIw6trqFDcxJ36h4DI3Fv+EjrcWhtDY0mxL2ZxdXaIw7dp7FDcxN36h4BK3F/WetxaOYkjY1GxL0ZH++nTtbYoTmKO3XPPitxf0DrcekAjY1GxL0ZD7fYmzlCY4fmKu5J6x7grtkDntXcxeW+7lbiPmiUFuTQjzU2GhH3Zk7VDnGok4YOzlncEx+7D9XPp4dj90SsxN3HNd1/qKHRiLg381PtEIfGaujg3MWdumecmbh314IcOk1DoxFx/0Kdh+v9Xq2xg3MYd87MZJuZuF+uBTk0x8gnj00g7l/YWRvEpfM1dnAu416YPlqjFsexu0lm4n69FuTSLhobxL25dtofDs3W0OE5jXvSuge4vjvH7m0yE/eGPbQih76moUHcm1tV+8OhX2vo8NzGPWndPzR77N7juRe7v7bGGP1SrtiJ+3VakUO/19Ag7s29rv3h0AYaOjzHcc9+3Zfqf/+fuh/TRb+ZE3bi/i+tyCE7h1PhEfcvPKz94dDPNXR4ruMeS92XOP/D36/TT78dPztx/5tW5NAHGhrEvZnFNdof7tRsrrHDcx53w+fdJyQ7776swZt8fY3pGiBuduJ+u/sHvHq+xgZx/8IB2h4OGTqMcB/32OreaP7o9ldpiIjZibuPb5ZsqqFB3L+wkXaHQ+tpaAM8xD1p3QNcZ6bcujc01B/wj6c1SKwMxf0/WpJDb2poEPcvrKbd4ZChewf4iHtU592bmTb2BQ0TJUNxf0lLcugPGhrE/QsztDscsnJJyEZe4h5r3RsGXb6lh8s/G2Eo7s9qSQ69rqFB3L9wtHaHQ/M0tAF+4h5t3Rsazv/6Qo0UG0Nxn+T+v0KP1tAg7p8b5v7M8NMa2gJPcY+47g31o+/SUHExFPeG97Umd6oHa2gQ98/sos3h0Eca2gJfcU9a940zWPeGhos6ztRgEbEU9/W0JocO19Ag7p/ZUXvDoa9raAu8xd3wsfuEszV3Ba7pEF3eLcX9DK3JoZ9oaBD3z2ygveHQxxraAn9xL0w/TnMUF+LY/XjNXYmeseXdUtwv1pocsnLX4vCI+2d+p73h0Fka2gKPcU9a94weuzc0vH2MhouDpbjP05oc6qChQdw/4/7LcsNrNbQFPuMefd0b3ttW48XAUtwb3F+X8xmNDOL+mQHaG+6co5FN8Br32M/MNDTUfXm8Bsw+U3H/rhbljp17KIRG3OVcbQ2HrtXQJviNe/x1b+g/NpZT76bivr4W5VB/DZ17xF08XDZsQw1tgue456DuDfdupREzzlTc99WiHOLSYULc5SfaGQ7ZuZh7I99xL/SLv+51x47UkJlmKu47aVEOtdPQuUfcxcMnIW/V0CZ4j3se6t7Q40INmWWm4r6ZFuXQqxo694i7nK6d4c4CSx+WSSHuSet+Zvr3PHJX9/qp2T94NxX3BvdvVP9HI+cecZc1tDPcsfWRrBTibvjY3dEnIpv0vFtjZpatuLv/uMw6Gjn3iLu4vwPPqRrZhjTiXuh3pmYrLtPH7g23j9WYWWUr7u4/LrNQI+cecV9qsPsbqNo69ZdK3JPW/fJMH7s3bNxbg2aTrbi7/7hMDbdRXYq4L9VTG8OhjTW0DenEPSd1X/kQDZpJtuJ+vFbl0M4aOu+I+1L7aV841FND25BS3PNxZqZh8R81aBbZivtftCqHLtbQeUfcl7pB+8Kd6ts1tA1pxT0nda+tyu5t+GzFvXaIluXORho674j7Uv/VvnCnq0Y2IrW456TuDadk9jORtuLe4P4UFxf9XYq4L9VB+8KdYzSyEenFPS91f2K2Rs0aY3F/Xctyhw+6L0Xcl3pe+8Kdb2hkI1KMe07eVW3o4f4GoKkwFvd/aFnurK6R8464L9VV+8Kdf2lkI9KMe9K675fxY/d52bySmLG4/1jLcudKjZx3xH2JWveZOUVDG5Fq3PNS90nuv16ZAmNxd3+nvZEaOe+I+xI3als49I6GNiLduOel7vNP0KhZYizuZ2lZDlG1JXgYllhFu8IhY7cMSDnuean7rN00aoYYi3vddK3LHWMHVqEQ9yU21q5wZ2uNbEXacS8MmayZizvF/Uu7LRMu0twuLHpDo2aHsbg3rKl1uTNaI+cccV/iRe0Kd07TyFakHvekdc/8sfveGjUzrMX9Dq3Lna9o5Jwj7kv8U7vCnY4a2Yr0456Xug92/zFav6zF3f2tFP6pkXOOuC/xM+0Kd/6nka0IEPekdf8442dmFj+jUTPCWtwv0brc+ZlGzjnivoT7f1r30shWhIh7Xo7dN8/Wt5msxf1TrcudjzRyzhH3JTppV7hj64K/geKetO6/ynjdz3pBo2aCtbh/SetyZyuNnHPEfYk9tSvcWUUjWxEm7nmp+7ThGjULrMXd/b0UHtbIOUfcm9S6P+t7noa2IlDc81L30Rm6ArC1uI/QutzhK6pLEPcm87Qp3Jlbp6GtCBX3vNT9VQ2aAdbi3rBAC3NnsUbON+Le5EntCXfW0shmBIt7Tupeu54Gtc9c3F/Rwtw5TCPnG3Fv8p72hDvPaGQzwsU9ad2fS/8TkcMdfiJysPs35T0xF/cttTB3/qaR8424NzlQe8KdP2pkMwLGPSd1P6uzBrXOXNxP1cLcMXZJ1kCIe5OXtCfcOUIjmxEy7oUh72kVxWX8zMxxNRrUOHNx766FuTNVI+cbcW/yd+0Jd/6ukc0IGvfCyFzU/Rsa0zhzcd9QC3NnA42cb8S9yS+1J9y5QSObETbuSes+OsCZmZ00d+WG/VRj2mYu7j/SwtxZXyPnG3FvsoX2hDvmTvoFjnviY/c5+vn0jDxUc1fu5FEa0zRzcZ+shbnzmkbON+Le5BjtCXfMvV0fOu75qPsOGtI0c3F/WwtzZ4ZGzjfi3mQv7Ql3zH3QNnjcc1H32oM0pGXm4r6/FubOpRo534h7kw+0J9wx9xW58HHPRd3PH6AhDTMX97qZWpkzh2jkfCPuTZx/QnmOBrbDQNxz8a6qhce5Debi3jBbK3NmoQbON+LexPlVn67SwHaYiE4O6l67nUa0y17c79bKnBmlgfONuDfRlnDnbg1sh40jyoR1Py7Dde85VCOaZS/u62hl7mjgfCPuTbQj3LlQA9th5HTByE20nuK+lOHz7qtpQLPsxf11rcwdDZxvxL2JdoQ722tgO6ycC46/7pPW0oBW2Yu7+1tka+B8I+5NtCPc+Y8GtsPMG33x1/1qjWeVvbh/RytzRwPnG3Fvoh3hzmoa2A4zcY+/7rUTNZ5R9uJ+n1bmjgbON+LeaEftCHfe0sh22Il70rofl/5VxBy9q3qA7ctD2ot7L63MnQs0cq4R90Z/1Y5w58ca2Q5DcU9a9zMzW/d1NZxN9uI+UCtzZyONnGvEvdFvtSPceVMj22Ep7tGfmVl5roYzyV7cn9PK3NlBI+cacW90s3aEOx9rZDtMxT36uu+j0UyyF/edtDJ3/qyRc424N3pUO8KdZN/VSZOtuMde95PS/xZWcvbivotW5s59GjnXiHujI7Qj3LlfI9thLO6xn3e/VoNZZC/u52tl7jyqkXONuDf6j3aEO9doZDusxT3yY/cehi9CYC/ufbUyd7gVUyPi3sj9jZj+opHtMBf3yOvufk85Yy/ui7Uyd36mkXONuDf6o3aEO300sh324h533d+2+1l3e3Gv18rc+Z1GzjXi3mhv7Qh3FmlkOwzGPWnd9wtw3v1dzV2+5zWUPfbi3uD8v7/f0MC5RtwbfVc7wpmZGtgQi3FPeoT88yweux+nkewxGHfnd8s5QQPnGnFv5PxaIAbvFWAy7jHXvfZgjWSOwbgv1NKcWUMD5xpxb9RJO8KZcRrYEJtxj7nu39ZA5hiM+9FamjOnaeBcI+6NDtGOcMbeXfasxr3wgdbXhgyed988/SUnYzDuT2lpzhylgXONuDf6QDvCma4a2BCrcf+f1teWDB67X6dxrDEY97u0NGfe18C5Rtwb7akd4czaGtgQq3F/W+tr068yd+z+noaxxmDcnX+0KOE/CONG3BuN145w5jYNbIjRuJdwbjRzx+61D2sYYwzGfXUtzZltNHCuEfdGs7UjnLlLAxtiNO6lXJr1V+nXfVRFx+5/0CjGGIz7llqaM3tq4Fwj7o221o5w5lINbIjNuA/dXMtLJGvH7m9rEGMMxn2GlubMGA2ca8S9UW/tCGfW0cCG2Iz7QVpdQl/NWN2dfwzLCYNxf11Lc2a2Bs414t5ognaEM9tpYENsxn1frS6pjNV9A41hi8G4O7+609YaONeIe6NR2hHOfFcDG2Iy7tXXa3WJZavud2oIWwzG/UEtzZkFGjjXiHsj58FYXQMbYjLuZXxJPFt1X1NDmGIw7v/W0pwZroFzjbg3cn5jhWM0sCEm4/4vLa4Umar7dzSCKQbj3kFLc2aIBs414t5opnaEM0dqYENMxv1OLa4kWaq7ye8xGYz7qVqaM0M1cK4R90bO76swQwMbYjHuZX4YOcDdO0b9RnOXaJHzD2I5YDDuP9PSnKnWwLlG3BtVa0c4s7cGNsRi3P+jtZUqQ3V3/hk/BwzG/YdamjM1GjjXiHujudoRznDOPZGrtbaShTgzk+yuUcv7l37dEoNx30dLc2auBs414t7I+SWp+LRMEtXnam2l++oQjZGe8up+r37bEoNxP11Lc6afBs414t5opHaEM89rYEMMxv0hLa0cWal7vfNLW1TOYNxf09KcGamBc424NxqgHeEMlx9I4kQtrSxZqbvBk+4G487n3H0g7o2c3553ogY2xGDcd9XSypORuv9Zv2uIwbg7v68J31BtRNwbddGOcIZL/iZxspZWpmzU/VD9qiEG476uluaMwbsYp4+4N3pBO8KZvTSwIfbiPq5WSytXJup+j/PP2VbMYNy319KceUQD5xpxb7RQO8IZ7sSUQOWfFw3wicjSP+/+vn7TDoNx/0hLc+YFDZxrxL3RWtoRzjylgQ2xF/dHtbIKXJyBY/ct9It2GIz7QVqaM1dp4Fwj7o2c3+vyKA1siL24f00rq0SAMzOlHrt/W79nh8G4X6ilObOWBs414t7oaO0IZx7WwIbYi/u9WllF7B+7H6dfs8Ng3LfS0pw5WAPnGnFvtLZ2hDMGz/iZi/vMwVpZZcwfu6+s37LDYNy31dKceUUD5xpxb3SbdoQzEzSwIebifqUWVinrx+516b/r2waDcb9SS3PmHA2ca8S90UTtCGcMXrbIXNw/0sIqZr3ud+uXzDAY9220NGcMfkc8fcS9UTftCHdmaWQ7zMV9fS2scsbrvpt+xwyDcR+vpTlzkAbONeLeyPmnbAt9NLId5uL+shZW1Cr6/4sLUPdRx2vutpm71Z7BuDu/AMivNXCuEfdG62lHuFPyXf29Mxf3D7WwYgaNOlD/qTjTx+4v6zfMMBh353cxflAD5xpxb+T8VgGFwzSyHebi/oAWVsxNhZnJ6v7uKI2ansR1v0C/YIa9uN+ulbnzPY2ca8S90RHaEe7sopHtMBf3JHfquLwQQd3/pp83w17cz9XK3DH4r5P0EfdGq2lHuHO/RrbDWtyr67WwYs5o/MGEdbd73r1v+v+9U5y98PXQytxx93Z9hhH3RlO0I9z5qka2w1rcu2hdRS35J1Xmj90vmqCfN8Je3N/Rytz5g0bONeLeqEo7wp0LNLId1uL+vtZV1IwlP0rd3bIX94u0Mnde1ci5Rtwb/VY7wp2pGtkOa3HfXesq6qGlPzt0Y/3PxVH3ZOzF/VdamTsvaeRcI+6Nvqwd4c4ZGtkOa3FP9EHkz77bkvDYfbLZ8+6m6m4v7u20MncGauRcI+6NrtaOcMfeKT9rcX9N6ypqun6YurtkL+7uN+flGjnXiHsT7Qh3/k8D22Et7j/TuopZrJ9txHl3d+zF/VWtzB0NnG/EvYl2hDv/1sB2WIv7L7SuYi7TzzZJet59uH4+PZmru724u/8ssgbON+LeRDvCnS01sB3W4v4drauYw/SzSyQ9dqfubbEX9/9oZe5o4Hwj7k20I9x5RgPbYS3uSe6geo1+dinq7oi9uLu/cKYGzjfi3kQ7wh1Xd6Jwx1rcL9G6ijlcPyvU3Q17cd9OK3NHA+cbcW/i/G242RrYjgjinvS8+3sj9fPpGZmlz8zYi/tTWpkzBu+WEwBxb7JQe8KZ6jqNbIa1uP9e6yqmp372cwmP3al7Ufbi/rRW5swjGjjfiHuTQ7Qn3NlfI5thLe63aF3FrHhv6YR134kzM0XYi7vz28zaOy0aAnFv4vwmqoW3NbIZ1uJ+hNZVzOP62Waoe+XMxb2/FubORI2cb8S9ydILVLl0sUY2w1rcf6h1FTNPP9tcwvPu1L115uJ+shbmDnfZa0Lcm7ymPeHOmxrZDGtxT3KrnLpq/XBzHLtXylzc39XC3DlVI+cbcW+yvvaEO4lu/5wma3HfTesqamv98DIS1n2TAO+qHqq5iwtdd3Nx31ELcyfJOzrxI+5NNtCecGc1jWyGtbhfqHUVdbB+eFmGj93f09zFBa67ubjvoIW585ZGzjfi3sR9+czdoNda3O/Wuoq6VD+8HMPn3bNQd3NxX1ULc+cGjZxvxL3Jx9oT7pygkc2wFvfxWldRW+iHl8eZmUqYi3t7Lcwde3dCC4G4NzlAe8KdpzSyGdbiPrRWCyum1UM66l4Bc3F3/2G1ZG9tx464NzlLe8KdrTWyGdbiXrhHCyum9Vtkcd69fObi7vzqA4U7NXK+Efcm87UnHJqkoa0wF/ebtLBijtfPtoDz7mUzF/cWPxRVkc00cr4R9yXcJyBJu9JkLu4/18KK2Vw/2xKO3ctlLe6312hhzvRLcs4vfsR9ia7aFe5M1shWmIt7og80XKUfbgl1L5O1uD+mdbmzh0bOOeK+xDPaFe78VSNbYS7u3bWwoo7RD7eIupfHWtwP1brc2Uoj5xxxX+IN7Qp37tPIVpiL+3VaWFG/1w+3LOF594uo+zKsxf1rWpc7r2vknCPuS5yoXeFOkrv7p8lc3M/RwooarR9uRcJj9+P5RGRz1uL+La3LHWt/YSDEfYmva1e4c5BGtsJc3BckedNr8zbea0tad+e32mqT4bpbS98VWpc7X9fIOUfcl9hXu8KdtTWyFebiXjhJKyvqSv1waxLWnTMzzViL+0Falzs/1sg5R9yX2E+7wp3hGtkKe3F/Tisrqs1vpic87x7i2N3qFYCtxb3ly8NV4hSNnHPEfYkntSsc6quhjbAX95u1sqIu1w+3jmP3UhmLe30/rcudTTV0zhH3Jdzf6KvwrIY2wl7cH9TKihoxXT/dOupeImNx/4uW5dA8DZ1zxH2pAdoW7gzUyEbYi3uymxhvp58ugrqXxljc3d+HaQ5fUF2CuC91iPaFO8besbcX95pEe+9f+uli+Lx7SYzFfVcty52DNXLeEfelin4Vsiz/1shG2It7YT8trajLWrqP6vISHrv/hndVmxiL+xQty507NHLeEfelfqh94U6iL+mkx2Dc/6ulFTdRP11U0jMzab93afLY3VjcW7sjS/n20ch5R9yXcn8X1c4a2QiDcU90G9WGF/XTxVH35IzFfS8tyx2+w7QUcV/K/Ym/gq2H1mDch8zS2oqal+yTctQ9MWNx761lufOJRs474r7UJtoXDq2ioW0wGPfC37S24jrqp9tA3ZOyFfcbtSqHktwqIA+I+1Luryld+ImGtsFi3JNdOfNi/XRbeFc1IVtx30mrcoib7C1F3Je6PcmHMkpziYa2wWLck112u/4D/XhbEn4i8t28191W3D/RqtypHqyh8464y9PaGe6sq5FtsBj36mSXaPitfrxNCY/dz07/zMyQZDfmSqfutuK+mlblzp4aOfeIu9yhneGOretCWox7wjNX8xPfQDlh3XN+7G4r7q9rVe6so5Fzj7iL+w+6zx2moU0wGffXtLg2/EE/3jaO3ROwFfc1tSp3rtXIuUfcpUo7w6GeGtoEk3HvnOjDkA03Jr+TUsLz7rmuu6m4D56pVbnzTQ2de8RdPtTOcOgCDW2CybgnuwJBQ8M/9OMJcOzeJlNxn6ZFOZRsB+QAcZd3tDMcmqKhTbAZ9+9pdW2YV0LwqHtbTMV9oBbl0BMaOveIu0xq426dZeiooU2wGfcBt2t5bfinfj4Jzsy0wVTcH9WiHKJpwgPxmTHaGu4cpZFNsBn3wsdaXhtGlPLscOxenKm4H6lFudNbI4O4f2YN7Q13hi7S0BYYjft6Wl5bvqyfTyRh3XfK6fXdTcV9LS3KndM0Moj7Z/bR3nDobQ1tgdG4Tz9X62tDfUnXDqTuxViK+z3uz4ZuoaFB3D/zTe0Nh3bV0BYYjXvhWK2vLX8r6foQnHcvwlLc3d9jL9mN13OBuH/mAu0Nh36poS2wGvcrk97vcqx+IRmO3VtnKe7JrtZfkh01NIj7Z57U3nBoDQ1tgdW4F57VAtsyv6t+IRneVW2VpbifqjU59KSGBnH/zKy52hzuDKjX2AaYjfvpWmCbvlra6VnOzLTGUtyf0prcmZnw07U5QNw/d6V2h0Mra2gDzMa93/VaYZt+qd9IKOGx+7O5q7uhuM+arjW5c7SGBnH/wh+1OxwydAECs3EvrKoVtmlYiYd51L1lhuK+qZbk0AwNDeL+hUu0Oxz6vYY2wG7cx03SEtv05BD9SkIJz8zkre6G4r6RluTQ/zQ0iPsXrtbucOgEDW2A3bgXXtIS2/YT/UZSCY/d/b132aohAT8zYyju39CSHOLu2J8j7p/bRbvDodka2gDDcX+4TmtsW6kxoO4tMBT3rbQkh87W0CDuXxjm/uMyhcc1dniG417CrcQXTdSvJMWZmRXZifusflqSOzX3aGwQ92be1/5wyM47qpbjvuYgLbJtm5d64x7eVV2BnbivohU59LCGBnFvbnvtD4e+r6HDsxz3wp+0yAQOe0S/kxR1X56duO+gFTn0uoYGcW9uVe0Ph3bX0OGZjvseyW63t8RFJX5khjMzy7MT9+9pRQ5doqFB3Js7UPvDoTklVMsv03Ev7KtVJvHVUk/UJjx2z813Ve3E3cP3Bk3d2zIw4v6FnbU/XDJzyy/bcb9qsZaZxOWlvvOd9MzMAP18eoLU3Uzc+5d0pc9kbtLYIO7N1Xu4ROCLGjs423Ev/FfLTOTNUu+Yz3VmmjMT94u1IIeGJP9YbfyIezO7a4c4ZObOAcbj3q+ky/A85+nMTD6O3c3EfYoW5BC3YWqGuDfj4ftyH2jo4IzHvbCu1pnMr0p9V5W6f8FM3L+rBTl0rYZGI+LejIcrXRQS3kbOO+txLxyvhSbz7jj9WlKcmfmclbjXeXise2lsNCLuzdyrHeLSKRo7NPNxv3KYVprMygfr95JKeOz+t/iP3a3E3cMlIbn4QHPEvRkP34Yu3KKxQzMf98J9WmlCfZ/R7yWV8Njdbt1d/avCStw93GKvupRPXUWPuDd3m/aIQz/V0KHZj/v0nlpqQsNKu6tqBMfujupuJe7XaT0OHaWh0YS4N3et9ohDM/to7MDsx72wVakfY3tzpH4zIeq+hJW4P631ONRBQ6MJcW/Ow7UuCvtp7MAyEPfSvxRw+Nr6zYTsnpnpd6bmLs5J3Y3E/SwtxyXeT22OuDf3rPaIS49q7MCyEPc5Jd+4/vaxpd012+6xe4p1NxJ3H59Nu0hjowlxb25xqV99TGArjR1YFuJeuK30S/Ect1C/m0zSq4jFfGbGSNw7aDkO8X7qMoj7Mh7SLnFo7giNHVYm4l7OP3P6jy3pCiUcu1uJ+1pajkO8n7oM4r6M9tolLl2sscPKRtyrk918blnv3q3fToTz7jbivrJW4xLvpy6DuC/Dx3nAf2rssLIR98LCvlpvKeoHztavJ2H4MzPJjgMqrbuNuH+q1bj0W42NJYj7Mq7RLnHpLo0dVkbiXng++S33mlnpljn6/QTyfuxuI+7/1mpcekBjYwnivoz6BdomDs3cTIMHlZW4F/6nBZeob/fkec/5sbuJuNeO0WocGmLm1jg2EPdlra594lKyA0XPMhP3mnLvpXP++qM0RJsSHrtP66yfT08ax+4m4v6kFuPSpRobSxH3ZV2ifeLSFRo7qMzEvTC8xMsQfGGlt8ZrjLbkuu4m4r6hFuPSahobSxH3ZZ2pfeLSNho7qOzEvbDN/lpz6eomd0x2D76EZ2airLuJuB+jxbhk4p/IhhD3ZW1e2jcek+mhwUPKUNwLnSZp0eU4/+ZXNExROT52txD3WYlPoZXgVg2OpYj7co7WRnHpBo0dUpbiXti7sjth3jnltrb/Ozq/dbcQ9/e0Fpf20NgQ4r6c17RTXNpNY4eUqbgXvqNVl+3GP13X1vn33NbdQty7ay0uraexIcR9OS9pp7jUu6zPbruVrbgXqrTsSqy8a/vTil0UeOiX9IPFHeDh47Ft8PuJSAtx93DnhMKxGhtC3Jezi3aKU89q8IAyFvfChlp3hepO3rHqxBOuXLbP/Z7e7j+vXjAt6ZX2Y6u7gbjvX9L1gBLiK0zLIe7Lqd1aW8Wl/2rwgLIW95pPtXA3Bu1/zbSdJl88efIB084q+dKBkZ2ZMRB3H5f5mGDg38e2EPflva694tJDGjugrMU96YcVUxFX3Q3EfTctxaUtNTY+Q9yX9y/tFadO0uDhZC7uhaHlflXVg6jqHj7ui3yc6HpVg+MzxH1507RXnPqKBg8ne3EvzNxIazdg2jgtKj3e6h4+7pO1EqfO1uD4DHFfXl1vbRaXwv+TMYNxL9QY+vzDpvHUPXzcv6OVuDRnmAbHZ4j7Co7UbnGpX/D7f2Ux7oXC37V6A+Kpe/i4r6mVuLSdxsbniPsKztBucepjDR5MNuNe+H691h/e/bF8IjJ43E/WQpy6RIPjc8R9BQdotzj1Qw0eTEbjXth+vv6A8GI5dg8edy+HT8nuL54rxH0Fi3xc0+iqWo0eSlbjXjin/GtEuhbi2P2rmru4kuoePO4TtRCXpldysblIEfcV+bhhR+F+DR5KZuNe6Hqn/oTw4qh76Ljf6OPrqetocHyBuK/oLe0Xpx7V4KFkN+6F4TvqbwhvlRjqHjruXrbiBhocXyDuK3pC+8WphzV4KBmOe6FmrJlvlsdw3j103H3cp6PwNw2OLxD3FdV30YZx6nCNHkiW414oXGjmxHuIuh+nuYtLXPfAcR/RT+twacIijY4vEPcWdNSOcWpVDR5ItuNeWGsn/R3BZb/ugeN+oJbh1EcaHM0Q9xZ8qh3j1NoaPJCMx71QPXaW/pLQVvHxFebi3J53Dxz3B7UMp36rwdEMcW/B+doxbl2j0cPIetwLhb0e058SWtaP3cPGfb6PTxoHfnEZRdxb4uPr0YHfz89+3AvDPw39ZQHJeN3Dxv1qrcKp4F8jMYm4t+QX2jNOPaXBw4gg7oXCGjvrrwks23UPG3cfl3IvfE+Dozni3pKPtWfcWlmjBxFF3Atzptg48/5E+ufd5zg77x407ouHaBVO/Uijozni3pIRQ7VpnAp6XiaOuBcK24b+qu9S92b42D1o3H+kRThV3Vejozni3qLdtWuculKDBxFL3As1Hc/XnxRUhuseNO4faRFObaXBsQzi3qL7tGvc2lSjhxBN3AuFkVMG648KKbtnZkLGvf8cLcKpKRodyyDuLVpFu8atf2j0ECKKe6GwzZsGLvOe2WP3kHHfSGtwaxWNjmUQ9xbVXqVt49RVdRo+gKjiXiisPTDgYylZrXvIuN+hNTjVxc4dXUwh7i37j/aNW4dq9AAii3uhcEi74J9tzmjdA8b9vJlag1NbaHQsi7i37HLtG7d+ptEDiC7uhcJDU2/XHxdKgLpPr7zuAePu5R5MfBCyFcS9ZZO8vPHTO9wd2iOMe6HwwpTA+zeTdQ8Y94e0BKf4IGQriHsrvFx0unC5Rk9flHEvFCas/6T+wDAe6KyFpGfOzzV3ca3XPVzcd9EK3OKDkK0g7q3YQTvHre01evoijXujuzbycPvMPvuu867+Y3H3bq1lpKfSY/dwce+uFbj1qkbHcoh7K07SznFraLB/QcYb90JhQPvjnX5eov7i3w0pFEYlq3v2jt2Dxb1uT63ArZ4aHssh7q15RVvHrX9p9NTFHPdGY9Y/21Hf636z/sKlYyase+aO3YPF/UtagFsfaHQsj7i35g/aO27drdFTF3ncGz19xH7z9ceW7favnjhbwzWKtO7B4u7lNh1BvxpoG3FvzbPaO449oOHTFn/cG8056NgKLgq8y8snLHfJwjjrHiruK/m4eWqhYOYGjOYQ99bUNTuEc+gXGj5tuYh7k9lvbHhAyXdLnnXAsQ+O0QDNJaz7tEyddw8Vdz+fUegS/qvKVhH3Vv1Qu8etBYEuepWbuDcZMvH/9n32Hv3lbRhx/ye/3L3VY8qEdT88S8fuoeJ+m+Z361SNjhUQ91b9XLvHsQM1fMpyFfclah7e8hff3nFaqzt83rSN/zX2yG30062JsO6B4u7nQ+6FUzQ8VkDcW7XIz7+1V9fwKctf3D8zZ+FDzz/4f927f6vqX1OnHltV9d/u//fgHduuNVL/57bEd2YmUNzX1/RuDfHwJYdYEPfWna7941Z1mHtN5DfulRqZ7HJv2al7mLgP9vP4vKHhsSLi3rrR2j+O/VPDp4u4ly1h3UOcmRmtuYtbru5h4r6rZnfsJxoeKyLurRs2QBvIrfFB7vFM3MsXWd3DxP0Zze5Wv4Rvm+cScS/i39pBjl2g4VNF3CsQV92DxN3T26mva3i0gLgX8aF2kGPbafhUEfdKRFX3IHE/QpM79qaGRwuIexHzR2kLORbiSkfEvSIx1T1E3D29nTp9M42PFhD3YnbTHnLslxo+TcS9Mgnrvmn6d++Y8yXNXdwXdQ8Rdz83xi7sreHREuJezE+0hxzrXfEFrkpH3CsUT91DxH1bze3YrhoeLSHuxUzydF5mI42fIuJeqWjOzASI+6FLZ3ZtKPkqhkenqPW0ixzrpOFTRNwrFsuxe4C4v7FkYuc4K1MUcS/qOe0i187W+Okh7pWL5Ng9/bifNHPJKp3jG0xFEfeiFnl6na6r8dND3B2Io+7px/07Sxfp2qjFGh8tIu7Ftdc+cmzmWRo/NcTdhSjqnnrcRyzQIh3bQuOjZcS9uN9oH7n2P42fGuLuRAx1Tz3ux2qJru2n8dEy4l5c7R7aSI4NSPuaGMTdjQjqnnbc6z/QCh17pOQbbuUMcW/DatpJru2g8dNC3B3Jft2/r/+Qlo+1PteO0PhoBXFvw+HaSa6tWa8JUkLcXUla9y76+fQkrHvat7d4Xstz7VmNj1YQ97bcra3kWrKbpDlD3J1JWPd3zNY9XU/WaHWO7VGrCdAK4t6Wt7SXXPuuxk8JcXcnYd3vTf/MTMJvM6XqWq3NtTA3vckS4t6Wk6q1mVybpgnSQdwdsnve3V7dz52jpTlWc7ImQGuIe5u+q93kWkeNnw7i7pLhuv9Kc1txsxbm2kSNj1YR9zb9SLvJtZmPaYJUEHenOO+e0PzZWpdrn2gCtIq4t2lwb20n11L9vDFxd4u6J+PrC0xD+mgCtIq4t+1E7SfX+p2nCdJA3B2j7kksWkuLcu01TYDWEfe23a/95Fx3TZAG4u4adU9gXy3Jufc0AVpH3BN4RRvKtQEp/tOSuDtH3dtUd7RW5NqedZoBrSPuCXxbO8q5Kk2QAuLuHnVvy0Ctx7lLNAGKIO4J7D9UW8q1MbdrBv+IuwdJ657XT0TWr63luFazsmZAEcQ9ide1p5x7URP4R9x94Ni9qHZajHMpf707o4h7Er6ua1cYM1gzeEfcvaDuxXTSWpy7WhOgGOKexKLx2lTOpXblX+Luh9269wt+ZuZMrcS5R2ZpBhRD3BP5p3aVc6kduhN3Tzh2b9VELcS5RzUBiiLuifzF0+3bC4WvaAbfiLsvCev+du7q/p6W4RzXDEuGuCfza+0r554ephk8I+7eUPeW+bpJB2+nJkTck9lP+8q9H2sGz4i7P5x3b8mzWoN7vJ2aDHFPpv5hbSznUjp0J+4ecezeAl+Xyi50Sekfu5lH3BP6lnaWe+kcuhN3n+zWvd9+mjttF2sB7q2mGdAG4p7QvH7aWs6Nma8pvCLuXhk+dn9Oc6erdivN71x1D02BNhD3pNbT3nLvDM3gFXH3K2Hd7/T2jYlWham7ty+nFn6tGdAW4p7Uu9pb7vVO40kg7p5R9+bqfF1VplD4uaZAW4h7Yndrc7n3X83gE3H3jbo386mmdm/Nek2BthD3xF7S7nJv1I2awiPi7l3S8+6P6OfTk/q7qrfvqZnd66Up0Cbintj8cdpe7h2hKTwi7v5x7P6ZP2te94b31xRoE3FP7n/aX+4NPUxT+EPcU0Ddl+rv7wL2v9AUaBtxT+78udpg7nXQFP4Q9zRQ9yW8XWevUNhFU6BtxL0E62qDuVf9jqbwhrinImHdd4n6vPv+wzWne89rCiRA3EtwtnaYB943LXFPR8K67xzzsfs3NKMHBu5Akh3EvRTnaIt54Pu4irinhLqf5O3L3IWD+RxkCYh7KX6kPebBUYM0hyfEPS25PzOzhabzIKVLqEaCuJdikb+P7xZu0ByeEPfU5PzY/YAazebeuEmaA0kQ95J8U7vMg0f8foCXuKcn13Wv93ju8hLNgUSIe0lWGqlt5sHvNYcfxD1Fea77XzWTB/2u1xxIhLiXpr32mQdzztccXsybhvTcqUe9DU8GOO9+pub2ZMQYTeTBPpoDyRD30jzm7U7ZhcLvNAdyI766d9c0HtTwBabSEPcSddRO86DmbM2B3Hhytp789Hit+8r+PgZZOEhzICHiXqLD/X0WoHBbnSZBbuzs8TRGK3yed/+15vBhE82BhIh7qbppq/ng+eOQMCiqur+nGXzYS3MgKeJeqsnaaz6Mm6dJkB8R1X2QvxvaFAqXaxIkRdxLdpc2mw9XaA7kSDx1P1bD+3AlVx4oFXEv2Y7abT5UP6FJkCOx1H0lf5dxLxT+pEmQGHEvWf3B2m4+PFOrWZAjkdT9RI3tw56zNAkSI+6l83fz30YDNQnypGcMn4h8x+N3QLh1ahmIe+mG+TzOGt9HsyBPIqh7/TMa2IcuXDKsdMS9DC9rx3nxf5oEuZL9un9Fw3qxgSZBCYh7Geb7fCFWP6tZkCtZP+9+fW+N6sMC/j1bBuJejj9rz3nxyiLNglzJeN1305heTNEkKAVxL8ckr/+GPkOzIF9uynLd99OIXgzYTLOgFMS9LGdo13kxsodmQb5kuO4jntaAXnCTjrIQ97L4PXQ/RrMgZ7Jb9/U1nBcDqFRZeNjKU6V958cFmgU5k9W6P+HzI+6Ff2oWlIa4l2dxF208L8bw4YCcuuYFbYH09DtOc5dv0FMay4sJm2salIa4l+lV7Tw//qNZkDeZPHb3++/YP2gWlIi4l2mEz4skFWq+qmmQNxk8du/h8bbxhcIAroNdJuJeLr+H7nuM0DTIm+zV/QQN48fXNQtKRdzLtdjva5CrEORW1ur+Iw3ix9b9NQ1KRdzL9qJ2nx81F2sa5M5NV2kTpGf6x5q7dH39XhWHr/SVjbiXbVZXbT8/tlmseZA7mar7DI3gx/j5mgYlI+7l21X7z5NfahrkT4bq/ol+35MdNA1KR9zLV3eINqAf1WdrHuTPnVk5737SAP26H3sM0zwoHXGvwCnagZ505RMz+ZWRY/f67fTLnmykeVAG4l6B2q20BT05UfMgh+4cr12QnumlH7sfq1/15OBBmgdlIO6VeFd70JcKv1yCLMvCsfvOQ/SbnuyoeVAO4l6R1bUJPZndV/Mgh+zXfdA5+j1PzqnVRCgHca/ItBptQ0/e0DzII/N1v0+/5ctFmgdlIe6VeVDb0JeBmgd5ZPy8+6ZD9UuevK55UB7iXpmz+mkjerLgfE2EPDJ97D7sFf2KJzOv0UQoD3Gv0P+0E325tE4TIY9ONlz3f+gXfLlC86BMxL1CfbzetaNRlSZCLu0c4MzMaM1d3C7V+nlPht+oiVAm4l4pv9cPKxTm/k0TIZfMHrvXHqEf9+Q+zYNyEfdKLXpfm9GXh7nmaa7tHODeTImO3Wuv0I97MYYL51WKuFfsY+1GbzpqIuRTPo/d/6RJUDbiXrlu2o7ecIGNfMtj3W+r1xwoG3Gv3OGe31kqjLpTMyGfclj3dzUDykfcHfieNqQ3dw/WTMin3NX9Oo2PChB3By7zevf3JutrJuRUzt5VnXOShkcFiLsLN2tP+sPl8XIuX8fu/9TgqARxd2HWwdqU3gzntHvO5anuL9yjsVEJ4u7EcdqV/jzEjYJz7qb8nJnhY5BOEHc39ta29Od3mgl5lZtj9734GKQTxN2Nw+ZoY/rziaZCXoWo+ymauyi3da9eRcOiMsTdkT9oZ/ozZ5qmQl6dvFB7IT0B6v5/GhQVIu6OzN9DW9OfPTbXXMirx3JQ93HzNCYqRNxduVp706PXuaVk3oW4e8dzmruo2hP14xXj9KMrxN2Z57U5Pfq7pkJuRX/sfhrvprpC3J15cq62pz/ViQ6iELPIj92rH9BwqBhxd2c17U+PJvTUXMituI/dT9RgqBxxd2fSNtqgHr3PnTtyL8QnItM6dn+EILnDY+nQr7RDfTqIG2bnXsTH7l/TSHCAuLu0rraoT1xTCdHW/UI+D+YQcXfpxt7apB7VXKDJkF+R1r3fzhoGLhB3p17SLvVp+DuaDPkV53n3DTQInCDuTtU/o23q01W3ajbkV4zH7gcP0xhwgri7tctQbVSfOnH5XwSo+1C/da/ZRCPADeLu2D+0U736I9/iQ3R1/49+H44Qd8cm+b+AWCM+MoMgZ2Y8nnd/geviOUbcXXuvRpvVpxo+D4zIjt25TbBrxN25a7VZvZp+vGZDjsVU94/0q3CGuDvXJ5VXXJcemg45Fs+ZmXE36jfhDHF370ztV78+6KvpkGPRHLsP1O/BHeLuwWvasH7tNUnTIcce21PbIT0+6v5drjvgHnH3YKXx2rJ+zRik+ZBjK8dQ9wGP65fgEHH34TntWc/aazrkWQx1v0G/ApeIuxcPatN69qqmQ56tHOBd1Y81d1GJ31XdjpMyPhB3L+bN1rb1q+ZPmg95dlIKd4lZjtNj91GH6efhFHH342rtW8+GXqz5kGcBzsy4PHb/VD8Nt4i7J9dp43o2gfsJI+N135KTMn4Qd0/6PK2t61mXazQh8izDZ2Z6X6YfhWPE3ZfJaVxjptHCkzQh8iy7df+BfhCuEXdvvqHN69vRfHEb2a37G/oxOEfcvbn9EG1f317ZTDMiz7JZ90e4ioY3xN2fJ+ZqA/t2KXdmQkbfVU10GTKUhbh7dJ82sHfduPkkGhrOz96x+xX6CXhA3D0adI62sHfX1WlK5NlhWTt2v5J/c3pE3H06bLg2sXcPUndk7th96Cr6P8MH4u7Vj7WL/buWe2aj8XAipa9XNDM9Wd1bOnY/Q/9HeEHc/dpe29i///A9P2Tr2H0N/rnpFXH3q88e2sj+ra8pkWsh6n655i5qhbr35iLufhF3zy5K6/OQhcJ3NCVyLTN1P1D/e3hC3H37u7ZyCv6gKZFrGTnvfq3+t/CFuPtWd6E2cwou0ZzItUzU/ShuAewbcffu1i7azilYTXMi185/WPshPaWemZnzjv5X8Ia4+7dfSteHbPJ9PjODLNR9qv4X8Ie4pyCt60M2OZHPu8N+3Tvqf4RHxD0Ft2+7ZEOng7qjUY+1tB/Sk/Dz7k3n3bv21/8Ej4h7GlZesHT7p+J3fDUEto/dhx6g/wyfiHsqnkvxtHthvUGaFXlmuO7/0n+CV8Q9Hbdo+6ei4yzNijyze2aGd/1TQdzTMWgNbf9U3DFC0yLPzB67IxXEPSU3jtf2T8U5m2ta5Bl1zzXinpZDZ2r7p+KQ8zQt8oy65xlxT80G2v3pePgwTYs8e5y65xdxT039ltr96Rizi+ZFnlH3/CLu6dk8vWu7N9n6Cc2LPDsrwGdmqLsJxD1FT8zR7k/H8C9pXuTZWekeUzSh7iYQ9zS9qc2fkplcnQmcmckt4p6qX2rzp6W75kWeUfd8Iu6pGvS8Nn9a9uFSBKDu+UTc07VSV23+tBzEl1VB3XOJuKfsnVHa/GnZq69mRo5R9xwi7mn7QZoXiGyy5mOaGTnGZ2byh7in7lHt/dSMO1QzI8ceT/uEYKEw80DNjSCIe+rqj9TeT83cH2tq5Bh1zxvinr7N1tTeT0937r2Hkzgzky/EPYAeXbT307P9JM2N/OLYPV+IewjvTtfeT89Tf9HcyC/qnivEPYhPtPVTtHBTzY38Omkb7Yb0DN1YcyNtxD2M/2nrp2jkDzQ38uukp7Ub0kPdQyHuYdS/rq2fptXqNDvyamo/7YUUzdDcSBlxD2T+Xtr6aTpoM82OXBr2Q22ENN3dX7MjZcQ9lPP21OZP0wdPanbk0F/O0TZI01W8kx8KcQ9m07SvMtNk+IeaHblz6GxtgjRNeEezI3XEPZyNq/UCSFPNJXyfKZdqb56pLZCmoV/V9EgfcQ/oBr0C0nUHl4nMoXt209OfLi58ERBxD2k1vQTS9fTfND1yY+e19eSna1VNjxCIe0i139OLIF1zqzQ/cuIHId7fKRTWq9X8CIG4BzXrDr0MUvbvxVoAcmDYN/S0p2y7WVoAgiDuYd2zrV4IKXufz0Tmxk236UlP2dp8qyIs4h7YrWvppZCy4VyMICd2Ha6nPGV7nq8FIBDiHto14/RiSFsHrgKcAyNe09Odtt5vawUIhbgHt9McvRzSduXhWgGitWn6N4ZZauTZWgGCIe7hfRji2yVN5nxFK0CcansFuE7YEkO/pCUgHOJuwMAavSRS9/rmWgIiNO/XeppTV7OrloCAiLsFL+o1kb6n39USEJ3fLNSTnL5jtQSERNxN+K9eFOmb+Xcu8h6lRV8PdbavULhEa0BQxN2GX+plEcBWJ2sNiMidp+npDeAKrQFhEXcb6v+tF0YAQ3rxLfHI1E4dqSc3gDf4t6ANxN2IRUfqpRHC3jdqFYjCWRfqiQ1hdS46YARxt2LwOnpxhPDI5VoFIjBwgp7WEHbnskVWEHcz+ge6BMhSp96jZSDjrt9bT2kQd43QMhAccbfj3Lv1Aglim020DGTa1VvrCQ3ip320DIRH3A3pe5ReIkHUdOAqfpnXp72ezTBe4UtxhhB3S/YPc7+cz4z5WOtARv083PeWmhzMG/OWEHdTLuuql0kg+/Cv6gxbaZ9g17FY4ujztBCYQNxt+cvDeqEEMn5jLQSZ0262nsRAnj5JC4ENxN2Yw/bUSyWULeZpJciUHgfpCQxl4WFaCYwg7tY8dpVeLKF0nsoXVjNnUK9A91v63OxrtBRYQdzNOXmMXi7BrMHrNGPuDXglmaVe4Ka85hB3e558QS+YYPrdN0xrQQaMWD/cBSDlqpu0FthB3A26KewH2pocfbHWAvOOC3SP9WaefkxrgSHE3aKTQ7+rWijUnMobq5lw3m56xgJaq4cWA0uIu0mH7aGXTUBb38ClW80b9NsBeroCepjPQJpE3G16/AO9cELa9iKtBkZt8oqeqpC2OUurgS3E3ai/rKmXTkg1Hf+i5cCgwzrqeQpqzcu0HBhD3K3a/xC9eIIaNYXPzRg1acocPUlBvX+r1gNriLtZfS38k7tQOPhLWg8sqW33tJ6gsK7kejJmEXe7zg16944vvM4dtM25/xw9OYH99FwtCPYQd8P6X6qXUGBD2/fVimDC9e2r9dQEtk5/rQgGEXfLhr2hF1Fovatu15IQ3KJeBj7+uMTeg7UkWETcTVu0nl5GwXXdkcuJmVD/ZuCrQn9hi0VaE0wi7rbVX6EXUngT79eaENBxD+npCO+Ieq0JNhF366r0UjKg2ztaEwI5YDs9FQZ015pgFXE378Ww905rrrojN2QI6BoTX1paqubbWhTMIu72fW2uXlAGDG3PPZADOb998Av7fmHml7Uq2EXcM+BDE19FlOGX8PG3AG78xVA9ARb0O0XLgmHEPQve7awXlQlbn7FY60JK+vx3lB58E3r/RuuCZcQ9E64Jfz+G5h6pIu8puufVcXrgbVirpxYG04h7Nlxv5FIEn9l6CidnUrL5FFtpL9zNpUKzgbhnxOJj9NKygryn4twpC/SAW3EHz3tGEPesmPU7vbjM2Pqte7Q2ePL4Nyy9l75Eh1laG6wj7plRO0UvLzsmjOWCrx6dNdZc2gtjuQpFZhD3DNnB0AedZXqHm7Q4ONazg6HvN8jMH2txyADiniWXj9SLzJCZ6x2u1cGhadsbuapvc6NGa3XIAuKeKdOu0svMkppjjtfy4Eb9md302JrywipaHzKBuGfLZcY+Eimn/YSrvzqz+KWD9bDa8tD5WiCygbhnzCQr9+9Yzvgp87RCVOQ8ax9r/8wxfAQyY4h71hj80MxS/To8qSWibNMMvou61Ng6LRFZQdyzZ6Pper2ZM3E0H5SrwKx2z+iBNGf6X7VGZAdxz6BNTF1HbBnv/4sdVaa+G4zRg2hPl520SGQIL8UsOnlNvegMGnI6t+Mrw7On2vvC0ucO6aFVIkuIeybd82u97ExauxcXjSxJn6lP6aEz6QTeSs0k4p5NdavZufleCwYcsYsWirbUX/xgPz1sNn2Ht1Kzibhn1YEGv63a3F4/7qOVoojLNthGD5hRc3grNauIe2a987Beflb16ziaY76i6iZ3tPrJx8/syTsomUXcs2tzk99RX8bC7odpsVjBY1Ns3V+rJevsr8Uie4h7hg36pV6ChtU8vxFvx7VgpRsuNf2uyVK3DNJykUHEPdN+YvzE+xL9ZgycpPViiWGjO5r9Ilozc/6k9SKTiHu2PbCHXoi2LdjnPU6/S90m11q7c17Lur6jFSObiHvGrXSkXorWXXXLKlyboKH+3SPG6wGx7gTakHE8gVlXW2Xv/kyteHrs5Hyfw+3ZfaEeCvNquvNPrawj7tn33my9IDNgzC82yWk0Bh069mk9CBnQ+RQtG9lF3CNw60S9JDOhy8++NEwLz43Bp5y+tf78TDjnJC0cGUbcY7Dolgx8rK6Z4bttlKPPT/f90/ZZ+FDTF2q+M0tLR5YR9zg811svzMw4qvtFeXiDtWdVN+tfQl3egHZaO7KNuEfisW310syQPa8YHfXlIxd/3D4zb6B+gVMysSDusRjWvVqvziyZ2an75CjvrV0/raqb7Ys9tqI9p2RiQdzjMbqLXp8Z03ndqZHdDOL8Tzoavct1W/iUTESIe0Ru3U4v0ez5oP2PLtNfkXG3vnltV/1R2cMpmZgQ95jUbZC1N++a63rqnzJ+BH/eD9obvgFim6p/H+UZstwi7nE52/5VZIvac4upPev1t2RK/S4/fs34bTfa8vRv9LcgDsQ9Mpvtppdqdg3otuqZ8/TnZEL/yTdvmY1rgRXz4Gb6cxAJ4h6dfUfp1Zppa7720rQMnCSYtcpL37syW98ga9mAXfUXIRrEPT6PbaUXbNZNv+3aHc42+0n4wavse+I5mfy0YwueiezzSmhE3CM0aIOhes1GoPr966ouvl5/mRH7v/fya4dk+b3r5cydwh2XIkTco/T2Q3rZxqJ3pw5Vo3uEv15B/2kDu88Yo0XFYo+d9NchKsQ9ToPXj+FE8PI6X9p+w4973q6/MVWLTj7u5fbPX6WFROX0e/Q3Ii7EPVYXZ/CyJsnUPP38z6o+PDylJPU//PINv7H3wRGd6FrWmNH6QxEb4h6tzdbTyzdWC+7e+4pvfu03PbxcDGXW+Rf94OVf7nZapi7DXoYtKEC0eGojdvUjegXHrWb8K6u/dssZu+437bIKOz+ob89NfnLs7089stOYGM9qrWg8l5KJGHGP2bnX6UWcG8P3fGWNj743dsqxf2p38aHTevbou1nrb8KO2OzWHoef/fN2X+71Vvf2695x2x4TNEhurLe5HgrEiLjH7fKs3Gvfn5mdO3e+qmujtTs1ObjpP67VubP+rzk2+0NtEsSJuEeuT3u9lIFldDxXWwSRIu7ROzPaj82gfI9coO2BaBH3+N3TPh/vDiI5DttzgLjnwcUZvxgt3PpgsjYGYkbcc2HwlOl6XSP35o6dpG2BqBH3nNjlGb20kXO3PaAtgcgR97yoHRj7ly2RwMiqOm0IxI6458eNHfQCR27tfb42A+JH3PNkv4f1GkcujWmnjYA8IO65Mv/RaK9uiLYM/T7X9s0V4p4zJ5+glzpy5sJdtAWQE8Q9d0bzofccumpg+NtYIV3EPX/mT5mjVzxyYujYEXrykR/EPY8O66gXPXLhjp564pEnxD2fJq+t1z2it3CgnnTkC3HPqWGvjtJrH1Ebecl8PeXIGeKeW+e1n6nXP6JV0/EkPd3IHeKeY9dsqQQgUnc9q6caOUTcc23y3aoAInR0Oz7+mGfEPd8GTZ2tEiAynauG6UlGPhH3vFvMp95jNLQ991rKO+KOsx7kNnyx2f4xPbnIL+KOhoYn+VJTVHb/jZ5Y5BlxR5Nn11EXkHl3c2FfNCHuWGrytmoDMu39gfV6RpFzxB1S3+5o9QGZ9fTUQXo6kXvEHZ9bNHWMGoFM6lJ1u55KgLijuUlVXdQJZM6CmxfraQQaEXcsY/EZj6gVyJQFl/BaxjLYEFjOpF6cnMmcCd0309MHCHHHCsh7xmw9pY+eOuBzxB0tmN/rKnUD5nWZ0l9PG9AMcUeL5v+LvGfC+Jcn6SkDlkHc0YpZX35f/YBZV/UarKcLWA5xR6vqR9+lhsCko0k7WkfcUcxFM7hipFUT29XpWQJaQNxR3Dsd5iomMKR6BnfQQ3HEHW057IqRKgqMGHLFynpygNYQd7Stf6+1VBUYsGDseXpigNYRdySx6Ad7qSwI7MqvzNeTAhRD3JHQNE6+h1fdbXStng+gOOKOxK6fMk6NQRAD2u+spwJoE3FHCRZ/5W51Bqm7e1++i4oSEHeUZlr7IYoNUsT5GJSKuKNU51Z1VXGQktndz9eDDyRF3FG6+skdeXM1NdXd2s3SAw8kR9xRlr9cwjXfU7HwkpP0kAMlIe4oU+Ph+3QFCJ40HrQP0sMNlIi4o3ybTb1NFYIHe3KmHRUg7qjIE//XWymCU0N+d3G9HmOgHMQdFRrWbsZMBQmOVE+ceo8eXqBMxB2Ve/zVV1QlOHBI1V/0wALlI+5woueUD5QmVGRc+4v0kAIVIe5wZdrYFxQolGnOjHaL9GgCFSLucKducocJyhRKNmfGQE60wx3iDqcmXd1xlGKFEoxc92ouCwaniDtcu310hwVKFhIZMmPgCD14gCvEHR7UXcT596QoO/wg7vBj0MUn0vc2zb72cm6aBz+IO7ypn1Y1sUYVw4q6jp3MlWPgDXGHV/sP7DhcLUMzMydWccs8eEXc4dvgyWP3VNKwxLiOA/vowQF8Ie5IQe20m9cZqrLl3Nzdpzxbp4cF8Ii4IyXzJ3fvlPcz8F3bt9tMDwfgGXFHivZv1/4qdS53RnWrukYPA5AC4o501W9adUzurlEw58L7/sa5GKSLuCN9dT2ndtxa3YveqIndJ9+uPxxID3FHID2mdoj+QzQTulVdNEt/L5Au4o5waq+54fT3Y32T9ap1X3ybG+UhHOKOwO65qGpGFwUxEsMnjh3YU38eEAhxhwU9Bo6dOF1pzLSZR3XodRE33IABxB1WTPrbV37WqZ8imUEzr7zu5Z24KDusIO4wZVDPgd1nZO6TNBM6NR6v03WYQtxhT+3KO97X8ZBsXK/g4de/vnGPWi0csIO4w6pF1+z49wfvNnsmfvrau/1h11X6a7GANcQdti2688Nv/We7PS19YHLc7tee8dxjXIodthF3ZMLtT57y8hXdHp6pvgYx/ehuP3vrJ387V0sCTCPuyJJZPX7ztW9esffdqd6Be/oeF55+38B3/8LVYZAlxB2ZNKLnrz6d8os3Jh7s7T5PQ7pOXHfsq7v+/EmO1JFJxB0ZN/jxA0ZvdPPY7320zitPV3i5yZF7PrTdbj979IxPNj7+Tt4pRcYRd0Sn3Sc3VP29+zfaX/fHbut0Wrtro/GdGw1p6veQpv+0TeP/as1Onfbq9uuOP1y/+1svT/3Rh/pVIBrEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIELEHQAiRNwBIDoNDf8P/3zJBOKX8EAAAAAASUVORK5CYII=)}.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"] }]
@@ -12962,7 +13260,7 @@ class BeheerTranslateComponent {
     }
 }
 BeheerTranslateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerTranslateComponent, deps: [{ token: TranslateService }, { token: TranslateApiClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerTranslateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerTranslateComponent, selector: "app-beheer-translate", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"TranslateService.Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!TranslateService.Loading\">\r\n  <mat-card class=\"main-bar\">\r\n    <mat-card-content>\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Category</mat-label>\r\n        <mat-select [(ngModel)]=\"TranslateService.SelectedCategory\">\r\n          <mat-option *ngFor=\"let cat of TranslateService.Categories\" [value]=\"cat\">\r\n            {{cat}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <button mat-raised-button (click)=\"Export()\">\r\n        Export\r\n      </button>\r\n      <button mat-raised-button (click)=\"Import()\">\r\n        Import\r\n      </button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"main\">\r\n    <mat-card-content>\r\n      <table class=\"full-width\">\r\n        <ng-container *ngIf=\"TranslateService.GetActiveCategorie() != null\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              {{ TranslateService.GetActiveCategorie().name }}\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let key of TranslateService.GetActiveCategorie().keys\">\r\n            <td>{{ key.id }}</td>\r\n            <td>{{ key.name }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValue(language, TranslateService.GetActiveCategorie().name, key.name) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Categories'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Categories\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let cat of GetCategoryEntries()\">\r\n            <td>{{ cat.categoryId }}</td>\r\n            <td>{{ cat.categoryName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueCategory(language, cat.categoryId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Products'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Products\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let prod of GetProductEntries()\">\r\n            <td>{{ prod.productId }}</td>\r\n            <td>{{ prod.productName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueProduct(language, prod.productId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Filter'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Filters\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <ng-container *ngFor=\"let filter of GetFilterEntries()\">\r\n            <tr>\r\n              <td class=\"cat-row\">{{ filter.filterId }}</td>\r\n              <td class=\"cat-row\">{{ filter.filterName }}</td>\r\n              <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n                {{ TranslateService.GetValueFilter(language, filter.filterId) }}\r\n              </td>\r\n            </tr>\r\n            <tr *ngFor=\"let option of GetFilterOptionEntries(filter.filterId)\">\r\n              <td>{{ option.filterOptionId }}</td>\r\n              <td>{{ option.filterOptionName }}</td>\r\n              <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n                {{ TranslateService.GetValueFilterOption(language, option.filterOptionId) }}\r\n              </td>\r\n            </tr>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Description'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Description\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let description of GetDescriptionEntries()\">\r\n            <td>{{ description.bcbProductId }}</td>\r\n            <td>{{ description.productName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueDescription(language, description.bcbProductId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Afbeelding'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Afbeelding\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let afbeelding of GetAfbeeldingEntries()\">\r\n            <td>{{ afbeelding.bcbProductAfbeeldingId }}</td>\r\n            <td>{{ afbeelding.productName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueAfbeelding(language, afbeelding.bcbProductAfbeeldingId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}.main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}.main-bar{margin:20px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabFlagComponent, selector: "fab-flag", inputs: ["country"] }] });
+BeheerTranslateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerTranslateComponent, selector: "app-beheer-translate", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"TranslateService.Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!TranslateService.Loading\">\r\n  <mat-card class=\"main-bar\">\r\n    <mat-card-content>\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Category</mat-label>\r\n        <mat-select [(ngModel)]=\"TranslateService.SelectedCategory\">\r\n          <mat-option *ngFor=\"let cat of TranslateService.Categories\" [value]=\"cat\">\r\n            {{cat}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <button mat-raised-button (click)=\"Export()\">\r\n        Export\r\n      </button>\r\n      <button mat-raised-button (click)=\"Import()\">\r\n        Import\r\n      </button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"main\">\r\n    <mat-card-content>\r\n      <table class=\"full-width\">\r\n        <ng-container *ngIf=\"TranslateService.GetActiveCategorie() != null\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              {{ TranslateService.GetActiveCategorie().name }}\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let key of TranslateService.GetActiveCategorie().keys\">\r\n            <td>{{ key.id }}</td>\r\n            <td>{{ key.name }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValue(language, TranslateService.GetActiveCategorie().name, key.name) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Categories'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Categories\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let cat of GetCategoryEntries()\">\r\n            <td>{{ cat.categoryId }}</td>\r\n            <td>{{ cat.categoryName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueCategory(language, cat.categoryId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Products'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Products\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let prod of GetProductEntries()\">\r\n            <td>{{ prod.productId }}</td>\r\n            <td>{{ prod.productName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueProduct(language, prod.productId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Filter'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Filters\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <ng-container *ngFor=\"let filter of GetFilterEntries()\">\r\n            <tr>\r\n              <td class=\"cat-row\">{{ filter.filterId }}</td>\r\n              <td class=\"cat-row\">{{ filter.filterName }}</td>\r\n              <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n                {{ TranslateService.GetValueFilter(language, filter.filterId) }}\r\n              </td>\r\n            </tr>\r\n            <tr *ngFor=\"let option of GetFilterOptionEntries(filter.filterId)\">\r\n              <td>{{ option.filterOptionId }}</td>\r\n              <td>{{ option.filterOptionName }}</td>\r\n              <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n                {{ TranslateService.GetValueFilterOption(language, option.filterOptionId) }}\r\n              </td>\r\n            </tr>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Description'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Description\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let description of GetDescriptionEntries()\">\r\n            <td>{{ description.bcbProductId }}</td>\r\n            <td>{{ description.productName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueDescription(language, description.bcbProductId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Afbeelding'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Afbeelding\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let afbeelding of GetAfbeeldingEntries()\">\r\n            <td>{{ afbeelding.bcbProductAfbeeldingId }}</td>\r\n            <td>{{ afbeelding.productName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueAfbeelding(language, afbeelding.bcbProductAfbeeldingId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}.main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}.main-bar{margin:20px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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: i9$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabFlagComponent, selector: "fab-flag", inputs: ["country"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerTranslateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-translate', template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"TranslateService.Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!TranslateService.Loading\">\r\n  <mat-card class=\"main-bar\">\r\n    <mat-card-content>\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Category</mat-label>\r\n        <mat-select [(ngModel)]=\"TranslateService.SelectedCategory\">\r\n          <mat-option *ngFor=\"let cat of TranslateService.Categories\" [value]=\"cat\">\r\n            {{cat}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <button mat-raised-button (click)=\"Export()\">\r\n        Export\r\n      </button>\r\n      <button mat-raised-button (click)=\"Import()\">\r\n        Import\r\n      </button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"main\">\r\n    <mat-card-content>\r\n      <table class=\"full-width\">\r\n        <ng-container *ngIf=\"TranslateService.GetActiveCategorie() != null\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              {{ TranslateService.GetActiveCategorie().name }}\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let key of TranslateService.GetActiveCategorie().keys\">\r\n            <td>{{ key.id }}</td>\r\n            <td>{{ key.name }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValue(language, TranslateService.GetActiveCategorie().name, key.name) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Categories'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Categories\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let cat of GetCategoryEntries()\">\r\n            <td>{{ cat.categoryId }}</td>\r\n            <td>{{ cat.categoryName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueCategory(language, cat.categoryId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Products'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Products\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let prod of GetProductEntries()\">\r\n            <td>{{ prod.productId }}</td>\r\n            <td>{{ prod.productName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueProduct(language, prod.productId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Filter'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Filters\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <ng-container *ngFor=\"let filter of GetFilterEntries()\">\r\n            <tr>\r\n              <td class=\"cat-row\">{{ filter.filterId }}</td>\r\n              <td class=\"cat-row\">{{ filter.filterName }}</td>\r\n              <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n                {{ TranslateService.GetValueFilter(language, filter.filterId) }}\r\n              </td>\r\n            </tr>\r\n            <tr *ngFor=\"let option of GetFilterOptionEntries(filter.filterId)\">\r\n              <td>{{ option.filterOptionId }}</td>\r\n              <td>{{ option.filterOptionName }}</td>\r\n              <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n                {{ TranslateService.GetValueFilterOption(language, option.filterOptionId) }}\r\n              </td>\r\n            </tr>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Description'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Description\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let description of GetDescriptionEntries()\">\r\n            <td>{{ description.bcbProductId }}</td>\r\n            <td>{{ description.productName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueDescription(language, description.bcbProductId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"TranslateService.SelectedCategory == 'Afbeelding'\">\r\n          <tr>\r\n            <td colspan=\"2\" class=\"cat-row\">\r\n              Afbeelding\r\n            </td>\r\n            <td class=\"cat-row\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </td>\r\n          </tr>\r\n          <tr *ngFor=\"let afbeelding of GetAfbeeldingEntries()\">\r\n            <td>{{ afbeelding.bcbProductAfbeeldingId }}</td>\r\n            <td>{{ afbeelding.productName }}</td>\r\n            <td *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\r\n              {{ TranslateService.GetValueAfbeelding(language, afbeelding.bcbProductAfbeeldingId) }}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}.main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}.main-bar{margin:20px}\n"] }]
@@ -13011,7 +13309,7 @@ class FabIframeComponent {
     }
 }
 FabIframeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabIframeComponent, deps: [{ token: i4$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-FabIframeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabIframeComponent, selector: "app-fab-iframe", ngImport: i0, template: "<div class=\"main-content\">\r\n  <div class=\"row\">\r\n    <div class=\"flexauto\">\r\n      <mat-form-field class=\"full-width\">\r\n        <mat-label>URL</mat-label>\r\n        <input matInput [(ngModel)]=\"URL\">\r\n      </mat-form-field>\r\n    </div>\r\n    <div>\r\n      <button mat-raised-button (click)=\"Open()\">Open</button>\r\n    </div>\r\n  </div>\r\n\r\n  <iframe [src]=\"GetSafeURL()\" style=\"width: 100%; height: calc(100vH - 100px);\"></iframe>\r\n</div>\r\n", styles: [".main-content{padding:10px}.full-width{width:100%}.row{display:flex}.flexauto{flex:auto}\n"], dependencies: [{ kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+FabIframeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabIframeComponent, selector: "app-fab-iframe", ngImport: i0, template: "<div class=\"main-content\">\r\n  <div class=\"row\">\r\n    <div class=\"flexauto\">\r\n      <mat-form-field class=\"full-width\">\r\n        <mat-label>URL</mat-label>\r\n        <input matInput [(ngModel)]=\"URL\">\r\n      </mat-form-field>\r\n    </div>\r\n    <div>\r\n      <button mat-raised-button (click)=\"Open()\">Open</button>\r\n    </div>\r\n  </div>\r\n\r\n  <iframe [src]=\"GetSafeURL()\" style=\"width: 100%; height: calc(100vH - 100px);\"></iframe>\r\n</div>\r\n", styles: [".main-content{padding:10px}.full-width{width:100%}.row{display:flex}.flexauto{flex:auto}\n"], dependencies: [{ kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabIframeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-fab-iframe', template: "<div class=\"main-content\">\r\n  <div class=\"row\">\r\n    <div class=\"flexauto\">\r\n      <mat-form-field class=\"full-width\">\r\n        <mat-label>URL</mat-label>\r\n        <input matInput [(ngModel)]=\"URL\">\r\n      </mat-form-field>\r\n    </div>\r\n    <div>\r\n      <button mat-raised-button (click)=\"Open()\">Open</button>\r\n    </div>\r\n  </div>\r\n\r\n  <iframe [src]=\"GetSafeURL()\" style=\"width: 100%; height: calc(100vH - 100px);\"></iframe>\r\n</div>\r\n", styles: [".main-content{padding:10px}.full-width{width:100%}.row{display:flex}.flexauto{flex:auto}\n"] }]
@@ -13043,7 +13341,7 @@ class BeheerDeeplinkComponent {
     }
 }
 BeheerDeeplinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerDeeplinkComponent, deps: [{ token: ProductsApiClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BeheerDeeplinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerDeeplinkComponent, selector: "app-beheer-deeplink", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\" class=\"main-window\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <mat-form-field class=\"full-width\">\r\n        <mat-label>URL</mat-label>\r\n        <input matInput [(ngModel)]=\"URL\">\r\n      </mat-form-field>\r\n\r\n      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Naam</td>\r\n          <td>URL Naam</td>\r\n          <td>URL</td>\r\n        </tr>\r\n        <tr *ngFor=\"let product of DeeplinkViewModel.products\">\r\n          <td>{{ product.productName }}</td>\r\n          <td>{{ product.productURLName }}</td>\r\n          <td>\r\n            <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n              <a href=\"{{ GetLink(language, product) }}\" target=\"_blank\">{{ GetLink(language, product) }}</a>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".main-window{padding:5px}.full-width{width:100%}.header{font-weight:700}.header td{border-bottom:1px solid #000}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+BeheerDeeplinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerDeeplinkComponent, selector: "app-beheer-deeplink", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\" class=\"main-window\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <mat-form-field class=\"full-width\">\r\n        <mat-label>URL</mat-label>\r\n        <input matInput [(ngModel)]=\"URL\">\r\n      </mat-form-field>\r\n\r\n      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Naam</td>\r\n          <td>URL Naam</td>\r\n          <td>URL</td>\r\n        </tr>\r\n        <tr *ngFor=\"let product of DeeplinkViewModel.products\">\r\n          <td>{{ product.productName }}</td>\r\n          <td>{{ product.productURLName }}</td>\r\n          <td>\r\n            <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n              <a href=\"{{ GetLink(language, product) }}\" target=\"_blank\">{{ GetLink(language, product) }}</a>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".main-window{padding:5px}.full-width{width:100%}.header{font-weight:700}.header td{border-bottom:1px solid #000}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerDeeplinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-beheer-deeplink', template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\" class=\"main-window\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <mat-form-field class=\"full-width\">\r\n        <mat-label>URL</mat-label>\r\n        <input matInput [(ngModel)]=\"URL\">\r\n      </mat-form-field>\r\n\r\n      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Naam</td>\r\n          <td>URL Naam</td>\r\n          <td>URL</td>\r\n        </tr>\r\n        <tr *ngFor=\"let product of DeeplinkViewModel.products\">\r\n          <td>{{ product.productName }}</td>\r\n          <td>{{ product.productURLName }}</td>\r\n          <td>\r\n            <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n              <a href=\"{{ GetLink(language, product) }}\" target=\"_blank\">{{ GetLink(language, product) }}</a>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".main-window{padding:5px}.full-width{width:100%}.header{font-weight:700}.header td{border-bottom:1px solid #000}\n"] }]
@@ -13135,7 +13433,8 @@ FabrikantenCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         FabIframeComponent,
         BeheerDeeplinkComponent,
         FabFilterColourComponent,
-        FabFilterColourDialogComponent], imports: [CommonModule,
+        FabFilterColourDialogComponent,
+        FabToebehorenComponent], imports: [CommonModule,
         HttpClientModule,
         MatInputModule,
         FormsModule,
@@ -13302,7 +13601,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
                         FabIframeComponent,
                         BeheerDeeplinkComponent,
                         FabFilterColourComponent,
-                        FabFilterColourDialogComponent
+                        FabFilterColourDialogComponent,
+                        FabToebehorenComponent
                     ],
                     providers: [
                         NavigateService,
@@ -13341,5 +13641,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { API_BASE_URL, ApiException, BCBEBODOViewModel, BCBEBOFilterOptionViewModel, BCBEBOViewModel, BCBEigenschapBereikViewModel, BCBEigenschapLocation, BCBEigenschapOptieCategoryViewModel, BCBEigenschapOptieFilterOptionViewModel, BCBEigenschapOptieViewModel, BCBEigenschapRangeInputModel, BCBEigenschapViewModel, BCBImportEigenschap, BCBImportOpbouw, BCBImportOpenRequest, BCBImportOpenResponse, BCBImportOpenTempDORequest, BCBImportOpenTempRequest, BCBImportProductRequest, BCBImportProductResponse, BCBImportSetValueViewModel, BCBImportSetViewModel, BCBImportSetsViewModel, BCBLinkRequestModel, BCBLinkResponseModel, BCBOpbouwViewModel, BCBProductViewModel, CategoriesApiClient, CategoriesOverviewCategorieViewModel, CategoriesOverviewViewModel, CategoriesViewModel, CategoryViewModel, ChangeImportSetRequest, CleanUpResponseModel, ConnectBCBEBODORequest, ConnectBCBEigenschapRangeInputRequest, ConnectBCBEigenschapRangeInputResponse, ConnectBCBEigenschapRequest, ConnectEBODOCategoryRequest, ConnectEBODOCategoryResponse, ConnectEigenschapOptieRequest, ConnectOpbouwRequest, CreateCategoryRequest, CreateCategoryResponse, CreateExportRequest, CreateExportResponse, CreateFilterOptionRequest, CreateFilterOptionResponse, CreateFilterRequest, CreateFilterResponse, CreateLanguageRequest, DeeplinkProductViewModel, DeeplinkRequest, DeeplinkViewModel, EBOConnectRequestModel, EBOKoppelApiClient, EBOKoppelEBOCategoryViewModel, EBOKoppelEBOFilterOptionViewModel, EBOKoppelEBOViewModel, EBOKoppelNaamViewModel, EBOKoppelTypeViewModel, EBOKoppelViewModel, FabFiltersComponent, Fabrikanten3DRequestModel, Fabrikanten3DViewModel, FabrikantenApiClient, FabrikantenBCBProductAfbeeldingViewModel, FabrikantenBCBProductViewModel, FabrikantenBestekRequestModel, FabrikantenBestekViewModel, FabrikantenCategoryLayerViewModel, FabrikantenCategoryViewModel, FabrikantenCoreModule, FabrikantenFileRequestModel, FabrikantenFileViewModel, FabrikantenFilterCategoryViewModel, FabrikantenFilterOptionViewModel, FabrikantenFilterViewModel, FabrikantenProductViewModel, FabrikantenRangeInputViewModel, FabrikantenRequestModel, FabrikantenSVGRequestModel, FabrikantenSVGViewModel, FabrikantenTextureBaseViewModel, FabrikantenTextureRequestModel, FabrikantenTextureViewModel, FabrikantenViewModel, FilterOptionViewModel, FilterType, FilterViewModel, FiltersApiClient, FiltersViewModel, GetProductRequest, GetProductsViewModel, IgnoreOpbouwRequest, ImportApiClient, KoppelProductsRequestModel, LanguageViewModel, LanguagesViewModel, LoginIPResponseModel, LoginRequestModel, LoginResponseModel, MoveFilterOptionRequest, MoveFilterRequest, NewProductRequestModel, NewProductResponseModel, ProductViewModel, ProductViewModel2, ProductsApiClient, ProductsViewModel, ProductsViewModelRequest, ProjectSettingApiClient, ProjectSettingPipelineStepViewModel, ProjectSettingType, ProjectSettingViewModel, ProjectSettingsCategoryViewModel, ProjectSettingsViewModel, RangeInputViewModel, RangeInputsViewModel, ReadExportRequest, RemoveProductSelectionRequest, ResetAllCategoriesRequest, ResetAllFiltersRequest, ResetCategoryLayerRequest, ResetFilterRequest, ResetImportRequestModel, SaveImportSetRequest, SaveProductViewModel, SearchProductsApiClient, SearchProductsRequestModel, SearchProductsResponseModel, SecurityApiClient, SelectBCBProductRequest, SelectCategoryRequest, SelectColourRequest, SelectFilterOptionRequest, SelectProductRequest, SetProjectSettingRequestModel, SetProjectSettingResponseModel, SetRangeInputRequest, TranslateApiClient, TranslateEntryAfbeeldingViewModel, TranslateEntryCategoryViewModel, TranslateEntryDescriptionViewModel, TranslateEntryFilterOptionViewModel, TranslateEntryFilterViewModel, TranslateEntryProductViewModel, TranslateEntryRangeInputViewModel, TranslateEntryViewModel, TranslateKeyCategoryViewModel, TranslateKeyViewModel, WizardEBODOViewModel, WizardEBOViewModel };
+export { API_BASE_URL, ApiException, BCBEBODOViewModel, BCBEBOFilterOptionViewModel, BCBEBOViewModel, BCBEigenschapBereikViewModel, BCBEigenschapLocation, BCBEigenschapOptieCategoryViewModel, BCBEigenschapOptieFilterOptionViewModel, BCBEigenschapOptieViewModel, BCBEigenschapRangeInputModel, BCBEigenschapToebehorenViewModel, BCBEigenschapViewModel, BCBImportEigenschap, BCBImportOpbouw, BCBImportOpenRequest, BCBImportOpenResponse, BCBImportOpenTempDORequest, BCBImportOpenTempRequest, BCBImportProductRequest, BCBImportProductResponse, BCBImportSetValueViewModel, BCBImportSetViewModel, BCBImportSetsViewModel, BCBLinkRequestModel, BCBLinkResponseModel, BCBOpbouwViewModel, BCBProductViewModel, CategoriesApiClient, CategoriesOverviewCategorieViewModel, CategoriesOverviewViewModel, CategoriesViewModel, CategoryViewModel, ChangeImportSetRequest, CleanUpResponseModel, ConnectBCBEBODORequest, ConnectBCBEigenschapRangeInputRequest, ConnectBCBEigenschapRangeInputResponse, ConnectBCBEigenschapRequest, ConnectEBODOCategoryRequest, ConnectEBODOCategoryResponse, ConnectEigenschapOptieRequest, ConnectOpbouwRequest, CreateCategoryRequest, CreateCategoryResponse, CreateExportRequest, CreateExportResponse, CreateFilterOptionRequest, CreateFilterOptionResponse, CreateFilterRequest, CreateFilterResponse, CreateLanguageRequest, DeeplinkProductViewModel, DeeplinkRequest, DeeplinkViewModel, EBOConnectRequestModel, EBOKoppelApiClient, EBOKoppelEBOCategoryViewModel, EBOKoppelEBOFilterOptionViewModel, EBOKoppelEBOViewModel, EBOKoppelNaamViewModel, EBOKoppelTypeViewModel, EBOKoppelViewModel, FabFiltersComponent, Fabrikanten3DRequestModel, Fabrikanten3DViewModel, FabrikantenApiClient, FabrikantenBCBProductAfbeeldingViewModel, FabrikantenBCBProductToebehorenViewModel, FabrikantenBCBProductViewModel, FabrikantenBestekRequestModel, FabrikantenBestekViewModel, FabrikantenCategoryLayerViewModel, FabrikantenCategoryViewModel, FabrikantenCoreModule, FabrikantenFileRequestModel, FabrikantenFileViewModel, FabrikantenFilterCategoryViewModel, FabrikantenFilterOptionViewModel, FabrikantenFilterViewModel, FabrikantenProductViewModel, FabrikantenRangeInputViewModel, FabrikantenRequestModel, FabrikantenSVGRequestModel, FabrikantenSVGViewModel, FabrikantenTextureBaseViewModel, FabrikantenTextureRequestModel, FabrikantenTextureViewModel, FabrikantenViewModel, FilterOptionViewModel, FilterType, FilterViewModel, FiltersApiClient, FiltersViewModel, GetProductRequest, GetProductsViewModel, IgnoreOpbouwRequest, ImportApiClient, KoppelProductsRequestModel, LanguageViewModel, LanguagesViewModel, LoginIPResponseModel, LoginRequestModel, LoginResponseModel, MoveFilterOptionRequest, MoveFilterRequest, NewProductRequestModel, NewProductResponseModel, ProductViewModel, ProductViewModel2, ProductsApiClient, ProductsViewModel, ProductsViewModelRequest, ProjectSettingApiClient, ProjectSettingPipelineStepViewModel, ProjectSettingType, ProjectSettingViewModel, ProjectSettingsCategoryViewModel, ProjectSettingsViewModel, RangeInputViewModel, RangeInputsViewModel, ReadExportRequest, RemoveProductSelectionRequest, ResetAllCategoriesRequest, ResetAllFiltersRequest, ResetCategoryLayerRequest, ResetFilterRequest, ResetImportRequestModel, SaveImportSetRequest, SaveProductViewModel, SearchProductsApiClient, SearchProductsRequestModel, SearchProductsResponseModel, SecurityApiClient, SelectBCBProductRequest, SelectCategoryRequest, SelectColourRequest, SelectFilterOptionRequest, SelectProductRequest, SetProjectSettingRequestModel, SetProjectSettingResponseModel, SetRangeInputRequest, TranslateApiClient, TranslateEntryAfbeeldingViewModel, TranslateEntryBCBEigenschapToebehorenViewModel, TranslateEntryCategoryViewModel, TranslateEntryDescriptionViewModel, TranslateEntryFilterOptionViewModel, TranslateEntryFilterViewModel, TranslateEntryProductViewModel, TranslateEntryRangeInputViewModel, TranslateEntryViewModel, TranslateKeyCategoryViewModel, TranslateKeyViewModel, WizardEBODOViewModel, WizardEBOViewModel };
 //# sourceMappingURL=fabrikantencore.mjs.map