fabrikantencore 2.0.8 → 2.0.9

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

@@ -1,4 +1,4 @@
-import { Component, HostListener, Input } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/mobile.service";
 import * as i2 from "../../services/fabrikanten.service";
@@ -16,9 +16,6 @@ export class FabBreadcrumbComponent {
     ngOnInit() {
         this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
     }
-    onResize(event) {
-        this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
-    }
     Back() {
         if (this.FabrikantenService.FabrikantenViewModel.selectedProduct != null) {
             this.FabrikantenService.RemoveProductSelection(this.ChangeDetectorRef);
@@ -34,26 +31,21 @@ export class FabBreadcrumbComponent {
         this.FabrikantenService.ResetSelectionCategory(category, this.ChangeDetectorRef);
     }
     ShowBack() {
-        var array = this.FabrikantenService.FabrikantenViewModel?.categoryLayers;
-        if (array != null) {
-            if (array.length > 0) {
-                if (array[0].selectedOption == 0) {
-                    return false;
-                }
-            }
+        if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null) {
+            return true;
+        }
+        if (this.FabrikantenService.GetSteps().length == 0) {
+            return false;
         }
         return true;
     }
 }
 FabBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabBreadcrumbComponent, deps: [{ token: i1.MobileService }, { token: i2.FabrikantenService }, { token: i3.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 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: i5.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.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" }, ngImport: i0, template: "<div class=\"header\">\n  <div *ngIf=\"ShowBack()\">\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: i5.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.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 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"] }]
+            args: [{ selector: 'app-fab-breadcrumb', template: "<div class=\"header\">\n  <div *ngIf=\"ShowBack()\">\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: i1.MobileService }, { type: i2.FabrikantenService }, { type: i3.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { showfiltermenubutton: [{
                 type: Input
-            }], onResize: [{
-                type: HostListener,
-                args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWJyZWFkY3J1bWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1icmVhZGNydW1iL2ZhYi1icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItYnJlYWRjcnVtYi9mYWItYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVcxRixNQUFNLE9BQU8sc0JBQXNCO0lBSWpDLFlBQ1MsYUFBNEIsRUFDNUIsa0JBQXNDLEVBQ3RDLGdCQUFrQyxFQUNqQyxpQkFBb0M7UUFIckMsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDNUIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2pDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFBSSxDQUFDO0lBRW5ELFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNyRyxDQUFDO0lBR0QsUUFBUSxDQUFDLEtBQVU7UUFDakIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDckcsQ0FBQztJQUVNLElBQUk7UUFDVCxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxlQUFlLElBQUksSUFBSSxFQUFFO1lBQ3hFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztTQUN4RTthQUNJO1lBQ0gsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQy9DLElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUN4QztTQUNGO0lBQ0gsQ0FBQztJQUVNLFFBQVEsQ0FBQyxRQUFzQztRQUNwRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsc0JBQXNCLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ25GLENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixFQUFFLGNBQWMsQ0FBQztRQUV6RSxJQUFJLEtBQUssSUFBSSxJQUFJLEVBQUU7WUFDakIsSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDcEIsSUFBSSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsY0FBYyxJQUFJLENBQUMsRUFBRTtvQkFDaEMsT0FBTyxLQUFLLENBQUM7aUJBQ2Q7YUFDRjtTQUNGO1FBRUQsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzttSEEvQ1Usc0JBQXNCO3VHQUF0QixzQkFBc0Isa0xDWG5DLG91REE2Q0E7MkZEbENhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7b01BTXJCLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFhTixRQUFRO3NCQURQLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5DYXRlZ29yeVZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWJyZWFkY3J1bWIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGYWJCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBzaG93ZmlsdGVybWVudWJ1dHRvbjogYm9vbGVhbjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgTW9iaWxlU2VydmljZTogTW9iaWxlU2VydmljZSxcbiAgICBwdWJsaWMgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuTW9iaWxlU2VydmljZS5VcGRhdGVTY3JlZW5TaXplKHdpbmRvdy5pbm5lcldpZHRoLCB3aW5kb3cuaW5uZXJIZWlnaHQsIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxyXG4gIG9uUmVzaXplKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuTW9iaWxlU2VydmljZS5VcGRhdGVTY3JlZW5TaXplKHdpbmRvdy5pbm5lcldpZHRoLCB3aW5kb3cuaW5uZXJIZWlnaHQsIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYpO1xyXG4gIH1cblxuICBwdWJsaWMgQmFjaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuc2VsZWN0ZWRQcm9kdWN0ICE9IG51bGwpIHtcbiAgICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlJlbW92ZVByb2R1Y3RTZWxlY3Rpb24odGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICB2YXIgYXJyYXkgPSB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5HZXRTdGVwcygpO1xuICAgICAgaWYgKGFycmF5Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgdGhpcy5VbmRvU3RlcChhcnJheVthcnJheS5sZW5ndGggLSAxXSk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XG5cbiAgcHVibGljIFVuZG9TdGVwKGNhdGVnb3J5OiBGYWJyaWthbnRlbkNhdGVnb3J5Vmlld01vZGVsKTogdm9pZCB7XG4gICAgdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuUmVzZXRTZWxlY3Rpb25DYXRlZ29yeShjYXRlZ29yeSwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxuXG4gIHB1YmxpYyBTaG93QmFjaygpOiBib29sZWFuIHtcbiAgICB2YXIgYXJyYXkgPSB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uY2F0ZWdvcnlMYXllcnM7XG5cbiAgICBpZiAoYXJyYXkgIT0gbnVsbCkge1xuICAgICAgaWYgKGFycmF5Lmxlbmd0aCA+IDApIHtcclxuICAgICAgICBpZiAoYXJyYXlbMF0uc2VsZWN0ZWRPcHRpb24gPT0gMCkge1xyXG4gICAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxuXG4gICAgcmV0dXJuIHRydWU7XHJcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImhlYWRlclwiICpuZ0lmPVwiU2hvd0JhY2soKVwiPlxuICA8ZGl2PlxuICAgIDxidXR0b24gY2xhc3M9XCJidXR0b25zaXplXCIgbWF0LXN0cm9rZWQtYnV0dG9uIChjbGljayk9XCJCYWNrKClcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci1iYWNrXCI+XG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiaWNvblwiPmFycm93X2JhY2s8L21hdC1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci10aXRsZVwiPlxuICAgICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoXCJDb21tb25cIiwgXCJCYWNrXCIpIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIU1vYmlsZVNlcnZpY2UuTW9iaWxlSW50ZXJmYWNlXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc3RlcCBvZiBGYWJyaWthbnRlblNlcnZpY2UuR2V0U3RlcHMoKVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBpY29uXCI+XG4gICAgICAgIDxtYXQtaWNvbj5jaGV2cm9uX3JpZ2h0PC9tYXQtaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBcIiAoY2xpY2spPVwiVW5kb1N0ZXAoc3RlcClcIj5cbiAgICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZUNhdGVnb3J5KHN0ZXAuaWQpIH19XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uc2VsZWN0ZWRQcm9kdWN0ICE9IG51bGxcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwaWNvblwiPlxuICAgICAgICA8bWF0LWljb24+Y2hldnJvbl9yaWdodDwvbWF0LWljb24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwXCIgKGNsaWNrKT1cIkJhY2soKVwiPlxuICAgICAgICA8c3BhbiAqbmdJZj1cIkZhYnJpa2FudGVuU2VydmljZS5HZXRTdGVwcygpLmxlbmd0aCA9PSAwXCI+UHJvZHVjdGNvbmZpZ3VyYXRpZTogPC9zcGFuPnt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWVQcm9kdWN0KEZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uc2VsZWN0ZWRQcm9kdWN0Py5pZCkgfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIk1vYmlsZVNlcnZpY2UuTW9iaWxlSW50ZXJmYWNlICYmIHNob3dmaWx0ZXJtZW51YnV0dG9uXCI+XG4gICAgPGJ1dHRvbiBjbGFzcz1cIm9wZW4tZmlsdGVycy1idXR0b24gYnV0dG9uc2l6ZVwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiTW9iaWxlU2VydmljZS5PcGVuTmF2KClcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci1iYWNrXCI+XG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiaWNvblwiPm1lbnU8L21hdC1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci10aXRsZVwiPlxuICAgICAgICAgIEZpbHRlcm1lbnVcbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2J1dHRvbj5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWJyZWFkY3J1bWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1icmVhZGNydW1iL2ZhYi1icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItYnJlYWRjcnVtYi9mYWItYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBZ0IsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVcxRixNQUFNLE9BQU8sc0JBQXNCO0lBSWpDLFlBQ1MsYUFBNEIsRUFDNUIsa0JBQXNDLEVBQ3RDLGdCQUFrQyxFQUNqQyxpQkFBb0M7UUFIckMsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDNUIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2pDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFBSSxDQUFDO0lBRW5ELFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNyRyxDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLGVBQWUsSUFBSSxJQUFJLEVBQUU7WUFDeEUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQ3hFO2FBQ0k7WUFDSCxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDL0MsSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3hDO1NBQ0Y7SUFDSCxDQUFDO0lBRU0sUUFBUSxDQUFDLFFBQXNDO1FBQ3BELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxzQkFBc0IsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDbkYsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsRUFBRSxlQUFlLElBQUksSUFBSSxFQUFFO1lBQ3pFLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLElBQUksQ0FBQyxFQUFFO1lBQ2xELE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7O21IQXhDVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixvSENYbkMsb3VEQTZDQTsyRkRsQ2Esc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLG9CQUFvQjtvTUFNckIsb0JBQW9CO3NCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5DYXRlZ29yeVZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWJyZWFkY3J1bWIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGYWJCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBzaG93ZmlsdGVybWVudWJ1dHRvbjogYm9vbGVhbjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgTW9iaWxlU2VydmljZTogTW9iaWxlU2VydmljZSxcbiAgICBwdWJsaWMgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuTW9iaWxlU2VydmljZS5VcGRhdGVTY3JlZW5TaXplKHdpbmRvdy5pbm5lcldpZHRoLCB3aW5kb3cuaW5uZXJIZWlnaHQsIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICB9XHJcblxuICBwdWJsaWMgQmFjaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuc2VsZWN0ZWRQcm9kdWN0ICE9IG51bGwpIHtcbiAgICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlJlbW92ZVByb2R1Y3RTZWxlY3Rpb24odGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICB2YXIgYXJyYXkgPSB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5HZXRTdGVwcygpO1xuICAgICAgaWYgKGFycmF5Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgdGhpcy5VbmRvU3RlcChhcnJheVthcnJheS5sZW5ndGggLSAxXSk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XG5cbiAgcHVibGljIFVuZG9TdGVwKGNhdGVnb3J5OiBGYWJyaWthbnRlbkNhdGVnb3J5Vmlld01vZGVsKTogdm9pZCB7XG4gICAgdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuUmVzZXRTZWxlY3Rpb25DYXRlZ29yeShjYXRlZ29yeSwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxuXG4gIHB1YmxpYyBTaG93QmFjaygpOiBib29sZWFuIHtcbiAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWw/LnNlbGVjdGVkUHJvZHVjdCAhPSBudWxsKSB7XG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH1cblxuICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5HZXRTdGVwcygpLmxlbmd0aCA9PSAwKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XG5cbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XG4gIDxkaXYgKm5nSWY9XCJTaG93QmFjaygpXCI+XG4gICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbnNpemVcIiBtYXQtc3Ryb2tlZC1idXR0b24gKGNsaWNrKT1cIkJhY2soKVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWJhY2tcIj5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJpY29uXCI+YXJyb3dfYmFjazwvbWF0LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXRpdGxlXCI+XG4gICAgICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShcIkNvbW1vblwiLCBcIkJhY2tcIikgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhTW9iaWxlU2VydmljZS5Nb2JpbGVJbnRlcmZhY2VcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzdGVwIG9mIEZhYnJpa2FudGVuU2VydmljZS5HZXRTdGVwcygpXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RlcGljb25cIj5cbiAgICAgICAgPG1hdC1pY29uPmNoZXZyb25fcmlnaHQ8L21hdC1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RlcFwiIChjbGljayk9XCJVbmRvU3RlcChzdGVwKVwiPlxuICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlQ2F0ZWdvcnkoc3RlcC5pZCkgfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5zZWxlY3RlZFByb2R1Y3QgIT0gbnVsbFwiPlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBpY29uXCI+XG4gICAgICAgIDxtYXQtaWNvbj5jaGV2cm9uX3JpZ2h0PC9tYXQtaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBcIiAoY2xpY2spPVwiQmFjaygpXCI+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLkdldFN0ZXBzKCkubGVuZ3RoID09IDBcIj5Qcm9kdWN0Y29uZmlndXJhdGllOiA8L3NwYW4+e3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZVByb2R1Y3QoRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5zZWxlY3RlZFByb2R1Y3Q/LmlkKSB9fVxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiTW9iaWxlU2VydmljZS5Nb2JpbGVJbnRlcmZhY2UgJiYgc2hvd2ZpbHRlcm1lbnVidXR0b25cIj5cbiAgICA8YnV0dG9uIGNsYXNzPVwib3Blbi1maWx0ZXJzLWJ1dHRvbiBidXR0b25zaXplXCIgbWF0LXN0cm9rZWQtYnV0dG9uIChjbGljayk9XCJNb2JpbGVTZXJ2aWNlLk9wZW5OYXYoKVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWJhY2tcIj5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJpY29uXCI+bWVudTwvbWF0LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXRpdGxlXCI+XG4gICAgICAgICAgRmlsdGVybWVudVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvYnV0dG9uPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19

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

@@ -1,26 +1,34 @@
-import { Component, Input } from '@angular/core';
+import { Component, HostListener, Input } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "../../services/fabrikanten.service";
-import * as i2 from "../../services/translate.service";
-import * as i3 from "@angular/common";
-import * as i4 from "../fab-breadcrumb/fab-breadcrumb.component";
-import * as i5 from "../fab-language-select/fab-language-select.component";
+import * as i1 from "../../services/mobile.service";
+import * as i2 from "../../services/fabrikanten.service";
+import * as i3 from "../../services/translate.service";
+import * as i4 from "@angular/common";
+import * as i5 from "../fab-breadcrumb/fab-breadcrumb.component";
+import * as i6 from "../fab-language-select/fab-language-select.component";
 export class FabHeaderComponent {
-    constructor(FabrikantenService, TranslateService, ChangeDetectorRef) {
+    constructor(MobileService, FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.MobileService = MobileService;
         this.FabrikantenService = FabrikantenService;
         this.TranslateService = TranslateService;
         this.ChangeDetectorRef = ChangeDetectorRef;
     }
     ngOnInit() {
         this.TranslateService.LoadTranslations(this.ChangeDetectorRef);
+        this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
+    }
+    onResize(event) {
+        this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
     }
     ShowHeader() {
         return this.ShowBreadcrumb() || this.ShowLanguageSelect();
     }
     ShowBreadcrumb() {
-        if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct == null) {
-            if (this.FabrikantenService.GetSteps().length == 0) {
-                return false;
+        if (!this.MobileService.MobileInterface) {
+            if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct == null) {
+                if (this.FabrikantenService.GetSteps().length == 0) {
+                    return false;
+                }
             }
         }
         return true;
@@ -29,12 +37,15 @@ export class FabHeaderComponent {
         return this.TranslateService.Show();
     }
 }
-FabHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabHeaderComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: ["showfiltermenubutton"] }, { kind: "component", type: i5.FabLanguageSelectComponent, selector: "app-fab-language-select" }] });
+FabHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabHeaderComponent, deps: [{ token: i1.MobileService }, { token: i2.FabrikantenService }, { token: i3.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" }, host: { listeners: { "window:resize": "onResize($event)" } }, 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: i5.FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: ["showfiltermenubutton"] }, { kind: "component", type: i6.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\" *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: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { showfiltermenubutton: [{
+        }], ctorParameters: function () { return [{ type: i1.MobileService }, { type: i2.FabrikantenService }, { type: i3.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { showfiltermenubutton: [{
                 type: Input
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLWhlYWRlci9mYWItaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItaGVhZGVyL2ZhYi1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUzVFLE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsWUFBbUIsa0JBQXNDLEVBQVMsZ0JBQWtDLEVBQVUsaUJBQW9DO1FBQS9ILHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFBUyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQVUsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtJQUFJLENBQUM7SUFFdkosUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBRU0sVUFBVTtRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsRUFBRSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVELENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixFQUFFLGVBQWUsSUFBSSxJQUFJLEVBQUU7WUFDekUsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBRTtnQkFDbEQsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO1FBRUQsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRU0sa0JBQWtCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RDLENBQUM7OytHQTFCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixnSENUL0IsMlJBTUE7MkZER2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGdCQUFnQjt3S0FNakIsb0JBQW9CO3NCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFicmlrYW50ZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmFicmlrYW50ZW4uc2VydmljZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWhlYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZhYkhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgc2hvd2ZpbHRlcm1lbnVidXR0b246IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IocHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLCBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSwgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuVHJhbnNsYXRlU2VydmljZS5Mb2FkVHJhbnNsYXRpb25zKHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICB9XG5cbiAgcHVibGljIFNob3dIZWFkZXIoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuU2hvd0JyZWFkY3J1bWIoKSB8fCB0aGlzLlNob3dMYW5ndWFnZVNlbGVjdCgpO1xyXG4gIH1cblxuICBwdWJsaWMgU2hvd0JyZWFkY3J1bWIoKTogYm9vbGVhbiB7XG4gICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5zZWxlY3RlZFByb2R1Y3QgPT0gbnVsbCkge1xuICAgICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkdldFN0ZXBzKCkubGVuZ3RoID09IDApIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIHRydWU7XHJcbiAgfVxuXG4gIHB1YmxpYyBTaG93TGFuZ3VhZ2VTZWxlY3QoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuVHJhbnNsYXRlU2VydmljZS5TaG93KCk7XHJcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiaGVhZGVyLXJvd1wiICpuZ0lmPVwiU2hvd0hlYWRlcigpXCI+XHJcbiAgPGFwcC1mYWItYnJlYWRjcnVtYiAqbmdJZj1cIlNob3dCcmVhZGNydW1iKClcIiBbc2hvd2ZpbHRlcm1lbnVidXR0b25dPVwic2hvd2ZpbHRlcm1lbnVidXR0b25cIj48L2FwcC1mYWItYnJlYWRjcnVtYj5cclxuICA8YXBwLWZhYi1sYW5ndWFnZS1zZWxlY3QgKm5nSWY9XCJTaG93TGFuZ3VhZ2VTZWxlY3QoKVwiPjwvYXBwLWZhYi1sYW5ndWFnZS1zZWxlY3Q+XHJcbjwvZGl2PlxyXG5cclxuXHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLWhlYWRlci9mYWItaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItaGVhZGVyL2ZhYi1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFVMUYsTUFBTSxPQUFPLGtCQUFrQjtJQUk3QixZQUNTLGFBQTRCLEVBQzVCLGtCQUFzQyxFQUN0QyxnQkFBa0MsRUFDakMsaUJBQW9DO1FBSHJDLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQzVCLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNqQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBQUksQ0FBQztJQUVuRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQy9ELElBQUksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3JHLENBQUM7SUFHRCxRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNyRyxDQUFDO0lBRU0sVUFBVTtRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsRUFBRSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVELENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGVBQWUsRUFBRTtZQUN2QyxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsRUFBRSxlQUFlLElBQUksSUFBSSxFQUFFO2dCQUN6RSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLElBQUksQ0FBQyxFQUFFO29CQUNsRCxPQUFPLEtBQUssQ0FBQztpQkFDZDthQUNGO1NBQ0Y7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFTSxrQkFBa0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEMsQ0FBQzs7K0dBdENVLGtCQUFrQjttR0FBbEIsa0JBQWtCLDhLQ1YvQiwyUkFNQTsyRkRJYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsZ0JBQWdCO29NQU1qQixvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBY04sUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFicmlrYW50ZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmFicmlrYW50ZW4uc2VydmljZSc7XG5pbXBvcnQgeyBNb2JpbGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbW9iaWxlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWhlYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZhYkhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgc2hvd2ZpbHRlcm1lbnVidXR0b246IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIE1vYmlsZVNlcnZpY2U6IE1vYmlsZVNlcnZpY2UsXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLlRyYW5zbGF0ZVNlcnZpY2UuTG9hZFRyYW5zbGF0aW9ucyh0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcbiAgICB0aGlzLk1vYmlsZVNlcnZpY2UuVXBkYXRlU2NyZWVuU2l6ZSh3aW5kb3cuaW5uZXJXaWR0aCwgd2luZG93LmlubmVySGVpZ2h0LCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxyXG4gIG9uUmVzaXplKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuTW9iaWxlU2VydmljZS5VcGRhdGVTY3JlZW5TaXplKHdpbmRvdy5pbm5lcldpZHRoLCB3aW5kb3cuaW5uZXJIZWlnaHQsIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYpO1xyXG4gIH1cblxuICBwdWJsaWMgU2hvd0hlYWRlcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5TaG93QnJlYWRjcnVtYigpIHx8IHRoaXMuU2hvd0xhbmd1YWdlU2VsZWN0KCk7XHJcbiAgfVxuXG4gIHB1YmxpYyBTaG93QnJlYWRjcnVtYigpOiBib29sZWFuIHtcbiAgICBpZiAoIXRoaXMuTW9iaWxlU2VydmljZS5Nb2JpbGVJbnRlcmZhY2UpIHtcbiAgICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uc2VsZWN0ZWRQcm9kdWN0ID09IG51bGwpIHtcbiAgICAgICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkdldFN0ZXBzKCkubGVuZ3RoID09IDApIHtcbiAgICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cblxuICBwdWJsaWMgU2hvd0xhbmd1YWdlU2VsZWN0KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLlRyYW5zbGF0ZVNlcnZpY2UuU2hvdygpO1xyXG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImhlYWRlci1yb3dcIiAqbmdJZj1cIlNob3dIZWFkZXIoKVwiPlxyXG4gIDxhcHAtZmFiLWJyZWFkY3J1bWIgKm5nSWY9XCJTaG93QnJlYWRjcnVtYigpXCIgW3Nob3dmaWx0ZXJtZW51YnV0dG9uXT1cInNob3dmaWx0ZXJtZW51YnV0dG9uXCI+PC9hcHAtZmFiLWJyZWFkY3J1bWI+XHJcbiAgPGFwcC1mYWItbGFuZ3VhZ2Utc2VsZWN0ICpuZ0lmPVwiU2hvd0xhbmd1YWdlU2VsZWN0KClcIj48L2FwcC1mYWItbGFuZ3VhZ2Utc2VsZWN0PlxyXG48L2Rpdj5cclxuXHJcblxyXG4iXX0=

package/fesm2015/fabrikantencore.mjs

@@ -9712,9 +9712,6 @@ class FabBreadcrumbComponent {
     ngOnInit() {
         this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
     }
-    onResize(event) {
-        this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
-    }
     Back() {
         if (this.FabrikantenService.FabrikantenViewModel.selectedProduct != null) {
             this.FabrikantenService.RemoveProductSelection(this.ChangeDetectorRef);
@@ -9731,27 +9728,22 @@ class FabBreadcrumbComponent {
     }
     ShowBack() {
         var _a;
-        var array = (_a = this.FabrikantenService.FabrikantenViewModel) === null || _a === void 0 ? void 0 : _a.categoryLayers;
-        if (array != null) {
-            if (array.length > 0) {
-                if (array[0].selectedOption == 0) {
-                    return false;
-                }
-            }
+        if (((_a = this.FabrikantenService.FabrikantenViewModel) === null || _a === void 0 ? void 0 : _a.selectedProduct) != null) {
+            return true;
+        }
+        if (this.FabrikantenService.GetSteps().length == 0) {
+            return false;
         }
         return true;
     }
 }
 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 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"] }] });
+FabBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header\">\n  <div *ngIf=\"ShowBack()\">\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 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"] }]
+            args: [{ selector: 'app-fab-breadcrumb', template: "<div class=\"header\">\n  <div *ngIf=\"ShowBack()\">\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: [{
-                type: HostListener,
-                args: ['window:resize', ['$event']]
             }] } });
 
 class FabFlagComponent {
@@ -9788,22 +9780,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
         }], ctorParameters: function () { return [{ type: TranslateService }, { type: i0.ChangeDetectorRef }]; } });
 
 class FabHeaderComponent {
-    constructor(FabrikantenService, TranslateService, ChangeDetectorRef) {
+    constructor(MobileService, FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.MobileService = MobileService;
         this.FabrikantenService = FabrikantenService;
         this.TranslateService = TranslateService;
         this.ChangeDetectorRef = ChangeDetectorRef;
     }
     ngOnInit() {
         this.TranslateService.LoadTranslations(this.ChangeDetectorRef);
+        this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
+    }
+    onResize(event) {
+        this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
     }
     ShowHeader() {
         return this.ShowBreadcrumb() || this.ShowLanguageSelect();
     }
     ShowBreadcrumb() {
         var _a;
-        if (((_a = this.FabrikantenService.FabrikantenViewModel) === null || _a === void 0 ? void 0 : _a.selectedProduct) == null) {
-            if (this.FabrikantenService.GetSteps().length == 0) {
-                return false;
+        if (!this.MobileService.MobileInterface) {
+            if (((_a = this.FabrikantenService.FabrikantenViewModel) === null || _a === void 0 ? void 0 : _a.selectedProduct) == null) {
+                if (this.FabrikantenService.GetSteps().length == 0) {
+                    return false;
+                }
             }
         }
         return true;
@@ -9812,13 +9811,16 @@ class FabHeaderComponent {
         return this.TranslateService.Show();
     }
 }
-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" }] });
+FabHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabHeaderComponent, deps: [{ token: MobileService }, { 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" }, host: { listeners: { "window:resize": "onResize($event)" } }, 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\" *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: [{
+        }], ctorParameters: function () { return [{ type: MobileService }, { type: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { showfiltermenubutton: [{
                 type: Input
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
             }] } });
 
 class FabWebglViewerComponent {