fabrikantencore 2.1.11 → 2.1.12

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

@@ -63,11 +63,11 @@ export class FabBreadcrumbComponent {
     }
 }
 FabBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", 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: "15.0.0", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header\" *ngIf=\"ShowHeader()\">\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(\"Common\", \"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.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          Filtermenu\r\n        </div>\r\n      </div>\r\n    </button>\r\n    <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          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\" (click)=\"Back()\">\r\n    <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n  </div>\r\n</ng-container>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.flexauto{flex:auto}.fullwidth{width:100%}.paddingleft{padding-left:5px}.displayflex{display:flex}.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: "15.0.0", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header\" *ngIf=\"ShowHeader()\">\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(\"Common\", \"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.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          {{ TranslateService.GetActiveValue(\"Common\", \"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(\"Common\", \"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\" (click)=\"Back()\">\r\n    <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n  </div>\r\n</ng-container>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.flexauto{flex:auto}.fullwidth{width:100%}.paddingleft{padding-left:5px}.displayflex{display:flex}.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: "15.0.0", ngImport: i0, type: FabBreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-breadcrumb', template: "<div class=\"header\" *ngIf=\"ShowHeader()\">\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(\"Common\", \"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.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          Filtermenu\r\n        </div>\r\n      </div>\r\n    </button>\r\n    <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          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\" (click)=\"Back()\">\r\n    <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n  </div>\r\n</ng-container>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.flexauto{flex:auto}.fullwidth{width:100%}.paddingleft{padding-left:5px}.displayflex{display:flex}.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=\"ShowHeader()\">\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(\"Common\", \"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.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          {{ TranslateService.GetActiveValue(\"Common\", \"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(\"Common\", \"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\" (click)=\"Back()\">\r\n    <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n  </div>\r\n</ng-container>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.flexauto{flex:auto}.fullwidth{width:100%}.paddingleft{padding-left:5px}.displayflex{display:flex}.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
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWJyZWFkY3J1bWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1icmVhZGNydW1iL2ZhYi1icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItYnJlYWRjcnVtYi9mYWItYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBZ0IsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVcxRixNQUFNLE9BQU8sc0JBQXNCO0lBSWpDLFlBQ1MsYUFBNEIsRUFDNUIsa0JBQXNDLEVBQ3RDLGdCQUFrQyxFQUNqQyxpQkFBb0M7UUFIckMsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDNUIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2pDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFBSSxDQUFDO0lBRW5ELFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNyRyxDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLGVBQWUsSUFBSSxJQUFJLEVBQUU7WUFDeEUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQ3hFO2FBQ0k7WUFDSCxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDL0MsSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3hDO1NBQ0Y7SUFDSCxDQUFDO0lBRU0sUUFBUSxDQUFDLFFBQXNDO1FBQ3BELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxzQkFBc0IsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDbkYsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsRUFBRSxlQUFlLElBQUksSUFBSSxFQUFFO1lBQ3pFLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLElBQUksQ0FBQyxFQUFFO1lBQ2xELE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUU7WUFDN0MsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGVBQWUsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRTtZQUNqRSxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsb0JBQW9CLEVBQUU7WUFDbkUsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLGNBQWM7UUFDbkIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLElBQUksSUFBSSxFQUFFO1lBQ3hELElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLHNCQUFzQixFQUFFO2dCQUN2RSxJQUFJLE1BQU0sQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLEdBQUcsRUFBRTtvQkFDOUIsT0FBTyxJQUFJLENBQUM7aUJBQ2I7YUFDRjtTQUNGO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDOzttSEFwRVUsc0JBQXNCO3VHQUF0QixzQkFBc0Isb0hDWG5DLDYyRkFnRUE7MkZEckRhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7b01BTXJCLG9CQUFvQjtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5DYXRlZ29yeVZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mYWItYnJlYWRjcnVtYicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mYWItYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGYWJCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgc2hvd2ZpbHRlcm1lbnVidXR0b246IGJvb2xlYW47XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIE1vYmlsZVNlcnZpY2U6IE1vYmlsZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLk1vYmlsZVNlcnZpY2UuVXBkYXRlU2NyZWVuU2l6ZSh3aW5kb3cuaW5uZXJXaWR0aCwgd2luZG93LmlubmVySGVpZ2h0LCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBCYWNrKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLnNlbGVjdGVkUHJvZHVjdCAhPSBudWxsKSB7XHJcbiAgICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlJlbW92ZVByb2R1Y3RTZWxlY3Rpb24odGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgdmFyIGFycmF5ID0gdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuR2V0U3RlcHMoKTtcclxuICAgICAgaWYgKGFycmF5Lmxlbmd0aCA+IDApIHtcclxuICAgICAgICB0aGlzLlVuZG9TdGVwKGFycmF5W2FycmF5Lmxlbmd0aCAtIDFdKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIFVuZG9TdGVwKGNhdGVnb3J5OiBGYWJyaWthbnRlbkNhdGVnb3J5Vmlld01vZGVsKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5SZXNldFNlbGVjdGlvbkNhdGVnb3J5KGNhdGVnb3J5LCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBTaG93QmFjaygpOiBib29sZWFuIHtcclxuICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uc2VsZWN0ZWRQcm9kdWN0ICE9IG51bGwpIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkdldFN0ZXBzKCkubGVuZ3RoID09IDApIHtcclxuICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFNob3dIZWFkZXIoKTogYm9vbGVhbiB7XHJcbiAgICBpZiAodGhpcy5TaG93QmFjaygpICYmICF0aGlzLkhpZGVCcmVhZGNydW1iKCkpIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKCF0aGlzLk1vYmlsZVNlcnZpY2UuTW9iaWxlSW50ZXJmYWNlICYmICF0aGlzLkhpZGVCcmVhZGNydW1iKCkpIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuTW9iaWxlU2VydmljZS5Nb2JpbGVJbnRlcmZhY2UgJiYgdGhpcy5zaG93ZmlsdGVybWVudWJ1dHRvbikge1xyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgSGlkZUJyZWFkY3J1bWIoKTogYm9vbGVhbiB7XHJcbiAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwgIT0gbnVsbCkge1xyXG4gICAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuaGlkZUJyZWFkY3J1bWJJbklmcmFtZSkge1xyXG4gICAgICAgIGlmICh3aW5kb3cuc2VsZiAhPT0gd2luZG93LnRvcCkge1xyXG4gICAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaGVhZGVyXCIgKm5nSWY9XCJTaG93SGVhZGVyKClcIj5cclxuICA8ZGl2ICpuZ0lmPVwiU2hvd0JhY2soKSAmJiAhSGlkZUJyZWFkY3J1bWIoKVwiPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbnNpemVcIiBtYXQtc3Ryb2tlZC1idXR0b24gKGNsaWNrKT1cIkJhY2soKVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci1iYWNrXCI+XHJcbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJpY29uIGFycm93X2JhY2tcIj5hcnJvd19iYWNrPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXRpdGxlXCI+XHJcbiAgICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFwiQ29tbW9uXCIsIFwiQmFja1wiKSB9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhTW9iaWxlU2VydmljZS5Nb2JpbGVJbnRlcmZhY2UgJiYgIUhpZGVCcmVhZGNydW1iKClcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN0ZXAgb2YgRmFicmlrYW50ZW5TZXJ2aWNlLkdldFN0ZXBzKClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBpY29uXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiY2hldnJvbl9yaWdodFwiPmNoZXZyb25fcmlnaHQ8L21hdC1pY29uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBcIiAoY2xpY2spPVwiVW5kb1N0ZXAoc3RlcClcIj5cclxuICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlQ2F0ZWdvcnkoc3RlcC5pZCkgfX1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWw/LnNlbGVjdGVkUHJvZHVjdCAhPSBudWxsXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwaWNvblwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImNoZXZyb25fcmlnaHRcIj5jaGV2cm9uX3JpZ2h0PC9tYXQtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwXCIgKGNsaWNrKT1cIkJhY2soKVwiPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLkdldFN0ZXBzKCkubGVuZ3RoID09IDBcIj5Qcm9kdWN0Y29uZmlndXJhdGllOiA8L3NwYW4+e3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZVByb2R1Y3QoRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5zZWxlY3RlZFByb2R1Y3Q/LmlkKSB9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJNb2JpbGVTZXJ2aWNlLk1vYmlsZUludGVyZmFjZSAmJiBzaG93ZmlsdGVybWVudWJ1dHRvblwiPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cIm9wZW4tZmlsdGVycy1idXR0b24gYnV0dG9uc2l6ZVwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiTW9iaWxlU2VydmljZS5PcGVuTmF2KClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItYmFja1wiPlxyXG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiaWNvbiBtZW51XCI+bWVudTwvbWF0LWljb24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci10aXRsZVwiPlxyXG4gICAgICAgICAgRmlsdGVybWVudVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXhhdXRvXCI+XHJcblxyXG4gICAgPC9kaXY+XHJcbiAgICA8YnV0dG9uIGNsYXNzPVwib3Blbi1maWx0ZXJzLWJ1dHRvbiBidXR0b25zaXplXCIgKm5nSWY9XCJGYWJyaWthbnRlblNlcnZpY2UuU2hvd0FjdGlvbk1lbnUoKVwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiTW9iaWxlU2VydmljZS5PcGVuQWN0aW9uKClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItYmFja1wiPlxyXG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiaWNvbiBtZW51XCI+bWVudTwvbWF0LWljb24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci10aXRsZVwiPlxyXG4gICAgICAgICAgQWN0aW9ubWVudVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L2Rpdj5cclxuXHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCJNb2JpbGVTZXJ2aWNlLk1vYmlsZUludGVyZmFjZSAmJiBzaG93ZmlsdGVybWVudWJ1dHRvbiAmJiB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uc2VsZWN0ZWRQcm9kdWN0ICE9IG51bGwgJiYgIUhpZGVCcmVhZGNydW1iKClcIj5cclxuICA8ZGl2IGNsYXNzPVwicGFkZGluZ2xlZnQgc3RlcFwiIChjbGljayk9XCJCYWNrKClcIj5cclxuICAgIDxzcGFuICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLkdldFN0ZXBzKCkubGVuZ3RoID09IDBcIj5Qcm9kdWN0Y29uZmlndXJhdGllOiA8L3NwYW4+e3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZVByb2R1Y3QoRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5zZWxlY3RlZFByb2R1Y3Q/LmlkKSB9fVxyXG4gIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWJyZWFkY3J1bWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1icmVhZGNydW1iL2ZhYi1icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItYnJlYWRjcnVtYi9mYWItYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBZ0IsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVcxRixNQUFNLE9BQU8sc0JBQXNCO0lBSWpDLFlBQ1MsYUFBNEIsRUFDNUIsa0JBQXNDLEVBQ3RDLGdCQUFrQyxFQUNqQyxpQkFBb0M7UUFIckMsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDNUIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2pDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFBSSxDQUFDO0lBRW5ELFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNyRyxDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLGVBQWUsSUFBSSxJQUFJLEVBQUU7WUFDeEUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQ3hFO2FBQ0k7WUFDSCxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDL0MsSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3hDO1NBQ0Y7SUFDSCxDQUFDO0lBRU0sUUFBUSxDQUFDLFFBQXNDO1FBQ3BELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxzQkFBc0IsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDbkYsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsRUFBRSxlQUFlLElBQUksSUFBSSxFQUFFO1lBQ3pFLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLElBQUksQ0FBQyxFQUFFO1lBQ2xELE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUU7WUFDN0MsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGVBQWUsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRTtZQUNqRSxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsb0JBQW9CLEVBQUU7WUFDbkUsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLGNBQWM7UUFDbkIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLElBQUksSUFBSSxFQUFFO1lBQ3hELElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLHNCQUFzQixFQUFFO2dCQUN2RSxJQUFJLE1BQU0sQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLEdBQUcsRUFBRTtvQkFDOUIsT0FBTyxJQUFJLENBQUM7aUJBQ2I7YUFDRjtTQUNGO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDOzttSEFwRVUsc0JBQXNCO3VHQUF0QixzQkFBc0Isb0hDWG5DLDI5RkFnRUE7MkZEckRhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7b01BTXJCLG9CQUFvQjtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5DYXRlZ29yeVZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mYWItYnJlYWRjcnVtYicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mYWItYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGYWJCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgc2hvd2ZpbHRlcm1lbnVidXR0b246IGJvb2xlYW47XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIE1vYmlsZVNlcnZpY2U6IE1vYmlsZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLk1vYmlsZVNlcnZpY2UuVXBkYXRlU2NyZWVuU2l6ZSh3aW5kb3cuaW5uZXJXaWR0aCwgd2luZG93LmlubmVySGVpZ2h0LCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBCYWNrKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLnNlbGVjdGVkUHJvZHVjdCAhPSBudWxsKSB7XHJcbiAgICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlJlbW92ZVByb2R1Y3RTZWxlY3Rpb24odGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgdmFyIGFycmF5ID0gdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuR2V0U3RlcHMoKTtcclxuICAgICAgaWYgKGFycmF5Lmxlbmd0aCA+IDApIHtcclxuICAgICAgICB0aGlzLlVuZG9TdGVwKGFycmF5W2FycmF5Lmxlbmd0aCAtIDFdKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIFVuZG9TdGVwKGNhdGVnb3J5OiBGYWJyaWthbnRlbkNhdGVnb3J5Vmlld01vZGVsKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5SZXNldFNlbGVjdGlvbkNhdGVnb3J5KGNhdGVnb3J5LCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBTaG93QmFjaygpOiBib29sZWFuIHtcclxuICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uc2VsZWN0ZWRQcm9kdWN0ICE9IG51bGwpIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkdldFN0ZXBzKCkubGVuZ3RoID09IDApIHtcclxuICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFNob3dIZWFkZXIoKTogYm9vbGVhbiB7XHJcbiAgICBpZiAodGhpcy5TaG93QmFjaygpICYmICF0aGlzLkhpZGVCcmVhZGNydW1iKCkpIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKCF0aGlzLk1vYmlsZVNlcnZpY2UuTW9iaWxlSW50ZXJmYWNlICYmICF0aGlzLkhpZGVCcmVhZGNydW1iKCkpIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuTW9iaWxlU2VydmljZS5Nb2JpbGVJbnRlcmZhY2UgJiYgdGhpcy5zaG93ZmlsdGVybWVudWJ1dHRvbikge1xyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgSGlkZUJyZWFkY3J1bWIoKTogYm9vbGVhbiB7XHJcbiAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwgIT0gbnVsbCkge1xyXG4gICAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuaGlkZUJyZWFkY3J1bWJJbklmcmFtZSkge1xyXG4gICAgICAgIGlmICh3aW5kb3cuc2VsZiAhPT0gd2luZG93LnRvcCkge1xyXG4gICAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaGVhZGVyXCIgKm5nSWY9XCJTaG93SGVhZGVyKClcIj5cclxuICA8ZGl2ICpuZ0lmPVwiU2hvd0JhY2soKSAmJiAhSGlkZUJyZWFkY3J1bWIoKVwiPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbnNpemVcIiBtYXQtc3Ryb2tlZC1idXR0b24gKGNsaWNrKT1cIkJhY2soKVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci1iYWNrXCI+XHJcbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJpY29uIGFycm93X2JhY2tcIj5hcnJvd19iYWNrPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXRpdGxlXCI+XHJcbiAgICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFwiQ29tbW9uXCIsIFwiQmFja1wiKSB9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhTW9iaWxlU2VydmljZS5Nb2JpbGVJbnRlcmZhY2UgJiYgIUhpZGVCcmVhZGNydW1iKClcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN0ZXAgb2YgRmFicmlrYW50ZW5TZXJ2aWNlLkdldFN0ZXBzKClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBpY29uXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiY2hldnJvbl9yaWdodFwiPmNoZXZyb25fcmlnaHQ8L21hdC1pY29uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBcIiAoY2xpY2spPVwiVW5kb1N0ZXAoc3RlcClcIj5cclxuICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlQ2F0ZWdvcnkoc3RlcC5pZCkgfX1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWw/LnNlbGVjdGVkUHJvZHVjdCAhPSBudWxsXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwaWNvblwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImNoZXZyb25fcmlnaHRcIj5jaGV2cm9uX3JpZ2h0PC9tYXQtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwXCIgKGNsaWNrKT1cIkJhY2soKVwiPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLkdldFN0ZXBzKCkubGVuZ3RoID09IDBcIj5Qcm9kdWN0Y29uZmlndXJhdGllOiA8L3NwYW4+e3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZVByb2R1Y3QoRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5zZWxlY3RlZFByb2R1Y3Q/LmlkKSB9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJNb2JpbGVTZXJ2aWNlLk1vYmlsZUludGVyZmFjZSAmJiBzaG93ZmlsdGVybWVudWJ1dHRvblwiPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cIm9wZW4tZmlsdGVycy1idXR0b24gYnV0dG9uc2l6ZVwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiTW9iaWxlU2VydmljZS5PcGVuTmF2KClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItYmFja1wiPlxyXG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiaWNvbiBtZW51XCI+bWVudTwvbWF0LWljb24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci10aXRsZVwiPlxyXG4gICAgICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShcIkNvbW1vblwiLCBcIkZpbHRlcm1lbnVcIikgfX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4YXV0b1wiPlxyXG5cclxuICAgIDwvZGl2PlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cIm9wZW4tZmlsdGVycy1idXR0b24gYnV0dG9uc2l6ZVwiICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLlNob3dBY3Rpb25NZW51KClcIiBtYXQtc3Ryb2tlZC1idXR0b24gKGNsaWNrKT1cIk1vYmlsZVNlcnZpY2UuT3BlbkFjdGlvbigpXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWJhY2tcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImljb24gbWVudVwiPm1lbnU8L21hdC1pY29uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItdGl0bGVcIj5cclxuICAgICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoXCJDb21tb25cIiwgXCJBY3Rpb25tZW51XCIpIH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIk1vYmlsZVNlcnZpY2UuTW9iaWxlSW50ZXJmYWNlICYmIHNob3dmaWx0ZXJtZW51YnV0dG9uICYmIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5zZWxlY3RlZFByb2R1Y3QgIT0gbnVsbCAmJiAhSGlkZUJyZWFkY3J1bWIoKVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJwYWRkaW5nbGVmdCBzdGVwXCIgKGNsaWNrKT1cIkJhY2soKVwiPlxyXG4gICAgPHNwYW4gKm5nSWY9XCJGYWJyaWthbnRlblNlcnZpY2UuR2V0U3RlcHMoKS5sZW5ndGggPT0gMFwiPlByb2R1Y3Rjb25maWd1cmF0aWU6IDwvc3Bhbj57eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlUHJvZHVjdChGYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWw/LnNlbGVjdGVkUHJvZHVjdD8uaWQpIH19XHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=

package/fesm2015/fabrikantencore.mjs

@@ -12540,10 +12540,10 @@ class FabBreadcrumbComponent {
     }
 }
 FabBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabBreadcrumbComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header\" *ngIf=\"ShowHeader()\">\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(\"Common\", \"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.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          Filtermenu\r\n        </div>\r\n      </div>\r\n    </button>\r\n    <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          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\" (click)=\"Back()\">\r\n    <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n  </div>\r\n</ng-container>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.flexauto{flex:auto}.fullwidth{width:100%}.paddingleft{padding-left:5px}.displayflex{display:flex}.header-back{cursor:pointer}.product-conf{padding-left:5px}.open-filters-button{margin-left:5px}.title{line-height:35px;font-size:30px;flex:auto;padding-left:5px}.icon{position:relative;top:2px}.header-title{font-size:16px;position:relative;top:1px;margin-left:3px}.step{font-size:16px;vertical-align:middle;line-height:39px;font-family:Roboto;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step:first-letter{text-transform:capitalize}.step:hover{text-decoration:underline}.stepicon{padding-top:7px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+FabBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: { showfiltermenubutton: "showfiltermenubutton" }, ngImport: i0, template: "<div class=\"header\" *ngIf=\"ShowHeader()\">\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(\"Common\", \"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.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          {{ TranslateService.GetActiveValue(\"Common\", \"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(\"Common\", \"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\" (click)=\"Back()\">\r\n    <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n  </div>\r\n</ng-container>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.flexauto{flex:auto}.fullwidth{width:100%}.paddingleft{padding-left:5px}.displayflex{display:flex}.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: "15.0.0", ngImport: i0, type: FabBreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-breadcrumb', template: "<div class=\"header\" *ngIf=\"ShowHeader()\">\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(\"Common\", \"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.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          Filtermenu\r\n        </div>\r\n      </div>\r\n    </button>\r\n    <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          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\" (click)=\"Back()\">\r\n    <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n  </div>\r\n</ng-container>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.flexauto{flex:auto}.fullwidth{width:100%}.paddingleft{padding-left:5px}.displayflex{display:flex}.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=\"ShowHeader()\">\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(\"Common\", \"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.GetActiveValueCategory(step.id) }}\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <div class=\"stepicon\">\r\n        <mat-icon class=\"chevron_right\">chevron_right</mat-icon>\r\n      </div>\r\n      <div class=\"step\" (click)=\"Back()\">\r\n        <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"MobileService.MobileInterface && showfiltermenubutton\">\r\n    <button class=\"open-filters-button buttonsize\" mat-stroked-button (click)=\"MobileService.OpenNav()\">\r\n      <div class=\"header\">\r\n        <div class=\"header-back\">\r\n          <mat-icon class=\"icon menu\">menu</mat-icon>\r\n        </div>\r\n        <div class=\"header-title\">\r\n          {{ TranslateService.GetActiveValue(\"Common\", \"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(\"Common\", \"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\" (click)=\"Back()\">\r\n    <span *ngIf=\"FabrikantenService.GetSteps().length == 0\">Productconfiguratie: </span>{{ TranslateService.GetActiveValueProduct(FabrikantenService.FabrikantenViewModel?.selectedProduct?.id) }}\r\n  </div>\r\n</ng-container>\r\n", styles: [".header{display:flex;padding:4px}.buttonsize{height:40px;line-height:25px}.flexauto{flex:auto}.fullwidth{width:100%}.paddingleft{padding-left:5px}.displayflex{display:flex}.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
             }] } });