fabrikantencore 2.7.7 → 2.7.8

package/fesm2022/fabrikantencore.mjs

@@ -6,7 +6,7 @@ import * as i1$1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpResponseBase, HttpResponse, HttpClient, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
-import * as i6 from '@angular/forms';
+import * as i6$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { mergeMap, catchError } from 'rxjs/operators';
 import { throwError, of, Observable, BehaviorSubject } from 'rxjs';
@@ -15,11 +15,11 @@ import { MatLegacyButtonModule } from '@angular/material/legacy-button';
 import * as i4 from '@angular/material/legacy-form-field';
 import * as i5 from '@angular/material/legacy-input';
 import { MatLegacyInputModule } from '@angular/material/legacy-input';
-import * as i6$1 from '@angular/material/legacy-card';
+import * as i6$2 from '@angular/material/legacy-card';
 import { MatLegacyCardModule } from '@angular/material/legacy-card';
-import * as i1$2 from '@angular/material/legacy-progress-spinner';
+import * as i6 from '@angular/material/legacy-progress-spinner';
 import { MatLegacyProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
-import * as i1$3 from '@angular/cdk/clipboard';
+import * as i1$2 from '@angular/cdk/clipboard';
 import * as i4$1 from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import * as i7$1 from '@angular/material/legacy-tooltip';
@@ -41,7 +41,7 @@ import { MatLegacyTabsModule } from '@angular/material/legacy-tabs';
 import * as i9$2 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatTreeModule } from '@angular/material/tree';
-import * as i6$2 from '@angular/material/icon';
+import * as i6$3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { MatDividerModule } from '@angular/material/divider';
 import * as i14 from '@angular/material/button-toggle';
@@ -50,7 +50,7 @@ import * as i5$1 from '@angular/material/stepper';
 import { MatStepperModule } from '@angular/material/stepper';
 import * as i10$2 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i6$3 from '@angular/material/legacy-radio';
+import * as i6$4 from '@angular/material/legacy-radio';
 import { MatLegacyRadioModule } from '@angular/material/legacy-radio';
 import * as i11 from '@angular/material/legacy-paginator';
 import { MatLegacyPaginatorModule } from '@angular/material/legacy-paginator';
@@ -6297,6 +6297,7 @@ class FabrikantenCategoryViewModel {
 class FabrikantenFilterCategoryViewModel {
     id;
     name;
+    icon;
     position;
     completed;
     inputs;
@@ -6312,6 +6313,7 @@ class FabrikantenFilterCategoryViewModel {
         if (_data) {
             this.id = _data["id"];
             this.name = _data["name"];
+            this.icon = _data["icon"];
             this.position = _data["position"];
             this.completed = _data["completed"];
             if (Array.isArray(_data["inputs"])) {
@@ -6331,6 +6333,7 @@ class FabrikantenFilterCategoryViewModel {
         data = typeof data === 'object' ? data : {};
         data["id"] = this.id;
         data["name"] = this.name;
+        data["icon"] = this.icon;
         data["position"] = this.position;
         data["completed"] = this.completed;
         if (Array.isArray(this.inputs)) {
@@ -6390,6 +6393,7 @@ class FabrikantenFilterViewModel {
     description;
     unit;
     standard;
+    icon;
     filterType;
     hidden;
     blocksProductSelect;
@@ -6418,6 +6422,7 @@ class FabrikantenFilterViewModel {
             this.description = _data["description"];
             this.unit = _data["unit"];
             this.standard = _data["standard"];
+            this.icon = _data["icon"];
             this.filterType = _data["filterType"];
             this.hidden = _data["hidden"];
             this.blocksProductSelect = _data["blocksProductSelect"];
@@ -6458,6 +6463,7 @@ class FabrikantenFilterViewModel {
         data["description"] = this.description;
         data["unit"] = this.unit;
         data["standard"] = this.standard;
+        data["icon"] = this.icon;
         data["filterType"] = this.filterType;
         data["hidden"] = this.hidden;
         data["blocksProductSelect"] = this.blocksProductSelect;
@@ -11044,6 +11050,7 @@ var TranslationCategory;
     TranslationCategory[TranslationCategory["BCBProduct"] = 6] = "BCBProduct";
     TranslationCategory[TranslationCategory["BCBProductPhoto"] = 7] = "BCBProductPhoto";
     TranslationCategory[TranslationCategory["Toebehoren"] = 8] = "Toebehoren";
+    TranslationCategory[TranslationCategory["FilterCategory"] = 9] = "FilterCategory";
 })(TranslationCategory || (TranslationCategory = {}));
 class TranslateKeySubCategoryViewModel {
     translationSubCategory;
@@ -11133,6 +11140,8 @@ var TranslationSubCategory;
     TranslationSubCategory[TranslationSubCategory["InclusiveMin"] = 53] = "InclusiveMin";
     TranslationSubCategory[TranslationSubCategory["InclusiveMinMax"] = 54] = "InclusiveMinMax";
     TranslationSubCategory[TranslationSubCategory["SnedeItem"] = 55] = "SnedeItem";
+    TranslationSubCategory[TranslationSubCategory["Tooltip"] = 56] = "Tooltip";
+    TranslationSubCategory[TranslationSubCategory["CustomItem"] = 57] = "CustomItem";
 })(TranslationSubCategory || (TranslationSubCategory = {}));
 class TranslateKeyViewModel {
     id;
@@ -11267,7 +11276,6 @@ class BeheerLanguagesSubCategoryViewModel {
     translationSubCategory;
     html;
     keys;
-    filters;
     constructor(data) {
         if (data) {
             for (var property in data) {
@@ -11285,11 +11293,6 @@ class BeheerLanguagesSubCategoryViewModel {
                 for (let item of _data["keys"])
                     this.keys.push(BeheerLanguagesKeyViewModel.fromJS(item));
             }
-            if (Array.isArray(_data["filters"])) {
-                this.filters = [];
-                for (let item of _data["filters"])
-                    this.filters.push(BeheerLanguagesFilterViewModel.fromJS(item));
-            }
         }
     }
     static fromJS(data) {
@@ -11307,11 +11310,6 @@ class BeheerLanguagesSubCategoryViewModel {
             for (let item of this.keys)
                 data["keys"].push(item.toJSON());
         }
-        if (Array.isArray(this.filters)) {
-            data["filters"] = [];
-            for (let item of this.filters)
-                data["filters"].push(item.toJSON());
-        }
         return data;
     }
 }
@@ -11389,47 +11387,6 @@ class BeheerLanguagesEntryViewModel {
         return data;
     }
 }
-class BeheerLanguagesFilterViewModel {
-    filterId;
-    filter;
-    options;
-    constructor(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    init(_data) {
-        if (_data) {
-            this.filterId = _data["filterId"];
-            this.filter = _data["filter"] ? BeheerLanguagesKeyViewModel.fromJS(_data["filter"]) : undefined;
-            if (Array.isArray(_data["options"])) {
-                this.options = [];
-                for (let item of _data["options"])
-                    this.options.push(BeheerLanguagesKeyViewModel.fromJS(item));
-            }
-        }
-    }
-    static fromJS(data) {
-        data = typeof data === 'object' ? data : {};
-        let result = new BeheerLanguagesFilterViewModel();
-        result.init(data);
-        return result;
-    }
-    toJSON(data) {
-        data = typeof data === 'object' ? data : {};
-        data["filterId"] = this.filterId;
-        data["filter"] = this.filter ? this.filter.toJSON() : undefined;
-        if (Array.isArray(this.options)) {
-            data["options"] = [];
-            for (let item of this.options)
-                data["options"].push(item.toJSON());
-        }
-        return data;
-    }
-}
 class BeheerLanguageViewModel {
     id;
     name;
@@ -11825,7 +11782,7 @@ class FabLoaderComponent {
     ngOnInit() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabLoaderComponent, selector: "app-fab-loader", ngImport: i0, template: "<div class=\"main-div\">\r\n  <mat-spinner></mat-spinner>\r\n</div>\r\n", styles: [".main-div{padding-top:50px}.main-div mat-spinner{margin:auto}\n"], dependencies: [{ kind: "component", type: i1$2.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabLoaderComponent, selector: "app-fab-loader", ngImport: i0, template: "<div class=\"main-div\">\r\n  <mat-spinner></mat-spinner>\r\n</div>\r\n", styles: [".main-div{padding-top:50px}.main-div mat-spinner{margin:auto}\n"], dependencies: [{ kind: "component", type: i6.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabLoaderComponent, decorators: [{
             type: Component,
@@ -11861,7 +11818,7 @@ class BeheerInlogComponent {
         beheer.Message = message;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerInlogComponent, deps: [{ token: AuthenticationService }, { token: i1$1.Router }, { token: SecurityApiClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, 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: "16.0.1", ngImport: i0, type: BeheerInlogComponent, decorators: [{
             type: Component,
@@ -12003,13 +11960,13 @@ class BestekService {
             this.ShouldTriggerReload = true;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BestekService, deps: [{ token: i1$3.Clipboard }, { token: FabrikantenApiClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BestekService, deps: [{ token: i1$2.Clipboard }, { token: FabrikantenApiClient }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BestekService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BestekService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$3.Clipboard }, { type: FabrikantenApiClient }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.Clipboard }, { type: FabrikantenApiClient }]; } });
 
 class StatisticsService {
     Active = true;
@@ -14162,7 +14119,7 @@ class BeheerUsersComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerUsersComponent, deps: [{ token: SecurityApiClient }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerUsersComponent, selector: "app-beheer-users", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div class=\"displayflex\">\r\n  <mat-card class=\"card\">\r\n    <mat-card-content>\r\n      <div *ngIf=\"Loading\">\r\n        <app-fab-loader></app-fab-loader>\r\n      </div>\r\n      <ng-container *ngIf=\"!Loading\">\r\n        <div *ngIf=\"Overview\">\r\n          <table>\r\n            <tr>\r\n              <td class=\"headercell-username\"><b>Username</b></td>\r\n              <td class=\"headercell-role\"><b>Role</b></td>\r\n              <td class=\"headercell-actions\"></td>\r\n              <td class=\"headercell-actions\"></td>\r\n            </tr>\r\n            <ng-container *ngFor=\"let user of this.UsersViewModel.users\">\r\n              <tr>\r\n                <td class=\"cell\">{{ user.userName }}</td>\r\n                <td class=\"cell\">{{ user.userRoleStr }}</td>\r\n                <td>\r\n                  <button mat-raised-button (click)=\"Edit(user)\">\r\n                    Edit\r\n                  </button>\r\n\r\n                </td>\r\n                <td>\r\n                  <button mat-raised-button (click)=\"Delete(user)\" [disabled]=\"user.userId == this.UsersViewModel.currentUserId\">\r\n                    Delete\r\n                  </button>\r\n                </td>\r\n              </tr>\r\n            </ng-container>\r\n          </table>\r\n          <br />\r\n          <br />\r\n          <br />\r\n          <br />\r\n          <button mat-raised-button (click)=\"Add()\">\r\n            Add\r\n          </button>\r\n        </div>\r\n\r\n        <div *ngIf=\"NewUser || EditUser\">\r\n          <div>\r\n            <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n              <mat-label>\r\n                Username\r\n              </mat-label>\r\n              <input matInput type=\"text\" [(ngModel)]=\"this.UserViewModel.userName\">\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <div>\r\n            <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n              <mat-label>\r\n                Password\r\n              </mat-label>\r\n              <input matInput type=\"password\" [(ngModel)]=\"Password\">\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <div>\r\n            <mat-form-field style=\"width: 100%;\">\r\n              <mat-select placeholder=\"Role\" [(ngModel)]=\"UserViewModel.userRole\">\r\n                <mat-option [value]=\"0\">\r\n                  Content\r\n                </mat-option>\r\n                <mat-option [value]=\"1\">\r\n                  Administrator\r\n                </mat-option>\r\n                <!--<mat-option [value]=\"2\">\r\n                  DeTweeSnoeken\r\n                </mat-option>-->\r\n              </mat-select>\r\n            </mat-form-field>\r\n\r\n          </div>\r\n\r\n          <br />\r\n          <br />\r\n          <br />\r\n\r\n          <div class=\"displayflex\">\r\n            <button mat-raised-button (click)=\"Cancel()\">\r\n              Cancel\r\n            </button>\r\n            <div style=\"flex: auto;\">\r\n\r\n            </div>\r\n            <button mat-raised-button (click)=\"Save()\">\r\n              Save\r\n            </button>\r\n          </div>\r\n          \r\n        </div>\r\n      </ng-container>\r\n      \r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".card{margin:auto}.displayflex{display:flex}.cell{border-bottom:1px solid #000}.headercell-username{min-width:300px}.headercell-role{min-width:200px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerUsersComponent, selector: "app-beheer-users", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div class=\"displayflex\">\r\n  <mat-card class=\"card\">\r\n    <mat-card-content>\r\n      <div *ngIf=\"Loading\">\r\n        <app-fab-loader></app-fab-loader>\r\n      </div>\r\n      <ng-container *ngIf=\"!Loading\">\r\n        <div *ngIf=\"Overview\">\r\n          <table>\r\n            <tr>\r\n              <td class=\"headercell-username\"><b>Username</b></td>\r\n              <td class=\"headercell-role\"><b>Role</b></td>\r\n              <td class=\"headercell-actions\"></td>\r\n              <td class=\"headercell-actions\"></td>\r\n            </tr>\r\n            <ng-container *ngFor=\"let user of this.UsersViewModel.users\">\r\n              <tr>\r\n                <td class=\"cell\">{{ user.userName }}</td>\r\n                <td class=\"cell\">{{ user.userRoleStr }}</td>\r\n                <td>\r\n                  <button mat-raised-button (click)=\"Edit(user)\">\r\n                    Edit\r\n                  </button>\r\n\r\n                </td>\r\n                <td>\r\n                  <button mat-raised-button (click)=\"Delete(user)\" [disabled]=\"user.userId == this.UsersViewModel.currentUserId\">\r\n                    Delete\r\n                  </button>\r\n                </td>\r\n              </tr>\r\n            </ng-container>\r\n          </table>\r\n          <br />\r\n          <br />\r\n          <br />\r\n          <br />\r\n          <button mat-raised-button (click)=\"Add()\">\r\n            Add\r\n          </button>\r\n        </div>\r\n\r\n        <div *ngIf=\"NewUser || EditUser\">\r\n          <div>\r\n            <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n              <mat-label>\r\n                Username\r\n              </mat-label>\r\n              <input matInput type=\"text\" [(ngModel)]=\"this.UserViewModel.userName\">\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <div>\r\n            <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n              <mat-label>\r\n                Password\r\n              </mat-label>\r\n              <input matInput type=\"password\" [(ngModel)]=\"Password\">\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <div>\r\n            <mat-form-field style=\"width: 100%;\">\r\n              <mat-select placeholder=\"Role\" [(ngModel)]=\"UserViewModel.userRole\">\r\n                <mat-option [value]=\"0\">\r\n                  Content\r\n                </mat-option>\r\n                <mat-option [value]=\"1\">\r\n                  Administrator\r\n                </mat-option>\r\n                <!--<mat-option [value]=\"2\">\r\n                  DeTweeSnoeken\r\n                </mat-option>-->\r\n              </mat-select>\r\n            </mat-form-field>\r\n\r\n          </div>\r\n\r\n          <br />\r\n          <br />\r\n          <br />\r\n\r\n          <div class=\"displayflex\">\r\n            <button mat-raised-button (click)=\"Cancel()\">\r\n              Cancel\r\n            </button>\r\n            <div style=\"flex: auto;\">\r\n\r\n            </div>\r\n            <button mat-raised-button (click)=\"Save()\">\r\n              Save\r\n            </button>\r\n          </div>\r\n          \r\n        </div>\r\n      </ng-container>\r\n      \r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".card{margin:auto}.displayflex{display:flex}.cell{border-bottom:1px solid #000}.headercell-username{min-width:300px}.headercell-role{min-width:200px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, 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: "16.0.1", ngImport: i0, type: BeheerUsersComponent, decorators: [{
             type: Component,
@@ -14183,7 +14140,7 @@ class BeheerProductsProductComponent {
     ngOnInit() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsProductComponent, deps: [{ token: ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsProductComponent, decorators: [{
             type: Component,
@@ -14265,7 +14222,7 @@ class BeheerSelectFilterDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerSelectFilterDialogComponent, deps: [{ token: FiltersApiClient }, { token: MAT_LEGACY_DIALOG_DATA }, { token: AuthenticationService }, { token: i3$1.MatLegacyDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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  <div *ngIf=\"EBOSelect\" class=\"ebo-select\">\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"BOT\">BOT</mat-checkbox>\r\n    </div>\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"DO1\">DO1</mat-checkbox>\r\n    </div>\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"DO2\">DO2</mat-checkbox>\r\n    </div>\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"DO3\">DO3</mat-checkbox>\r\n    </div>\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"DO4\">DO4</mat-checkbox>\r\n    </div>\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"Kenmerk\">Kenmerk</mat-checkbox>\r\n    </div>\r\n  </div>\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}.ebo-select{display:flex}.ebo-select-item{padding:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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  <div *ngIf=\"EBOSelect\" class=\"ebo-select\">\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"BOT\">BOT</mat-checkbox>\r\n    </div>\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"DO1\">DO1</mat-checkbox>\r\n    </div>\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"DO2\">DO2</mat-checkbox>\r\n    </div>\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"DO3\">DO3</mat-checkbox>\r\n    </div>\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"DO4\">DO4</mat-checkbox>\r\n    </div>\r\n    <div class=\"ebo-select-item\">\r\n      <mat-checkbox [(ngModel)]=\"Kenmerk\">Kenmerk</mat-checkbox>\r\n    </div>\r\n  </div>\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}.ebo-select{display:flex}.ebo-select-item{padding:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerSelectFilterDialogComponent, decorators: [{
             type: Component,
@@ -14333,7 +14290,7 @@ class BeheerSelectFilteroptionDialogComponent {
         return new Array();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerSelectFilteroptionDialogComponent, deps: [{ token: FiltersApiClient }, { token: i3$1.MatLegacyDialogRef }, { token: ImportSetsService }, { token: AuthenticationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerSelectFilteroptionDialogComponent, selector: "app-beheer-select-filteroption-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\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 ImportSetsService.FiltersViewModel.filterViewModels\" [value]=\"filter\">\r\n          {{filter.name}}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <mat-tab-group>\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>Optie</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterOptieSelected\">\r\n            <mat-option *ngFor=\"let optie of GetOpties()\" [value]=\"optie\">\r\n              {{optie.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=\"Nieuwe optie\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <input matInput [(ngModel)]=\"OptieNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwOptieToevoegen()\">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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerSelectFilteroptionDialogComponent, selector: "app-beheer-select-filteroption-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\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 ImportSetsService.FiltersViewModel.filterViewModels\" [value]=\"filter\">\r\n          {{filter.name}}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <mat-tab-group>\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>Optie</mat-label>\r\n          <mat-select [(ngModel)]=\"FilterOptieSelected\">\r\n            <mat-option *ngFor=\"let optie of GetOpties()\" [value]=\"optie\">\r\n              {{optie.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=\"Nieuwe optie\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Optie</mat-label>\r\n          <input matInput [(ngModel)]=\"OptieNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwOptieToevoegen()\">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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerSelectFilteroptionDialogComponent, decorators: [{
             type: Component,
@@ -14436,7 +14393,7 @@ class BeheerProductsConnectRangeinputComponent {
         return this.LoadingRangeInputs || this.LoadingOptions;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsConnectRangeinputComponent, deps: [{ token: i3$1.MatLegacyDialogRef }, { token: MAT_LEGACY_DIALOG_DATA }, { token: ProductsApiClient }, { token: FiltersApiClient }, { token: AuthenticationService }, { token: ImportSetsService }, { token: ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsConnectRangeinputComponent, decorators: [{
             type: Component,
@@ -14562,7 +14519,7 @@ class BeheerProductsKoppelFilteroptionDailogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsKoppelFilteroptionDailogComponent, deps: [{ token: i3$1.MatLegacyDialogRef }, { token: MAT_LEGACY_DIALOG_DATA }, { token: FiltersApiClient }, { token: ProductsApiClient }, { token: AuthenticationService }, { token: ProductsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsKoppelFilteroptionDailogComponent, decorators: [{
             type: Component,
@@ -14778,7 +14735,7 @@ class BeheerProductsEigenschapComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsEigenschapComponent, deps: [{ token: ImportSetsService }, { token: ProductsService }, { token: i3$1.MatLegacyDialog }, { token: AuthenticationService }, { token: ProductsApiClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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.connected\">\r\n        <button mat-raised-button (click)=\"ConnectRange()\">\r\n          Range\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          IgnoreMany\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)\">\r\n            FilterOption\r\n          </button>\r\n          <button mat-raised-button (click)=\"ConnectAuto(optie.id)\">\r\n            FilterOptionAuto\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)=\"IgnoreId(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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BeheerProductsEigenschapBereikComponent, selector: "app-beheer-products-eigenschap-bereik", inputs: ["bereik"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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.connected\">\r\n        <button mat-raised-button (click)=\"ConnectRange()\">\r\n          Range\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          IgnoreMany\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)\">\r\n            FilterOption\r\n          </button>\r\n          <button mat-raised-button (click)=\"ConnectAuto(optie.id)\">\r\n            FilterOptionAuto\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)=\"IgnoreId(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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i7.MatLegacyButton, 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$3.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: "16.0.1", ngImport: i0, type: BeheerProductsEigenschapComponent, decorators: [{
             type: Component,
@@ -14930,7 +14887,7 @@ class BeheerProductsEboComponent {
         this.ebo.open = !this.ebo.open;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsEboComponent, deps: [{ token: i3$1.MatLegacyDialog }, { token: ImportSetsService }, { token: ProductsApiClient }, { token: AuthenticationService }, { token: ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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.ignore\">\r\n      <button mat-raised-button (click)=\"Connect()\">\r\n        FilterOption\r\n      </button>\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        <div *ngFor=\"let koppeling of this.ebo.bcbeboFilterOptionViewModels\">\r\n          {{ koppeling.filterOption.filterName + \": \" + koppeling.filterOption.name }}\r\n        </div>\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 i3.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i7.MatLegacyButton; }), 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$2.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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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.ignore\">\r\n      <button mat-raised-button (click)=\"Connect()\">\r\n        FilterOption\r\n      </button>\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        <div *ngFor=\"let koppeling of this.ebo.bcbeboFilterOptionViewModels\">\r\n          {{ koppeling.filterOption.filterName + \": \" + koppeling.filterOption.name }}\r\n        </div>\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 i3.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i7.MatLegacyButton; }), 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$3.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: "16.0.1", ngImport: i0, type: BeheerProductsEboComponent, decorators: [{
             type: Component,
@@ -14947,7 +14904,7 @@ class BeheerProductsOpbouwComponent {
         this.opbouw.open = !this.opbouw.open;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsOpbouwComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerProductsOpbouwComponent, selector: "app-beheer-products-opbouw", inputs: { opbouw: "opbouw" }, ngImport: i0, template: "<div class=\"container\" [ngClass]=\"{'warning': !opbouw.connected, 'normal': opbouw.connected }\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!opbouw.open\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"opbouw.open\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"eigenschapcel\" colspan=\"2\">\r\n      {{opbouw?.name}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"opbouw.open\" class=\"main-block\">\r\n    <div *ngFor=\"let ebo of opbouw.ebos\">\r\n      <app-beheer-products-ebo [ebo]=\"ebo\"></app-beheer-products-ebo>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".card{margin:3px}.full-width{width:100%}.row{cursor:pointer;display:flex}.main-block{padding-left:25px}.container{margin:5px;padding:5px;border:1px solid #000}.eigenschapcel{flex:auto}.optiecel{border-bottom:1px solid #000}.optiecellast{width:50%}.icon-td{width:24px;height:24px}.text-div{flex:auto}.warning{background-color:#f08080}.normal{background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BeheerProductsEboComponent, selector: "app-beheer-products-ebo", inputs: ["ebo"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerProductsOpbouwComponent, selector: "app-beheer-products-opbouw", inputs: { opbouw: "opbouw" }, ngImport: i0, template: "<div class=\"container\" [ngClass]=\"{'warning': !opbouw.connected, 'normal': opbouw.connected }\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!opbouw.open\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"opbouw.open\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"eigenschapcel\" colspan=\"2\">\r\n      {{opbouw?.name}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"opbouw.open\" class=\"main-block\">\r\n    <div *ngFor=\"let ebo of opbouw.ebos\">\r\n      <app-beheer-products-ebo [ebo]=\"ebo\"></app-beheer-products-ebo>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".card{margin:3px}.full-width{width:100%}.row{cursor:pointer;display:flex}.main-block{padding-left:25px}.container{margin:5px;padding:5px;border:1px solid #000}.eigenschapcel{flex:auto}.optiecel{border-bottom:1px solid #000}.optiecellast{width:50%}.icon-td{width:24px;height:24px}.text-div{flex:auto}.warning{background-color:#f08080}.normal{background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BeheerProductsEboComponent, selector: "app-beheer-products-ebo", inputs: ["ebo"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsOpbouwComponent, decorators: [{
             type: Component,
@@ -14989,7 +14946,7 @@ class BeheerProductsBcbproductComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsBcbproductComponent, deps: [{ token: ImportApiClient }, { token: ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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 *ngIf=\"BCBProductViewModel?.bcbeboViewModel\">\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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 *ngIf=\"BCBProductViewModel?.bcbeboViewModel\">\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, 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: "16.0.1", ngImport: i0, type: BeheerProductsBcbproductComponent, decorators: [{
             type: Component,
@@ -15123,7 +15080,7 @@ class BeheerProductsComponent {
         return next;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerProductsComponent, deps: [{ token: ProductsService }, { token: ImportSetsService }, { token: ImportApiClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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)=\"Status()\">\r\n            Status\r\n          </button>\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        </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 [ngClass]=\"{'selected' : ProductsService.ProductViewModel == product, 'warning': !product.imported || !product.connected}\">\r\n                  <td (click)=\"SelectProduct(product)\" class=\"table-row\"><span class=\"importspan\">{{ GetImportStatus(product) }}</span></td>\r\n                  <td (click)=\"SelectProduct(product)\" class=\"table-row\">{{ product.id }}</td>\r\n                  <td (click)=\"SelectProduct(product)\" class=\"table-row\">{{ product.name }}</td>\r\n                  <td (click)=\"SelectProduct(product)\" class=\"table-row\">{{ 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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, 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.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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)=\"Status()\">\r\n            Status\r\n          </button>\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        </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 [ngClass]=\"{'selected' : ProductsService.ProductViewModel == product, 'warning': !product.imported || !product.connected}\">\r\n                  <td (click)=\"SelectProduct(product)\" class=\"table-row\"><span class=\"importspan\">{{ GetImportStatus(product) }}</span></td>\r\n                  <td (click)=\"SelectProduct(product)\" class=\"table-row\">{{ product.id }}</td>\r\n                  <td (click)=\"SelectProduct(product)\" class=\"table-row\">{{ product.name }}</td>\r\n                  <td (click)=\"SelectProduct(product)\" class=\"table-row\">{{ 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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i6$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i6$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, 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: "16.0.1", ngImport: i0, type: BeheerProductsComponent, decorators: [{
             type: Component,
@@ -15313,7 +15270,7 @@ class BeheerFilterComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerFilterComponent, deps: [{ token: FiltersApiClient }, { token: AuthenticationService }, { token: i3$1.MatLegacyDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerFilterComponent, selector: "app-beheer-filter", inputs: { filter: "filter" }, outputs: { reload: "reload" }, ngImport: i0, template: "<div class=\"filter-name\">\r\n  <div class=\"flexauto\">\r\n    <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n      <mat-label>Name</mat-label>\r\n      <input matInput [(ngModel)]=\"filter.name\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"save-div\">\r\n    <button mat-raised-button (click)=\"Save()\">Save</button>\r\n  </div>\r\n</div>\r\n<div>\r\n  <div class=\"filter-name\">\r\n    <div class=\"flexauto\">\r\n      Requires\r\n    </div>\r\n    <button mat-raised-button (click)=\"RequireFilter()\">Filter</button>\r\n    <button mat-raised-button (click)=\"RequireFilterOption()\">FilterOption</button>\r\n  </div>\r\n\r\n  <div *ngFor=\"let option of filter.requiresFilterOptions\" class=\"required-option\" [ngClass]=\"{ 'AND': option.filterOptionRequiredType == 0, 'OR': option.filterOptionRequiredType == 1 }\">\r\n    {{ option.requiredFilterName }}: {{ option.requiredFilterOptionName }}\r\n    <button mat-raised-button (click)=\"RemoveRequireFilterOption(option)\">Remove</button>\r\n  </div>\r\n  <div *ngFor=\"let filter of filter.requiresFilters\" class=\"required-option\">\r\n    {{ filter.requiredFilterName }}\r\n    <button mat-raised-button>Remove</button>\r\n  </div>\r\n</div>\r\n<div>\r\n  <button mat-raised-button (click)=\"Sort()\">Sort</button>\r\n</div>\r\n<div class=\"filter-options-container\">\r\n  <div cdkDropList class=\"input-list\" (cdkDropListDropped)=\"drop($event)\">\r\n    <div class=\"input-item\" *ngFor=\"let option of GetFilterOptions()\" cdkDrag>\r\n      <span [ngClass]=\"{'selected': option.id == FilterOptionViewModel?.id }\">\r\n        {{ option.name }}\r\n      </span>\r\n\r\n      <button (click)=\"Open(option)\">Select</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<mat-card *ngIf=\"FilterOptionViewModel != null\">\r\n  <mat-card-content>\r\n    <div class=\"displayflex\">\r\n      <div class=\"filter-option-name flexauto\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Name (#{{ FilterOptionViewModel.id }})</mat-label>\r\n          <input matInput [(ngModel)]=\"FilterOptionViewModel.name\">\r\n        </mat-form-field>\r\n      </div>\r\n      <button mat-raised-button (click)=\"SaveFilterOption(FilterOptionViewModel)\">Save</button>\r\n      <button mat-raised-button (click)=\"RemoveFilterOption(FilterOptionViewModel)\">Remove</button>\r\n    </div>\r\n    <div>\r\n      <div class=\"filter-name\">\r\n        <div class=\"flexauto\">\r\n          Requires\r\n        </div>\r\n        <button mat-raised-button (click)=\"RequireFilterOptionFilterOption()\">FilterOption</button>\r\n      </div>\r\n\r\n      <div *ngFor=\"let option of FilterOptionViewModel.required\" class=\"required-option\">\r\n        {{ option.filterName }}: {{ option.filterOptionName }}\r\n        <button mat-raised-button (click)=\"RemoveRequireFilterOptionFilterOption(option)\">Remove</button>\r\n      </div>\r\n    </div>\r\n  </mat-card-content>\r\n</mat-card>\r\n\r\n", styles: [".displayflex{display:flex;gap:10px}.save-div{padding-left:10px}.required-option{border:1px solid #000;border-radius:2px;padding:2px;margin:2px}.AND{border-color:red}.OR{border-color:#0f0}.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}.input-list{border:solid 1px #ccc;display:block;background:white;border-radius:4px}.input-item{padding:5px 10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:white;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.input-item:last-child{border:none}.input-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i10$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i10$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerFilterComponent, selector: "app-beheer-filter", inputs: { filter: "filter" }, outputs: { reload: "reload" }, ngImport: i0, template: "<div class=\"filter-name\">\r\n  <div class=\"flexauto\">\r\n    <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n      <mat-label>Name</mat-label>\r\n      <input matInput [(ngModel)]=\"filter.name\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"save-div\">\r\n    <button mat-raised-button (click)=\"Save()\">Save</button>\r\n  </div>\r\n</div>\r\n<div>\r\n  <div class=\"filter-name\">\r\n    <div class=\"flexauto\">\r\n      Requires\r\n    </div>\r\n    <button mat-raised-button (click)=\"RequireFilter()\">Filter</button>\r\n    <button mat-raised-button (click)=\"RequireFilterOption()\">FilterOption</button>\r\n  </div>\r\n\r\n  <div *ngFor=\"let option of filter.requiresFilterOptions\" class=\"required-option\" [ngClass]=\"{ 'AND': option.filterOptionRequiredType == 0, 'OR': option.filterOptionRequiredType == 1 }\">\r\n    {{ option.requiredFilterName }}: {{ option.requiredFilterOptionName }}\r\n    <button mat-raised-button (click)=\"RemoveRequireFilterOption(option)\">Remove</button>\r\n  </div>\r\n  <div *ngFor=\"let filter of filter.requiresFilters\" class=\"required-option\">\r\n    {{ filter.requiredFilterName }}\r\n    <button mat-raised-button>Remove</button>\r\n  </div>\r\n</div>\r\n<div>\r\n  <button mat-raised-button (click)=\"Sort()\">Sort</button>\r\n</div>\r\n<div class=\"filter-options-container\">\r\n  <div cdkDropList class=\"input-list\" (cdkDropListDropped)=\"drop($event)\">\r\n    <div class=\"input-item\" *ngFor=\"let option of GetFilterOptions()\" cdkDrag>\r\n      <span [ngClass]=\"{'selected': option.id == FilterOptionViewModel?.id }\">\r\n        {{ option.name }}\r\n      </span>\r\n\r\n      <button (click)=\"Open(option)\">Select</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<mat-card *ngIf=\"FilterOptionViewModel != null\">\r\n  <mat-card-content>\r\n    <div class=\"displayflex\">\r\n      <div class=\"filter-option-name flexauto\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Name (#{{ FilterOptionViewModel.id }})</mat-label>\r\n          <input matInput [(ngModel)]=\"FilterOptionViewModel.name\">\r\n        </mat-form-field>\r\n      </div>\r\n      <button mat-raised-button (click)=\"SaveFilterOption(FilterOptionViewModel)\">Save</button>\r\n      <button mat-raised-button (click)=\"RemoveFilterOption(FilterOptionViewModel)\">Remove</button>\r\n    </div>\r\n    <div>\r\n      <div class=\"filter-name\">\r\n        <div class=\"flexauto\">\r\n          Requires\r\n        </div>\r\n        <button mat-raised-button (click)=\"RequireFilterOptionFilterOption()\">FilterOption</button>\r\n      </div>\r\n\r\n      <div *ngFor=\"let option of FilterOptionViewModel.required\" class=\"required-option\">\r\n        {{ option.filterName }}: {{ option.filterOptionName }}\r\n        <button mat-raised-button (click)=\"RemoveRequireFilterOptionFilterOption(option)\">Remove</button>\r\n      </div>\r\n    </div>\r\n  </mat-card-content>\r\n</mat-card>\r\n\r\n", styles: [".displayflex{display:flex;gap:10px}.save-div{padding-left:10px}.required-option{border:1px solid #000;border-radius:2px;padding:2px;margin:2px}.AND{border-color:red}.OR{border-color:#0f0}.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}.input-list{border:solid 1px #ccc;display:block;background:white;border-radius:4px}.input-item{padding:5px 10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:white;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.input-item:last-child{border:none}.input-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i10$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i10$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerFilterComponent, decorators: [{
             type: Component,
@@ -15388,7 +15345,7 @@ class BeheerRangeinputComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerRangeinputComponent, deps: [{ token: FiltersApiClient }, { token: i3$1.MatLegacyDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerRangeinputComponent, selector: "app-beheer-rangeinput", inputs: { rangeinput: "rangeinput" }, outputs: { reload: "reload" }, ngImport: i0, template: "<div class=\"filter-name\">\r\n  <div class=\"flexauto\">\r\n    <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n      <mat-label>Name</mat-label>\r\n      <input matInput [(ngModel)]=\"rangeinput.name\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"save-div\">\r\n    <button mat-raised-button (click)=\"Save()\">Save</button>\r\n  </div>\r\n</div>\r\n<div>\r\n  <div class=\"filter-name\">\r\n    <div class=\"flexauto\">\r\n      Requires\r\n    </div>\r\n    <button mat-raised-button (click)=\"RequireRangeInputFilterOption()\">FilterOption</button>\r\n  </div>\r\n\r\n  <div *ngFor=\"let option of rangeinput.requiresRangeInputFilterOptions\" class=\"required-option\" [ngClass]=\"{ 'AND': option.filterOptionRequiredType == 0, 'OR': option.filterOptionRequiredType == 1 }\">\r\n    {{ option.requiredFilterName }}: {{ option.requiredFilterOptionName }}\r\n    <button mat-raised-button (click)=\"RemoveRequireRangeInputFilterOption(option)\">Remove</button>\r\n  </div>\r\n</div>\r\n", styles: [".displayflex{display:flex;gap:10px}.save-div{padding-left:10px}.required-option{border:1px solid #000;border-radius:2px;padding:2px;margin:2px}.AND{border-color:red}.OR{border-color:#0f0}.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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerRangeinputComponent, selector: "app-beheer-rangeinput", inputs: { rangeinput: "rangeinput" }, outputs: { reload: "reload" }, ngImport: i0, template: "<div class=\"filter-name\">\r\n  <div class=\"flexauto\">\r\n    <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n      <mat-label>Name</mat-label>\r\n      <input matInput [(ngModel)]=\"rangeinput.name\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"save-div\">\r\n    <button mat-raised-button (click)=\"Save()\">Save</button>\r\n  </div>\r\n</div>\r\n<div>\r\n  <div class=\"filter-name\">\r\n    <div class=\"flexauto\">\r\n      Requires\r\n    </div>\r\n    <button mat-raised-button (click)=\"RequireRangeInputFilterOption()\">FilterOption</button>\r\n  </div>\r\n\r\n  <div *ngFor=\"let option of rangeinput.requiresRangeInputFilterOptions\" class=\"required-option\" [ngClass]=\"{ 'AND': option.filterOptionRequiredType == 0, 'OR': option.filterOptionRequiredType == 1 }\">\r\n    {{ option.requiredFilterName }}: {{ option.requiredFilterOptionName }}\r\n    <button mat-raised-button (click)=\"RemoveRequireRangeInputFilterOption(option)\">Remove</button>\r\n  </div>\r\n</div>\r\n", styles: [".displayflex{display:flex;gap:10px}.save-div{padding-left:10px}.required-option{border:1px solid #000;border-radius:2px;padding:2px;margin:2px}.AND{border-color:red}.OR{border-color:#0f0}.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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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: "16.0.1", ngImport: i0, type: BeheerRangeinputComponent, decorators: [{
             type: Component,
@@ -15465,7 +15422,7 @@ class BeheerFiltersComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerFiltersComponent, deps: [{ token: FiltersApiClient }, { token: AuthenticationService }, { token: i3$1.MatLegacyDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerFiltersComponent, selector: "app-beheer-filters", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading\" class=\"loader\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"InputsViewModel\" 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 cdkDropList class=\"input-list\" (cdkDropListDropped)=\"drop($event)\">\r\n            <div class=\"input-item\" *ngFor=\"let input of InputsViewModel.inputs\" cdkDrag>\r\n              <ng-container *ngIf=\"input.filter\">\r\n                <span [ngClass]=\"{'selected': input.filter?.id == InputViewModel?.filter?.id }\">\r\n                  {{ input.filter.name }} (#{{ input.filter.id }})\r\n                </span>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"input.range\">\r\n                <span [ngClass]=\"{'selected': input.range?.id == InputViewModel?.range?.id }\">\r\n                  {{ input.range.name }} (#{{ input.range.id }})\r\n                </span>\r\n                \r\n              </ng-container>\r\n              <button (click)=\"Open(input)\">Select</button>\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=\"InputViewModel != undefined\">\r\n           <ng-container *ngIf=\"InputViewModel.filter\">\r\n             <app-beheer-filter [filter]=\"InputViewModel.filter\" (reload)=\"LoadInputs()\"></app-beheer-filter>\r\n           </ng-container>\r\n\r\n           <ng-container *ngIf=\"InputViewModel.range\">\r\n            <app-beheer-rangeinput [rangeinput]=\"InputViewModel.range\" (reload)=\"LoadInputs()\"></app-beheer-rangeinput>\r\n           </ng-container>\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}.required-option{border:1px solid #000;border-radius:2px;padding:2px;margin:2px}.loader{position:fixed;z-index:100;width:100%;background-color:#fffa;top:0;height:100%}.AND{border-color:red}.OR{border-color:#0f0}.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}.selected{font-weight:700}.input-list{max-width:100%;border:solid 1px #ccc;min-height:60px;display:block;background:white;border-radius:4px;overflow-y:scroll;height:calc(100vH - 188px)}.input-item{padding:5px 10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:white;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.input-item:last-child{border:none}.input-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i10$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i10$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: BeheerFilterComponent, selector: "app-beheer-filter", inputs: ["filter"], outputs: ["reload"] }, { kind: "component", type: BeheerRangeinputComponent, selector: "app-beheer-rangeinput", inputs: ["rangeinput"], outputs: ["reload"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerFiltersComponent, selector: "app-beheer-filters", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading\" class=\"loader\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"InputsViewModel\" 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 cdkDropList class=\"input-list\" (cdkDropListDropped)=\"drop($event)\">\r\n            <div class=\"input-item\" *ngFor=\"let input of InputsViewModel.inputs\" cdkDrag>\r\n              <ng-container *ngIf=\"input.filter\">\r\n                <span [ngClass]=\"{'selected': input.filter?.id == InputViewModel?.filter?.id }\">\r\n                  {{ input.filter.name }} (#{{ input.filter.id }})\r\n                </span>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"input.range\">\r\n                <span [ngClass]=\"{'selected': input.range?.id == InputViewModel?.range?.id }\">\r\n                  {{ input.range.name }} (#{{ input.range.id }})\r\n                </span>\r\n                \r\n              </ng-container>\r\n              <button (click)=\"Open(input)\">Select</button>\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=\"InputViewModel != undefined\">\r\n           <ng-container *ngIf=\"InputViewModel.filter\">\r\n             <app-beheer-filter [filter]=\"InputViewModel.filter\" (reload)=\"LoadInputs()\"></app-beheer-filter>\r\n           </ng-container>\r\n\r\n           <ng-container *ngIf=\"InputViewModel.range\">\r\n            <app-beheer-rangeinput [rangeinput]=\"InputViewModel.range\" (reload)=\"LoadInputs()\"></app-beheer-rangeinput>\r\n           </ng-container>\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}.required-option{border:1px solid #000;border-radius:2px;padding:2px;margin:2px}.loader{position:fixed;z-index:100;width:100%;background-color:#fffa;top:0;height:100%}.AND{border-color:red}.OR{border-color:#0f0}.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}.selected{font-weight:700}.input-list{max-width:100%;border:solid 1px #ccc;min-height:60px;display:block;background:white;border-radius:4px;overflow-y:scroll;height:calc(100vH - 188px)}.input-item{padding:5px 10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:white;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.input-item:last-child{border:none}.input-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i10$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i10$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: BeheerFilterComponent, selector: "app-beheer-filter", inputs: ["filter"], outputs: ["reload"] }, { kind: "component", type: BeheerRangeinputComponent, selector: "app-beheer-rangeinput", inputs: ["rangeinput"], outputs: ["reload"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerFiltersComponent, decorators: [{
             type: Component,
@@ -15499,7 +15456,7 @@ class BeheerSettingsStringComponent {
     ngOnInit() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerSettingsStringComponent, deps: [{ token: ProjectSettingService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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: "16.0.1", ngImport: i0, type: BeheerSettingsStringComponent, decorators: [{
             type: Component,
@@ -15555,7 +15512,7 @@ class BeheerSettingsComponent {
         this.projectsettingservice.LoadProjectSettings(this.ChangeDetectorRef);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerSettingsComponent, deps: [{ token: ProjectSettingService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, 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: "16.0.1", ngImport: i0, type: BeheerSettingsComponent, decorators: [{
             type: Component,
@@ -15621,7 +15578,7 @@ class BeheerSearchproductsKoppelDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerSearchproductsKoppelDialogComponent, deps: [{ token: i3$1.MatLegacyDialogRef }, { token: SearchProductsApiClient }, { token: MAT_LEGACY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerSearchproductsKoppelDialogComponent, decorators: [{
             type: Component,
@@ -15906,7 +15863,7 @@ class BeheerSearchProductsComponent {
         return array;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerSearchProductsComponent, deps: [{ token: i3$1.MatLegacyDialog }, { token: SearchProductsApiClient }, { token: i3$3.MatLegacySnackBar }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9$1.MatLegacyCheckbox, 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9$1.MatLegacyCheckbox, 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: "16.0.1", ngImport: i0, type: BeheerSearchProductsComponent, decorators: [{
             type: Component,
@@ -15948,7 +15905,7 @@ class BeheerImportSetsDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerImportSetsDialogComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ImportSetsService }, { token: i3$1.MatLegacyDialogRef }, { token: MAT_LEGACY_DIALOG_DATA }, { token: ImportApiClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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: "16.0.1", ngImport: i0, type: BeheerImportSetsDialogComponent, decorators: [{
             type: Component,
@@ -16027,7 +15984,7 @@ class BeheerImportSetsEboComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerImportSetsEboComponent, deps: [{ token: ImportApiClient }, { token: ImportSetsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerImportSetsEboComponent, selector: "app-beheer-import-sets-ebo", inputs: { ebo: "ebo" }, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"icon-div\" (click)=\"Open()\">\n    <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">expand_more</mat-icon>\n    <mat-icon *ngIf=\"Opened\" class=\"expand_less\">expand_less</mat-icon>\n  </div>\n  <div class=\"text-div\">\n    <div class=\"row\">\n      <div class=\"flex-auto text-box\" *ngFor=\"let do of ebo.dOs\">\n        <mat-form-field class=\"full-width\" appearance=\"fill\">\n          <mat-label>{{ do.doType }}</mat-label>\n          <input matInput value=\"{{do.doNaam}}\" [readonly]=\"true\">\n        </mat-form-field>\n      </div>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"Opened\">\n  <div *ngIf=\"Loading\">\n    <app-fab-loader></app-fab-loader>\n  </div>\n  <div *ngIf=\"!Loading\" class=\"props\">\n    <div class=\"opbouw\">Opbouw</div>\n    <div *ngFor=\"let opbouw of BCBImportOpenResponse.bcbImportOpbouwen\">\n      <app-beheer-import-sets-opbouw [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\n    </div>\n\n    <div class=\"opbouw\">Eigenschap</div>\n    <div *ngFor=\"let eigenschap of BCBImportOpenResponse.bcbImportEigenschappen\">\n      <app-beheer-import-sets-eigenschap [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\n    </div>\n  </div>\n</div>\n\n", styles: ["app-beheer-import-sets-ebo .row{display:flex;align-items:center}app-beheer-import-sets-ebo .full-width{width:100%}app-beheer-import-sets-ebo .icon-div{width:22px;height:24px;cursor:pointer}app-beheer-import-sets-ebo .text-div{flex:auto;cursor:pointer}app-beheer-import-sets-ebo .props{padding-left:20px}app-beheer-import-sets-ebo .opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}app-beheer-import-sets-ebo .flex-auto{flex:auto}app-beheer-import-sets-ebo .check-div{padding-left:5px}app-beheer-import-sets-ebo .card{margin:3px}app-beheer-import-sets-ebo .mat-form-field-wrapper{padding-bottom:0}app-beheer-import-sets-ebo .mat-form-field-underline{bottom:0}app-beheer-import-sets-ebo .mat-form-field-infix{width:auto}app-beheer-import-sets-ebo .text-box{padding-left:3px}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i3.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i4.MatLegacyFormField; }), selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.MatLegacyLabel; }), selector: "mat-label" }, { kind: "directive", type: i0.forwardRef(function () { return i5.MatLegacyInput; }), selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "component", type: i0.forwardRef(function () { return i6$2.MatIcon; }), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(function () { return FabLoaderComponent; }), selector: "app-fab-loader" }, { kind: "component", type: i0.forwardRef(function () { return BeheerImportSetsOpbouwComponent; }), selector: "app-beheer-import-sets-opbouw", inputs: ["opbouw"] }, { kind: "component", type: i0.forwardRef(function () { return BeheerImportSetsEigenschapComponent; }), selector: "app-beheer-import-sets-eigenschap", inputs: ["eigenschap"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerImportSetsEboComponent, selector: "app-beheer-import-sets-ebo", inputs: { ebo: "ebo" }, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"icon-div\" (click)=\"Open()\">\n    <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">expand_more</mat-icon>\n    <mat-icon *ngIf=\"Opened\" class=\"expand_less\">expand_less</mat-icon>\n  </div>\n  <div class=\"text-div\">\n    <div class=\"row\">\n      <div class=\"flex-auto text-box\" *ngFor=\"let do of ebo.dOs\">\n        <mat-form-field class=\"full-width\" appearance=\"fill\">\n          <mat-label>{{ do.doType }}</mat-label>\n          <input matInput value=\"{{do.doNaam}}\" [readonly]=\"true\">\n        </mat-form-field>\n      </div>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"Opened\">\n  <div *ngIf=\"Loading\">\n    <app-fab-loader></app-fab-loader>\n  </div>\n  <div *ngIf=\"!Loading\" class=\"props\">\n    <div class=\"opbouw\">Opbouw</div>\n    <div *ngFor=\"let opbouw of BCBImportOpenResponse.bcbImportOpbouwen\">\n      <app-beheer-import-sets-opbouw [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\n    </div>\n\n    <div class=\"opbouw\">Eigenschap</div>\n    <div *ngFor=\"let eigenschap of BCBImportOpenResponse.bcbImportEigenschappen\">\n      <app-beheer-import-sets-eigenschap [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\n    </div>\n  </div>\n</div>\n\n", styles: ["app-beheer-import-sets-ebo .row{display:flex;align-items:center}app-beheer-import-sets-ebo .full-width{width:100%}app-beheer-import-sets-ebo .icon-div{width:22px;height:24px;cursor:pointer}app-beheer-import-sets-ebo .text-div{flex:auto;cursor:pointer}app-beheer-import-sets-ebo .props{padding-left:20px}app-beheer-import-sets-ebo .opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}app-beheer-import-sets-ebo .flex-auto{flex:auto}app-beheer-import-sets-ebo .check-div{padding-left:5px}app-beheer-import-sets-ebo .card{margin:3px}app-beheer-import-sets-ebo .mat-form-field-wrapper{padding-bottom:0}app-beheer-import-sets-ebo .mat-form-field-underline{bottom:0}app-beheer-import-sets-ebo .mat-form-field-infix{width:auto}app-beheer-import-sets-ebo .text-box{padding-left:3px}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i3.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i4.MatLegacyFormField; }), selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.MatLegacyLabel; }), selector: "mat-label" }, { kind: "directive", type: i0.forwardRef(function () { return i5.MatLegacyInput; }), selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "component", type: i0.forwardRef(function () { return i6$3.MatIcon; }), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(function () { return FabLoaderComponent; }), selector: "app-fab-loader" }, { kind: "component", type: i0.forwardRef(function () { return BeheerImportSetsOpbouwComponent; }), selector: "app-beheer-import-sets-opbouw", inputs: ["opbouw"] }, { kind: "component", type: i0.forwardRef(function () { return BeheerImportSetsEigenschapComponent; }), selector: "app-beheer-import-sets-eigenschap", inputs: ["eigenschap"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerImportSetsEboComponent, decorators: [{
             type: Component,
@@ -16063,7 +16020,7 @@ class BeheerImportSetsOpbouwComponent {
         this.ImportSetsService.ChangeImportSetValue(base, this.opbouw.selected, this.ChangeDetectorRef);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerImportSetsOpbouwComponent, deps: [{ token: ImportSetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerImportSetsOpbouwComponent, selector: "app-beheer-import-sets-opbouw", inputs: { opbouw: "opbouw" }, ngImport: i0, template: "<div class=\"top-row\">\r\n  <div class=\"icon-div\" (click)=\"Toggle()\">\r\n    <ng-container *ngIf=\"opbouw.wizardEBOViewModels != null && opbouw.wizardEBOViewModels.length > 0\">\r\n      <mat-icon *ngIf=\"!opbouw.open\" class=\"expand_more\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"opbouw.open\" class=\"expand_less\">expand_less</mat-icon>\r\n    </ng-container>\r\n    \r\n  </div>\r\n  <div class=\"text-div flexauto\" (click)=\"Toggle()\">\r\n    {{ opbouw.name }}\r\n  </div>\r\n  <div class=\"check-div\">\r\n    <mat-checkbox [checked]=\"opbouw.selected\" (change)=\"UpdateSelected()\"></mat-checkbox>\r\n  </div>\r\n</div>\r\n<div class=\"content\" *ngIf=\"opbouw.open\">\r\n  <div class=\"ebobox\" *ngFor=\"let ebo of opbouw.wizardEBOViewModels\">\r\n    <app-beheer-import-sets-ebo [ebo]=\"ebo\"></app-beheer-import-sets-ebo>\r\n  </div>\r\n</div>\r\n", styles: [".top-row{display:flex;align-items:center}.icon-div{width:22px;height:24px;cursor:pointer}.text-div{cursor:pointer;padding:3px;border-bottom:1px solid lightgray}.text-div:hover{border-bottom:1px solid #000}.card{margin:3px}.flexauto{flex:auto}.ebobox{padding:10px;margin:10px;border:1px solid}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9$1.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: BeheerImportSetsEboComponent, selector: "app-beheer-import-sets-ebo", inputs: ["ebo"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerImportSetsOpbouwComponent, selector: "app-beheer-import-sets-opbouw", inputs: { opbouw: "opbouw" }, ngImport: i0, template: "<div class=\"top-row\">\r\n  <div class=\"icon-div\" (click)=\"Toggle()\">\r\n    <ng-container *ngIf=\"opbouw.wizardEBOViewModels != null && opbouw.wizardEBOViewModels.length > 0\">\r\n      <mat-icon *ngIf=\"!opbouw.open\" class=\"expand_more\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"opbouw.open\" class=\"expand_less\">expand_less</mat-icon>\r\n    </ng-container>\r\n    \r\n  </div>\r\n  <div class=\"text-div flexauto\" (click)=\"Toggle()\">\r\n    {{ opbouw.name }}\r\n  </div>\r\n  <div class=\"check-div\">\r\n    <mat-checkbox [checked]=\"opbouw.selected\" (change)=\"UpdateSelected()\"></mat-checkbox>\r\n  </div>\r\n</div>\r\n<div class=\"content\" *ngIf=\"opbouw.open\">\r\n  <div class=\"ebobox\" *ngFor=\"let ebo of opbouw.wizardEBOViewModels\">\r\n    <app-beheer-import-sets-ebo [ebo]=\"ebo\"></app-beheer-import-sets-ebo>\r\n  </div>\r\n</div>\r\n", styles: [".top-row{display:flex;align-items:center}.icon-div{width:22px;height:24px;cursor:pointer}.text-div{cursor:pointer;padding:3px;border-bottom:1px solid lightgray}.text-div:hover{border-bottom:1px solid #000}.card{margin:3px}.flexauto{flex:auto}.ebobox{padding:10px;margin:10px;border:1px solid}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9$1.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: BeheerImportSetsEboComponent, selector: "app-beheer-import-sets-ebo", inputs: ["ebo"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerImportSetsOpbouwComponent, decorators: [{
             type: Component,
@@ -16126,7 +16083,7 @@ class BeheerImportSetsComponent {
         return array;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerImportSetsComponent, deps: [{ token: i3$1.MatLegacyDialog }, { token: ProductsService }, { token: ImportSetsService }, { token: ImportApiClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, 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.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i6$1.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i6$2.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, 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: "16.0.1", ngImport: i0, type: BeheerImportSetsComponent, decorators: [{
             type: Component,
@@ -16244,7 +16201,7 @@ class FabFilterComponent {
         return result;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterComponent, selector: "app-fab-filter", inputs: { filter: "filter" }, outputs: { filterchanged: "filterchanged" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n      <mat-label class=\"select-mat-label filter-name\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n        <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n      </mat-label>\r\n      <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n        <ng-container *ngFor=\"let option of filter.options\">\r\n          <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n            <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n              <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                &nbsp;\r\n                &nbsp;\r\n              </span>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n              <div class=\"filter-option-image-div\">\r\n                <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n              </div>\r\n            </ng-container>\r\n            <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <p *ngIf=\"ShowDescription()\" class=\"description-block\">{{ GetDescription() }}</p>\r\n  </div>\r\n  <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n    <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n      &nbsp;\r\n      &nbsp;\r\n    </div>\r\n  </div>\r\n  <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n    <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n  </div>\r\n</div>\r\n<div *ngFor=\"let description of filter.descriptions\" class=\"description-block\">\r\n  {{ description.description }}\r\n</div>\r\n", styles: ["app-fab-filter .description-block{padding-bottom:15px;font-size:12px}app-fab-filter .row{display:flex}app-fab-filter .full-width{width:100%}app-fab-filter .icon-position{margin-top:14px}app-fab-filter .select{flex:auto}app-fab-filter .reset{cursor:pointer;font-size:26px}app-fab-filter .colour-preview-selected{padding:5px;margin-left:5px;margin-top:8px;border:1px solid #000}.mat-select-min-line:first-letter{text-transform:capitalize}.filter-name:first-letter{text-transform:capitalize}.colour-preview{padding:5px;border:1px solid #000;line-height:20px;margin:10px}.name-span{line-height:52px}.select-mat-option .mat-option-text:first-letter{text-transform:capitalize}.select-mat-option .mat-option-text{display:flex}.mat-select-disabled .mat-select-arrow{display:none}.mat-select-panel-wrap{top:15px;position:relative}.mat-select-panel{max-width:100%!important}.filter-option-image{max-width:40px;max-height:40px}.filter-option-image-div{max-height:40px;padding-right:4px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, 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: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterComponent, selector: "app-fab-filter", inputs: { filter: "filter" }, outputs: { filterchanged: "filterchanged" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n      <mat-label class=\"select-mat-label filter-name\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n        <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n      </mat-label>\r\n      <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n        <ng-container *ngFor=\"let option of filter.options\">\r\n          <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n            <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n              <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                &nbsp;\r\n                &nbsp;\r\n              </span>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n              <div class=\"filter-option-image-div\">\r\n                <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n              </div>\r\n            </ng-container>\r\n            <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <p *ngIf=\"ShowDescription()\" class=\"description-block\">{{ GetDescription() }}</p>\r\n  </div>\r\n  <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n    <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n      &nbsp;\r\n      &nbsp;\r\n    </div>\r\n  </div>\r\n  <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n    <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n  </div>\r\n</div>\r\n<div *ngFor=\"let description of filter.descriptions\" class=\"description-block\">\r\n  {{ description.description }}\r\n</div>\r\n", styles: ["app-fab-filter .description-block{padding-bottom:15px;font-size:12px}app-fab-filter .row{display:flex}app-fab-filter .full-width{width:100%}app-fab-filter .icon-position{margin-top:14px}app-fab-filter .select{flex:auto}app-fab-filter .reset{cursor:pointer;font-size:26px}app-fab-filter .colour-preview-selected{padding:5px;margin-left:5px;margin-top:8px;border:1px solid #000}.mat-select-min-line:first-letter{text-transform:capitalize}.filter-name:first-letter{text-transform:capitalize}.colour-preview{padding:5px;border:1px solid #000;line-height:20px;margin:10px}.name-span{line-height:52px}.select-mat-option .mat-option-text:first-letter{text-transform:capitalize}.select-mat-option .mat-option-text{display:flex}.mat-select-disabled .mat-select-arrow{display:none}.mat-select-panel-wrap{top:15px;position:relative}.mat-select-panel{max-width:100%!important}.filter-option-image{max-width:40px;max-height:40px}.filter-option-image-div{max-height:40px;padding-right:4px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterComponent, decorators: [{
             type: Component,
@@ -16265,7 +16222,7 @@ class FabProductInfoPhotoDialogComponent {
     ngOnInit() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductInfoPhotoDialogComponent, deps: [{ token: i3$1.MatLegacyDialogRef }, { token: PhotoService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabProductInfoPhotoDialogComponent, selector: "app-fab-product-info-photo-dialog", ngImport: i0, template: "<div class=\"image-container\">\n  <div class=\"image-toolbar\">\n    <div *ngIf=\"PhotoService.ShouldDisplayLeft()\" (click)=\"PhotoService.Left()\" class=\"arrow\">\n      <mat-icon class=\"arrow_back\">arrow_back</mat-icon>\n    </div>\n    <div class=\"filler\">\n      {{ PhotoService.GetSelectedDescription() }}\n    </div>\n    <div *ngIf=\"PhotoService.ShouldDisplayRight()\" (click)=\"PhotoService.Right()\" class=\"arrow\">\n      <mat-icon class=\"arrow_forward\">arrow_forward</mat-icon>\n    </div>\n  </div>\n\n  <img class=\"image\" src=\"{{ PhotoService.GetSelectedPhoto() }}\" />\n</div>\n", styles: [".image{width:100%;cursor:pointer}.image-toolbar{display:flex}.filler{flex:auto;text-align:center;line-height:24px;font-size:13px}.arrow{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabProductInfoPhotoDialogComponent, selector: "app-fab-product-info-photo-dialog", ngImport: i0, template: "<div class=\"image-container\">\n  <div class=\"image-toolbar\">\n    <div *ngIf=\"PhotoService.ShouldDisplayLeft()\" (click)=\"PhotoService.Left()\" class=\"arrow\">\n      <mat-icon class=\"arrow_back\">arrow_back</mat-icon>\n    </div>\n    <div class=\"filler\">\n      {{ PhotoService.GetSelectedDescription() }}\n    </div>\n    <div *ngIf=\"PhotoService.ShouldDisplayRight()\" (click)=\"PhotoService.Right()\" class=\"arrow\">\n      <mat-icon class=\"arrow_forward\">arrow_forward</mat-icon>\n    </div>\n  </div>\n\n  <img class=\"image\" src=\"{{ PhotoService.GetSelectedPhoto() }}\" />\n</div>\n", styles: [".image{width:100%;cursor:pointer}.image-toolbar{display:flex}.filler{flex:auto;text-align:center;line-height:24px;font-size:13px}.arrow{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductInfoPhotoDialogComponent, decorators: [{
             type: Component,
@@ -16291,7 +16248,7 @@ class FabProductInfoPhotoComponent {
         var dialogRef = this.dialog.open(FabProductInfoPhotoDialogComponent, mdc);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductInfoPhotoComponent, deps: [{ token: MobileService }, { token: PhotoService }, { token: i3$1.MatLegacyDialog }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabProductInfoPhotoComponent, selector: "app-fab-product-info-photo", ngImport: i0, template: "<div class=\"image-container\" [ngClass]=\"{'tinybutton': this.MobileService.MobileInterfaceTiny}\">\n  <div class=\"image-toolbar\">\n    <div *ngIf=\"PhotoService.ShouldDisplayLeft()\" (click)=\"PhotoService.Left()\" class=\"arrow\">\n      <mat-icon class=\"arrow_back\">arrow_back</mat-icon>\n    </div>\n    <div class=\"filler\">\n      {{ PhotoService.GetSelectedDescription() }}\n    </div>\n    <div *ngIf=\"PhotoService.ShouldDisplayRight()\" (click)=\"PhotoService.Right()\" class=\"arrow\">\n      <mat-icon class=\"arrow_forward\">arrow_forward</mat-icon>\n    </div>\n  </div>\n\n  <img class=\"image\" src=\"{{ PhotoService.GetSelectedPhoto() }}\" (click)=\"Open()\" />\n</div>\n", styles: [".image-container{width:300px;margin:auto}.image{width:100%;cursor:pointer}.tinybutton{width:100%!important}.image-toolbar{display:flex}.filler{flex:auto;text-align:center;line-height:24px;font-size:13px}.arrow{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabProductInfoPhotoComponent, selector: "app-fab-product-info-photo", ngImport: i0, template: "<div class=\"image-container\" [ngClass]=\"{'tinybutton': this.MobileService.MobileInterfaceTiny}\">\n  <div class=\"image-toolbar\">\n    <div *ngIf=\"PhotoService.ShouldDisplayLeft()\" (click)=\"PhotoService.Left()\" class=\"arrow\">\n      <mat-icon class=\"arrow_back\">arrow_back</mat-icon>\n    </div>\n    <div class=\"filler\">\n      {{ PhotoService.GetSelectedDescription() }}\n    </div>\n    <div *ngIf=\"PhotoService.ShouldDisplayRight()\" (click)=\"PhotoService.Right()\" class=\"arrow\">\n      <mat-icon class=\"arrow_forward\">arrow_forward</mat-icon>\n    </div>\n  </div>\n\n  <img class=\"image\" src=\"{{ PhotoService.GetSelectedPhoto() }}\" (click)=\"Open()\" />\n</div>\n", styles: [".image-container{width:300px;margin:auto}.image{width:100%;cursor:pointer}.tinybutton{width:100%!important}.image-toolbar{display:flex}.filler{flex:auto;text-align:center;line-height:24px;font-size:13px}.arrow{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductInfoPhotoComponent, decorators: [{
             type: Component,
@@ -16516,7 +16473,7 @@ class FabActionmenuComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabActionmenuComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: BestekService }, { token: TextureService }, { token: SVGService }, { token: WebGLService }, { token: ToebehorenService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: { display: "display" }, ngImport: i0, template: "<div class=\"column\" *ngIf=\"Show3DButtons()\">\r\n  <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"DownloadRevit()\" *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(TranslationCategory.Common, TranslationSubCategory.DownloadRevit) }}</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(TranslationCategory.Common, TranslationSubCategory.DownloadARKEYAdomi) }}</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(TranslationCategory.Common, TranslationSubCategory.DownloadIFC) }}</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(TranslationCategory.Common, TranslationSubCategory.DownloadRevitPlugin\") }}</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(TranslationCategory.Common, TranslationSubCategory.Download3DAutoCADDwg) }}</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(TranslationCategory.Common, TranslationSubCategory.Download3DDxf) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink3D()\" *ngIf=\"ShowBCBButton()\">\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(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n</div>\r\n\r\n<div class=\"column\" *ngIf=\"Show2DButtons()\">\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.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(TranslationCategory.Common, TranslationSubCategory.SnedeItem, null, 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(TranslationCategory.Common, TranslationSubCategory.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)=\"DownloadRevit()\" *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(TranslationCategory.Common, TranslationSubCategory.DownloadRevit) }}</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(TranslationCategory.Common, TranslationSubCategory.DownloadARKEYAdomi) }}</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(TranslationCategory.Common, TranslationSubCategory.DownloadIFC) }}</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(TranslationCategory.Common, TranslationSubCategory.Download2DAutoCADDwg) }}</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(TranslationCategory.Common, TranslationSubCategory.Download2DDxf) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink2D()\" *ngIf=\"ShowBCBButton()\">\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(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n</div>\r\n\r\n<div class=\"column\" *ngIf=\"ShowBestekButtons()\">\r\n  <ng-container *ngIf=\"ShowBestekSelect()\">\r\n    <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"BestekService.TypeBestek = $event.source.value\" appearance=\"legacy\">\r\n      <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.STABU) }}</mat-button-toggle>\r\n      <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.OSF) }}</mat-button-toggle>\r\n      <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SpecificationText) }}</mat-button-toggle>\r\n    </mat-button-toggle-group>\r\n    <div>\r\n      &nbsp;\r\n    </div>\r\n  </ng-container>\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(TranslationCategory.Common, TranslationSubCategory.Clipboard) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoardSUF()\" *ngIf=\"BestekService.TypeBestek == 'STABU'\">\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(TranslationCategory.Common, TranslationSubCategory.ClipboardSUF) }}\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(TranslationCategory.Common, TranslationSubCategory.Download) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLinkBestek()\" *ngIf=\"ShowBCBButton()\">\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(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n</div>\r\n\r\n<div class=\"column\" *ngIf=\"ShowTextureButtons()\">\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenLink(TextureService.FabrikantenTextureViewModel.patroonURL)\">\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(TranslationCategory.Common, TranslationSubCategory.Texture) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenLink(TextureService.FabrikantenTextureViewModel.bumpURL)\">\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(TranslationCategory.Common, TranslationSubCategory.Bumpmap) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLinkTexture()\" *ngIf=\"ShowBCBButton()\">\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(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n</div>\r\n\r\n<div class=\"column\" *ngIf=\"ShowToebehorenButtons()\">\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label class=\"select-mat-label\">Toebehoren</mat-label>\r\n    <mat-select [(ngModel)]=\"FabrikantenService.SelectedToebehoren\" (selectionChange)=\"ToebehorenService.OpenToebehoren(this.ChangeDetectorRef)\">\r\n      <ng-container *ngFor=\"let item of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren\">\r\n        <mat-option *ngIf=\"!item.bcbProduct\" [value]=\"item\">\r\n          {{ TranslateService.GetActiveValue(TranslationCategory.Toebehoren, TranslationSubCategory.Name, item.id) }}\r\n        </mat-option>\r\n        <mat-option *ngIf=\"item.bcbProduct\" [value]=\"item\">\r\n          {{ item.name }}\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n  </mat-form-field>\r\n\r\n  <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.DownloadARKEYAdomi(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.DownloadARKEYAdomi) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button ifc-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.DownloadIFC(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.DownloadIFC) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <!--<button mat-stroked-button class=\"toolbar-button revit-plugin-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.DownloadRevitPlugin(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.RevitPlugin) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>-->\r\n  <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.Download3DAutoCADDwg(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.Download3DAutoCADDwg) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.Download2DAutoCADDwg(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.Download2DAutoCADDwg) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.Download2DDxf(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.Download2DDxf) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n</div>\r\n", styles: ["app-fab-actionmenu .mat-stroked-button{white-space:unset!important}app-fab-actionmenu .icon{margin-right:3px}app-fab-actionmenu .toolbar-button{margin-top:3px;width:100%}app-fab-actionmenu .row{display:flex;line-height:37px}app-fab-actionmenu .row-icon{align-items:center;display:flex}app-fab-actionmenu .column{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, 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.MatLegacyButton, 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$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i14.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i14.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: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: { display: "display" }, ngImport: i0, template: "<div class=\"column\" *ngIf=\"Show3DButtons()\">\r\n  <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"DownloadRevit()\" *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(TranslationCategory.Common, TranslationSubCategory.DownloadRevit) }}</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(TranslationCategory.Common, TranslationSubCategory.DownloadARKEYAdomi) }}</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(TranslationCategory.Common, TranslationSubCategory.DownloadIFC) }}</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(TranslationCategory.Common, TranslationSubCategory.DownloadRevitPlugin\") }}</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(TranslationCategory.Common, TranslationSubCategory.Download3DAutoCADDwg) }}</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(TranslationCategory.Common, TranslationSubCategory.Download3DDxf) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink3D()\" *ngIf=\"ShowBCBButton()\">\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(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n</div>\r\n\r\n<div class=\"column\" *ngIf=\"Show2DButtons()\">\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.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(TranslationCategory.Common, TranslationSubCategory.SnedeItem, null, 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(TranslationCategory.Common, TranslationSubCategory.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)=\"DownloadRevit()\" *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(TranslationCategory.Common, TranslationSubCategory.DownloadRevit) }}</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(TranslationCategory.Common, TranslationSubCategory.DownloadARKEYAdomi) }}</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(TranslationCategory.Common, TranslationSubCategory.DownloadIFC) }}</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(TranslationCategory.Common, TranslationSubCategory.Download2DAutoCADDwg) }}</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(TranslationCategory.Common, TranslationSubCategory.Download2DDxf) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink2D()\" *ngIf=\"ShowBCBButton()\">\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(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n</div>\r\n\r\n<div class=\"column\" *ngIf=\"ShowBestekButtons()\">\r\n  <ng-container *ngIf=\"ShowBestekSelect()\">\r\n    <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"BestekService.TypeBestek = $event.source.value\" appearance=\"legacy\">\r\n      <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.STABU) }}</mat-button-toggle>\r\n      <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.OSF) }}</mat-button-toggle>\r\n      <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SpecificationText) }}</mat-button-toggle>\r\n    </mat-button-toggle-group>\r\n    <div>\r\n      &nbsp;\r\n    </div>\r\n  </ng-container>\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(TranslationCategory.Common, TranslationSubCategory.Clipboard) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoardSUF()\" *ngIf=\"BestekService.TypeBestek == 'STABU'\">\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(TranslationCategory.Common, TranslationSubCategory.ClipboardSUF) }}\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(TranslationCategory.Common, TranslationSubCategory.Download) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLinkBestek()\" *ngIf=\"ShowBCBButton()\">\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(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n</div>\r\n\r\n<div class=\"column\" *ngIf=\"ShowTextureButtons()\">\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenLink(TextureService.FabrikantenTextureViewModel.patroonURL)\">\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(TranslationCategory.Common, TranslationSubCategory.Texture) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenLink(TextureService.FabrikantenTextureViewModel.bumpURL)\">\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(TranslationCategory.Common, TranslationSubCategory.Bumpmap) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLinkTexture()\" *ngIf=\"ShowBCBButton()\">\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(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n      </div>\r\n    </div>\r\n  </button>\r\n</div>\r\n\r\n<div class=\"column\" *ngIf=\"ShowToebehorenButtons()\">\r\n  <mat-form-field appearance=\"fill\">\r\n    <mat-label class=\"select-mat-label\">Toebehoren</mat-label>\r\n    <mat-select [(ngModel)]=\"FabrikantenService.SelectedToebehoren\" (selectionChange)=\"ToebehorenService.OpenToebehoren(this.ChangeDetectorRef)\">\r\n      <ng-container *ngFor=\"let item of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren\">\r\n        <mat-option *ngIf=\"!item.bcbProduct\" [value]=\"item\">\r\n          {{ TranslateService.GetActiveValue(TranslationCategory.Toebehoren, TranslationSubCategory.Name, item.id) }}\r\n        </mat-option>\r\n        <mat-option *ngIf=\"item.bcbProduct\" [value]=\"item\">\r\n          {{ item.name }}\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n  </mat-form-field>\r\n\r\n  <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.DownloadARKEYAdomi(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.DownloadARKEYAdomi) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button ifc-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.DownloadIFC(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.DownloadIFC) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <!--<button mat-stroked-button class=\"toolbar-button revit-plugin-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.DownloadRevitPlugin(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.RevitPlugin) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>-->\r\n  <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.Download3DAutoCADDwg(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.Download3DAutoCADDwg) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.Download2DAutoCADDwg(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.Download2DAutoCADDwg) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n  <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" *ngIf=\"FabrikantenService.GetSelectedToebehoren() != null\" (click)=\"FabrikantenService.Download2DDxf(FabrikantenService.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(TranslationCategory.Common, TranslationSubCategory.Download2DDxf) }}</span>\r\n      </div>\r\n    </div>\r\n  </button>\r\n</div>\r\n", styles: ["app-fab-actionmenu .mat-stroked-button{white-space:unset!important}app-fab-actionmenu .icon{margin-right:3px}app-fab-actionmenu .toolbar-button{margin-top:3px;width:100%}app-fab-actionmenu .row{display:flex;line-height:37px}app-fab-actionmenu .row-icon{align-items:center;display:flex}app-fab-actionmenu .column{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i14.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i14.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: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabActionmenuComponent, decorators: [{
             type: Component,
@@ -16579,7 +16536,7 @@ class FabProductBestekComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductBestekComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: BestekService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabProductBestekComponent, selector: "app-fab-product-bestek", viewQueries: [{ propertyName: "fabProductBestek", first: true, predicate: ["fabProductBestek"], descendants: true }], ngImport: i0, template: "<div class=\"main-window\" [ngClass]=\"{'tinybutton': this.MobileService.MobileInterfaceTiny}\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct> \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-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\r\n      </div>\r\n\r\n      <div class=\"bestek-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n        <mat-card>\r\n          <mat-card-content>\r\n            <app-fab-actionmenu [display]=\"'Bestek'\"></app-fab-actionmenu>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .tinybutton{font-size:9px}app-fab-product-bestek .row-title{text-transform:capitalize;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 .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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabProductBestekComponent, selector: "app-fab-product-bestek", viewQueries: [{ propertyName: "fabProductBestek", first: true, predicate: ["fabProductBestek"], descendants: true }], ngImport: i0, template: "<div class=\"main-window\" [ngClass]=\"{'tinybutton': this.MobileService.MobileInterfaceTiny}\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct> \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-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\r\n      </div>\r\n\r\n      <div class=\"bestek-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n        <mat-card>\r\n          <mat-card-content>\r\n            <app-fab-actionmenu [display]=\"'Bestek'\"></app-fab-actionmenu>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .tinybutton{font-size:9px}app-fab-product-bestek .row-title{text-transform:capitalize;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 .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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductBestekComponent, decorators: [{
             type: Component,
@@ -16668,7 +16625,7 @@ class FabRangeInputComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabRangeInputComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabRangeInputComponent, selector: "app-fab-range-input", inputs: { rangeinput: "rangeinput" }, ngImport: i0, template: "\r\n  <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n    <mat-label>\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.RangeInput, TranslationSubCategory.Name, rangeinput.id) }}\r\n      <span *ngIf=\"rangeinput.required\">*</span>\r\n    </mat-label>\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() == -1\" matInput type=\"number\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() != -1\" matInput type=\"number\" [min]=\"GetMin()\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() != -1\" matInput type=\"number\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() == -1\" matInput type=\"number\" [min]=\"GetMin()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <mat-error>{{ GetToolTip() }}</mat-error>\r\n  </mat-form-field>\r\n\r\n", styles: [".fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.MatLegacyError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabRangeInputComponent, selector: "app-fab-range-input", inputs: { rangeinput: "rangeinput" }, ngImport: i0, template: "\r\n  <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n    <mat-label>\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.RangeInput, TranslationSubCategory.Name, rangeinput.id) }}\r\n      <span *ngIf=\"rangeinput.required\">*</span>\r\n    </mat-label>\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() == -1\" matInput type=\"number\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() != -1\" matInput type=\"number\" [min]=\"GetMin()\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() != -1\" matInput type=\"number\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() == -1\" matInput type=\"number\" [min]=\"GetMin()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <mat-error>{{ GetToolTip() }}</mat-error>\r\n  </mat-form-field>\r\n\r\n", styles: [".fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.MatLegacyError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i6$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7$1.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabRangeInputComponent, decorators: [{
             type: Component,
@@ -17163,7 +17120,7 @@ class FabFilterFoldComponent {
         return null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterFoldComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterFoldComponent, selector: "app-fab-filter-fold", inputs: { filter: "filter" }, ngImport: i0, template: "<ng-container *ngIf=\"!filter.hidden\">\r\n  <div class=\"main-fold\" [ngClass]=\"{ 'filled': IsFilled() }\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n        <span class=\"filter-required-sign\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n        <span class=\"filter-affects-sign\" *ngIf=\"filter.affectsOnlyBestek\">\r\n          <sup>1</sup>\r\n        </span>\r\n        <ng-container *ngIf=\"HasChosen() || !HasOptions()\">\r\n          <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n            <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n              &nbsp;\r\n              &nbsp;\r\n            </div>\r\n          </div>\r\n          ({{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, GetSelectedOption().id) }})\r\n        </ng-container>\r\n      </div>\r\n      <div class=\"iconbar\">\r\n        <ng-container *ngIf=\"HasChosen()\">\r\n          <mat-icon class=\"icon-clear\">clear</mat-icon>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!HasChosen() && HasOptions()\">\r\n          <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n          <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <div class=\"row\">\r\n            <div class=\"select\">\r\n\r\n              <mat-radio-group class=\"radio-group\" [(ngModel)]=\"SelectedOptionId\">\r\n                <ng-container *ngFor=\"let option of filter.options\">\r\n                  <mat-radio-button class=\"select-mat-option radio-button\" *ngIf=\"!option.hidden\" (change)=\"SelectOption(option.id)\">\r\n                    <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                      <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                        &nbsp;\r\n                        &nbsp;\r\n                      </span>\r\n                    </ng-container>\r\n\r\n                    {{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}\r\n                  </mat-radio-button>\r\n                </ng-container>\r\n              </mat-radio-group>\r\n            </div>\r\n            <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n              <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n                &nbsp;\r\n                &nbsp;\r\n              </div>\r\n            </div>\r\n            <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n              <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n   \r\n  </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{overflow:hidden;border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.radio-button{padding-bottom:3px}.radio-group{display:inline-flex;flex-direction:column}.content{padding:5px}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6$3.MatLegacyRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$3.MatLegacyRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterFoldComponent, selector: "app-fab-filter-fold", inputs: { filter: "filter" }, ngImport: i0, template: "<ng-container *ngIf=\"!filter.hidden\">\r\n  <div class=\"main-fold\" [ngClass]=\"{ 'filled': IsFilled() }\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n        <span class=\"filter-required-sign\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n        <span class=\"filter-affects-sign\" *ngIf=\"filter.affectsOnlyBestek\">\r\n          <sup>1</sup>\r\n        </span>\r\n        <ng-container *ngIf=\"HasChosen() || !HasOptions()\">\r\n          <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n            <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n              &nbsp;\r\n              &nbsp;\r\n            </div>\r\n          </div>\r\n          ({{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, GetSelectedOption().id) }})\r\n        </ng-container>\r\n      </div>\r\n      <div class=\"iconbar\">\r\n        <ng-container *ngIf=\"HasChosen()\">\r\n          <mat-icon class=\"icon-clear\">clear</mat-icon>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!HasChosen() && HasOptions()\">\r\n          <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n          <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <div class=\"row\">\r\n            <div class=\"select\">\r\n\r\n              <mat-radio-group class=\"radio-group\" [(ngModel)]=\"SelectedOptionId\">\r\n                <ng-container *ngFor=\"let option of filter.options\">\r\n                  <mat-radio-button class=\"select-mat-option radio-button\" *ngIf=\"!option.hidden\" (change)=\"SelectOption(option.id)\">\r\n                    <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                      <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                        &nbsp;\r\n                        &nbsp;\r\n                      </span>\r\n                    </ng-container>\r\n\r\n                    {{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}\r\n                  </mat-radio-button>\r\n                </ng-container>\r\n              </mat-radio-group>\r\n            </div>\r\n            <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n              <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n                &nbsp;\r\n                &nbsp;\r\n              </div>\r\n            </div>\r\n            <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n              <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n   \r\n  </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{overflow:hidden;border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.radio-button{padding-bottom:3px}.radio-group{display:inline-flex;flex-direction:column}.content{padding:5px}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6$4.MatLegacyRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$4.MatLegacyRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterFoldComponent, decorators: [{
             type: Component,
@@ -17199,7 +17156,7 @@ class FabMultiselectFoldComponent {
         this.Opened = !this.Opened;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabMultiselectFoldComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabMultiselectFoldComponent, selector: "app-fab-multiselect-fold", inputs: { filter: "filter" }, ngImport: i0, template: "<ng-container *ngIf=\"!filter.hidden\">\r\n  <div class=\"main-fold\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n        <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n      </div>\r\n      <div>\r\n        <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n        <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <app-fab-multiselect [filter]=\"filter\"></app-fab-multiselect>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: ["app-fab-multiselect-fold .multiselect-name{display:none}app-fab-multiselect-fold .flexauto{flex:auto}app-fab-multiselect-fold .namebar{font-size:14px;line-height:24px}app-fab-multiselect-fold .main-fold{overflow:hidden;border:1px solid #AAA;border-radius:2px;margin-bottom:5px}app-fab-multiselect-fold .selectbar{cursor:pointer;padding:5px}app-fab-multiselect-fold .content{padding:5px}app-fab-multiselect-fold .collapsible-wrapper{display:flex;overflow:hidden}app-fab-multiselect-fold .collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}app-fab-multiselect-fold .collapsible{transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}app-fab-multiselect-fold .collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}app-fab-multiselect-fold .collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FabMultiselectComponent, selector: "app-fab-multiselect", inputs: ["filter"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabMultiselectFoldComponent, selector: "app-fab-multiselect-fold", inputs: { filter: "filter" }, ngImport: i0, template: "<ng-container *ngIf=\"!filter.hidden\">\r\n  <div class=\"main-fold\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n        <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n      </div>\r\n      <div>\r\n        <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n        <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <app-fab-multiselect [filter]=\"filter\"></app-fab-multiselect>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: ["app-fab-multiselect-fold .multiselect-name{display:none}app-fab-multiselect-fold .flexauto{flex:auto}app-fab-multiselect-fold .namebar{font-size:14px;line-height:24px}app-fab-multiselect-fold .main-fold{overflow:hidden;border:1px solid #AAA;border-radius:2px;margin-bottom:5px}app-fab-multiselect-fold .selectbar{cursor:pointer;padding:5px}app-fab-multiselect-fold .content{padding:5px}app-fab-multiselect-fold .collapsible-wrapper{display:flex;overflow:hidden}app-fab-multiselect-fold .collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}app-fab-multiselect-fold .collapsible{transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}app-fab-multiselect-fold .collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}app-fab-multiselect-fold .collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FabMultiselectComponent, selector: "app-fab-multiselect", inputs: ["filter"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabMultiselectFoldComponent, decorators: [{
             type: Component,
@@ -17235,7 +17192,7 @@ class FabRangeInputFoldComponent {
         this.Opened = !this.Opened;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabRangeInputFoldComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabRangeInputFoldComponent, selector: "app-fab-range-input-fold", inputs: { rangeinput: "rangeinput" }, ngImport: i0, template: "<ng-container *ngIf=\"!rangeinput.hidden\">\r\n  <div class=\"main-fold\" [ngClass]=\"{ 'filled': rangeinput.value != '' }\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.RangeInput, TranslationSubCategory.Name, rangeinput.id) }}\r\n        <span *ngIf=\"rangeinput.required\">*</span>\r\n        <ng-container *ngIf=\"rangeinput.value != ''\">\r\n          ({{ rangeinput.value }})\r\n        </ng-container>\r\n      </div>\r\n      <div>\r\n        <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n        <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <app-fab-range-input [rangeinput]=\"rangeinput\"></app-fab-range-input>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.content{padding:5px}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{width:100%;transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FabRangeInputComponent, selector: "app-fab-range-input", inputs: ["rangeinput"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabRangeInputFoldComponent, selector: "app-fab-range-input-fold", inputs: { rangeinput: "rangeinput" }, ngImport: i0, template: "<ng-container *ngIf=\"!rangeinput.hidden\">\r\n  <div class=\"main-fold\" [ngClass]=\"{ 'filled': rangeinput.value != '' }\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.RangeInput, TranslationSubCategory.Name, rangeinput.id) }}\r\n        <span *ngIf=\"rangeinput.required\">*</span>\r\n        <ng-container *ngIf=\"rangeinput.value != ''\">\r\n          ({{ rangeinput.value }})\r\n        </ng-container>\r\n      </div>\r\n      <div>\r\n        <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n        <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <app-fab-range-input [rangeinput]=\"rangeinput\"></app-fab-range-input>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.content{padding:5px}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{width:100%;transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FabRangeInputComponent, selector: "app-fab-range-input", inputs: ["rangeinput"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabRangeInputFoldComponent, decorators: [{
             type: Component,
@@ -17355,11 +17312,11 @@ class FabFilterLabelComponent {
         return result;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterLabelComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterLabelComponent, selector: "app-fab-filter-label", inputs: { filter: "filter" }, outputs: { filterchanged: "filterchanged" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <div class=\"displayflex\">\r\n      <div class=\"filter-label\">\r\n        <span class=\"filter-label-name\">\r\n          {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n        </span>\r\n        <span class=\"filter-label-standard\" *ngIf=\"filter.standard != null && filter.standard != ''\"> ({{ filter.standard }})</span>\r\n        <span class=\"filter-label-asterix\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n      </div>\r\n      <div *ngIf=\"!IsDisabled()\" class=\"filter-options\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label class=\"select-mat-label\">\r\n          </mat-label>\r\n          <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n            <ng-container *ngFor=\"let option of filter.options\">\r\n              <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n                <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                  <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                    &nbsp;\r\n                    &nbsp;\r\n                  </span>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                  <div class=\"filter-option-image-div\">\r\n                    <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                  </div>\r\n                </ng-container>\r\n                <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n                <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n              </mat-option>\r\n            </ng-container>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div *ngIf=\"IsDisabled()\" class=\"filter-option-selected\">\r\n          <ng-container *ngFor=\"let option of filter.options\">\r\n            <ng-container *ngIf=\"!option.hidden\">\r\n              <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                  &nbsp;\r\n                  &nbsp;\r\n                </span>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                <div class=\"filter-option-image-div\">\r\n                  <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                </div>\r\n              </ng-container>\r\n              <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n              <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n            </ng-container>\r\n          </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n    <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-filter-label .select-mat-label:first-letter{text-transform:capitalize}app-fab-filter-label .mat-select-min-line:first-letter{text-transform:capitalize}app-fab-filter-label .description-block{padding-bottom:15px;font-size:12px}app-fab-filter-label .row{display:flex;width:100%}app-fab-filter-label .full-width{width:100%}app-fab-filter-label .icon-position{margin-top:14px}app-fab-filter-label .select{flex:auto;width:100%}app-fab-filter-label .reset{cursor:pointer;font-size:26px}app-fab-filter-label .colour-preview-selected{padding:5px;margin-left:5px;margin-top:8px;border:1px solid #000}.colour-preview{padding:5px;border:1px solid #000;line-height:20px;margin:10px}.name-span{line-height:52px}.select-mat-option .mat-option-text:first-letter{text-transform:capitalize}.select-mat-option .mat-option-text{display:flex}.filter-label{width:50%}.filter-label-name{line-height:52px}.filter-options{width:50%}.filter-option-selected{width:50%;text-align:right}mat-option .filteroption-label-unit{line-height:52px;padding-left:5px}.displayflex{display:flex}.mat-select-disabled .mat-select-arrow{display:none}.mat-select-panel-wrap{top:15px;position:relative}.mat-select-panel{max-width:100%!important}.filter-option-image{max-width:40px;max-height:40px}.filter-option-image-div{max-height:40px;padding-right:4px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, 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: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterLabelComponent, selector: "app-fab-filter-label", inputs: { filter: "filter" }, outputs: { filterchanged: "filterchanged" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <div class=\"displayflex\">\r\n      <div class=\"filter-label\">\r\n        <span class=\"filter-label-name\">\r\n          {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n        </span>\r\n        <span class=\"filter-label-standard\" *ngIf=\"filter.standard != null && filter.standard != ''\"> ({{ filter.standard }})</span>\r\n        <span class=\"filter-label-asterix\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n        <ng-container *ngIf=\"TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) != ''\">\r\n          <span class=\"filter-label-tooltip\" matTooltip=\"{{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) }}\">\r\n            <mat-icon class=\"expand_less\">info</mat-icon>\r\n          </span>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf=\"!IsDisabled()\" class=\"filter-options\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label class=\"select-mat-label\">\r\n          </mat-label>\r\n          <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n            <ng-container *ngFor=\"let option of filter.options\">\r\n              <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n                <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                  <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                    &nbsp;\r\n                    &nbsp;\r\n                  </span>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                  <div class=\"filter-option-image-div\">\r\n                    <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                  </div>\r\n                </ng-container>\r\n                <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n                <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n              </mat-option>\r\n            </ng-container>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div *ngIf=\"IsDisabled()\" class=\"filter-option-selected\">\r\n        <ng-container *ngFor=\"let option of filter.options\">\r\n          <ng-container *ngIf=\"!option.hidden\">\r\n            <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n              <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                &nbsp;\r\n                &nbsp;\r\n              </span>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n              <div class=\"filter-option-image-div\">\r\n                <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n              </div>\r\n            </ng-container>\r\n            <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n            <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n          </ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n    <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-filter-label .select-mat-label:first-letter{text-transform:capitalize}app-fab-filter-label .mat-select-min-line:first-letter{text-transform:capitalize}app-fab-filter-label .description-block{padding-bottom:15px;font-size:12px}app-fab-filter-label .row{display:flex;width:100%}app-fab-filter-label .full-width{width:100%}app-fab-filter-label .icon-position{margin-top:14px}app-fab-filter-label .select{flex:auto;width:100%}app-fab-filter-label .reset{cursor:pointer;font-size:26px}app-fab-filter-label .colour-preview-selected{padding:5px;margin-left:5px;margin-top:8px;border:1px solid #000}.colour-preview{padding:5px;border:1px solid #000;line-height:20px;margin:10px}.name-span{line-height:52px}.select-mat-option .mat-option-text:first-letter{text-transform:capitalize}.select-mat-option .mat-option-text{display:flex}.filter-label{width:50%}.filter-label-name{line-height:52px}.filter-options{width:50%}.filter-option-selected{width:50%;text-align:right}mat-option .filteroption-label-unit{line-height:52px;padding-left:5px}.displayflex{display:flex}.mat-select-disabled .mat-select-arrow{display:none}.mat-select-panel-wrap{top:15px;position:relative}.mat-select-panel{max-width:100%!important}.filter-option-image{max-width:40px;max-height:40px}.filter-option-image-div{max-height:40px;padding-right:4px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7$1.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-filter-label', encapsulation: ViewEncapsulation.None, template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <div class=\"displayflex\">\r\n      <div class=\"filter-label\">\r\n        <span class=\"filter-label-name\">\r\n          {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n        </span>\r\n        <span class=\"filter-label-standard\" *ngIf=\"filter.standard != null && filter.standard != ''\"> ({{ filter.standard }})</span>\r\n        <span class=\"filter-label-asterix\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n      </div>\r\n      <div *ngIf=\"!IsDisabled()\" class=\"filter-options\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label class=\"select-mat-label\">\r\n          </mat-label>\r\n          <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n            <ng-container *ngFor=\"let option of filter.options\">\r\n              <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n                <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                  <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                    &nbsp;\r\n                    &nbsp;\r\n                  </span>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                  <div class=\"filter-option-image-div\">\r\n                    <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                  </div>\r\n                </ng-container>\r\n                <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n                <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n              </mat-option>\r\n            </ng-container>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div *ngIf=\"IsDisabled()\" class=\"filter-option-selected\">\r\n          <ng-container *ngFor=\"let option of filter.options\">\r\n            <ng-container *ngIf=\"!option.hidden\">\r\n              <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                  &nbsp;\r\n                  &nbsp;\r\n                </span>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                <div class=\"filter-option-image-div\">\r\n                  <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                </div>\r\n              </ng-container>\r\n              <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n              <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n            </ng-container>\r\n          </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n    <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-filter-label .select-mat-label:first-letter{text-transform:capitalize}app-fab-filter-label .mat-select-min-line:first-letter{text-transform:capitalize}app-fab-filter-label .description-block{padding-bottom:15px;font-size:12px}app-fab-filter-label .row{display:flex;width:100%}app-fab-filter-label .full-width{width:100%}app-fab-filter-label .icon-position{margin-top:14px}app-fab-filter-label .select{flex:auto;width:100%}app-fab-filter-label .reset{cursor:pointer;font-size:26px}app-fab-filter-label .colour-preview-selected{padding:5px;margin-left:5px;margin-top:8px;border:1px solid #000}.colour-preview{padding:5px;border:1px solid #000;line-height:20px;margin:10px}.name-span{line-height:52px}.select-mat-option .mat-option-text:first-letter{text-transform:capitalize}.select-mat-option .mat-option-text{display:flex}.filter-label{width:50%}.filter-label-name{line-height:52px}.filter-options{width:50%}.filter-option-selected{width:50%;text-align:right}mat-option .filteroption-label-unit{line-height:52px;padding-left:5px}.displayflex{display:flex}.mat-select-disabled .mat-select-arrow{display:none}.mat-select-panel-wrap{top:15px;position:relative}.mat-select-panel{max-width:100%!important}.filter-option-image{max-width:40px;max-height:40px}.filter-option-image-div{max-height:40px;padding-right:4px}\n"] }]
+            args: [{ selector: 'app-fab-filter-label', encapsulation: ViewEncapsulation.None, template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <div class=\"displayflex\">\r\n      <div class=\"filter-label\">\r\n        <span class=\"filter-label-name\">\r\n          {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n        </span>\r\n        <span class=\"filter-label-standard\" *ngIf=\"filter.standard != null && filter.standard != ''\"> ({{ filter.standard }})</span>\r\n        <span class=\"filter-label-asterix\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n        <ng-container *ngIf=\"TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) != ''\">\r\n          <span class=\"filter-label-tooltip\" matTooltip=\"{{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) }}\">\r\n            <mat-icon class=\"expand_less\">info</mat-icon>\r\n          </span>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf=\"!IsDisabled()\" class=\"filter-options\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label class=\"select-mat-label\">\r\n          </mat-label>\r\n          <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n            <ng-container *ngFor=\"let option of filter.options\">\r\n              <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n                <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                  <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                    &nbsp;\r\n                    &nbsp;\r\n                  </span>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                  <div class=\"filter-option-image-div\">\r\n                    <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                  </div>\r\n                </ng-container>\r\n                <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n                <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n              </mat-option>\r\n            </ng-container>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div *ngIf=\"IsDisabled()\" class=\"filter-option-selected\">\r\n        <ng-container *ngFor=\"let option of filter.options\">\r\n          <ng-container *ngIf=\"!option.hidden\">\r\n            <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n              <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                &nbsp;\r\n                &nbsp;\r\n              </span>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n              <div class=\"filter-option-image-div\">\r\n                <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n              </div>\r\n            </ng-container>\r\n            <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n            <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n          </ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n    <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-filter-label .select-mat-label:first-letter{text-transform:capitalize}app-fab-filter-label .mat-select-min-line:first-letter{text-transform:capitalize}app-fab-filter-label .description-block{padding-bottom:15px;font-size:12px}app-fab-filter-label .row{display:flex;width:100%}app-fab-filter-label .full-width{width:100%}app-fab-filter-label .icon-position{margin-top:14px}app-fab-filter-label .select{flex:auto;width:100%}app-fab-filter-label .reset{cursor:pointer;font-size:26px}app-fab-filter-label .colour-preview-selected{padding:5px;margin-left:5px;margin-top:8px;border:1px solid #000}.colour-preview{padding:5px;border:1px solid #000;line-height:20px;margin:10px}.name-span{line-height:52px}.select-mat-option .mat-option-text:first-letter{text-transform:capitalize}.select-mat-option .mat-option-text{display:flex}.filter-label{width:50%}.filter-label-name{line-height:52px}.filter-options{width:50%}.filter-option-selected{width:50%;text-align:right}mat-option .filteroption-label-unit{line-height:52px;padding-left:5px}.displayflex{display:flex}.mat-select-disabled .mat-select-arrow{display:none}.mat-select-panel-wrap{top:15px;position:relative}.mat-select-panel{max-width:100%!important}.filter-option-image{max-width:40px;max-height:40px}.filter-option-image-div{max-height:40px;padding-right:4px}\n"] }]
         }], ctorParameters: function () { return [{ type: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { filter: [{
                 type: Input
             }], filterchanged: [{
@@ -17459,11 +17416,11 @@ class FabFilterDisplayValueComponent {
         return "";
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterDisplayValueComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterDisplayValueComponent, selector: "app-fab-filter-display-value", inputs: { filter: "filter" }, ngImport: i0, template: "<div class=\"filter-display-div\">\n  <div class=\"filter-display-name\">\n    {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\n  </div>\n  <div *ngIf=\"!IsLoaded()\">\n    <mat-spinner [diameter]=\"20\"></mat-spinner>\n  </div>\n  <div *ngIf=\"IsLoaded()\" class=\"filter-display-value\">\n    {{ GetText() }}\n    <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\n  </div>\n</div>\n", styles: [".filter-display-div{display:flex}.filter-display-name{flex:auto}.filter-display-value{flex:auto;text-align:right}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterDisplayValueComponent, selector: "app-fab-filter-display-value", inputs: { filter: "filter" }, ngImport: i0, template: "<div class=\"filter-display-div\">\n  <div class=\"filter-display-name\">\n    {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\n    <ng-container *ngIf=\"TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) != ''\">\n      <span class=\"filter-label-tooltip\" matTooltip=\"{{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) }}\">\n        <mat-icon class=\"expand_less\">info</mat-icon>\n      </span>\n    </ng-container>\n  </div>\n  <div *ngIf=\"!IsLoaded()\">\n    <mat-spinner [diameter]=\"20\"></mat-spinner>\n  </div>\n  <div *ngIf=\"IsLoaded()\" class=\"filter-display-value\">\n    {{ GetText() }}\n    <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\n  </div>\n</div>\n", styles: [".filter-display-div{display:flex}.filter-display-name{flex:auto}.filter-display-value{flex:auto;text-align:right}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7$1.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterDisplayValueComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-filter-display-value', template: "<div class=\"filter-display-div\">\n  <div class=\"filter-display-name\">\n    {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\n  </div>\n  <div *ngIf=\"!IsLoaded()\">\n    <mat-spinner [diameter]=\"20\"></mat-spinner>\n  </div>\n  <div *ngIf=\"IsLoaded()\" class=\"filter-display-value\">\n    {{ GetText() }}\n    <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\n  </div>\n</div>\n", styles: [".filter-display-div{display:flex}.filter-display-name{flex:auto}.filter-display-value{flex:auto;text-align:right}\n"] }]
+            args: [{ selector: 'app-fab-filter-display-value', template: "<div class=\"filter-display-div\">\n  <div class=\"filter-display-name\">\n    {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\n    <ng-container *ngIf=\"TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) != ''\">\n      <span class=\"filter-label-tooltip\" matTooltip=\"{{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) }}\">\n        <mat-icon class=\"expand_less\">info</mat-icon>\n      </span>\n    </ng-container>\n  </div>\n  <div *ngIf=\"!IsLoaded()\">\n    <mat-spinner [diameter]=\"20\"></mat-spinner>\n  </div>\n  <div *ngIf=\"IsLoaded()\" class=\"filter-display-value\">\n    {{ GetText() }}\n    <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\n  </div>\n</div>\n", styles: [".filter-display-div{display:flex}.filter-display-name{flex:auto}.filter-display-value{flex:auto;text-align:right}\n"] }]
         }], ctorParameters: function () { return [{ type: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { filter: [{
                 type: Input
             }] } });
@@ -17599,11 +17556,11 @@ class FabCheckboxComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabCheckboxComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabCheckboxComponent, selector: "app-fab-checkbox", inputs: { filter: "filter" }, outputs: { filterchanged: "filterchanged" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <mat-checkbox [(ngModel)]=\"Checked\" (ngModelChange)=\"Changed()\">{{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}</mat-checkbox>\r\n    <!--<mat-form-field appearance=\"fill\" class=\"full-width\">\r\n    <mat-label class=\"select-mat-label filter-name\">\r\n      \r\n      <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n    </mat-label>\r\n    <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n      <ng-container *ngFor=\"let option of filter.options\">\r\n        <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n          <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n            <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n              &nbsp;\r\n              &nbsp;\r\n            </span>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n            <div class=\"filter-option-image-div\">\r\n              <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n            </div>\r\n          </ng-container>\r\n          <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n  </mat-form-field>-->\r\n  </div>\r\n</div>\r\n\r\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i9$1.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabCheckboxComponent, selector: "app-fab-checkbox", inputs: { filter: "filter" }, outputs: { filterchanged: "filterchanged" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <mat-checkbox [(ngModel)]=\"Checked\" (ngModelChange)=\"Changed()\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n      <ng-container *ngIf=\"TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) != ''\">\r\n        <span class=\"filter-label-tooltip\" matTooltip=\"{{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) }}\">\r\n          <mat-icon class=\"expand_less\">info</mat-icon>\r\n        </span>\r\n      </ng-container>\r\n    </mat-checkbox>\r\n    \r\n    <!--<mat-form-field appearance=\"fill\" class=\"full-width\">\r\n    <mat-label class=\"select-mat-label filter-name\">\r\n\r\n      <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n    </mat-label>\r\n    <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n      <ng-container *ngFor=\"let option of filter.options\">\r\n        <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n          <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n            <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n              &nbsp;\r\n              &nbsp;\r\n            </span>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n            <div class=\"filter-option-image-div\">\r\n              <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n            </div>\r\n          </ng-container>\r\n          <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n  </mat-form-field>-->\r\n  </div>\r\n</div>\r\n\r\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7$1.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9$1.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-checkbox', template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <mat-checkbox [(ngModel)]=\"Checked\" (ngModelChange)=\"Changed()\">{{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}</mat-checkbox>\r\n    <!--<mat-form-field appearance=\"fill\" class=\"full-width\">\r\n    <mat-label class=\"select-mat-label filter-name\">\r\n      \r\n      <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n    </mat-label>\r\n    <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n      <ng-container *ngFor=\"let option of filter.options\">\r\n        <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n          <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n            <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n              &nbsp;\r\n              &nbsp;\r\n            </span>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n            <div class=\"filter-option-image-div\">\r\n              <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n            </div>\r\n          </ng-container>\r\n          <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n  </mat-form-field>-->\r\n  </div>\r\n</div>\r\n\r\n" }]
+            args: [{ selector: 'app-fab-checkbox', template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <mat-checkbox [(ngModel)]=\"Checked\" (ngModelChange)=\"Changed()\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n      <ng-container *ngIf=\"TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) != ''\">\r\n        <span class=\"filter-label-tooltip\" matTooltip=\"{{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) }}\">\r\n          <mat-icon class=\"expand_less\">info</mat-icon>\r\n        </span>\r\n      </ng-container>\r\n    </mat-checkbox>\r\n    \r\n    <!--<mat-form-field appearance=\"fill\" class=\"full-width\">\r\n    <mat-label class=\"select-mat-label filter-name\">\r\n\r\n      <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n    </mat-label>\r\n    <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n      <ng-container *ngFor=\"let option of filter.options\">\r\n        <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n          <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n            <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n              &nbsp;\r\n              &nbsp;\r\n            </span>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n            <div class=\"filter-option-image-div\">\r\n              <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n            </div>\r\n          </ng-container>\r\n          <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n  </mat-form-field>-->\r\n  </div>\r\n</div>\r\n\r\n" }]
         }], ctorParameters: function () { return [{ type: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { filter: [{
                 type: Input
             }], filterchanged: [{
@@ -17671,11 +17628,11 @@ class FabFiltersInputComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFiltersInputComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFiltersInputComponent, selector: "fab-filters-input", ngImport: i0, template: "<div class=\"filter-view-margin\">\r\n  <div class=\"filter-view-header\">\r\n    <div class=\"filter-view-header-h1\">\r\n      <h1>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Filters) }}</h1>\r\n    </div>\r\n    <div class=\"filter-view-header-reset\" (click)=\"ResetAllFilters()\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ResetFilters) }}\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!ShowCategories()\">\r\n    <ng-container *ngFor=\"let inputviewmodel of FabrikantenService.FabrikantenViewModel.inputs\">\r\n      <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowAffectsOnlyBestek()\">\r\n      <div class=\"affects-only-bestek\">\r\n        <span><sup>1</sup></span>\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.AffectsOnlyBestek) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  \r\n  <div *ngIf=\"ShowCategories()\">\r\n    <mat-stepper orientation=\"vertical\" #stepper>\r\n      <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon>done</mat-icon>\r\n      </ng-template>\r\n      <mat-step *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\" [completed]=\"cat.completed\" [editable]=\"true\">\r\n        <ng-template matStepLabel>{{ cat.name }}</ng-template>\r\n\r\n        <ng-container *ngFor=\"let inputviewmodel of cat.inputs\">\r\n          <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n        </ng-container>\r\n      </mat-step>\r\n    </mat-stepper>\r\n  </div>\r\n</div>\r\n", styles: ["fab-filters-input .filter-view-header{display:flex}fab-filters-input .filter-view-header-h1{flex:auto;text-transform:capitalize}fab-filters-input .filter-view-margin{padding:10px}fab-filters-input .filter-view-header-reset{cursor:pointer}fab-filters-input .mat-vertical-content-container{padding-top:10px}fab-filters-input .mat-vertical-content{padding:0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i5$1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i5$1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i5$1.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: FabInputComponent, selector: "app-fab-input", inputs: ["input"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFiltersInputComponent, selector: "fab-filters-input", ngImport: i0, template: "<div class=\"filter-view-margin\">\r\n  <div class=\"filter-view-header\">\r\n    <div class=\"filter-view-header-h1\">\r\n      <h1>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Filters) }}</h1>\r\n    </div>\r\n    <div class=\"filter-view-header-reset\" (click)=\"ResetAllFilters()\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ResetFilters) }}\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!ShowCategories()\">\r\n    <ng-container *ngFor=\"let inputviewmodel of FabrikantenService.FabrikantenViewModel.inputs\">\r\n      <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowAffectsOnlyBestek()\">\r\n      <div class=\"affects-only-bestek\">\r\n        <span><sup>1</sup></span>\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.AffectsOnlyBestek) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  \r\n  <div *ngIf=\"ShowCategories()\">\r\n    <mat-stepper orientation=\"vertical\" #stepper>\r\n      <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon>done</mat-icon>\r\n      </ng-template>\r\n      <mat-step *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\" [completed]=\"cat.completed\" [editable]=\"true\">\r\n        <ng-template matStepLabel>\r\n          <div class=\"step-name-div\">\r\n            <div class=\"step-name-name\">\r\n              {{ TranslateService.GetActiveValue(TranslationCategory.FilterCategory, TranslationSubCategory.Name, cat.id) }}\r\n            </div>\r\n            <div class=\"step-name-icon\" *ngIf=\"cat.icon != null\">\r\n              <span class=\"helper\"></span>\r\n              <img [src]=\"cat.icon\" class=\"filter-category-icon\" />\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n        <ng-container *ngFor=\"let inputviewmodel of cat.inputs\">\r\n          <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n        </ng-container>\r\n      </mat-step>\r\n    </mat-stepper>\r\n  </div>\r\n</div>\r\n", styles: ["fab-filters-input .filter-view-header{display:flex}fab-filters-input .filter-view-header-h1{flex:auto;text-transform:capitalize}fab-filters-input .step-name-icon{height:54px;white-space:nowrap;text-align:center;margin:auto 0}fab-filters-input .step-name-div{width:100%}fab-filters-input .filter-category-icon{height:48px;vertical-align:middle}fab-filters-input .mat-step-text-label{width:100%}fab-filters-input .mat-step-label{width:100%}fab-filters-input .step-name-name{line-height:56px}fab-filters-input .helper{display:inline-block;height:100%;vertical-align:middle}fab-filters-input .filter-view-margin{padding:10px}fab-filters-input .filter-view-header-reset{cursor:pointer}fab-filters-input .mat-vertical-content-container{padding-top:10px}fab-filters-input .mat-vertical-content{padding:0}fab-filters-input .step-name-div{display:flex}fab-filters-input .step-name-name{flex:auto}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i5$1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i5$1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i5$1.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: FabInputComponent, selector: "app-fab-input", inputs: ["input"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFiltersInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fab-filters-input', encapsulation: ViewEncapsulation.None, template: "<div class=\"filter-view-margin\">\r\n  <div class=\"filter-view-header\">\r\n    <div class=\"filter-view-header-h1\">\r\n      <h1>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Filters) }}</h1>\r\n    </div>\r\n    <div class=\"filter-view-header-reset\" (click)=\"ResetAllFilters()\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ResetFilters) }}\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!ShowCategories()\">\r\n    <ng-container *ngFor=\"let inputviewmodel of FabrikantenService.FabrikantenViewModel.inputs\">\r\n      <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowAffectsOnlyBestek()\">\r\n      <div class=\"affects-only-bestek\">\r\n        <span><sup>1</sup></span>\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.AffectsOnlyBestek) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  \r\n  <div *ngIf=\"ShowCategories()\">\r\n    <mat-stepper orientation=\"vertical\" #stepper>\r\n      <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon>done</mat-icon>\r\n      </ng-template>\r\n      <mat-step *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\" [completed]=\"cat.completed\" [editable]=\"true\">\r\n        <ng-template matStepLabel>{{ cat.name }}</ng-template>\r\n\r\n        <ng-container *ngFor=\"let inputviewmodel of cat.inputs\">\r\n          <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n        </ng-container>\r\n      </mat-step>\r\n    </mat-stepper>\r\n  </div>\r\n</div>\r\n", styles: ["fab-filters-input .filter-view-header{display:flex}fab-filters-input .filter-view-header-h1{flex:auto;text-transform:capitalize}fab-filters-input .filter-view-margin{padding:10px}fab-filters-input .filter-view-header-reset{cursor:pointer}fab-filters-input .mat-vertical-content-container{padding-top:10px}fab-filters-input .mat-vertical-content{padding:0}\n"] }]
+            args: [{ selector: 'fab-filters-input', encapsulation: ViewEncapsulation.None, template: "<div class=\"filter-view-margin\">\r\n  <div class=\"filter-view-header\">\r\n    <div class=\"filter-view-header-h1\">\r\n      <h1>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Filters) }}</h1>\r\n    </div>\r\n    <div class=\"filter-view-header-reset\" (click)=\"ResetAllFilters()\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ResetFilters) }}\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!ShowCategories()\">\r\n    <ng-container *ngFor=\"let inputviewmodel of FabrikantenService.FabrikantenViewModel.inputs\">\r\n      <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowAffectsOnlyBestek()\">\r\n      <div class=\"affects-only-bestek\">\r\n        <span><sup>1</sup></span>\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.AffectsOnlyBestek) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  \r\n  <div *ngIf=\"ShowCategories()\">\r\n    <mat-stepper orientation=\"vertical\" #stepper>\r\n      <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon>done</mat-icon>\r\n      </ng-template>\r\n      <mat-step *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\" [completed]=\"cat.completed\" [editable]=\"true\">\r\n        <ng-template matStepLabel>\r\n          <div class=\"step-name-div\">\r\n            <div class=\"step-name-name\">\r\n              {{ TranslateService.GetActiveValue(TranslationCategory.FilterCategory, TranslationSubCategory.Name, cat.id) }}\r\n            </div>\r\n            <div class=\"step-name-icon\" *ngIf=\"cat.icon != null\">\r\n              <span class=\"helper\"></span>\r\n              <img [src]=\"cat.icon\" class=\"filter-category-icon\" />\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n        <ng-container *ngFor=\"let inputviewmodel of cat.inputs\">\r\n          <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n        </ng-container>\r\n      </mat-step>\r\n    </mat-stepper>\r\n  </div>\r\n</div>\r\n", styles: ["fab-filters-input .filter-view-header{display:flex}fab-filters-input .filter-view-header-h1{flex:auto;text-transform:capitalize}fab-filters-input .step-name-icon{height:54px;white-space:nowrap;text-align:center;margin:auto 0}fab-filters-input .step-name-div{width:100%}fab-filters-input .filter-category-icon{height:48px;vertical-align:middle}fab-filters-input .mat-step-text-label{width:100%}fab-filters-input .mat-step-label{width:100%}fab-filters-input .step-name-name{line-height:56px}fab-filters-input .helper{display:inline-block;height:100%;vertical-align:middle}fab-filters-input .filter-view-margin{padding:10px}fab-filters-input .filter-view-header-reset{cursor:pointer}fab-filters-input .mat-vertical-content-container{padding-top:10px}fab-filters-input .mat-vertical-content{padding:0}fab-filters-input .step-name-div{display:flex}fab-filters-input .step-name-name{flex:auto}\n"] }]
         }], ctorParameters: function () { return [{ type: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }]; } });
 
 class FabBreadcrumbComponent {
@@ -17745,7 +17702,7 @@ class FabBreadcrumbComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabBreadcrumbComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header\" *ngIf=\"ShowHeader()\" [ngClass]=\"{'tinybutton': this.MobileService.MobileInterfaceTiny}\">\r\n  <div *ngIf=\"ShowBack() && !HideBreadcrumb()\">\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(TranslationCategory.Common, TranslationSubCategory.Back) }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </div>\r\n  <ng-container *ngIf=\"!MobileService.MobileInterface && !HideBreadcrumb()\">\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.GetActiveValue(TranslationCategory.Category, TranslationSubCategory.Name, 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.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, 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          {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.FilterMenu) }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n    <div class=\"flexauto\">\r\n\r\n    </div>\r\n    <button class=\"open-filters-button buttonsize\" *ngIf=\"FabrikantenService.ShowActionMenu()\" mat-stroked-button (click)=\"MobileService.OpenAction()\">\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          {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ActionMenu) }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton && this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null && !HideBreadcrumb()\">\r\n  <div class=\"paddingleft step center\" (click)=\"Back()\">\r\n    {{ TranslateService.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n  </div>\r\n</ng-container>\r\n", styles: ["app-fab-breadcrumb .header{display:flex;padding:4px}app-fab-breadcrumb .center{text-align:center}app-fab-breadcrumb .tinybutton{padding:1px!important}app-fab-breadcrumb .tinybutton .header-title{text-transform:capitalize;font-size:12px!important;line-height:26px!important}app-fab-breadcrumb .tinybutton .mat-stroked-button{padding:0 8px!important}app-fab-breadcrumb .buttonsize{height:40px;line-height:25px}app-fab-breadcrumb .flexauto{flex:auto}app-fab-breadcrumb .fullwidth{width:100%}app-fab-breadcrumb .paddingleft{padding-left:5px}app-fab-breadcrumb .displayflex{display:flex}app-fab-breadcrumb .header-back{cursor:pointer}app-fab-breadcrumb .product-conf{padding-left:5px}app-fab-breadcrumb .open-filters-button{margin-left:5px}app-fab-breadcrumb .title{text-transform:capitalize;line-height:35px;font-size:30px;flex:auto;padding-left:5px}app-fab-breadcrumb .icon{position:relative;top:2px}app-fab-breadcrumb .header-title{text-transform:capitalize;font-size:16px;position:relative;top:2px;margin-left:3px}app-fab-breadcrumb .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}app-fab-breadcrumb .step:first-letter{text-transform:capitalize}app-fab-breadcrumb .step:hover{text-decoration:underline}app-fab-breadcrumb .stepicon{padding-top:7px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header\" *ngIf=\"ShowHeader()\" [ngClass]=\"{'tinybutton': this.MobileService.MobileInterfaceTiny}\">\r\n  <div *ngIf=\"ShowBack() && !HideBreadcrumb()\">\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(TranslationCategory.Common, TranslationSubCategory.Back) }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </div>\r\n  <ng-container *ngIf=\"!MobileService.MobileInterface && !HideBreadcrumb()\">\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.GetActiveValue(TranslationCategory.Category, TranslationSubCategory.Name, 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.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, 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          {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.FilterMenu) }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n    <div class=\"flexauto\">\r\n\r\n    </div>\r\n    <button class=\"open-filters-button buttonsize\" *ngIf=\"FabrikantenService.ShowActionMenu()\" mat-stroked-button (click)=\"MobileService.OpenAction()\">\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          {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ActionMenu) }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton && this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null && !HideBreadcrumb()\">\r\n  <div class=\"paddingleft step center\" (click)=\"Back()\">\r\n    {{ TranslateService.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n  </div>\r\n</ng-container>\r\n", styles: ["app-fab-breadcrumb .header{display:flex;padding:4px}app-fab-breadcrumb .center{text-align:center}app-fab-breadcrumb .tinybutton{padding:1px!important}app-fab-breadcrumb .tinybutton .header-title{text-transform:capitalize;font-size:12px!important;line-height:26px!important}app-fab-breadcrumb .tinybutton .mat-stroked-button{padding:0 8px!important}app-fab-breadcrumb .buttonsize{height:40px;line-height:25px}app-fab-breadcrumb .flexauto{flex:auto}app-fab-breadcrumb .fullwidth{width:100%}app-fab-breadcrumb .paddingleft{padding-left:5px}app-fab-breadcrumb .displayflex{display:flex}app-fab-breadcrumb .header-back{cursor:pointer}app-fab-breadcrumb .product-conf{padding-left:5px}app-fab-breadcrumb .open-filters-button{margin-left:5px}app-fab-breadcrumb .title{text-transform:capitalize;line-height:35px;font-size:30px;flex:auto;padding-left:5px}app-fab-breadcrumb .icon{position:relative;top:2px}app-fab-breadcrumb .header-title{text-transform:capitalize;font-size:16px;position:relative;top:2px;margin-left:3px}app-fab-breadcrumb .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}app-fab-breadcrumb .step:first-letter{text-transform:capitalize}app-fab-breadcrumb .step:hover{text-decoration:underline}app-fab-breadcrumb .stepicon{padding-top:7px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatLegacyButton, 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$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabBreadcrumbComponent, decorators: [{
             type: Component,
@@ -17926,7 +17883,7 @@ class FabWebglViewerComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabWebglViewerComponent, deps: [{ token: FabrikantenService }, { token: WebGLService }, { token: TranslateService }, { token: MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabWebglViewerComponent, selector: "app-fab-webgl-viewer", viewQueries: [{ propertyName: "viewercontainer", first: true, predicate: ["viewercontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n    <div #viewercontainer class=\"viewer-container\">\r\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n    </div>\r\n\r\n    <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabWebglViewerComponent, selector: "app-fab-webgl-viewer", viewQueries: [{ propertyName: "viewercontainer", first: true, predicate: ["viewercontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n    <div #viewercontainer class=\"viewer-container\">\r\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n    </div>\r\n\r\n    <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabWebglViewerComponent, decorators: [{
             type: Component,
@@ -17988,7 +17945,7 @@ class FabSvgViewerComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabSvgViewerComponent, deps: [{ token: FabrikantenService }, { token: SVGService }, { token: TranslateService }, { token: i4$1.DomSanitizer }, { token: MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabSvgViewerComponent, selector: "app-fab-svg-viewer", viewQueries: [{ propertyName: "svgcontainer", first: true, predicate: ["svgcontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  \r\n  <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\r\n    <div #svgcontainer class=\"svg-container\">\r\n      <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"this.SVGService.SafeURL\"></object>\r\n    </div>\r\n\r\n    <div class=\"svg-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'2D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabSvgViewerComponent, selector: "app-fab-svg-viewer", viewQueries: [{ propertyName: "svgcontainer", first: true, predicate: ["svgcontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  \r\n  <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\r\n    <div #svgcontainer class=\"svg-container\">\r\n      <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"this.SVGService.SafeURL\"></object>\r\n    </div>\r\n\r\n    <div class=\"svg-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'2D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabSvgViewerComponent, decorators: [{
             type: Component,
@@ -18026,7 +17983,7 @@ class FabTextureComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabTextureComponent, deps: [{ token: FabrikantenService }, { token: TextureService }, { token: TranslateService }, { token: MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabTextureComponent, selector: "app-fab-texture", ngImport: i0, template: "<div class=\"loader\" *ngIf=\"TextureService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div>\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowTexture()\" class=\"main-window flex-col\">\r\n    <div class=\"image-row\">\r\n      <div>\r\n        <div class=\"image-header\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.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(TranslationCategory.Common, TranslationSubCategory.Bumpmap) }}</div>\r\n        <a href=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" target=\"_blank\">\r\n          <img class=\"image\" src=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" />\r\n        </a>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"texture-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'Texture'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.image-row{display:flex;gap:30px;padding:30px;align-items:center;justify-content:center}.image-header{text-align:center;font-style:italic}.image{max-width:400px;max-height:calc(100vH - 190px)}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.texture-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.row-icon{align-items:center;display:flex}.row-title{flex:auto}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabTextureComponent, selector: "app-fab-texture", ngImport: i0, template: "<div class=\"loader\" *ngIf=\"TextureService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div>\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowTexture()\" class=\"main-window flex-col\">\r\n    <div class=\"image-row\">\r\n      <div>\r\n        <div class=\"image-header\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.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(TranslationCategory.Common, TranslationSubCategory.Bumpmap) }}</div>\r\n        <a href=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" target=\"_blank\">\r\n          <img class=\"image\" src=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" />\r\n        </a>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"texture-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'Texture'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.image-row{display:flex;gap:30px;padding:30px;align-items:center;justify-content:center}.image-header{text-align:center;font-style:italic}.image{max-width:400px;max-height:calc(100vH - 190px)}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.texture-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.row-icon{align-items:center;display:flex}.row-title{flex:auto}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabTextureComponent, decorators: [{
             type: Component,
@@ -18110,7 +18067,7 @@ class FabToebehorenComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabToebehorenComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: MobileService }, { token: i0.ChangeDetectorRef }, { token: ToebehorenService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div class=\"main-window\" *ngIf=\"!FabrikantenService.ShowVariants() && HasModel()\">\r\n    <div *ngIf=\"!FabrikantenService.HasToebehoren()\" class=\"message\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NoToebehoren) }}\r\n    </div>\r\n    <div class=\"main-window\" *ngIf=\"FabrikantenService.HasToebehoren()\">\r\n      <div *ngIf=\"(!ToebehorenService.Init && !ToebehorenService.Loading) || FabrikantenService.GetSelectedToebehoren() == null\" class=\"message\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SelectToebehoren) }}\r\n      </div>\r\n      <div class=\"flexauto\" *ngIf=\"ToebehorenService.Loading\">\r\n        <app-fab-loader></app-fab-loader>\r\n      </div>\r\n      <div class=\"main-window\" *ngIf=\"!ToebehorenService.Loading && ToebehorenService.Init && FabrikantenService.GetSelectedToebehoren() != null\">\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\" *ngIf=\"MobileService.ShowActionMenu() && FabrikantenService.HasToebehoren()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'Toebehoren'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div class=\"main-window\" *ngIf=\"!FabrikantenService.ShowVariants() && HasModel()\">\r\n    <div *ngIf=\"!FabrikantenService.HasToebehoren()\" class=\"message\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NoToebehoren) }}\r\n    </div>\r\n    <div class=\"main-window\" *ngIf=\"FabrikantenService.HasToebehoren()\">\r\n      <div *ngIf=\"(!ToebehorenService.Init && !ToebehorenService.Loading) || FabrikantenService.GetSelectedToebehoren() == null\" class=\"message\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SelectToebehoren) }}\r\n      </div>\r\n      <div class=\"flexauto\" *ngIf=\"ToebehorenService.Loading\">\r\n        <app-fab-loader></app-fab-loader>\r\n      </div>\r\n      <div class=\"main-window\" *ngIf=\"!ToebehorenService.Loading && ToebehorenService.Init && FabrikantenService.GetSelectedToebehoren() != null\">\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\" *ngIf=\"MobileService.ShowActionMenu() && FabrikantenService.HasToebehoren()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'Toebehoren'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabToebehorenComponent, decorators: [{
             type: Component,
@@ -18201,7 +18158,7 @@ class FabProductComponent {
         return "calc(100% - " + height + "px)";
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", 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 });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.Loaded\">\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 mode=\"over\" position=\"end\" [(opened)]=\"MobileService.ActionOpened\">\r\n    <div class=\"actionwrapper\">\r\n      <app-fab-actionmenu [display]=\"FabrikantenService.SelectedTab\"></app-fab-actionmenu>\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    <ng-container *ngIf=\"FabrikantenService.ShowRequired()\">\r\n      <div class=\"required-div\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NotAllRequiredFilled) }}</div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"!FabrikantenService.ShowRequired()\">\r\n      <div [style.height]=\"Height\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n        <mat-tab-group class=\"view-container\" [selectedIndex]=\"FabrikantenService.SelectedTabIndex\" (selectedTabChange)=\"SelectedTabChange($event)\">\r\n          <mat-tab label=\"Informatie\" *ngIf=\"ShowInformation()\">\r\n            <ng-template mat-tab-label>\r\n              <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.TabInformation) }}</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(TranslationCategory.Common, TranslationSubCategory.Tab3D) }}</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(TranslationCategory.Common, TranslationSubCategory.Tab2D) }}</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(TranslationCategory.Common, TranslationSubCategory.TabSpecification) }}</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(TranslationCategory.Common, TranslationSubCategory.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(TranslationCategory.Common, TranslationSubCategory.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    </ng-container>\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 .required-div{padding:40px}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 .actionwrapper{width:250px;padding:20px}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}app-fab-product .mat-drawer-inner-container{overflow-y:scroll}.mat-tab-body-wrapper{height:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i6$1.MatLegacyCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i9$2.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i9$2.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i9$2.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i10$1.MatLegacyTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i1$2.MatLegacyProgressSpinner, 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" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.Loaded\">\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 mode=\"over\" position=\"end\" [(opened)]=\"MobileService.ActionOpened\">\r\n    <div class=\"actionwrapper\">\r\n      <app-fab-actionmenu [display]=\"FabrikantenService.SelectedTab\"></app-fab-actionmenu>\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    <ng-container *ngIf=\"FabrikantenService.ShowRequired()\">\r\n      <div class=\"required-div\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NotAllRequiredFilled) }}</div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"!FabrikantenService.ShowRequired()\">\r\n      <div [style.height]=\"Height\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n        <mat-tab-group class=\"view-container\" [selectedIndex]=\"FabrikantenService.SelectedTabIndex\" (selectedTabChange)=\"SelectedTabChange($event)\">\r\n          <mat-tab label=\"Informatie\" *ngIf=\"ShowInformation()\">\r\n            <ng-template mat-tab-label>\r\n              <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.TabInformation) }}</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(TranslationCategory.Common, TranslationSubCategory.Tab3D) }}</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(TranslationCategory.Common, TranslationSubCategory.Tab2D) }}</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(TranslationCategory.Common, TranslationSubCategory.TabSpecification) }}</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(TranslationCategory.Common, TranslationSubCategory.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(TranslationCategory.Common, TranslationSubCategory.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    </ng-container>\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 .required-div{padding:40px}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 .actionwrapper{width:250px;padding:20px}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}app-fab-product .mat-drawer-inner-container{overflow-y:scroll}.mat-tab-body-wrapper{height:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i6$2.MatLegacyCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i9$2.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i9$2.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i9$2.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i10$1.MatLegacyTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i6.MatLegacyProgressSpinner, 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" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductComponent, decorators: [{
             type: Component,
@@ -18264,7 +18221,7 @@ class FabProductTileComponent {
         return this.sanitization.bypassSecurityTrustStyle('url(\'' + this.GetPhoto() + '\')');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductTileComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: PhotoService }, { token: i4$1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, product.id) }}\r\n  </mat-card-title>\r\n  <!--<mat-card-subtitle *ngIf=\"TranslateService.GetActiveValueProductDescription(product.id) != null && TranslateService.GetActiveValueProductDescription(product.id) != ''\">\r\n  \r\n  </mat-card-subtitle>-->\r\n</mat-card>\r\n\r\n\r\n", styles: [".tile{margin:5px;width:150px;height:250px;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border:1px solid #EEE}.tile:hover{border:1px solid #000}.tile:hover .title{text-decoration:underline}.title:first-letter{text-transform:uppercase}.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: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, product.id) }}\r\n  </mat-card-title>\r\n  <!--<mat-card-subtitle *ngIf=\"TranslateService.GetActiveValueProductDescription(product.id) != null && TranslateService.GetActiveValueProductDescription(product.id) != ''\">\r\n  \r\n  </mat-card-subtitle>-->\r\n</mat-card>\r\n\r\n\r\n", styles: [".tile{margin:5px;width:150px;height:250px;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border:1px solid #EEE}.tile:hover{border:1px solid #000}.tile:hover .title{text-decoration:underline}.title:first-letter{text-transform:uppercase}.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: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductTileComponent, decorators: [{
             type: Component,
@@ -18323,7 +18280,7 @@ class FabProductSelectComponent {
         return "calc(100% - " + height + "px)";
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductSelectComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: BestekService }, { token: TranslateService }, { token: i1$1.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\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(TranslationCategory.Common, TranslationSubCategory.ProductSelection) }}</h1>\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionInfo) }}\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionBlocked) }}\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: ["app-fab-product-select .main-window{display:flex;flex-flow:row wrap;overflow:auto}app-fab-product-select .subtitle{margin-bottom:10px}app-fab-product-select .subtitle:first-letter{text-transform:uppercase}app-fab-product-select .title:first-letter{text-transform:uppercase}app-fab-product-select .header{padding:4px}app-fab-product-select .row{display:flex}app-fab-product-select .loader-card{margin:auto;width:300px}app-fab-product-select .loader-subtitle{text-align:center}app-fab-product-select .loader-spinner{margin:auto}app-fab-product-select .view-container{height:100%}app-fab-product-select .view-content{background-color:#fff}app-fab-product-select .loader{position:absolute;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product-select .filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}app-fab-product-select .product-view{flex:auto}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i6$1.MatLegacyCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i9$2.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i9$2.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i9$2.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i1$2.MatLegacyProgressSpinner, 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"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\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(TranslationCategory.Common, TranslationSubCategory.ProductSelection) }}</h1>\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionInfo) }}\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionBlocked) }}\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: ["app-fab-product-select .main-window{display:flex;flex-flow:row wrap;overflow:auto}app-fab-product-select .subtitle{margin-bottom:10px}app-fab-product-select .subtitle:first-letter{text-transform:uppercase}app-fab-product-select .title:first-letter{text-transform:uppercase}app-fab-product-select .header{padding:4px}app-fab-product-select .row{display:flex}app-fab-product-select .loader-card{margin:auto;width:300px}app-fab-product-select .loader-subtitle{text-align:center}app-fab-product-select .loader-spinner{margin:auto}app-fab-product-select .view-container{height:100%}app-fab-product-select .view-content{background-color:#fff}app-fab-product-select .loader{position:absolute;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product-select .filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}app-fab-product-select .product-view{flex:auto}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i6$2.MatLegacyCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i9$2.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i9$2.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i9$2.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i6.MatLegacyProgressSpinner, 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"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductSelectComponent, decorators: [{
             type: Component,
@@ -18383,7 +18340,7 @@ class BeheerConnectCategoryDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerConnectCategoryDialogComponent, deps: [{ token: i3$1.MatLegacyDialogRef }, { token: MAT_LEGACY_DIALOG_DATA }, { token: CategoriesApiClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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: i10$1.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$1.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerConnectCategoryDialogComponent, decorators: [{
             type: Component,
@@ -18505,7 +18462,7 @@ class BeheerEboKoppelComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerEboKoppelComponent, deps: [{ token: EBOKoppelApiClient }, { token: ImportSetsService }, { token: i3$1.MatLegacyDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerEboKoppelComponent, selector: "app-beheer-ebo-koppel", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\" class=\"loader\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div 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\" (click)=\"lastopened = type.type;\" [expanded]=\"lastopened === type.type\">\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}.loader{position:fixed;width:100%;z-index:100;background-color:#fffa;height:100%;top:0}.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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, 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.MatLegacyButton, 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$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerEboKoppelComponent, selector: "app-beheer-ebo-koppel", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\" class=\"loader\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div 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\" (click)=\"lastopened = type.type;\" [expanded]=\"lastopened === type.type\">\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}.loader{position:fixed;width:100%;z-index:100;background-color:#fffa;height:100%;top:0}.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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, 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: "16.0.1", ngImport: i0, type: BeheerEboKoppelComponent, decorators: [{
             type: Component,
@@ -18544,7 +18501,7 @@ class BeheerCategoriesComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerCategoriesComponent, deps: [{ token: CategoriesApiClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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\">\n              <div style=\"display: flex;\">\n                {{ categorie.name }}\n                <div style=\"flex: auto;\"></div>\n                <button mat-raised-button (click)=\"Clear(categorie)\">\n                  Clear\n                </button>\n              </div>\n            </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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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\">\n              <div style=\"display: flex;\">\n                {{ categorie.name }}\n                <div style=\"flex: auto;\"></div>\n                <button mat-raised-button (click)=\"Clear(categorie)\">\n                  Clear\n                </button>\n              </div>\n            </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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, 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: "16.0.1", ngImport: i0, type: BeheerCategoriesComponent, decorators: [{
             type: Component,
@@ -18566,7 +18523,7 @@ class FabStartComponent {
         this.FabrikantenService.LoadFabrikantenViewModel(this.ChangeDetectorRef);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabStartComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i1$2.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabStartComponent, decorators: [{
             type: Component,
@@ -18610,7 +18567,7 @@ class FabCategoryTileComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabCategoryTileComponent, deps: [{ token: FabrikantenService }, { token: i4$1.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabCategoryTileComponent, selector: "fab-category-tile", inputs: { category: "category" }, ngImport: i0, template: "<mat-card *ngIf=\"!DisplayNoPhoto()\" class=\"tile\" (click)=\"Select()\" [style.backgroundImage]=\"getSafeUrl()\">\r\n  <mat-card-title class=\"title\">\r\n    {{ TranslateService.GetActiveValue(TranslationCategory.Category, TranslationSubCategory.Name, category.id) }}\r\n  </mat-card-title>\r\n  <!--<mat-card-subtitle *ngIf=\"TranslateService.GetActiveValueCategoryDescription(category.id) != null && TranslateService.GetActiveValueCategoryDescription(category.id) != ''\">\r\n    {{ TranslateService.GetActiveValueCategoryDescription(category.id) }}\r\n  </mat-card-subtitle>-->\r\n</mat-card>\r\n<mat-card *ngIf=\"DisplayNoPhoto()\" class=\"tile no-photo\" (click)=\"Select()\">\r\n  <mat-card-title class=\"title\">\r\n    {{ TranslateService.GetActiveValue(TranslationCategory.Category, TranslationSubCategory.Name, category.id) }}\r\n  </mat-card-title>\r\n  <!--<mat-card-subtitle *ngIf=\"TranslateService.GetActiveValueCategoryDescription(category.id) != null && TranslateService.GetActiveValueCategoryDescription(category.id) != ''\">\r\n    {{ TranslateService.GetActiveValueCategoryDescription(category.id) }}\r\n  </mat-card-subtitle>-->\r\n</mat-card>\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}.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:first-letter{text-transform:uppercase}.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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabCategoryTileComponent, selector: "fab-category-tile", inputs: { category: "category" }, ngImport: i0, template: "<mat-card *ngIf=\"!DisplayNoPhoto()\" class=\"tile\" (click)=\"Select()\" [style.backgroundImage]=\"getSafeUrl()\">\r\n  <mat-card-title class=\"title\">\r\n    {{ TranslateService.GetActiveValue(TranslationCategory.Category, TranslationSubCategory.Name, category.id) }}\r\n  </mat-card-title>\r\n  <!--<mat-card-subtitle *ngIf=\"TranslateService.GetActiveValueCategoryDescription(category.id) != null && TranslateService.GetActiveValueCategoryDescription(category.id) != ''\">\r\n    {{ TranslateService.GetActiveValueCategoryDescription(category.id) }}\r\n  </mat-card-subtitle>-->\r\n</mat-card>\r\n<mat-card *ngIf=\"DisplayNoPhoto()\" class=\"tile no-photo\" (click)=\"Select()\">\r\n  <mat-card-title class=\"title\">\r\n    {{ TranslateService.GetActiveValue(TranslationCategory.Category, TranslationSubCategory.Name, category.id) }}\r\n  </mat-card-title>\r\n  <!--<mat-card-subtitle *ngIf=\"TranslateService.GetActiveValueCategoryDescription(category.id) != null && TranslateService.GetActiveValueCategoryDescription(category.id) != ''\">\r\n    {{ TranslateService.GetActiveValueCategoryDescription(category.id) }}\r\n  </mat-card-subtitle>-->\r\n</mat-card>\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}.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:first-letter{text-transform:uppercase}.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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabCategoryTileComponent, decorators: [{
             type: Component,
@@ -18740,6 +18697,7 @@ class BeheerTranslateComponent {
         this.ActiveSubs = new Array();
         var startIndex = this.pageIndex * this.amountPerPage;
         var endIndex = (this.pageIndex + 1) * this.amountPerPage;
+        var itemsadded = 0;
         if (this.SelectedBeheerLanguagesCategoryViewModel != null) {
             var subcats = this.SelectedBeheerLanguagesCategoryViewModel.subCategories;
             if (subcats != null) {
@@ -18748,13 +18706,14 @@ class BeheerTranslateComponent {
                     if (keys != null) {
                         var subcat = null;
                         for (var j = 0; j < keys.length; j++) {
-                            if (this.amountLength >= startIndex && this.amountLength < endIndex) {
+                            if (this.amountLength >= startIndex && this.amountLength < endIndex && itemsadded < this.amountPerPage) {
                                 if (subcat == null) {
                                     subcat = new BeheerLanguagesSubCategoryViewModel();
                                     subcat.translationSubCategory = subcats[i].translationSubCategory;
                                     subcat.html = subcats[i].html;
                                     subcat.keys = new Array();
                                     this.ActiveSubs.push(subcat);
+                                    itemsadded++;
                                 }
                                 if (subcat?.keys != null) {
                                     subcat.keys.push(keys[j]);
@@ -18763,38 +18722,39 @@ class BeheerTranslateComponent {
                             this.amountLength++;
                         }
                     }
-                    var filters = subcats[i].filters;
-                    if (filters != null) {
-                        var subcat = null;
-                        for (var j = 0; j < filters.length; j++) {
-                            var options = filters[j].options;
-                            var filtermodel = null;
-                            if (options != null) {
-                                for (var o = 0; o < options.length; o++) {
-                                    if (this.amountLength >= startIndex && this.amountLength < endIndex) {
-                                        if (subcat == null) {
-                                            subcat = new BeheerLanguagesSubCategoryViewModel();
-                                            subcat.translationSubCategory = subcats[i].translationSubCategory;
-                                            subcat.html = subcats[i].html;
-                                            subcat.keys = new Array();
-                                            subcat.filters = new Array();
-                                            this.ActiveSubs.push(subcat);
-                                        }
-                                        if (subcat?.filters != null && filtermodel == null) {
-                                            this.amountLength++;
-                                            filtermodel = new BeheerLanguagesFilterViewModel(filters[j]);
-                                            filtermodel.options = new Array();
-                                            subcat.filters.push(filtermodel);
-                                        }
-                                        if (filtermodel?.options != null) {
-                                            filtermodel.options.push(options[o]);
-                                        }
-                                    }
-                                    this.amountLength++;
-                                }
-                            }
-                        }
-                    }
+                    //var filters = subcats[i].filters;
+                    //if (filters != null) {
+                    //  var subcat: BeheerLanguagesSubCategoryViewModel | null = null;
+                    //  for (var j = 0; j < filters.length; j++) {
+                    //    var options = filters[j].options;
+                    //    var filtermodel: BeheerLanguagesFilterViewModel | null = null;
+                    //    if (options != null) {
+                    //      for (var o = 0; o < options.length; o++) {
+                    //        if (this.amountLength >= startIndex && this.amountLength < endIndex && itemsadded < this.amountPerPage) {
+                    //          if (subcat == null) {
+                    //            subcat = new BeheerLanguagesSubCategoryViewModel();
+                    //            subcat.translationSubCategory = subcats[i].translationSubCategory;
+                    //            subcat.html = subcats[i].html;
+                    //            subcat.keys = new Array<BeheerLanguagesKeyViewModel>();
+                    //            subcat.filters = new Array<BeheerLanguagesFilterViewModel>();
+                    //            this.ActiveSubs.push(subcat);
+                    //          }
+                    //          if (subcat?.filters != null && filtermodel == null) {
+                    //            filtermodel = new BeheerLanguagesFilterViewModel(filters[j]);
+                    //            filtermodel.options = new Array<BeheerLanguagesKeyViewModel>();
+                    //            subcat.filters.push(filtermodel);
+                    //            itemsadded++;
+                    //          }
+                    //          if (filtermodel?.options != null) {
+                    //            filtermodel.options.push(options[o]);
+                    //            itemsadded++;
+                    //          }
+                    //        }
+                    //        this.amountLength++;
+                    //      }
+                    //    }
+                    //  }
+                    //}
                 }
             }
         }
@@ -18930,11 +18890,11 @@ class BeheerTranslateComponent {
         return count;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerTranslateComponent, deps: [{ token: TranslateApiClient }, { token: AuthenticationService }, { token: i3$3.MatLegacySnackBar }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerTranslateComponent, selector: "app-beheer-translate", viewQueries: [{ propertyName: "tablediv", first: true, predicate: ["tablediv"], descendants: true }], ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <div class=\"displayflex\" #tablediv (window:resize)=\"onResize($event)\">\r\n    <div>\r\n      <mat-card class=\"main-bar\">\r\n        <mat-card-content>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Group</mat-label>\r\n            <mat-select [(ngModel)]=\"SelectedBeheerLanguagesCategoryViewModel\" (selectionChange)=\"this.pageIndex = 0; Resize()\">\r\n              <mat-option *ngFor=\"let cat of BeheerLanguagesViewModel.categories\" [value]=\"cat\">\r\n                {{ TranslationCategory[cat.translationCategory] }}\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          <div *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n            <mat-checkbox [(ngModel)]=\"language.selected\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </mat-checkbox>\r\n          </div>\r\n\r\n          <br /><br />\r\n          <button mat-raised-button (click)=\"Save()\" class=\"save-button\" [disabled]=\"!OpenChanges\">\r\n            Save\r\n          </button>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <mat-card class=\"main-bar flexauto\">\r\n      <mat-card-content>\r\n        <div class=\"max-height\">\r\n\r\n          <div *ngIf=\"SelectedBeheerLanguagesCategoryViewModel != null\">\r\n            <h1>{{ TranslationCategory[SelectedBeheerLanguagesCategoryViewModel.translationCategory] }}</h1>\r\n\r\n            <table class=\"full-width\">\r\n              <tr>\r\n                <td *ngIf=\"!IsHTML()\" colspan=\"2\" class=\"cat-row\"></td>\r\n                <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                  <td class=\"cat-row\" *ngIf=\"language.selected\">\r\n                    <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n                  </td>\r\n                </ng-container>\r\n              </tr>\r\n\r\n              <ng-container *ngIf=\"IsHTML()\">\r\n                <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n                  <ng-container *ngFor=\"let key of subcat.keys\">\r\n                    <tr>\r\n                      <td [attr.colspan]=\"GetLanguageCount()\">\r\n                        {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                        <ng-container *ngIf=\"key.text != ''\">\r\n                          ({{ key.text }})\r\n                        </ng-container>\r\n                      </td>\r\n                    </tr>\r\n                    <tr>\r\n                      <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n                        <td *ngIf=\"language.selected\" [style.width]=\"'50%'\">\r\n                          <div>\r\n                            <angular-editor [config]=\"editorConfig\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (ngModelChange)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n                            </angular-editor>\r\n                          </div>\r\n                        </td>\r\n                      </ng-container>\r\n                    </tr>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"!IsHTML()\">\r\n                <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n                  <tr *ngFor=\"let key of subcat.keys\">\r\n                    <td>\r\n                      {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                      <ng-container *ngIf=\"key.text != ''\">\r\n                        ({{ key.text }})\r\n                      </ng-container>\r\n                    </td>\r\n                    <td></td>\r\n                    <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n                      <td *ngIf=\"language.selected\">\r\n                        <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n                          <mat-label>\r\n                            Translation\r\n                          </mat-label>\r\n                          <input matInput type=\"text\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n                        </mat-form-field>\r\n                      </td>\r\n                    </ng-container>\r\n                  </tr>\r\n                  <ng-container *ngFor=\"let filter of subcat.filters\">\r\n                    <tr>\r\n                      <td>\r\n                        {{ filter.filter.text }}\r\n                      </td>\r\n                      <td></td>\r\n                      <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                        <td *ngIf=\"language.selected\">\r\n                          <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n                            <mat-label>\r\n                              Translation\r\n                            </mat-label>\r\n                            <input matInput type=\"text\" [(ngModel)]=\"GetEntry(filter.filter.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(filter.filter.entries, language))\">\r\n                          </mat-form-field>\r\n                        </td>\r\n                      </ng-container>\r\n                    </tr>\r\n                    <ng-container *ngFor=\"let option of filter.options\">\r\n                      <tr>\r\n                        <td>\r\n                          <ul>\r\n                            <li>{{ option.text }}</li>\r\n                          </ul>\r\n                        </td>\r\n                        <td></td>\r\n                        <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                          <td *ngIf=\"language.selected\">\r\n                            <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n                              <mat-label>\r\n                                Translation\r\n                              </mat-label>\r\n                              <input matInput type=\"text\" [(ngModel)]=\"GetEntry(option.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(option.entries, language))\">\r\n                            </mat-form-field>\r\n                          </td>\r\n                        </ng-container>\r\n                      </tr>\r\n                    </ng-container>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <mat-paginator #paginator\r\n                         (page)=\"handlePageEvent($event)\"\r\n                         [length]=\"amountLength\"\r\n                         [pageSize]=\"amountPerPage\"\r\n                         [showFirstLastButtons]=\"true\"\r\n                         [hidePageSize]=\"true\"\r\n                         [pageIndex]=\"pageIndex\"\r\n                         aria-label=\"Select page\">\r\n          </mat-paginator>\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n  </div>\r\n</div>\r\n", styles: [".mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#aaa!important}snack-bar-container .mat-button-wrapper{color:#aaa}app-beheer-translate .mat-form-field-wrapper{margin-bottom:-16px}app-beheer-translate .cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}app-beheer-translate .save-button{width:100%}app-beheer-translate .displayflex{display:flex}app-beheer-translate .flexauto{flex:auto}app-beheer-translate .max-height{height:calc(100vH - 174px);overflow:auto}app-beheer-translate .fullwidth{width:100%}app-beheer-translate .main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}app-beheer-translate .main-bar{margin:20px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$2.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i11.MatLegacyPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i9$1.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, 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"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: BeheerTranslateComponent, selector: "app-beheer-translate", viewQueries: [{ propertyName: "tablediv", first: true, predicate: ["tablediv"], descendants: true }], ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <div class=\"displayflex\" #tablediv (window:resize)=\"onResize($event)\">\r\n    <div>\r\n      <mat-card class=\"main-bar\">\r\n        <mat-card-content>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Group</mat-label>\r\n            <mat-select [(ngModel)]=\"SelectedBeheerLanguagesCategoryViewModel\" (selectionChange)=\"this.pageIndex = 0; RefreshPaginator(); Resize();\">\r\n              <mat-option *ngFor=\"let cat of BeheerLanguagesViewModel.categories\" [value]=\"cat\">\r\n                {{ TranslationCategory[cat.translationCategory] }}\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          <div *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n            <mat-checkbox [(ngModel)]=\"language.selected\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </mat-checkbox>\r\n          </div>\r\n\r\n          <br /><br />\r\n          <button mat-raised-button (click)=\"Save()\" class=\"save-button\" [disabled]=\"!OpenChanges\">\r\n            Save\r\n          </button>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <mat-card class=\"main-bar flexauto\">\r\n      <mat-card-content>\r\n        <div class=\"max-height\">\r\n\r\n          <div *ngIf=\"SelectedBeheerLanguagesCategoryViewModel != null\">\r\n            <h1>{{ TranslationCategory[SelectedBeheerLanguagesCategoryViewModel.translationCategory] }}</h1>\r\n\r\n            <table class=\"full-width\">\r\n              <tr>\r\n                <td *ngIf=\"!IsHTML()\" colspan=\"2\" class=\"cat-row\"></td>\r\n                <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                  <td class=\"cat-row\" *ngIf=\"language.selected\">\r\n                    <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n                  </td>\r\n                </ng-container>\r\n              </tr>\r\n\r\n              <ng-container *ngIf=\"IsHTML()\">\r\n                <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n                  <ng-container *ngFor=\"let key of subcat.keys\">\r\n                    <tr>\r\n                      <td [attr.colspan]=\"GetLanguageCount()\">\r\n                        {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                        <ng-container *ngIf=\"key.text != ''\">\r\n                          ({{ key.text }})\r\n                        </ng-container>\r\n                      </td>\r\n                    </tr>\r\n                    <tr>\r\n                      <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n                        <td *ngIf=\"language.selected\" [style.width]=\"'50%'\">\r\n                          <div>\r\n                            <angular-editor [config]=\"editorConfig\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (ngModelChange)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n                            </angular-editor>\r\n                          </div>\r\n                        </td>\r\n                      </ng-container>\r\n                    </tr>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"!IsHTML()\">\r\n                <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n                  <tr *ngFor=\"let key of subcat.keys\">\r\n                    <td>\r\n                      {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                      <ng-container *ngIf=\"key.text != ''\">\r\n                        ({{ key.text }})\r\n                      </ng-container>\r\n                    </td>\r\n                    <td></td>\r\n                    <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n                      <td *ngIf=\"language.selected\">\r\n                        <mat-form-field appearance=\"fill\" class=\"fullwidth\" *ngIf=\"GetEntry(key.entries, language) != null\">\r\n                          <mat-label>\r\n                            {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                          </mat-label>\r\n                          <input matInput type=\"text\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n                        </mat-form-field>\r\n                      </td>\r\n                    </ng-container>\r\n                  </tr>\r\n\r\n                  <!--<ng-container *ngFor=\"let filter of subcat.filters\">\r\n                    <tr>\r\n                      <td>\r\n                        {{ filter.filter.text }}\r\n                      </td>\r\n                      <td></td>\r\n                      <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                        <td *ngIf=\"language.selected\">\r\n                          <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n                            <mat-label>\r\n                              {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                            </mat-label>\r\n                            <input matInput type=\"text\" [(ngModel)]=\"GetEntry(filter.filter.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(filter.filter.entries, language))\">\r\n                          </mat-form-field>\r\n                        </td>\r\n                      </ng-container>\r\n                    </tr>\r\n                    <ng-container *ngFor=\"let option of filter.options\">\r\n                      <tr>\r\n                        <td>\r\n                          <ul>\r\n                            <li>{{ option.text }}</li>\r\n                          </ul>\r\n                        </td>\r\n                        <td></td>\r\n                        <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                          <td *ngIf=\"language.selected\">\r\n                            <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n                              <mat-label>\r\n                                {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                              </mat-label>\r\n                              <input matInput type=\"text\" [(ngModel)]=\"GetEntry(option.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(option.entries, language))\">\r\n                            </mat-form-field>\r\n                          </td>\r\n                        </ng-container>\r\n                      </tr>\r\n                    </ng-container>\r\n                  </ng-container>-->\r\n                </ng-container>\r\n              </ng-container>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <mat-paginator #paginator\r\n                         (page)=\"handlePageEvent($event)\"\r\n                         [length]=\"amountLength\"\r\n                         [pageSize]=\"amountPerPage\"\r\n                         [showFirstLastButtons]=\"true\"\r\n                         [hidePageSize]=\"true\"\r\n                         [pageIndex]=\"pageIndex\"\r\n                         aria-label=\"Select page\">\r\n          </mat-paginator>\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n  </div>\r\n</div>\r\n", styles: [".mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#aaa!important}snack-bar-container .mat-button-wrapper{color:#aaa}app-beheer-translate .mat-form-field-wrapper{margin-bottom:-16px}app-beheer-translate .cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}app-beheer-translate .save-button{width:100%}app-beheer-translate .displayflex{display:flex}app-beheer-translate .flexauto{flex:auto}app-beheer-translate .max-height{height:calc(100vH - 174px);overflow:auto}app-beheer-translate .fullwidth{width:100%}app-beheer-translate .main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}app-beheer-translate .main-bar{margin:20px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$2.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i11.MatLegacyPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i9$1.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i9.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, 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"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerTranslateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-beheer-translate', encapsulation: ViewEncapsulation.None, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <div class=\"displayflex\" #tablediv (window:resize)=\"onResize($event)\">\r\n    <div>\r\n      <mat-card class=\"main-bar\">\r\n        <mat-card-content>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Group</mat-label>\r\n            <mat-select [(ngModel)]=\"SelectedBeheerLanguagesCategoryViewModel\" (selectionChange)=\"this.pageIndex = 0; Resize()\">\r\n              <mat-option *ngFor=\"let cat of BeheerLanguagesViewModel.categories\" [value]=\"cat\">\r\n                {{ TranslationCategory[cat.translationCategory] }}\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          <div *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n            <mat-checkbox [(ngModel)]=\"language.selected\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </mat-checkbox>\r\n          </div>\r\n\r\n          <br /><br />\r\n          <button mat-raised-button (click)=\"Save()\" class=\"save-button\" [disabled]=\"!OpenChanges\">\r\n            Save\r\n          </button>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <mat-card class=\"main-bar flexauto\">\r\n      <mat-card-content>\r\n        <div class=\"max-height\">\r\n\r\n          <div *ngIf=\"SelectedBeheerLanguagesCategoryViewModel != null\">\r\n            <h1>{{ TranslationCategory[SelectedBeheerLanguagesCategoryViewModel.translationCategory] }}</h1>\r\n\r\n            <table class=\"full-width\">\r\n              <tr>\r\n                <td *ngIf=\"!IsHTML()\" colspan=\"2\" class=\"cat-row\"></td>\r\n                <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                  <td class=\"cat-row\" *ngIf=\"language.selected\">\r\n                    <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n                  </td>\r\n                </ng-container>\r\n              </tr>\r\n\r\n              <ng-container *ngIf=\"IsHTML()\">\r\n                <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n                  <ng-container *ngFor=\"let key of subcat.keys\">\r\n                    <tr>\r\n                      <td [attr.colspan]=\"GetLanguageCount()\">\r\n                        {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                        <ng-container *ngIf=\"key.text != ''\">\r\n                          ({{ key.text }})\r\n                        </ng-container>\r\n                      </td>\r\n                    </tr>\r\n                    <tr>\r\n                      <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n                        <td *ngIf=\"language.selected\" [style.width]=\"'50%'\">\r\n                          <div>\r\n                            <angular-editor [config]=\"editorConfig\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (ngModelChange)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n                            </angular-editor>\r\n                          </div>\r\n                        </td>\r\n                      </ng-container>\r\n                    </tr>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"!IsHTML()\">\r\n                <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n                  <tr *ngFor=\"let key of subcat.keys\">\r\n                    <td>\r\n                      {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                      <ng-container *ngIf=\"key.text != ''\">\r\n                        ({{ key.text }})\r\n                      </ng-container>\r\n                    </td>\r\n                    <td></td>\r\n                    <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n                      <td *ngIf=\"language.selected\">\r\n                        <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n                          <mat-label>\r\n                            Translation\r\n                          </mat-label>\r\n                          <input matInput type=\"text\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n                        </mat-form-field>\r\n                      </td>\r\n                    </ng-container>\r\n                  </tr>\r\n                  <ng-container *ngFor=\"let filter of subcat.filters\">\r\n                    <tr>\r\n                      <td>\r\n                        {{ filter.filter.text }}\r\n                      </td>\r\n                      <td></td>\r\n                      <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                        <td *ngIf=\"language.selected\">\r\n                          <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n                            <mat-label>\r\n                              Translation\r\n                            </mat-label>\r\n                            <input matInput type=\"text\" [(ngModel)]=\"GetEntry(filter.filter.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(filter.filter.entries, language))\">\r\n                          </mat-form-field>\r\n                        </td>\r\n                      </ng-container>\r\n                    </tr>\r\n                    <ng-container *ngFor=\"let option of filter.options\">\r\n                      <tr>\r\n                        <td>\r\n                          <ul>\r\n                            <li>{{ option.text }}</li>\r\n                          </ul>\r\n                        </td>\r\n                        <td></td>\r\n                        <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                          <td *ngIf=\"language.selected\">\r\n                            <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n                              <mat-label>\r\n                                Translation\r\n                              </mat-label>\r\n                              <input matInput type=\"text\" [(ngModel)]=\"GetEntry(option.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(option.entries, language))\">\r\n                            </mat-form-field>\r\n                          </td>\r\n                        </ng-container>\r\n                      </tr>\r\n                    </ng-container>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <mat-paginator #paginator\r\n                         (page)=\"handlePageEvent($event)\"\r\n                         [length]=\"amountLength\"\r\n                         [pageSize]=\"amountPerPage\"\r\n                         [showFirstLastButtons]=\"true\"\r\n                         [hidePageSize]=\"true\"\r\n                         [pageIndex]=\"pageIndex\"\r\n                         aria-label=\"Select page\">\r\n          </mat-paginator>\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n  </div>\r\n</div>\r\n", styles: [".mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#aaa!important}snack-bar-container .mat-button-wrapper{color:#aaa}app-beheer-translate .mat-form-field-wrapper{margin-bottom:-16px}app-beheer-translate .cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}app-beheer-translate .save-button{width:100%}app-beheer-translate .displayflex{display:flex}app-beheer-translate .flexauto{flex:auto}app-beheer-translate .max-height{height:calc(100vH - 174px);overflow:auto}app-beheer-translate .fullwidth{width:100%}app-beheer-translate .main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}app-beheer-translate .main-bar{margin:20px}\n"] }]
+            args: [{ selector: 'app-beheer-translate', encapsulation: ViewEncapsulation.None, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <div class=\"displayflex\" #tablediv (window:resize)=\"onResize($event)\">\r\n    <div>\r\n      <mat-card class=\"main-bar\">\r\n        <mat-card-content>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Group</mat-label>\r\n            <mat-select [(ngModel)]=\"SelectedBeheerLanguagesCategoryViewModel\" (selectionChange)=\"this.pageIndex = 0; RefreshPaginator(); Resize();\">\r\n              <mat-option *ngFor=\"let cat of BeheerLanguagesViewModel.categories\" [value]=\"cat\">\r\n                {{ TranslationCategory[cat.translationCategory] }}\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          <div *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n            <mat-checkbox [(ngModel)]=\"language.selected\">\r\n              <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n            </mat-checkbox>\r\n          </div>\r\n\r\n          <br /><br />\r\n          <button mat-raised-button (click)=\"Save()\" class=\"save-button\" [disabled]=\"!OpenChanges\">\r\n            Save\r\n          </button>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <mat-card class=\"main-bar flexauto\">\r\n      <mat-card-content>\r\n        <div class=\"max-height\">\r\n\r\n          <div *ngIf=\"SelectedBeheerLanguagesCategoryViewModel != null\">\r\n            <h1>{{ TranslationCategory[SelectedBeheerLanguagesCategoryViewModel.translationCategory] }}</h1>\r\n\r\n            <table class=\"full-width\">\r\n              <tr>\r\n                <td *ngIf=\"!IsHTML()\" colspan=\"2\" class=\"cat-row\"></td>\r\n                <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                  <td class=\"cat-row\" *ngIf=\"language.selected\">\r\n                    <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n                  </td>\r\n                </ng-container>\r\n              </tr>\r\n\r\n              <ng-container *ngIf=\"IsHTML()\">\r\n                <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n                  <ng-container *ngFor=\"let key of subcat.keys\">\r\n                    <tr>\r\n                      <td [attr.colspan]=\"GetLanguageCount()\">\r\n                        {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                        <ng-container *ngIf=\"key.text != ''\">\r\n                          ({{ key.text }})\r\n                        </ng-container>\r\n                      </td>\r\n                    </tr>\r\n                    <tr>\r\n                      <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n                        <td *ngIf=\"language.selected\" [style.width]=\"'50%'\">\r\n                          <div>\r\n                            <angular-editor [config]=\"editorConfig\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (ngModelChange)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n                            </angular-editor>\r\n                          </div>\r\n                        </td>\r\n                      </ng-container>\r\n                    </tr>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"!IsHTML()\">\r\n                <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n                  <tr *ngFor=\"let key of subcat.keys\">\r\n                    <td>\r\n                      {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                      <ng-container *ngIf=\"key.text != ''\">\r\n                        ({{ key.text }})\r\n                      </ng-container>\r\n                    </td>\r\n                    <td></td>\r\n                    <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n                      <td *ngIf=\"language.selected\">\r\n                        <mat-form-field appearance=\"fill\" class=\"fullwidth\" *ngIf=\"GetEntry(key.entries, language) != null\">\r\n                          <mat-label>\r\n                            {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                          </mat-label>\r\n                          <input matInput type=\"text\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n                        </mat-form-field>\r\n                      </td>\r\n                    </ng-container>\r\n                  </tr>\r\n\r\n                  <!--<ng-container *ngFor=\"let filter of subcat.filters\">\r\n                    <tr>\r\n                      <td>\r\n                        {{ filter.filter.text }}\r\n                      </td>\r\n                      <td></td>\r\n                      <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                        <td *ngIf=\"language.selected\">\r\n                          <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n                            <mat-label>\r\n                              {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                            </mat-label>\r\n                            <input matInput type=\"text\" [(ngModel)]=\"GetEntry(filter.filter.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(filter.filter.entries, language))\">\r\n                          </mat-form-field>\r\n                        </td>\r\n                      </ng-container>\r\n                    </tr>\r\n                    <ng-container *ngFor=\"let option of filter.options\">\r\n                      <tr>\r\n                        <td>\r\n                          <ul>\r\n                            <li>{{ option.text }}</li>\r\n                          </ul>\r\n                        </td>\r\n                        <td></td>\r\n                        <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n                          <td *ngIf=\"language.selected\">\r\n                            <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n                              <mat-label>\r\n                                {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n                              </mat-label>\r\n                              <input matInput type=\"text\" [(ngModel)]=\"GetEntry(option.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(option.entries, language))\">\r\n                            </mat-form-field>\r\n                          </td>\r\n                        </ng-container>\r\n                      </tr>\r\n                    </ng-container>\r\n                  </ng-container>-->\r\n                </ng-container>\r\n              </ng-container>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <mat-paginator #paginator\r\n                         (page)=\"handlePageEvent($event)\"\r\n                         [length]=\"amountLength\"\r\n                         [pageSize]=\"amountPerPage\"\r\n                         [showFirstLastButtons]=\"true\"\r\n                         [hidePageSize]=\"true\"\r\n                         [pageIndex]=\"pageIndex\"\r\n                         aria-label=\"Select page\">\r\n          </mat-paginator>\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n  </div>\r\n</div>\r\n", styles: [".mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#aaa!important}snack-bar-container .mat-button-wrapper{color:#aaa}app-beheer-translate .mat-form-field-wrapper{margin-bottom:-16px}app-beheer-translate .cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}app-beheer-translate .save-button{width:100%}app-beheer-translate .displayflex{display:flex}app-beheer-translate .flexauto{flex:auto}app-beheer-translate .max-height{height:calc(100vH - 174px);overflow:auto}app-beheer-translate .fullwidth{width:100%}app-beheer-translate .main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}app-beheer-translate .main-bar{margin:20px}\n"] }]
         }], ctorParameters: function () { return [{ type: TranslateApiClient }, { type: AuthenticationService }, { type: i3$3.MatLegacySnackBar }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tablediv: [{
                 type: ViewChild,
                 args: ['tablediv']
@@ -18983,7 +18943,7 @@ class FabIframeComponent {
         return this.sanitization.bypassSecurityTrustResourceUrl(this.ActiveURL);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabIframeComponent, deps: [{ token: i4$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, 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: "16.0.1", ngImport: i0, type: FabIframeComponent, decorators: [{
             type: Component,
@@ -19024,7 +18984,7 @@ class BeheerDeeplinkComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: BeheerDeeplinkComponent, deps: [{ token: ProductsApiClient }, { token: AuthenticationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Filter</td>\r\n          <td>Option</td>\r\n          <!--<td>URL</td>-->\r\n        </tr>\r\n        <ng-container *ngFor=\"let filter of DeeplinkViewModel.filters\">\r\n          <tr class=\"header\">\r\n            <td>\r\n              {{ filter.filterName }}\r\n            </td>\r\n            <td></td>\r\n          </tr>\r\n          <tr *ngFor=\"let option of filter.optionURLNames\">\r\n            <td></td>\r\n            <td>{{ option }}</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        </ng-container>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\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>Category</td>\r\n          <td>Link</td>\r\n          <!--<td>URL</td>-->\r\n        </tr>\r\n        <ng-container *ngFor=\"let category of DeeplinkViewModel.categories\">\r\n          <tr>\r\n            <td>\r\n              {{ category }}\r\n            </td>\r\n            <td>\r\n              <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n                <a href=\"{{ GetLinkCategory(language, category) }}\" target=\"_blank\">\r\n                {{ GetLinkCategory(language, category) }}\r\n                </a>\r\n              </div>\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </table>\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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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: i6$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$1.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Filter</td>\r\n          <td>Option</td>\r\n          <!--<td>URL</td>-->\r\n        </tr>\r\n        <ng-container *ngFor=\"let filter of DeeplinkViewModel.filters\">\r\n          <tr class=\"header\">\r\n            <td>\r\n              {{ filter.filterName }}\r\n            </td>\r\n            <td></td>\r\n          </tr>\r\n          <tr *ngFor=\"let option of filter.optionURLNames\">\r\n            <td></td>\r\n            <td>{{ option }}</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        </ng-container>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\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>Category</td>\r\n          <td>Link</td>\r\n          <!--<td>URL</td>-->\r\n        </tr>\r\n        <ng-container *ngFor=\"let category of DeeplinkViewModel.categories\">\r\n          <tr>\r\n            <td>\r\n              {{ category }}\r\n            </td>\r\n            <td>\r\n              <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n                <a href=\"{{ GetLinkCategory(language, category) }}\" target=\"_blank\">\r\n                {{ GetLinkCategory(language, category) }}\r\n                </a>\r\n              </div>\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </table>\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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatLegacyCardContent, 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: "16.0.1", ngImport: i0, type: BeheerDeeplinkComponent, decorators: [{
             type: Component,
@@ -19475,5 +19435,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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, BeheerLanguageViewModel, BeheerLanguagesCategoryViewModel, BeheerLanguagesEntryViewModel, BeheerLanguagesFilterViewModel, BeheerLanguagesKeyViewModel, BeheerLanguagesSubCategoryViewModel, BeheerLanguagesViewModel, BestekService, CategoriesApiClient, CategoriesOverviewCategorieViewModel, CategoriesOverviewViewModel, CategoriesViewModel, CategoryViewModel, ChangeImportSetRequest, ChangeOrderInputsRequest, ClearCategoryRequest, ConnectBCBEBODORequest, ConnectBCBEigenschapRangeInputRequest, ConnectBCBEigenschapRangeInputResponse, ConnectBCBEigenschapRequest, ConnectEBODOCategoryRequest, ConnectEBODOCategoryResponse, ConnectEigenschapOptieRequest, ConnectOpbouwRequest, CreateCategoryRequest, CreateCategoryResponse, CreateExportRequest, CreateExportResponse, CreateFilterOptionRequest, CreateFilterOptionResponse, CreateFilterRequest, CreateFilterResponse, CreateLanguageRequest, CreateUserModel, DeeplinkFilterViewModel, DeeplinkProductViewModel, DeeplinkRequest, DeeplinkViewModel, DeleteUserModel, DynamicDisplayValueViewModel, DynamicFilterViewModel, DynamicFiltersViewModel, DynamicRangeInputViewModel, EBOConnectRequestModel, EBOKoppelApiClient, EBOKoppelEBOCategoryViewModel, EBOKoppelEBOFilterOptionViewModel, EBOKoppelEBOViewModel, EBOKoppelNaamViewModel, EBOKoppelTypeViewModel, EBOKoppelViewModel, EditUserModel, FabActionmenuComponent, FabCategoryNavigatorComponent, FabFilterCustomComponent, FabFiltersComponent, FabFiltersInputComponent, FabLoaderComponent, FabProductBestekComponent, FabSelectBcbproductComponent, FabSvgViewerComponent, FabWebglViewerComponent, Fabrikanten3DRequestModel, Fabrikanten3DViewModel, FabrikantenApiClient, FabrikantenBCBProductAfbeeldingViewModel, FabrikantenBCBProductToebehorenViewModel, FabrikantenBCBProductViewModel, FabrikantenBestekRequestModel, FabrikantenBestekViewModel, FabrikantenCategoryLayerViewModel, FabrikantenCategoryViewModel, FabrikantenCoreModule, FabrikantenFileRequestModel, FabrikantenFileViewModel, FabrikantenFilterCategoryViewModel, FabrikantenFilterDescriptionViewModel, FabrikantenFilterOptionViewModel, FabrikantenFilterViewModel, FabrikantenInputViewModel, FabrikantenProductViewModel, FabrikantenRangeInputViewModel, FabrikantenRequestModel, FabrikantenSVGRequestModel, FabrikantenSVGViewModel, FabrikantenService, FabrikantenSettingsViewModel, FabrikantenTextureBaseViewModel, FabrikantenTextureRequestModel, FabrikantenTextureViewModel, FabrikantenViewModel, FilterOptionFilterOptionRequiredViewModel, FilterOptionRequiredType, FilterOptionRequiredViewModel, FilterOptionViewModel, FilterRequiredViewModel, FilterType, FilterViewModel, FiltersApiClient, FiltersViewModel, GetProductRequest, GetProductsViewModel, IgnoreBCBEigenschapRequest, IgnoreOpbouwRequest, ImportApiClient, InputViewModel, InputsViewModel, KoppelProductsRequestModel, LanguageViewModel, LanguagesViewModel, LoginIPResponseModel, LoginRequestModel, LoginResponseModel, MobileService, NewProductRequestModel, NewProductResponseModel, ProductViewModel, ProductViewModel2, ProductsApiClient, ProductsViewModel, ProductsViewModelRequest, ProjectSettingApiClient, ProjectSettingPipelineStepViewModel, ProjectSettingType, ProjectSettingViewModel, ProjectSettingsCategoryViewModel, ProjectSettingsViewModel, REST3DViewModel, RESTApiClient, RESTBestekViewModel, RESTFileRequestModel, RESTFileViewModel, RESTParameterViewModel, RESTRequestModel, RESTSVGRequestModel, RESTSVGViewModel, RangeInputFilterOptionRequiredViewModel, RangeInputType, RangeInputViewModel, RangeInputsViewModel, ReadExportRequest, RemoveFilterOptionRequest, RemoveProductSelectionRequest, ResetAllCategoriesRequest, ResetAllFiltersRequest, ResetCategoryLayerRequest, ResetFilterRequest, ResetImportRequestModel, SVGService, SaveFilterOptionRequest, SaveFilterRequest, SaveImportSetRequest, SaveProductViewModel, SaveRangeInputRequest, SearchProductsApiClient, SearchProductsRequestModel, SearchProductsResponseModel, SecurityApiClient, SelectBCBProductRequest, SelectCategoryRequest, SelectColourRequest, SelectFilterCustomRequest, SelectFilterOptionRequest, SelectProductRequest, SetFilterOptionRequiredRequest, SetFilterRequiredRequest, SetProjectSettingRequestModel, SetProjectSettingResponseModel, SetRangeInputRequest, SortFilterRequest, TemplateComponentService, TranslateApiClient, TranslateKeyCategoryViewModel, TranslateKeySubCategoryViewModel, TranslateKeyViewModel, TranslateService, TranslationCategory, TranslationSubCategory, UserResponseModel, UserRole, UserViewModel, UsersViewModel, WebGLService, 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, BeheerLanguageViewModel, BeheerLanguagesCategoryViewModel, BeheerLanguagesEntryViewModel, BeheerLanguagesKeyViewModel, BeheerLanguagesSubCategoryViewModel, BeheerLanguagesViewModel, BestekService, CategoriesApiClient, CategoriesOverviewCategorieViewModel, CategoriesOverviewViewModel, CategoriesViewModel, CategoryViewModel, ChangeImportSetRequest, ChangeOrderInputsRequest, ClearCategoryRequest, ConnectBCBEBODORequest, ConnectBCBEigenschapRangeInputRequest, ConnectBCBEigenschapRangeInputResponse, ConnectBCBEigenschapRequest, ConnectEBODOCategoryRequest, ConnectEBODOCategoryResponse, ConnectEigenschapOptieRequest, ConnectOpbouwRequest, CreateCategoryRequest, CreateCategoryResponse, CreateExportRequest, CreateExportResponse, CreateFilterOptionRequest, CreateFilterOptionResponse, CreateFilterRequest, CreateFilterResponse, CreateLanguageRequest, CreateUserModel, DeeplinkFilterViewModel, DeeplinkProductViewModel, DeeplinkRequest, DeeplinkViewModel, DeleteUserModel, DynamicDisplayValueViewModel, DynamicFilterViewModel, DynamicFiltersViewModel, DynamicRangeInputViewModel, EBOConnectRequestModel, EBOKoppelApiClient, EBOKoppelEBOCategoryViewModel, EBOKoppelEBOFilterOptionViewModel, EBOKoppelEBOViewModel, EBOKoppelNaamViewModel, EBOKoppelTypeViewModel, EBOKoppelViewModel, EditUserModel, FabActionmenuComponent, FabCategoryNavigatorComponent, FabFilterCustomComponent, FabFiltersComponent, FabFiltersInputComponent, FabLoaderComponent, FabProductBestekComponent, FabSelectBcbproductComponent, FabSvgViewerComponent, FabWebglViewerComponent, Fabrikanten3DRequestModel, Fabrikanten3DViewModel, FabrikantenApiClient, FabrikantenBCBProductAfbeeldingViewModel, FabrikantenBCBProductToebehorenViewModel, FabrikantenBCBProductViewModel, FabrikantenBestekRequestModel, FabrikantenBestekViewModel, FabrikantenCategoryLayerViewModel, FabrikantenCategoryViewModel, FabrikantenCoreModule, FabrikantenFileRequestModel, FabrikantenFileViewModel, FabrikantenFilterCategoryViewModel, FabrikantenFilterDescriptionViewModel, FabrikantenFilterOptionViewModel, FabrikantenFilterViewModel, FabrikantenInputViewModel, FabrikantenProductViewModel, FabrikantenRangeInputViewModel, FabrikantenRequestModel, FabrikantenSVGRequestModel, FabrikantenSVGViewModel, FabrikantenService, FabrikantenSettingsViewModel, FabrikantenTextureBaseViewModel, FabrikantenTextureRequestModel, FabrikantenTextureViewModel, FabrikantenViewModel, FilterOptionFilterOptionRequiredViewModel, FilterOptionRequiredType, FilterOptionRequiredViewModel, FilterOptionViewModel, FilterRequiredViewModel, FilterType, FilterViewModel, FiltersApiClient, FiltersViewModel, GetProductRequest, GetProductsViewModel, IgnoreBCBEigenschapRequest, IgnoreOpbouwRequest, ImportApiClient, InputViewModel, InputsViewModel, KoppelProductsRequestModel, LanguageViewModel, LanguagesViewModel, LoginIPResponseModel, LoginRequestModel, LoginResponseModel, MobileService, NewProductRequestModel, NewProductResponseModel, ProductViewModel, ProductViewModel2, ProductsApiClient, ProductsViewModel, ProductsViewModelRequest, ProjectSettingApiClient, ProjectSettingPipelineStepViewModel, ProjectSettingType, ProjectSettingViewModel, ProjectSettingsCategoryViewModel, ProjectSettingsViewModel, REST3DViewModel, RESTApiClient, RESTBestekViewModel, RESTFileRequestModel, RESTFileViewModel, RESTParameterViewModel, RESTRequestModel, RESTSVGRequestModel, RESTSVGViewModel, RangeInputFilterOptionRequiredViewModel, RangeInputType, RangeInputViewModel, RangeInputsViewModel, ReadExportRequest, RemoveFilterOptionRequest, RemoveProductSelectionRequest, ResetAllCategoriesRequest, ResetAllFiltersRequest, ResetCategoryLayerRequest, ResetFilterRequest, ResetImportRequestModel, SVGService, SaveFilterOptionRequest, SaveFilterRequest, SaveImportSetRequest, SaveProductViewModel, SaveRangeInputRequest, SearchProductsApiClient, SearchProductsRequestModel, SearchProductsResponseModel, SecurityApiClient, SelectBCBProductRequest, SelectCategoryRequest, SelectColourRequest, SelectFilterCustomRequest, SelectFilterOptionRequest, SelectProductRequest, SetFilterOptionRequiredRequest, SetFilterRequiredRequest, SetProjectSettingRequestModel, SetProjectSettingResponseModel, SetRangeInputRequest, SortFilterRequest, TemplateComponentService, TranslateApiClient, TranslateKeyCategoryViewModel, TranslateKeySubCategoryViewModel, TranslateKeyViewModel, TranslateService, TranslationCategory, TranslationSubCategory, UserResponseModel, UserRole, UserViewModel, UsersViewModel, WebGLService, WizardEBODOViewModel, WizardEBOViewModel };
 //# sourceMappingURL=fabrikantencore.mjs.map