fabrikantencore 2.0.3 → 2.0.4

package/fesm2020/fabrikantencore.mjs

@@ -8437,6 +8437,17 @@ class TranslateService {
         }
         return false;
     }
+    Show() {
+        if (this.Loading) {
+            return false;
+        }
+        if (this.LanguagesViewModel?.languages != null) {
+            if (this.LanguagesViewModel.languages.length < 2) {
+                return false;
+            }
+        }
+        return true;
+    }
     GetActiveValue(category, key) {
         if (this.ActiveLanguage != null) {
             return this.GetValue(this.ActiveLanguage, category, key);
@@ -9204,6 +9215,29 @@ class FabrikantenService {
             }
         }
     }
+    // Breadcrumb
+    GetSteps() {
+        var returnarray = new Array();
+        var array = this.FabrikantenViewModel?.categoryLayers;
+        if (array != null) {
+            for (var i = 0; i < array.length; i++) {
+                if (array[i].selectedOption != 0) {
+                    var options = array[i].categories;
+                    if (options != null) {
+                        for (var j = 0; j < options.length; j++) {
+                            if (options[j].id === array[i].selectedOption) {
+                                returnarray.push(options[j]);
+                            }
+                        }
+                    }
+                }
+                else {
+                    break;
+                }
+            }
+        }
+        return returnarray;
+    }
 }
 FabrikantenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabrikantenService, deps: [{ token: FabrikantenApiClient }, { token: BestekService }, { token: TranslateService }, { token: WebGLService }, { token: SVGService }, { token: NavigateService }], target: i0.ɵɵFactoryTarget.Injectable });
 FabrikantenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabrikantenService, providedIn: 'root' });
@@ -9570,7 +9604,7 @@ class FabBreadcrumbComponent {
             this.FabrikantenService.RemoveProductSelection(this.ChangeDetectorRef);
         }
         else {
-            var array = this.GetSteps();
+            var array = this.FabrikantenService.GetSteps();
             if (array.length > 0) {
                 this.UndoStep(array[array.length - 1]);
             }
@@ -9590,34 +9624,12 @@ class FabBreadcrumbComponent {
         }
         return true;
     }
-    GetSteps() {
-        var returnarray = new Array();
-        var array = this.FabrikantenService.FabrikantenViewModel?.categoryLayers;
-        if (array != null) {
-            for (var i = 0; i < array.length; i++) {
-                if (array[i].selectedOption != 0) {
-                    var options = array[i].categories;
-                    if (options != null) {
-                        for (var j = 0; j < options.length; j++) {
-                            if (options[j].id === array[i].selectedOption) {
-                                returnarray.push(options[j]);
-                            }
-                        }
-                    }
-                }
-                else {
-                    break;
-                }
-            }
-        }
-        return returnarray;
-    }
 }
 FabBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabBreadcrumbComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div class=\"header\" *ngIf=\"ShowBack()\">\n  <div>\n    <button class=\"buttonsize\" mat-stroked-button (click)=\"Back()\">\n      <div class=\"header\">\n        <div class=\"header-back\">\n          <mat-icon class=\"icon\">arrow_back</mat-icon>\n        </div>\n        <div class=\"header-title\">\n          {{ TranslateService.GetActiveValue(\"Common\", \"Back\") }}\n        </div>\n      </div>\n    </button>\n  </div>\n  <ng-container *ngIf=\"!MobileService.MobileInterface\">\n    <ng-container *ngFor=\"let step of GetSteps()\">\n      <div class=\"stepicon\">\n        <mat-icon>chevron_right</mat-icon>\n      </div>\n      <div class=\"step\" (click)=\"UndoStep(step)\">\n        {{ TranslateService.GetActiveValueCategory(step.id) }}\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\n      <div class=\"stepicon\">\n        <mat-icon>chevron_right</mat-icon>\n      </div>\n      <div class=\"step\" (click)=\"Back()\">\n        <span *ngIf=\"GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\n      <div class=\"header\">\n        <div class=\"header-back\">\n          <mat-icon class=\"icon\">menu</mat-icon>\n        </div>\n        <div class=\"header-title\">\n          Filtermenu\n        </div>\n      </div>\n    </button>\n  </ng-container>\n</div>\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.header-back{cursor:pointer}.product-conf{padding-left:5px}.open-filters-button{margin-left:5px}.title{line-height:35px;font-size:30px;flex:auto;padding-left:5px}.icon{position:relative;top:2px}.header-title{font-size:16px;position:relative;top:1px;margin-left:3px}.step{font-size:16px;vertical-align:middle;line-height:39px;font-family:Roboto;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step:first-letter{text-transform:capitalize}.step:hover{text-decoration:underline}.stepicon{padding-top:7px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+FabBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div class=\"header\" *ngIf=\"ShowBack()\">\n  <div>\n    <button class=\"buttonsize\" mat-stroked-button (click)=\"Back()\">\n      <div class=\"header\">\n        <div class=\"header-back\">\n          <mat-icon class=\"icon\">arrow_back</mat-icon>\n        </div>\n        <div class=\"header-title\">\n          {{ TranslateService.GetActiveValue(\"Common\", \"Back\") }}\n        </div>\n      </div>\n    </button>\n  </div>\n  <ng-container *ngIf=\"!MobileService.MobileInterface\">\n    <ng-container *ngFor=\"let step of FabrikantenService.GetSteps()\">\n      <div class=\"stepicon\">\n        <mat-icon>chevron_right</mat-icon>\n      </div>\n      <div class=\"step\" (click)=\"UndoStep(step)\">\n        {{ TranslateService.GetActiveValueCategory(step.id) }}\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\n      <div class=\"stepicon\">\n        <mat-icon>chevron_right</mat-icon>\n      </div>\n      <div class=\"step\" (click)=\"Back()\">\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\n      <div class=\"header\">\n        <div class=\"header-back\">\n          <mat-icon class=\"icon\">menu</mat-icon>\n        </div>\n        <div class=\"header-title\">\n          Filtermenu\n        </div>\n      </div>\n    </button>\n  </ng-container>\n</div>\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.header-back{cursor:pointer}.product-conf{padding-left:5px}.open-filters-button{margin-left:5px}.title{line-height:35px;font-size:30px;flex:auto;padding-left:5px}.icon{position:relative;top:2px}.header-title{font-size:16px;position:relative;top:1px;margin-left:3px}.step{font-size:16px;vertical-align:middle;line-height:39px;font-family:Roboto;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step:first-letter{text-transform:capitalize}.step:hover{text-decoration:underline}.stepicon{padding-top:7px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabBreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-breadcrumb', template: "<div class=\"header\" *ngIf=\"ShowBack()\">\n  <div>\n    <button class=\"buttonsize\" mat-stroked-button (click)=\"Back()\">\n      <div class=\"header\">\n        <div class=\"header-back\">\n          <mat-icon class=\"icon\">arrow_back</mat-icon>\n        </div>\n        <div class=\"header-title\">\n          {{ TranslateService.GetActiveValue(\"Common\", \"Back\") }}\n        </div>\n      </div>\n    </button>\n  </div>\n  <ng-container *ngIf=\"!MobileService.MobileInterface\">\n    <ng-container *ngFor=\"let step of GetSteps()\">\n      <div class=\"stepicon\">\n        <mat-icon>chevron_right</mat-icon>\n      </div>\n      <div class=\"step\" (click)=\"UndoStep(step)\">\n        {{ TranslateService.GetActiveValueCategory(step.id) }}\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\n      <div class=\"stepicon\">\n        <mat-icon>chevron_right</mat-icon>\n      </div>\n      <div class=\"step\" (click)=\"Back()\">\n        <span *ngIf=\"GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\n      <div class=\"header\">\n        <div class=\"header-back\">\n          <mat-icon class=\"icon\">menu</mat-icon>\n        </div>\n        <div class=\"header-title\">\n          Filtermenu\n        </div>\n      </div>\n    </button>\n  </ng-container>\n</div>\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.header-back{cursor:pointer}.product-conf{padding-left:5px}.open-filters-button{margin-left:5px}.title{line-height:35px;font-size:30px;flex:auto;padding-left:5px}.icon{position:relative;top:2px}.header-title{font-size:16px;position:relative;top:1px;margin-left:3px}.step{font-size:16px;vertical-align:middle;line-height:39px;font-family:Roboto;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step:first-letter{text-transform:capitalize}.step:hover{text-decoration:underline}.stepicon{padding-top:7px}\n"] }]
+            args: [{ selector: 'app-fab-breadcrumb', template: "<div class=\"header\" *ngIf=\"ShowBack()\">\n  <div>\n    <button class=\"buttonsize\" mat-stroked-button (click)=\"Back()\">\n      <div class=\"header\">\n        <div class=\"header-back\">\n          <mat-icon class=\"icon\">arrow_back</mat-icon>\n        </div>\n        <div class=\"header-title\">\n          {{ TranslateService.GetActiveValue(\"Common\", \"Back\") }}\n        </div>\n      </div>\n    </button>\n  </div>\n  <ng-container *ngIf=\"!MobileService.MobileInterface\">\n    <ng-container *ngFor=\"let step of FabrikantenService.GetSteps()\">\n      <div class=\"stepicon\">\n        <mat-icon>chevron_right</mat-icon>\n      </div>\n      <div class=\"step\" (click)=\"UndoStep(step)\">\n        {{ TranslateService.GetActiveValueCategory(step.id) }}\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\n      <div class=\"stepicon\">\n        <mat-icon>chevron_right</mat-icon>\n      </div>\n      <div class=\"step\" (click)=\"Back()\">\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\n      <div class=\"header\">\n        <div class=\"header-back\">\n          <mat-icon class=\"icon\">menu</mat-icon>\n        </div>\n        <div class=\"header-title\">\n          Filtermenu\n        </div>\n      </div>\n    </button>\n  </ng-container>\n</div>\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.header-back{cursor:pointer}.product-conf{padding-left:5px}.open-filters-button{margin-left:5px}.title{line-height:35px;font-size:30px;flex:auto;padding-left:5px}.icon{position:relative;top:2px}.header-title{font-size:16px;position:relative;top:1px;margin-left:3px}.step{font-size:16px;vertical-align:middle;line-height:39px;font-family:Roboto;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step:first-letter{text-transform:capitalize}.step:hover{text-decoration:underline}.stepicon{padding-top:7px}\n"] }]
         }], ctorParameters: function () { return [{ type: MobileService }, { type: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { showfiltermenubutton: [{
                 type: Input
             }], onResize: [{
@@ -9650,36 +9662,44 @@ class FabLanguageSelectComponent {
     SelectLanguage(language) {
         this.TranslateService.SelectLanguage(language, this.ChangeDetectorRef);
     }
-    Show() {
-        if (this.TranslateService.Loading) {
-            return false;
-        }
-        if (this.TranslateService.LanguagesViewModel?.languages != null) {
-            if (this.TranslateService.LanguagesViewModel.languages.length < 2) {
-                return false;
-            }
-        }
-        return true;
-    }
 }
 FabLanguageSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabLanguageSelectComponent, deps: [{ token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabLanguageSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabLanguageSelectComponent, selector: "app-fab-language-select", ngImport: i0, template: "<div class=\"row\" *ngIf=\"Show()\">\n  <div class=\"item\" (click)=\"SelectLanguage(language)\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\n    <fab-flag [country]=\"language.flag\"></fab-flag>\n  </div>\n</div>\n", styles: [".row{display:flex}.item{padding:2px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FabFlagComponent, selector: "fab-flag", inputs: ["country"] }] });
+FabLanguageSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabLanguageSelectComponent, selector: "app-fab-language-select", ngImport: i0, template: "<div class=\"row\" *ngIf=\"TranslateService.Show()\">\n  <div class=\"item\" (click)=\"SelectLanguage(language)\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\n    <fab-flag [country]=\"language.flag\"></fab-flag>\n  </div>\n</div>\n", styles: [".row{display:flex}.item{padding:2px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FabFlagComponent, selector: "fab-flag", inputs: ["country"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabLanguageSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-language-select', template: "<div class=\"row\" *ngIf=\"Show()\">\n  <div class=\"item\" (click)=\"SelectLanguage(language)\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\n    <fab-flag [country]=\"language.flag\"></fab-flag>\n  </div>\n</div>\n", styles: [".row{display:flex}.item{padding:2px;cursor:pointer}\n"] }]
+            args: [{ selector: 'app-fab-language-select', template: "<div class=\"row\" *ngIf=\"TranslateService.Show()\">\n  <div class=\"item\" (click)=\"SelectLanguage(language)\" *ngFor=\"let language of TranslateService.LanguagesViewModel.languages\">\n    <fab-flag [country]=\"language.flag\"></fab-flag>\n  </div>\n</div>\n", styles: [".row{display:flex}.item{padding:2px;cursor:pointer}\n"] }]
         }], ctorParameters: function () { return [{ type: TranslateService }, { type: i0.ChangeDetectorRef }]; } });
 
 class FabHeaderComponent {
-    constructor() { }
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
     ngOnInit() {
+        this.TranslateService.LoadTranslations(this.ChangeDetectorRef);
+    }
+    ShowHeader() {
+        return this.ShowBreadcrumb() || this.ShowLanguageSelect();
+    }
+    ShowBreadcrumb() {
+        if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct == null) {
+            if (this.FabrikantenService.GetSteps().length == 0) {
+                return false;
+            }
+        }
+        return true;
+    }
+    ShowLanguageSelect() {
+        return this.TranslateService.Show();
     }
 }
-FabHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FabHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabHeaderComponent, selector: "app-fab-header", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header-row\">\r\n  <app-fab-breadcrumb [showfiltermenubutton]=\"showfiltermenubutton\"></app-fab-breadcrumb>\r\n  <app-fab-language-select></app-fab-language-select>\r\n</div>\r\n\r\n\r\n", styles: [".header-row{display:flex;height:48px}app-fab-language-select{margin:auto 5px auto auto}app-fab-breadcrumb{width:calc(100% - 50px)}\n"], dependencies: [{ kind: "component", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: ["showfiltermenubutton"] }, { kind: "component", type: FabLanguageSelectComponent, selector: "app-fab-language-select" }] });
+FabHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabHeaderComponent, deps: [{ token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabHeaderComponent, selector: "app-fab-header", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header-row\" *ngIf=\"ShowHeader()\">\r\n  <app-fab-breadcrumb *ngIf=\"ShowBreadcrumb()\" [showfiltermenubutton]=\"showfiltermenubutton\"></app-fab-breadcrumb>\r\n  <app-fab-language-select *ngIf=\"ShowLanguageSelect()\"></app-fab-language-select>\r\n</div>\r\n\r\n\r\n", styles: [".header-row{display:flex;height:48px}app-fab-language-select{margin:auto 5px auto auto}app-fab-breadcrumb{width:calc(100% - 50px)}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: ["showfiltermenubutton"] }, { kind: "component", type: FabLanguageSelectComponent, selector: "app-fab-language-select" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-header', template: "<div class=\"header-row\">\r\n  <app-fab-breadcrumb [showfiltermenubutton]=\"showfiltermenubutton\"></app-fab-breadcrumb>\r\n  <app-fab-language-select></app-fab-language-select>\r\n</div>\r\n\r\n\r\n", styles: [".header-row{display:flex;height:48px}app-fab-language-select{margin:auto 5px auto auto}app-fab-breadcrumb{width:calc(100% - 50px)}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { showfiltermenubutton: [{
+            args: [{ selector: 'app-fab-header', template: "<div class=\"header-row\" *ngIf=\"ShowHeader()\">\r\n  <app-fab-breadcrumb *ngIf=\"ShowBreadcrumb()\" [showfiltermenubutton]=\"showfiltermenubutton\"></app-fab-breadcrumb>\r\n  <app-fab-language-select *ngIf=\"ShowLanguageSelect()\"></app-fab-language-select>\r\n</div>\r\n\r\n\r\n", styles: [".header-row{display:flex;height:48px}app-fab-language-select{margin:auto 5px auto auto}app-fab-breadcrumb{width:calc(100% - 50px)}\n"] }]
+        }], ctorParameters: function () { return [{ type: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { showfiltermenubutton: [{
                 type: Input
             }] } });