fabrikantencore 2.4.4 → 2.4.6

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

@@ -0,0 +1,50 @@
+import { Component, Input } from '@angular/core';
+import { FabFilterColourDialogComponent } from './fab-filter-colour-dialog/fab-filter-colour-dialog.component';
+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/material/dialog";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/button";
+export class FabFilterColourComponent {
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef, dialog) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.dialog = dialog;
+    }
+    get filter() {
+        return this._filter;
+    }
+    set filter(value) {
+        this._filter = value;
+        this.SelectedOptionId = 1;
+        //if (this.SelectedOptionId == 0) {
+        //  var options = this._filter.options;
+        //  if (options != null && options.length == 1) {
+        //    this.SelectedOptionId = options[0].id;
+        //  }
+        //}
+    }
+    OpenDialog() {
+        var filteroptionname = "";
+        if (this.filter != null && this.filter.options != null && this.filter.options.length > 0) {
+            filteroptionname = this.filter.options[0].name + "";
+        }
+        var dialogRef = this.dialog.open(FabFilterColourDialogComponent, {
+            data: {
+                filterid: this.filter.id,
+                filteroptionname: filteroptionname
+            }
+        });
+    }
+}
+FabFilterColourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterColourComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+FabFilterColourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabFilterColourComponent, selector: "app-fab-filter-colour", inputs: { filter: "filter" }, ngImport: i0, template: "<button class=\"select-button\" mat-stroked-button (click)=\"OpenDialog()\">\r\n  {{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n  <ng-container *ngIf=\"filter.selectedColour != null\">\r\n    <span>\r\n      ({{ filter.selectedColour }})\r\n    </span>\r\n    <span class='preview' [style.background-color]=\"filter.selectedColourValue\">\r\n    </span>\r\n  </ng-container>\r\n</button>\r\n", styles: [".select-button{width:100%;margin-bottom:20px}.preview{padding:4px 4px 4px 15px;margin:5px;border:1px solid #000}\n"], dependencies: [{ 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterColourComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-filter-colour', template: "<button class=\"select-button\" mat-stroked-button (click)=\"OpenDialog()\">\r\n  {{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n  <ng-container *ngIf=\"filter.selectedColour != null\">\r\n    <span>\r\n      ({{ filter.selectedColour }})\r\n    </span>\r\n    <span class='preview' [style.background-color]=\"filter.selectedColourValue\">\r\n    </span>\r\n  </ng-container>\r\n</button>\r\n", styles: [".select-button{width:100%;margin-bottom:20px}.preview{padding:4px 4px 4px 15px;margin:5px;border:1px solid #000}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }, { type: i3.MatDialog }]; }, propDecorators: { filter: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlci1jb2xvdXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1maWx0ZXItY29sb3VyL2ZhYi1maWx0ZXItY29sb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVyLWNvbG91ci9mYWItZmlsdGVyLWNvbG91ci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFLcEUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sK0RBQStELENBQUM7Ozs7Ozs7QUFPL0csTUFBTSxPQUFPLHdCQUF3QjtJQXNCbkMsWUFDVSxrQkFBc0MsRUFDdkMsZ0JBQWtDLEVBQ2pDLGlCQUFvQyxFQUNyQyxNQUFpQjtRQUhoQix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3ZDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDakMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNyQyxXQUFNLEdBQU4sTUFBTSxDQUFXO0lBQUksQ0FBQztJQXJCL0IsSUFBSSxNQUFNO1FBQ1IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUFhLE1BQU0sQ0FBQyxLQUFpQztRQUNuRCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUVyQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBRTFCLG1DQUFtQztRQUNuQyx1Q0FBdUM7UUFDdkMsaURBQWlEO1FBQ2pELDRDQUE0QztRQUM1QyxLQUFLO1FBQ0wsR0FBRztJQUNMLENBQUM7SUFRTSxVQUFVO1FBRWYsSUFBSSxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFFMUIsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUN4RixnQkFBZ0IsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO1NBQ3JEO1FBRUQsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsOEJBQThCLEVBQUU7WUFDL0QsSUFBSSxFQUFFO2dCQUNKLFFBQVEsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQ3hCLGdCQUFnQixFQUFFLGdCQUFnQjthQUNuQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7O3FIQTFDVSx3QkFBd0I7eUdBQXhCLHdCQUF3QiwyRkNackMscVpBVUE7MkZERWEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHVCQUF1QjtnTUFhcEIsTUFBTTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlbkZpbHRlclZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcbmltcG9ydCB7IEZhYkZpbHRlckNvbG91ckRpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZmFiLWZpbHRlci1jb2xvdXItZGlhbG9nL2ZhYi1maWx0ZXItY29sb3VyLWRpYWxvZy5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLWZpbHRlci1jb2xvdXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItZmlsdGVyLWNvbG91ci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWZpbHRlci1jb2xvdXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFiRmlsdGVyQ29sb3VyQ29tcG9uZW50IHtcclxuXHJcbiAgcHVibGljIFNlbGVjdGVkT3B0aW9uSWQ6IG51bWJlcjtcclxuXHJcbiAgX2ZpbHRlcjogRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWw7XHJcbiAgZ2V0IGZpbHRlcigpOiBGYWJyaWthbnRlbkZpbHRlclZpZXdNb2RlbCB7XHJcbiAgICByZXR1cm4gdGhpcy5fZmlsdGVyO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgc2V0IGZpbHRlcih2YWx1ZTogRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWwpIHtcclxuICAgIHRoaXMuX2ZpbHRlciA9IHZhbHVlO1xyXG5cclxuICAgIHRoaXMuU2VsZWN0ZWRPcHRpb25JZCA9IDE7XHJcblxyXG4gICAgLy9pZiAodGhpcy5TZWxlY3RlZE9wdGlvbklkID09IDApIHtcclxuICAgIC8vICB2YXIgb3B0aW9ucyA9IHRoaXMuX2ZpbHRlci5vcHRpb25zO1xyXG4gICAgLy8gIGlmIChvcHRpb25zICE9IG51bGwgJiYgb3B0aW9ucy5sZW5ndGggPT0gMSkge1xyXG4gICAgLy8gICAgdGhpcy5TZWxlY3RlZE9wdGlvbklkID0gb3B0aW9uc1swXS5pZDtcclxuICAgIC8vICB9XHJcbiAgICAvL31cclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBGYWJyaWthbnRlblNlcnZpY2U6IEZhYnJpa2FudGVuU2VydmljZSxcclxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2cpIHsgfVxyXG5cclxuICBwdWJsaWMgT3BlbkRpYWxvZygpOiB2b2lkIHtcclxuXHJcbiAgICB2YXIgZmlsdGVyb3B0aW9ubmFtZSA9IFwiXCI7XHJcblxyXG4gICAgaWYgKHRoaXMuZmlsdGVyICE9IG51bGwgJiYgdGhpcy5maWx0ZXIub3B0aW9ucyAhPSBudWxsICYmIHRoaXMuZmlsdGVyLm9wdGlvbnMubGVuZ3RoID4gMCkge1xyXG4gICAgICBmaWx0ZXJvcHRpb25uYW1lID0gdGhpcy5maWx0ZXIub3B0aW9uc1swXS5uYW1lICsgXCJcIjtcclxuICAgIH1cclxuXHJcbiAgICB2YXIgZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihGYWJGaWx0ZXJDb2xvdXJEaWFsb2dDb21wb25lbnQsIHtcclxuICAgICAgZGF0YToge1xyXG4gICAgICAgIGZpbHRlcmlkOiB0aGlzLmZpbHRlci5pZCxcclxuICAgICAgICBmaWx0ZXJvcHRpb25uYW1lOiBmaWx0ZXJvcHRpb25uYW1lXHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCI8YnV0dG9uIGNsYXNzPVwic2VsZWN0LWJ1dHRvblwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiT3BlbkRpYWxvZygpXCI+XHJcbiAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZUZpbHRlcihmaWx0ZXIuaWQpIH19XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImZpbHRlci5zZWxlY3RlZENvbG91ciAhPSBudWxsXCI+XHJcbiAgICA8c3Bhbj5cclxuICAgICAgKHt7IGZpbHRlci5zZWxlY3RlZENvbG91ciB9fSlcclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPSdwcmV2aWV3JyBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJmaWx0ZXIuc2VsZWN0ZWRDb2xvdXJWYWx1ZVwiPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L2J1dHRvbj5cclxuIl19

package/esm2020/src/app/modules/fabrikantencore/components/fab-filter-colour-label/fab-filter-colour-label.component.mjs

@@ -0,0 +1,50 @@
+import { Component, Input } from '@angular/core';
+import { FabFilterColourDialogComponent } from './../fab-filter-colour/fab-filter-colour-dialog/fab-filter-colour-dialog.component';
+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/material/dialog";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/button";
+export class FabFilterColourLabelComponent {
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef, dialog) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.dialog = dialog;
+    }
+    get filter() {
+        return this._filter;
+    }
+    set filter(value) {
+        this._filter = value;
+        this.SelectedOptionId = 1;
+        //if (this.SelectedOptionId == 0) {
+        //  var options = this._filter.options;
+        //  if (options != null && options.length == 1) {
+        //    this.SelectedOptionId = options[0].id;
+        //  }
+        //}
+    }
+    OpenDialog() {
+        var filteroptionname = "";
+        if (this.filter != null && this.filter.options != null && this.filter.options.length > 0) {
+            filteroptionname = this.filter.options[0].name + "";
+        }
+        var dialogRef = this.dialog.open(FabFilterColourDialogComponent, {
+            data: {
+                filterid: this.filter.id,
+                filteroptionname: filteroptionname
+            }
+        });
+    }
+}
+FabFilterColourLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterColourLabelComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+FabFilterColourLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabFilterColourLabelComponent, selector: "app-fab-filter-colour-label", inputs: { filter: "filter" }, ngImport: i0, template: "<div class=\"displayflex\">\r\n  <div class=\"filter-label\">\r\n    {{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n    <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n  </div>\r\n  <div class=\"filter-options\">\r\n    <button class=\"select-button\" mat-stroked-button (click)=\"OpenDialog()\">\r\n      Selecteren\r\n      <ng-container *ngIf=\"filter.selectedColour != null\">\r\n        <span>\r\n          ({{ filter.selectedColour }})\r\n        </span>\r\n        <span class='preview' [style.background-color]=\"filter.selectedColourValue\">\r\n        </span>\r\n      </ng-container>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".select-button{width:100%;margin-bottom:20px}.preview{padding:4px 4px 4px 15px;margin:5px;border:1px solid #000}\n"], dependencies: [{ 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterColourLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-filter-colour-label', template: "<div class=\"displayflex\">\r\n  <div class=\"filter-label\">\r\n    {{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n    <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n  </div>\r\n  <div class=\"filter-options\">\r\n    <button class=\"select-button\" mat-stroked-button (click)=\"OpenDialog()\">\r\n      Selecteren\r\n      <ng-container *ngIf=\"filter.selectedColour != null\">\r\n        <span>\r\n          ({{ filter.selectedColour }})\r\n        </span>\r\n        <span class='preview' [style.background-color]=\"filter.selectedColourValue\">\r\n        </span>\r\n      </ng-container>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".select-button{width:100%;margin-bottom:20px}.preview{padding:4px 4px 4px 15px;margin:5px;border:1px solid #000}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }, { type: i3.MatDialog }]; }, propDecorators: { filter: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlci1jb2xvdXItbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1maWx0ZXItY29sb3VyLWxhYmVsL2ZhYi1maWx0ZXItY29sb3VyLWxhYmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVyLWNvbG91ci1sYWJlbC9mYWItZmlsdGVyLWNvbG91ci1sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFLcEUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sb0ZBQW9GLENBQUM7Ozs7Ozs7QUFRcEksTUFBTSxPQUFPLDZCQUE2QjtJQXFCeEMsWUFDVSxrQkFBc0MsRUFDdkMsZ0JBQWtDLEVBQ2pDLGlCQUFvQyxFQUNyQyxNQUFpQjtRQUhoQix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3ZDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDakMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNyQyxXQUFNLEdBQU4sTUFBTSxDQUFXO0lBQUksQ0FBQztJQXJCL0IsSUFBSSxNQUFNO1FBQ1IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUFhLE1BQU0sQ0FBQyxLQUFpQztRQUNuRCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUVyQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBRTFCLG1DQUFtQztRQUNuQyx1Q0FBdUM7UUFDdkMsaURBQWlEO1FBQ2pELDRDQUE0QztRQUM1QyxLQUFLO1FBQ0wsR0FBRztJQUNMLENBQUM7SUFRTSxVQUFVO1FBRWYsSUFBSSxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFFMUIsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUN4RixnQkFBZ0IsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO1NBQ3JEO1FBRUQsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsOEJBQThCLEVBQUU7WUFDL0QsSUFBSSxFQUFFO2dCQUNKLFFBQVEsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQ3hCLGdCQUFnQixFQUFFLGdCQUFnQjthQUNuQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7OzBIQXpDVSw2QkFBNkI7OEdBQTdCLDZCQUE2QixpR0NiMUMsNHFCQW9CQTsyRkRQYSw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0UsNkJBQTZCO2dNQVkxQixNQUFNO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmFicmlrYW50ZW4uc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGUuc2VydmljZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuRmlsdGVyVmlld01vZGVsIH0gZnJvbSAnLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuaW1wb3J0IHsgRmFiRmlsdGVyQ29sb3VyRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi8uLi9mYWItZmlsdGVyLWNvbG91ci9mYWItZmlsdGVyLWNvbG91ci1kaWFsb2cvZmFiLWZpbHRlci1jb2xvdXItZGlhbG9nLmNvbXBvbmVudCc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLWZpbHRlci1jb2xvdXItbGFiZWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItZmlsdGVyLWNvbG91ci1sYWJlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWZpbHRlci1jb2xvdXItbGFiZWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFiRmlsdGVyQ29sb3VyTGFiZWxDb21wb25lbnQge1xyXG4gIHB1YmxpYyBTZWxlY3RlZE9wdGlvbklkOiBudW1iZXI7XHJcblxyXG4gIF9maWx0ZXI6IEZhYnJpa2FudGVuRmlsdGVyVmlld01vZGVsO1xyXG4gIGdldCBmaWx0ZXIoKTogRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWwge1xyXG4gICAgcmV0dXJuIHRoaXMuX2ZpbHRlcjtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHNldCBmaWx0ZXIodmFsdWU6IEZhYnJpa2FudGVuRmlsdGVyVmlld01vZGVsKSB7XHJcbiAgICB0aGlzLl9maWx0ZXIgPSB2YWx1ZTtcclxuXHJcbiAgICB0aGlzLlNlbGVjdGVkT3B0aW9uSWQgPSAxO1xyXG5cclxuICAgIC8vaWYgKHRoaXMuU2VsZWN0ZWRPcHRpb25JZCA9PSAwKSB7XHJcbiAgICAvLyAgdmFyIG9wdGlvbnMgPSB0aGlzLl9maWx0ZXIub3B0aW9ucztcclxuICAgIC8vICBpZiAob3B0aW9ucyAhPSBudWxsICYmIG9wdGlvbnMubGVuZ3RoID09IDEpIHtcclxuICAgIC8vICAgIHRoaXMuU2VsZWN0ZWRPcHRpb25JZCA9IG9wdGlvbnNbMF0uaWQ7XHJcbiAgICAvLyAgfVxyXG4gICAgLy99XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHVibGljIGRpYWxvZzogTWF0RGlhbG9nKSB7IH1cclxuXHJcbiAgcHVibGljIE9wZW5EaWFsb2coKTogdm9pZCB7XHJcblxyXG4gICAgdmFyIGZpbHRlcm9wdGlvbm5hbWUgPSBcIlwiO1xyXG5cclxuICAgIGlmICh0aGlzLmZpbHRlciAhPSBudWxsICYmIHRoaXMuZmlsdGVyLm9wdGlvbnMgIT0gbnVsbCAmJiB0aGlzLmZpbHRlci5vcHRpb25zLmxlbmd0aCA+IDApIHtcclxuICAgICAgZmlsdGVyb3B0aW9ubmFtZSA9IHRoaXMuZmlsdGVyLm9wdGlvbnNbMF0ubmFtZSArIFwiXCI7XHJcbiAgICB9XHJcblxyXG4gICAgdmFyIGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oRmFiRmlsdGVyQ29sb3VyRGlhbG9nQ29tcG9uZW50LCB7XHJcbiAgICAgIGRhdGE6IHtcclxuICAgICAgICBmaWx0ZXJpZDogdGhpcy5maWx0ZXIuaWQsXHJcbiAgICAgICAgZmlsdGVyb3B0aW9ubmFtZTogZmlsdGVyb3B0aW9ubmFtZVxyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImRpc3BsYXlmbGV4XCI+XHJcbiAgPGRpdiBjbGFzcz1cImZpbHRlci1sYWJlbFwiPlxyXG4gICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZUZpbHRlcihmaWx0ZXIuaWQpIH19XHJcbiAgICA8c3BhbiAqbmdJZj1cImZpbHRlci5ibG9ja3NQcm9kdWN0U2VsZWN0IHx8IGZpbHRlci5yZXF1aXJlZFwiPio8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImZpbHRlci1vcHRpb25zXCI+XHJcbiAgICA8YnV0dG9uIGNsYXNzPVwic2VsZWN0LWJ1dHRvblwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiT3BlbkRpYWxvZygpXCI+XHJcbiAgICAgIFNlbGVjdGVyZW5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImZpbHRlci5zZWxlY3RlZENvbG91ciAhPSBudWxsXCI+XHJcbiAgICAgICAgPHNwYW4+XHJcbiAgICAgICAgICAoe3sgZmlsdGVyLnNlbGVjdGVkQ29sb3VyIH19KVxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8c3BhbiBjbGFzcz0ncHJldmlldycgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiZmlsdGVyLnNlbGVjdGVkQ29sb3VyVmFsdWVcIj5cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuXHJcbiJdfQ==

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

@@ -0,0 +1,81 @@
+import { Component, 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 "@angular/forms";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/radio";
+export class FabFilterFoldComponent {
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.Opened = false;
+    }
+    get filter() {
+        return this._filter;
+    }
+    set filter(value) {
+        this._filter = value;
+    }
+    ngOnInit() {
+    }
+    ChangeState() {
+        if (this.HasChosen()) {
+            this.ResetSelection();
+        }
+        else {
+            if (this.HasOptions()) {
+                this.Opened = !this.Opened;
+            }
+        }
+    }
+    IsFilled() {
+        return this.GetSelectedOption() != null;
+    }
+    SelectOption(optionid) {
+        this.FabrikantenService.SelectOption(this.filter.id, optionid, this.ChangeDetectorRef);
+    }
+    ResetSelection() {
+        this.FabrikantenService.ResetSelectionFilter(this.filter, this.ChangeDetectorRef);
+    }
+    HasChosen() {
+        if (this.filter.selectedOption > 0) {
+            return true;
+        }
+        return false;
+    }
+    HasOptions() {
+        if (this.filter.options != null) {
+            if (this.filter.options.length > 1) {
+                return true;
+            }
+        }
+        return false;
+    }
+    GetSelectedOption() {
+        if (this._filter.options != null) {
+            if (this._filter.options.length == 1) {
+                return this._filter.options[0];
+            }
+            else {
+                for (var i = 0; i < this._filter.options.length; i++) {
+                    if (this._filter.selectedOption == this._filter.options[i].id) {
+                        return this._filter.options[i];
+                    }
+                }
+            }
+        }
+        return null;
+    }
+}
+FabFilterFoldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterFoldComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabFilterFoldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabFilterFoldComponent, selector: "app-fab-filter-fold", inputs: { filter: "filter" }, ngImport: i0, template: "<ng-container *ngIf=\"!filter.hidden\">\r\n  <div class=\"main-fold\" [ngClass]=\"{ 'filled': IsFilled() }\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n        <span class=\"filter-required-sign\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n        <span class=\"filter-affects-sign\" *ngIf=\"filter.affectsOnlyBestek\">\r\n          <sup>1</sup>\r\n        </span>\r\n        <ng-container *ngIf=\"HasChosen() || !HasOptions()\">\r\n          <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n            <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n              &nbsp;\r\n              &nbsp;\r\n            </div>\r\n          </div>\r\n          ({{ TranslateService.GetActiveValueFilterOption(GetSelectedOption().id) }})\r\n        </ng-container>\r\n      </div>\r\n      <div class=\"iconbar\">\r\n        <ng-container *ngIf=\"HasChosen()\">\r\n          <mat-icon class=\"icon-clear\">clear</mat-icon>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!HasChosen() && HasOptions()\">\r\n          <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n          <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <div class=\"row\">\r\n            <div class=\"select\">\r\n\r\n              <mat-radio-group class=\"radio-group\" [(ngModel)]=\"SelectedOptionId\">\r\n                <ng-container *ngFor=\"let option of filter.options\">\r\n                  <mat-radio-button class=\"select-mat-option radio-button\" *ngIf=\"!option.hidden\" (change)=\"SelectOption(option.id)\">\r\n                    <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                      <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                        &nbsp;\r\n                        &nbsp;\r\n                      </span>\r\n                    </ng-container>\r\n\r\n                    {{ TranslateService.GetActiveValueFilterOption(option.id) }}\r\n                  </mat-radio-button>\r\n                </ng-container>\r\n              </mat-radio-group>\r\n            </div>\r\n            <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n              <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n                &nbsp;\r\n                &nbsp;\r\n              </div>\r\n            </div>\r\n            <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n              <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n   \r\n  </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{overflow:hidden;border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.radio-button{padding-bottom:3px}.radio-group{display:inline-flex;flex-direction:column}.content{padding:5px}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterFoldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-filter-fold', template: "<ng-container *ngIf=\"!filter.hidden\">\r\n  <div class=\"main-fold\" [ngClass]=\"{ 'filled': IsFilled() }\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n        <span class=\"filter-required-sign\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n        <span class=\"filter-affects-sign\" *ngIf=\"filter.affectsOnlyBestek\">\r\n          <sup>1</sup>\r\n        </span>\r\n        <ng-container *ngIf=\"HasChosen() || !HasOptions()\">\r\n          <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n            <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n              &nbsp;\r\n              &nbsp;\r\n            </div>\r\n          </div>\r\n          ({{ TranslateService.GetActiveValueFilterOption(GetSelectedOption().id) }})\r\n        </ng-container>\r\n      </div>\r\n      <div class=\"iconbar\">\r\n        <ng-container *ngIf=\"HasChosen()\">\r\n          <mat-icon class=\"icon-clear\">clear</mat-icon>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!HasChosen() && HasOptions()\">\r\n          <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n          <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <div class=\"row\">\r\n            <div class=\"select\">\r\n\r\n              <mat-radio-group class=\"radio-group\" [(ngModel)]=\"SelectedOptionId\">\r\n                <ng-container *ngFor=\"let option of filter.options\">\r\n                  <mat-radio-button class=\"select-mat-option radio-button\" *ngIf=\"!option.hidden\" (change)=\"SelectOption(option.id)\">\r\n                    <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                      <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                        &nbsp;\r\n                        &nbsp;\r\n                      </span>\r\n                    </ng-container>\r\n\r\n                    {{ TranslateService.GetActiveValueFilterOption(option.id) }}\r\n                  </mat-radio-button>\r\n                </ng-container>\r\n              </mat-radio-group>\r\n            </div>\r\n            <div *ngIf=\"GetSelectedOption() != null && GetSelectedOption().colour != null && GetSelectedOption().colour != ''\">\r\n              <div [ngStyle]=\"{'background-color': GetSelectedOption().colour}\" class=\"colour-preview-selected\">\r\n                &nbsp;\r\n                &nbsp;\r\n              </div>\r\n            </div>\r\n            <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n              <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n   \r\n  </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{overflow:hidden;border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.radio-button{padding-bottom:3px}.radio-group{display:inline-flex;flex-direction:column}.content{padding:5px}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { filter: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlci1mb2xkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVyLWZvbGQvZmFiLWZpbHRlci1mb2xkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVyLWZvbGQvZmFiLWZpbHRlci1mb2xkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFnQixLQUFLLEVBQXFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVVySCxNQUFNLE9BQU8sc0JBQXNCO0lBYWpDLFlBQ1Usa0JBQXNDLEVBQ3ZDLGdCQUFrQyxFQUNqQyxpQkFBb0M7UUFGcEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN2QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2pDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFkdkMsV0FBTSxHQUFZLEtBQUssQ0FBQztJQWNtQixDQUFDO0lBWG5ELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBYSxNQUFNLENBQUMsS0FBaUM7UUFDbkQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQU9ELFFBQVE7SUFDUixDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUNwQixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDdkI7YUFDSTtZQUNILElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFO2dCQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQzthQUM1QjtTQUNGO0lBQ0gsQ0FBQztJQUVNLFFBQVE7UUFDYixPQUFPLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLElBQUksQ0FBQztJQUMxQyxDQUFDO0lBRU0sWUFBWSxDQUFDLFFBQWdCO1FBQ2xDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3pGLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3BGLENBQUM7SUFFTSxTQUFTO1FBQ2QsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLGNBQWMsR0FBRyxDQUFDLEVBQUU7WUFDbEMsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLFVBQVU7UUFDZixJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxJQUFJLElBQUksRUFBRTtZQUMvQixJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2xDLE9BQU8sSUFBSSxDQUFDO2FBQ2I7U0FDRjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxJQUFJLElBQUksRUFBRTtZQUNoQyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUU7Z0JBQ3BDLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDaEM7aUJBQ0k7Z0JBQ0gsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtvQkFDcEQsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7d0JBQzdELE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7cUJBQ2hDO2lCQUNGO2FBQ0Y7U0FDRjtRQUVELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQzs7bUhBN0VVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHlGQ1ZuQyxrdEdBa0VBOzJGRHhEYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCO3dLQWFsQixNQUFNO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlbkZpbHRlck9wdGlvblZpZXdNb2RlbCwgRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWwgfSBmcm9tICcuLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLWZpbHRlci1mb2xkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLWZpbHRlci1mb2xkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mYWItZmlsdGVyLWZvbGQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFiRmlsdGVyRm9sZENvbXBvbmVudCB7XHJcbiAgcHVibGljIFNlbGVjdGVkT3B0aW9uSWQ6IG51bWJlcjtcclxuICBwdWJsaWMgT3BlbmVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIF9maWx0ZXI6IEZhYnJpa2FudGVuRmlsdGVyVmlld01vZGVsO1xyXG4gIGdldCBmaWx0ZXIoKTogRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWwge1xyXG4gICAgcmV0dXJuIHRoaXMuX2ZpbHRlcjtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHNldCBmaWx0ZXIodmFsdWU6IEZhYnJpa2FudGVuRmlsdGVyVmlld01vZGVsKSB7XHJcbiAgICB0aGlzLl9maWx0ZXIgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBGYWJyaWthbnRlblNlcnZpY2U6IEZhYnJpa2FudGVuU2VydmljZSxcclxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBDaGFuZ2VTdGF0ZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLkhhc0Nob3NlbigpKSB7XHJcbiAgICAgIHRoaXMuUmVzZXRTZWxlY3Rpb24oKTtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICBpZiAodGhpcy5IYXNPcHRpb25zKCkpIHtcclxuICAgICAgICB0aGlzLk9wZW5lZCA9ICF0aGlzLk9wZW5lZDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIElzRmlsbGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuR2V0U2VsZWN0ZWRPcHRpb24oKSAhPSBudWxsO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFNlbGVjdE9wdGlvbihvcHRpb25pZDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5TZWxlY3RPcHRpb24odGhpcy5maWx0ZXIuaWQsIG9wdGlvbmlkLCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBSZXNldFNlbGVjdGlvbigpOiB2b2lkIHtcclxuICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlJlc2V0U2VsZWN0aW9uRmlsdGVyKHRoaXMuZmlsdGVyLCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBIYXNDaG9zZW4oKTogYm9vbGVhbiB7XHJcbiAgICBpZiAodGhpcy5maWx0ZXIuc2VsZWN0ZWRPcHRpb24gPiAwKSB7XHJcbiAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBIYXNPcHRpb25zKCk6IGJvb2xlYW4ge1xyXG4gICAgaWYgKHRoaXMuZmlsdGVyLm9wdGlvbnMgIT0gbnVsbCkge1xyXG4gICAgICBpZiAodGhpcy5maWx0ZXIub3B0aW9ucy5sZW5ndGggPiAxKSB7XHJcbiAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgR2V0U2VsZWN0ZWRPcHRpb24oKTogRmFicmlrYW50ZW5GaWx0ZXJPcHRpb25WaWV3TW9kZWwgfCBudWxsIHtcclxuICAgIGlmICh0aGlzLl9maWx0ZXIub3B0aW9ucyAhPSBudWxsKSB7XHJcbiAgICAgIGlmICh0aGlzLl9maWx0ZXIub3B0aW9ucy5sZW5ndGggPT0gMSkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLl9maWx0ZXIub3B0aW9uc1swXTtcclxuICAgICAgfVxyXG4gICAgICBlbHNlIHtcclxuICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IHRoaXMuX2ZpbHRlci5vcHRpb25zLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgICAgICBpZiAodGhpcy5fZmlsdGVyLnNlbGVjdGVkT3B0aW9uID09IHRoaXMuX2ZpbHRlci5vcHRpb25zW2ldLmlkKSB7XHJcbiAgICAgICAgICAgIHJldHVybiB0aGlzLl9maWx0ZXIub3B0aW9uc1tpXTtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gbnVsbDtcclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFmaWx0ZXIuaGlkZGVuXCI+XHJcbiAgPGRpdiBjbGFzcz1cIm1haW4tZm9sZFwiIFtuZ0NsYXNzXT1cInsgJ2ZpbGxlZCc6IElzRmlsbGVkKCkgfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInJvdyBzZWxlY3RiYXJcIiAoY2xpY2spPVwiQ2hhbmdlU3RhdGUoKVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleGF1dG8gbmFtZWJhclwiPlxyXG4gICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWVGaWx0ZXIoZmlsdGVyLmlkKSB9fVxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyLXJlcXVpcmVkLXNpZ25cIiAqbmdJZj1cImZpbHRlci5ibG9ja3NQcm9kdWN0U2VsZWN0IHx8IGZpbHRlci5yZXF1aXJlZFwiPio8L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItYWZmZWN0cy1zaWduXCIgKm5nSWY9XCJmaWx0ZXIuYWZmZWN0c09ubHlCZXN0ZWtcIj5cclxuICAgICAgICAgIDxzdXA+MTwvc3VwPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiSGFzQ2hvc2VuKCkgfHwgIUhhc09wdGlvbnMoKVwiPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cIkdldFNlbGVjdGVkT3B0aW9uKCkgIT0gbnVsbCAmJiBHZXRTZWxlY3RlZE9wdGlvbigpLmNvbG91ciAhPSBudWxsICYmIEdldFNlbGVjdGVkT3B0aW9uKCkuY29sb3VyICE9ICcnXCI+XHJcbiAgICAgICAgICAgIDxkaXYgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogR2V0U2VsZWN0ZWRPcHRpb24oKS5jb2xvdXJ9XCIgY2xhc3M9XCJjb2xvdXItcHJldmlldy1zZWxlY3RlZFwiPlxyXG4gICAgICAgICAgICAgICZuYnNwO1xyXG4gICAgICAgICAgICAgICZuYnNwO1xyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgKHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWVGaWx0ZXJPcHRpb24oR2V0U2VsZWN0ZWRPcHRpb24oKS5pZCkgfX0pXHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaWNvbmJhclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJIYXNDaG9zZW4oKVwiPlxyXG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiaWNvbi1jbGVhclwiPmNsZWFyPC9tYXQtaWNvbj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIUhhc0Nob3NlbigpICYmIEhhc09wdGlvbnMoKVwiPlxyXG4gICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiIU9wZW5lZFwiIGNsYXNzPVwiZXhwYW5kX21vcmVcIj5hZGQ8L21hdC1pY29uPlxyXG4gICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiT3BlbmVkXCIgY2xhc3M9XCJleHBhbmRfbGVzc1wiPnJlbW92ZTwvbWF0LWljb24+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sbGFwc2libGUtd3JhcHBlclwiIFtuZ0NsYXNzXT1cInsnY29sbGFwc2VkJzogIU9wZW5lZH1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbGxhcHNpYmxlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNlbGVjdFwiPlxyXG5cclxuICAgICAgICAgICAgICA8bWF0LXJhZGlvLWdyb3VwIGNsYXNzPVwicmFkaW8tZ3JvdXBcIiBbKG5nTW9kZWwpXT1cIlNlbGVjdGVkT3B0aW9uSWRcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXIub3B0aW9uc1wiPlxyXG4gICAgICAgICAgICAgICAgICA8bWF0LXJhZGlvLWJ1dHRvbiBjbGFzcz1cInNlbGVjdC1tYXQtb3B0aW9uIHJhZGlvLWJ1dHRvblwiICpuZ0lmPVwiIW9wdGlvbi5oaWRkZW5cIiAoY2hhbmdlKT1cIlNlbGVjdE9wdGlvbihvcHRpb24uaWQpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbi5jb2xvdXIgIT0gbnVsbCAmJiBvcHRpb24uY29sb3VyICE9ICcnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOiBvcHRpb24uY29sb3VyfVwiIGNsYXNzPVwiY29sb3VyLXByZXZpZXdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgJm5ic3A7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICZuYnNwO1xyXG4gICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlRmlsdGVyT3B0aW9uKG9wdGlvbi5pZCkgfX1cclxuICAgICAgICAgICAgICAgICAgPC9tYXQtcmFkaW8tYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgPC9tYXQtcmFkaW8tZ3JvdXA+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiR2V0U2VsZWN0ZWRPcHRpb24oKSAhPSBudWxsICYmIEdldFNlbGVjdGVkT3B0aW9uKCkuY29sb3VyICE9IG51bGwgJiYgR2V0U2VsZWN0ZWRPcHRpb24oKS5jb2xvdXIgIT0gJydcIj5cclxuICAgICAgICAgICAgICA8ZGl2IFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6IEdldFNlbGVjdGVkT3B0aW9uKCkuY29sb3VyfVwiIGNsYXNzPVwiY29sb3VyLXByZXZpZXctc2VsZWN0ZWRcIj5cclxuICAgICAgICAgICAgICAgICZuYnNwO1xyXG4gICAgICAgICAgICAgICAgJm5ic3A7XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVzZXRcIiAqbmdJZj1cImZpbHRlci5zZWxlY3RlZE9wdGlvbiAhPSAwXCIgKGNsaWNrKT1cIlJlc2V0U2VsZWN0aW9uKClcIj5cclxuICAgICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJpY29uLXBvc2l0aW9uIGNsZWFyXCIgW2lubGluZV09XCJ0cnVlXCI+Y2xlYXI8L21hdC1pY29uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICBcclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==

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

@@ -0,0 +1,121 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } 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 "@angular/material/form-field";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/select";
+import * as i8 from "@angular/material/core";
+export class FabFilterLabelComponent {
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.filterchanged = new EventEmitter();
+    }
+    get filter() {
+        return this._filter;
+    }
+    set filter(value) {
+        this._filter = value;
+        this.SelectedOptionId = this._filter.selectedOption;
+        if (this.SelectedOptionId == 0) {
+            var options = this._filter.options;
+            if (options != null && options.length == 1) {
+                this.SelectedOptionId = options[0].id;
+            }
+        }
+    }
+    ngOnInit() {
+    }
+    SelectOption() {
+        this.FabrikantenService.SelectOption(this.filter.id, this.SelectedOptionId, this.ChangeDetectorRef);
+    }
+    ResetSelection() {
+        this.FabrikantenService.ResetSelectionFilter(this.filter, this.ChangeDetectorRef);
+    }
+    IsDisabled() {
+        if (this.filter.selectedOption != 0) {
+            return true;
+        }
+        if (this.filter.options?.length == 1) {
+            return true;
+        }
+        return false;
+    }
+    ShowDescription() {
+        if (this._filter.description != null) {
+            if (this._filter.description.indexOf("#{Schuifgrendel met hangslot}") != -1) {
+                if (this._filter.options != null) {
+                    for (var i = 0; i < this._filter.options.length; i++) {
+                        if (this._filter.options[i].name?.toLocaleLowerCase() == "schuifgrendel met hangslot") {
+                            return true;
+                        }
+                    }
+                }
+                return false;
+            }
+            if (this._filter.description.indexOf("#{GetAllOptionsExceptFirstAndLast}") != -1) {
+                if (this._filter.options != null) {
+                    if (this._filter.options.length < 2) {
+                        return false;
+                    }
+                }
+            }
+            return true;
+        }
+        return false;
+    }
+    GetDescription() {
+        var result = "";
+        if (this._filter.description != null) {
+            result = this._filter.description.replace("#{Schuifgrendel met hangslot}", "");
+            if (result.indexOf("#{GetAllOptionsExceptFirstAndLast}") != -1) {
+                result = this._filter.description.replace("#{GetAllOptionsExceptFirstAndLast}", this.GetAllOptionsExceptFirstAndLast());
+            }
+        }
+        return result;
+    }
+    GetSelectedOption() {
+        if (this._filter.options != null) {
+            if (this._filter.options.length == 1) {
+                return this._filter.options[0];
+            }
+            else {
+                for (var i = 0; i < this._filter.options.length; i++) {
+                    if (this._filter.selectedOption == this._filter.options[i].id) {
+                        return this._filter.options[i];
+                    }
+                }
+            }
+        }
+        return null;
+    }
+    GetAllOptionsExceptFirstAndLast() {
+        var result = "";
+        if (this._filter.options != null) {
+            for (var i = 0; i < this._filter.options.length; i++) {
+                if (i != 0 && i != this._filter.options.length - 1) {
+                    if (result != "") {
+                        result += ",";
+                    }
+                    result += this._filter.options[i].name;
+                }
+            }
+        }
+        return result;
+    }
+}
+FabFilterLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterLabelComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabFilterLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabFilterLabelComponent, selector: "app-fab-filter-label", inputs: { filter: "filter" }, outputs: { filterchanged: "filterchanged" }, ngImport: i0, template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <div class=\"displayflex\">\r\n      <div class=\"filter-label\">\r\n        {{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n        <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n      </div>\r\n      <div *ngIf=\"!IsDisabled()\" class=\"filter-options\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label class=\"select-mat-label\">\r\n            <!--{{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n            <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>-->\r\n          </mat-label>\r\n          <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n            <ng-container *ngFor=\"let option of filter.options\">\r\n              <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n                <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                  <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                    &nbsp;\r\n                    &nbsp;\r\n                  </span>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                  <div class=\"filter-option-image-div\">\r\n                    <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                  </div>\r\n                </ng-container>\r\n                <span class=\"name-span\">{{ TranslateService.GetActiveValueFilterOption(option.id) }}</span>\r\n              </mat-option>\r\n            </ng-container>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        <!--<select class=\"full-width\" [(ngModel)]=\"SelectedOptionId\" (change)=\"SelectOption()\">\r\n          <ng-container *ngFor=\"let option of filter.options\">\r\n            <option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n              <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                  &nbsp;\r\n                  &nbsp;\r\n                </span>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                <div class=\"filter-option-image-div\">\r\n                  <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                </div>\r\n              </ng-container>\r\n              <span class=\"name-span\">{{ TranslateService.GetActiveValueFilterOption(option.id) }}</span>\r\n            </option>\r\n          </ng-container>\r\n        </select>-->\r\n      </div>\r\n      <div *ngIf=\"IsDisabled()\" class=\"filter-option-selected\">\r\n          <ng-container *ngFor=\"let option of filter.options\">\r\n            <ng-container *ngIf=\"!option.hidden\">\r\n              <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                  &nbsp;\r\n                  &nbsp;\r\n                </span>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                <div class=\"filter-option-image-div\">\r\n                  <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                </div>\r\n              </ng-container>\r\n              <span class=\"name-span\">{{ TranslateService.GetActiveValueFilterOption(option.id) }}</span>\r\n            </ng-container>\r\n          </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n    <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-filter-label .select-mat-label:first-letter{text-transform:capitalize}app-fab-filter-label .mat-select-min-line:first-letter{text-transform:capitalize}app-fab-filter-label .description-block{padding-bottom:15px;font-size:12px}app-fab-filter-label .row{display:flex;width:100%}app-fab-filter-label .full-width{width:100%}app-fab-filter-label .icon-position{margin-top:14px}app-fab-filter-label .select{flex:auto;width:100%}app-fab-filter-label .reset{cursor:pointer;font-size:26px}app-fab-filter-label .colour-preview-selected{padding:5px;margin-left:5px;margin-top:8px;border:1px solid #000}.colour-preview{padding:5px;border:1px solid #000;line-height:20px;margin:10px}.name-span{line-height:52px}.select-mat-option .mat-option-text:first-letter{text-transform:capitalize}.select-mat-option .mat-option-text{display:flex}.filter-label,.filter-options,.filter-option-selected{width:50%}.displayflex{display:flex}.mat-select-disabled .mat-select-arrow{display:none}.mat-select-panel-wrap{top:15px;position:relative}.mat-select-panel{max-width:100%!important}.filter-option-image{max-width:40px;max-height:40px}.filter-option-image-div{max-height:40px;padding-right:4px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-filter-label', encapsulation: ViewEncapsulation.None, template: "<div class=\"row\" *ngIf=\"!filter.hidden\">\r\n  <div class=\"select\">\r\n    <div class=\"displayflex\">\r\n      <div class=\"filter-label\">\r\n        {{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n        <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n      </div>\r\n      <div *ngIf=\"!IsDisabled()\" class=\"filter-options\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label class=\"select-mat-label\">\r\n            <!--{{ TranslateService.GetActiveValueFilter(filter.id) }}\r\n            <span *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>-->\r\n          </mat-label>\r\n          <mat-select [(ngModel)]=\"SelectedOptionId\" (selectionChange)=\"SelectOption()\" [disabled]=\"IsDisabled()\">\r\n            <ng-container *ngFor=\"let option of filter.options\">\r\n              <mat-option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n                <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                  <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                    &nbsp;\r\n                    &nbsp;\r\n                  </span>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                  <div class=\"filter-option-image-div\">\r\n                    <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                  </div>\r\n                </ng-container>\r\n                <span class=\"name-span\">{{ TranslateService.GetActiveValueFilterOption(option.id) }}</span>\r\n              </mat-option>\r\n            </ng-container>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        <!--<select class=\"full-width\" [(ngModel)]=\"SelectedOptionId\" (change)=\"SelectOption()\">\r\n          <ng-container *ngFor=\"let option of filter.options\">\r\n            <option [value]=\"option.id\" class=\"select-mat-option\" *ngIf=\"!option.hidden\">\r\n              <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                  &nbsp;\r\n                  &nbsp;\r\n                </span>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                <div class=\"filter-option-image-div\">\r\n                  <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                </div>\r\n              </ng-container>\r\n              <span class=\"name-span\">{{ TranslateService.GetActiveValueFilterOption(option.id) }}</span>\r\n            </option>\r\n          </ng-container>\r\n        </select>-->\r\n      </div>\r\n      <div *ngIf=\"IsDisabled()\" class=\"filter-option-selected\">\r\n          <ng-container *ngFor=\"let option of filter.options\">\r\n            <ng-container *ngIf=\"!option.hidden\">\r\n              <ng-container *ngIf=\"option.colour != null && option.colour != ''\">\r\n                <span [ngStyle]=\"{'background-color': option.colour}\" class=\"colour-preview\">\r\n                  &nbsp;\r\n                  &nbsp;\r\n                </span>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n                <div class=\"filter-option-image-div\">\r\n                  <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n                </div>\r\n              </ng-container>\r\n              <span class=\"name-span\">{{ TranslateService.GetActiveValueFilterOption(option.id) }}</span>\r\n            </ng-container>\r\n          </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"reset\" *ngIf=\"filter.selectedOption != 0\" (click)=\"ResetSelection()\">\r\n    <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n  </div>\r\n</div>\r\n", styles: ["app-fab-filter-label .select-mat-label:first-letter{text-transform:capitalize}app-fab-filter-label .mat-select-min-line:first-letter{text-transform:capitalize}app-fab-filter-label .description-block{padding-bottom:15px;font-size:12px}app-fab-filter-label .row{display:flex;width:100%}app-fab-filter-label .full-width{width:100%}app-fab-filter-label .icon-position{margin-top:14px}app-fab-filter-label .select{flex:auto;width:100%}app-fab-filter-label .reset{cursor:pointer;font-size:26px}app-fab-filter-label .colour-preview-selected{padding:5px;margin-left:5px;margin-top:8px;border:1px solid #000}.colour-preview{padding:5px;border:1px solid #000;line-height:20px;margin:10px}.name-span{line-height:52px}.select-mat-option .mat-option-text:first-letter{text-transform:capitalize}.select-mat-option .mat-option-text{display:flex}.filter-label,.filter-options,.filter-option-selected{width:50%}.displayflex{display:flex}.mat-select-disabled .mat-select-arrow{display:none}.mat-select-panel-wrap{top:15px;position:relative}.mat-select-panel{max-width:100%!important}.filter-option-image{max-width:40px;max-height:40px}.filter-option-image-div{max-height:40px;padding-right:4px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { filter: [{
+                type: Input
+            }], filterchanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlci1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLWZpbHRlci1sYWJlbC9mYWItZmlsdGVyLWxhYmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVyLWxhYmVsL2ZhYi1maWx0ZXItbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7QUFZckgsTUFBTSxPQUFPLHVCQUF1QjtJQXNCbEMsWUFDVSxrQkFBc0MsRUFDdkMsZ0JBQWtDLEVBQ2pDLGlCQUFvQztRQUZwQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3ZDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDakMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUxwQyxrQkFBYSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBS3JCLENBQUM7SUFyQm5ELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBYSxNQUFNLENBQUMsS0FBaUM7UUFDbkQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDO1FBRXBELElBQUksSUFBSSxDQUFDLGdCQUFnQixJQUFJLENBQUMsRUFBRTtZQUM5QixJQUFJLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQztZQUNuQyxJQUFJLE9BQU8sSUFBSSxJQUFJLElBQUksT0FBTyxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUU7Z0JBQzFDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO2FBQ3ZDO1NBQ0Y7SUFDSCxDQUFDO0lBU0QsUUFBUTtJQUNSLENBQUM7SUFFTSxZQUFZO1FBQ2pCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3RHLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3BGLENBQUM7SUFFTSxVQUFVO1FBRWYsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLGNBQWMsSUFBSSxDQUFDLEVBQUU7WUFDbkMsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsTUFBTSxJQUFJLENBQUMsRUFBRTtZQUNwQyxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxJQUFJLElBQUksRUFBRTtZQUVwQyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQywrQkFBK0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFO2dCQUMzRSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxJQUFJLElBQUksRUFBRTtvQkFDaEMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTt3QkFDcEQsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSw0QkFBNEIsRUFBRTs0QkFDckYsT0FBTyxJQUFJLENBQUM7eUJBQ2I7cUJBQ0Y7aUJBQ0Y7Z0JBRUQsT0FBTyxLQUFLLENBQUM7YUFDZDtZQUVELElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLG9DQUFvQyxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUU7Z0JBQ2hGLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLElBQUksSUFBSSxFQUFFO29CQUNoQyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7d0JBQ25DLE9BQU8sS0FBSyxDQUFDO3FCQUNkO2lCQUNGO2FBQ0Y7WUFFRCxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRU0sY0FBYztRQUNuQixJQUFJLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsSUFBSSxJQUFJLEVBQUU7WUFDcEMsTUFBTSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQywrQkFBK0IsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUUvRSxJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsb0NBQW9DLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRTtnQkFDOUQsTUFBTSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxvQ0FBb0MsRUFBRSxJQUFJLENBQUMsK0JBQStCLEVBQUUsQ0FBQyxDQUFDO2FBQ3pIO1NBQ0Y7UUFFRCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDO0lBRU0saUJBQWlCO1FBQ3RCLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLElBQUksSUFBSSxFQUFFO1lBQ2hDLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBRTtnQkFDcEMsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNoQztpQkFDSTtnQkFDSCxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUNwRCxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTt3QkFDN0QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztxQkFDaEM7aUJBQ0Y7YUFDRjtTQUNGO1FBRUQsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRU8sK0JBQStCO1FBQ3JDLElBQUksTUFBTSxHQUFHLEVBQUUsQ0FBQztRQUVoQixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxJQUFJLElBQUksRUFBRTtZQUNoQyxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUNwRCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7b0JBQ2xELElBQUksTUFBTSxJQUFJLEVBQUUsRUFBRTt3QkFDaEIsTUFBTSxJQUFJLEdBQUcsQ0FBQztxQkFDZjtvQkFFRCxNQUFNLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO2lCQUN4QzthQUNGO1NBQ0Y7UUFFRCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDOztvSEE5SFUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsdUlDWnBDLDBpSUEyRUE7MkZEL0RhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUk7d0tBVXhCLE1BQU07c0JBQWxCLEtBQUs7Z0JBWUksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5GaWx0ZXJPcHRpb25WaWV3TW9kZWwsIEZhYnJpa2FudGVuRmlsdGVyVmlld01vZGVsIH0gZnJvbSAnLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mYWItZmlsdGVyLWxhYmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLWZpbHRlci1sYWJlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWZpbHRlci1sYWJlbC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEZhYkZpbHRlckxhYmVsQ29tcG9uZW50IHtcclxuICBwdWJsaWMgU2VsZWN0ZWRPcHRpb25JZDogbnVtYmVyO1xyXG5cclxuICBfZmlsdGVyOiBGYWJyaWthbnRlbkZpbHRlclZpZXdNb2RlbDtcclxuICBnZXQgZmlsdGVyKCk6IEZhYnJpa2FudGVuRmlsdGVyVmlld01vZGVsIHtcclxuICAgIHJldHVybiB0aGlzLl9maWx0ZXI7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBzZXQgZmlsdGVyKHZhbHVlOiBGYWJyaWthbnRlbkZpbHRlclZpZXdNb2RlbCkge1xyXG4gICAgdGhpcy5fZmlsdGVyID0gdmFsdWU7XHJcbiAgICB0aGlzLlNlbGVjdGVkT3B0aW9uSWQgPSB0aGlzLl9maWx0ZXIuc2VsZWN0ZWRPcHRpb247XHJcblxyXG4gICAgaWYgKHRoaXMuU2VsZWN0ZWRPcHRpb25JZCA9PSAwKSB7XHJcbiAgICAgIHZhciBvcHRpb25zID0gdGhpcy5fZmlsdGVyLm9wdGlvbnM7XHJcbiAgICAgIGlmIChvcHRpb25zICE9IG51bGwgJiYgb3B0aW9ucy5sZW5ndGggPT0gMSkge1xyXG4gICAgICAgIHRoaXMuU2VsZWN0ZWRPcHRpb25JZCA9IG9wdGlvbnNbMF0uaWQ7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBPdXRwdXQoKSBmaWx0ZXJjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBGYWJyaWthbnRlblNlcnZpY2U6IEZhYnJpa2FudGVuU2VydmljZSxcclxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBTZWxlY3RPcHRpb24oKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5TZWxlY3RPcHRpb24odGhpcy5maWx0ZXIuaWQsIHRoaXMuU2VsZWN0ZWRPcHRpb25JZCwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgUmVzZXRTZWxlY3Rpb24oKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5SZXNldFNlbGVjdGlvbkZpbHRlcih0aGlzLmZpbHRlciwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgSXNEaXNhYmxlZCgpOiBib29sZWFuIHtcclxuXHJcbiAgICBpZiAodGhpcy5maWx0ZXIuc2VsZWN0ZWRPcHRpb24gIT0gMCkge1xyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5maWx0ZXIub3B0aW9ucz8ubGVuZ3RoID09IDEpIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFNob3dEZXNjcmlwdGlvbigpOiBib29sZWFuIHtcclxuICAgIGlmICh0aGlzLl9maWx0ZXIuZGVzY3JpcHRpb24gIT0gbnVsbCkge1xyXG5cclxuICAgICAgaWYgKHRoaXMuX2ZpbHRlci5kZXNjcmlwdGlvbi5pbmRleE9mKFwiI3tTY2h1aWZncmVuZGVsIG1ldCBoYW5nc2xvdH1cIikgIT0gLTEpIHtcclxuICAgICAgICBpZiAodGhpcy5fZmlsdGVyLm9wdGlvbnMgIT0gbnVsbCkge1xyXG4gICAgICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCB0aGlzLl9maWx0ZXIub3B0aW9ucy5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgICAgICBpZiAodGhpcy5fZmlsdGVyLm9wdGlvbnNbaV0ubmFtZT8udG9Mb2NhbGVMb3dlckNhc2UoKSA9PSBcInNjaHVpZmdyZW5kZWwgbWV0IGhhbmdzbG90XCIpIHtcclxuICAgICAgICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcblxyXG4gICAgICBpZiAodGhpcy5fZmlsdGVyLmRlc2NyaXB0aW9uLmluZGV4T2YoXCIje0dldEFsbE9wdGlvbnNFeGNlcHRGaXJzdEFuZExhc3R9XCIpICE9IC0xKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuX2ZpbHRlci5vcHRpb25zICE9IG51bGwpIHtcclxuICAgICAgICAgIGlmICh0aGlzLl9maWx0ZXIub3B0aW9ucy5sZW5ndGggPCAyKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBHZXREZXNjcmlwdGlvbigpOiBzdHJpbmcge1xyXG4gICAgdmFyIHJlc3VsdCA9IFwiXCI7XHJcbiAgICBpZiAodGhpcy5fZmlsdGVyLmRlc2NyaXB0aW9uICE9IG51bGwpIHtcclxuICAgICAgcmVzdWx0ID0gdGhpcy5fZmlsdGVyLmRlc2NyaXB0aW9uLnJlcGxhY2UoXCIje1NjaHVpZmdyZW5kZWwgbWV0IGhhbmdzbG90fVwiLCBcIlwiKTtcclxuXHJcbiAgICAgIGlmIChyZXN1bHQuaW5kZXhPZihcIiN7R2V0QWxsT3B0aW9uc0V4Y2VwdEZpcnN0QW5kTGFzdH1cIikgIT0gLTEpIHtcclxuICAgICAgICByZXN1bHQgPSB0aGlzLl9maWx0ZXIuZGVzY3JpcHRpb24ucmVwbGFjZShcIiN7R2V0QWxsT3B0aW9uc0V4Y2VwdEZpcnN0QW5kTGFzdH1cIiwgdGhpcy5HZXRBbGxPcHRpb25zRXhjZXB0Rmlyc3RBbmRMYXN0KCkpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIHJlc3VsdDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBHZXRTZWxlY3RlZE9wdGlvbigpOiBGYWJyaWthbnRlbkZpbHRlck9wdGlvblZpZXdNb2RlbCB8IG51bGwge1xyXG4gICAgaWYgKHRoaXMuX2ZpbHRlci5vcHRpb25zICE9IG51bGwpIHtcclxuICAgICAgaWYgKHRoaXMuX2ZpbHRlci5vcHRpb25zLmxlbmd0aCA9PSAxKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX2ZpbHRlci5vcHRpb25zWzBdO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2Uge1xyXG4gICAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgdGhpcy5fZmlsdGVyLm9wdGlvbnMubGVuZ3RoOyBpKyspIHtcclxuICAgICAgICAgIGlmICh0aGlzLl9maWx0ZXIuc2VsZWN0ZWRPcHRpb24gPT0gdGhpcy5fZmlsdGVyLm9wdGlvbnNbaV0uaWQpIHtcclxuICAgICAgICAgICAgcmV0dXJuIHRoaXMuX2ZpbHRlci5vcHRpb25zW2ldO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBudWxsO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBHZXRBbGxPcHRpb25zRXhjZXB0Rmlyc3RBbmRMYXN0KCk6IHN0cmluZyB7XHJcbiAgICB2YXIgcmVzdWx0ID0gXCJcIjtcclxuXHJcbiAgICBpZiAodGhpcy5fZmlsdGVyLm9wdGlvbnMgIT0gbnVsbCkge1xyXG4gICAgICBmb3IgKHZhciBpID0gMDsgaSA8IHRoaXMuX2ZpbHRlci5vcHRpb25zLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgICAgaWYgKGkgIT0gMCAmJiBpICE9IHRoaXMuX2ZpbHRlci5vcHRpb25zLmxlbmd0aCAtIDEpIHtcclxuICAgICAgICAgIGlmIChyZXN1bHQgIT0gXCJcIikge1xyXG4gICAgICAgICAgICByZXN1bHQgKz0gXCIsXCI7XHJcbiAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgcmVzdWx0ICs9IHRoaXMuX2ZpbHRlci5vcHRpb25zW2ldLm5hbWU7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIHJlc3VsdDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJvd1wiICpuZ0lmPVwiIWZpbHRlci5oaWRkZW5cIj5cclxuICA8ZGl2IGNsYXNzPVwic2VsZWN0XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGlzcGxheWZsZXhcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZpbHRlci1sYWJlbFwiPlxyXG4gICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWVGaWx0ZXIoZmlsdGVyLmlkKSB9fVxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiZmlsdGVyLmJsb2Nrc1Byb2R1Y3RTZWxlY3QgfHwgZmlsdGVyLnJlcXVpcmVkXCI+Kjwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCIhSXNEaXNhYmxlZCgpXCIgY2xhc3M9XCJmaWx0ZXItb3B0aW9uc1wiPlxyXG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwiZmlsbFwiIGNsYXNzPVwiZnVsbC13aWR0aFwiPlxyXG4gICAgICAgICAgPG1hdC1sYWJlbCBjbGFzcz1cInNlbGVjdC1tYXQtbGFiZWxcIj5cclxuICAgICAgICAgICAgPCEtLXt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWVGaWx0ZXIoZmlsdGVyLmlkKSB9fVxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImZpbHRlci5ibG9ja3NQcm9kdWN0U2VsZWN0IHx8IGZpbHRlci5yZXF1aXJlZFwiPio8L3NwYW4+LS0+XHJcbiAgICAgICAgICA8L21hdC1sYWJlbD5cclxuICAgICAgICAgIDxtYXQtc2VsZWN0IFsobmdNb2RlbCldPVwiU2VsZWN0ZWRPcHRpb25JZFwiIChzZWxlY3Rpb25DaGFuZ2UpPVwiU2VsZWN0T3B0aW9uKClcIiBbZGlzYWJsZWRdPVwiSXNEaXNhYmxlZCgpXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXIub3B0aW9uc1wiPlxyXG4gICAgICAgICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJvcHRpb24uaWRcIiBjbGFzcz1cInNlbGVjdC1tYXQtb3B0aW9uXCIgKm5nSWY9XCIhb3B0aW9uLmhpZGRlblwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbi5jb2xvdXIgIT0gbnVsbCAmJiBvcHRpb24uY29sb3VyICE9ICcnXCI+XHJcbiAgICAgICAgICAgICAgICAgIDxzcGFuIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6IG9wdGlvbi5jb2xvdXJ9XCIgY2xhc3M9XCJjb2xvdXItcHJldmlld1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICZuYnNwO1xyXG4gICAgICAgICAgICAgICAgICAgICZuYnNwO1xyXG4gICAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24uaW1hZ2VQYXRoICE9IG51bGwgJiYgb3B0aW9uLmltYWdlUGF0aCAhPSAnJ1wiPlxyXG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLW9wdGlvbi1pbWFnZS1kaXZcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cInt7IG9wdGlvbi5pbWFnZVBhdGggfX1cIiBjbGFzcz1cImZpbHRlci1vcHRpb24taW1hZ2VcIiAvPlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuYW1lLXNwYW5cIj57eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlRmlsdGVyT3B0aW9uKG9wdGlvbi5pZCkgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgIDwhLS08c2VsZWN0IGNsYXNzPVwiZnVsbC13aWR0aFwiIFsobmdNb2RlbCldPVwiU2VsZWN0ZWRPcHRpb25JZFwiIChjaGFuZ2UpPVwiU2VsZWN0T3B0aW9uKClcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXIub3B0aW9uc1wiPlxyXG4gICAgICAgICAgICA8b3B0aW9uIFt2YWx1ZV09XCJvcHRpb24uaWRcIiBjbGFzcz1cInNlbGVjdC1tYXQtb3B0aW9uXCIgKm5nSWY9XCIhb3B0aW9uLmhpZGRlblwiPlxyXG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24uY29sb3VyICE9IG51bGwgJiYgb3B0aW9uLmNvbG91ciAhPSAnJ1wiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogb3B0aW9uLmNvbG91cn1cIiBjbGFzcz1cImNvbG91ci1wcmV2aWV3XCI+XHJcbiAgICAgICAgICAgICAgICAgICZuYnNwO1xyXG4gICAgICAgICAgICAgICAgICAmbmJzcDtcclxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9uLmltYWdlUGF0aCAhPSBudWxsICYmIG9wdGlvbi5pbWFnZVBhdGggIT0gJydcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItb3B0aW9uLWltYWdlLWRpdlwiPlxyXG4gICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cInt7IG9wdGlvbi5pbWFnZVBhdGggfX1cIiBjbGFzcz1cImZpbHRlci1vcHRpb24taW1hZ2VcIiAvPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuYW1lLXNwYW5cIj57eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlRmlsdGVyT3B0aW9uKG9wdGlvbi5pZCkgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvb3B0aW9uPlxyXG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9zZWxlY3Q+LS0+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2ICpuZ0lmPVwiSXNEaXNhYmxlZCgpXCIgY2xhc3M9XCJmaWx0ZXItb3B0aW9uLXNlbGVjdGVkXCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgZmlsdGVyLm9wdGlvbnNcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFvcHRpb24uaGlkZGVuXCI+XHJcbiAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbi5jb2xvdXIgIT0gbnVsbCAmJiBvcHRpb24uY29sb3VyICE9ICcnXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOiBvcHRpb24uY29sb3VyfVwiIGNsYXNzPVwiY29sb3VyLXByZXZpZXdcIj5cclxuICAgICAgICAgICAgICAgICAgJm5ic3A7XHJcbiAgICAgICAgICAgICAgICAgICZuYnNwO1xyXG4gICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24uaW1hZ2VQYXRoICE9IG51bGwgJiYgb3B0aW9uLmltYWdlUGF0aCAhPSAnJ1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbHRlci1vcHRpb24taW1hZ2UtZGl2XCI+XHJcbiAgICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwie3sgb3B0aW9uLmltYWdlUGF0aCB9fVwiIGNsYXNzPVwiZmlsdGVyLW9wdGlvbi1pbWFnZVwiIC8+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5hbWUtc3BhblwiPnt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWVGaWx0ZXJPcHRpb24ob3B0aW9uLmlkKSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwicmVzZXRcIiAqbmdJZj1cImZpbHRlci5zZWxlY3RlZE9wdGlvbiAhPSAwXCIgKGNsaWNrKT1cIlJlc2V0U2VsZWN0aW9uKClcIj5cclxuICAgIDxtYXQtaWNvbiBjbGFzcz1cImljb24tcG9zaXRpb24gY2xlYXJcIiBbaW5saW5lXT1cInRydWVcIj5jbGVhcjwvbWF0LWljb24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -0,0 +1,38 @@
+import { Component, HostListener } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/mobile.service";
+import * as i2 from "../../services/fabrikanten.service";
+import * as i3 from "../../services/bestek.service";
+import * as i4 from "../../services/translate.service";
+import * as i5 from "@angular/router";
+export class FabFiltersComponent {
+    constructor(MobileService, FabrikantenService, BestekService, TranslateService, ActivatedRoute, ChangeDetectorRef) {
+        this.MobileService = MobileService;
+        this.FabrikantenService = FabrikantenService;
+        this.BestekService = BestekService;
+        this.TranslateService = TranslateService;
+        this.ActivatedRoute = ActivatedRoute;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.TranslateService.ProcessParameters(this.ActivatedRoute);
+    }
+    ngOnInit() {
+        this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
+        this.FabrikantenService.LoadFabrikantenViewModel(this.ChangeDetectorRef, null);
+    }
+    onResize(event) {
+        this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
+    }
+    IsLoading() {
+        return this.FabrikantenService.Loading || this.TranslateService.Loading;
+    }
+}
+FabFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFiltersComponent, deps: [{ token: i1.MobileService }, { token: i2.FabrikantenService }, { token: i3.BestekService }, { token: i4.TranslateService }, { token: i5.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabFiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabFiltersComponent, selector: "fab-filters", host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<!--<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div class=\"product-view\">\r\n      <fab-filters-overview></fab-filters-overview>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>-->\r\n", styles: [".row{display:flex}.loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.view-content{background-color:#fff}.loader{position:absolute;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}.filter-view{width:300px;min-width:300px;background-color:#fafafa}.product-view{flex:auto}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFiltersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fab-filters', template: "<!--<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Products loading\") }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div class=\"product-view\">\r\n      <fab-filters-overview></fab-filters-overview>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>-->\r\n", styles: [".row{display:flex}.loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.view-content{background-color:#fff}.loader{position:absolute;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}.filter-view{width:300px;min-width:300px;background-color:#fafafa}.product-view{flex:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MobileService }, { type: i2.FabrikantenService }, { type: i3.BestekService }, { type: i4.TranslateService }, { type: i5.ActivatedRoute }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1maWx0ZXJzL2ZhYi1maWx0ZXJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVycy9mYWItZmlsdGVycy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxZQUFZLEVBQTZCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBY3RHLE1BQU0sT0FBTyxtQkFBbUI7SUFFOUIsWUFDUyxhQUE0QixFQUM1QixrQkFBc0MsRUFDdEMsYUFBNEIsRUFDNUIsZ0JBQWtDLEVBQ2pDLGNBQThCLEVBQzlCLGlCQUFvQztRQUxyQyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1Qix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3RDLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQzVCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDakMsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQzlCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFDNUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ25HLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDakYsQ0FBQztJQUdELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3JHLENBQUM7SUFFTSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUM7SUFDMUUsQ0FBQzs7Z0hBeEJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGlIQ2RoQyx3OEJBdUJBOzJGRFRhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxhQUFhOzZQQXVCdkIsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEJlc3Rla1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9iZXN0ZWsuc2VydmljZSc7XHJcblxyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZmFiLWZpbHRlcnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItZmlsdGVycy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWZpbHRlcnMuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIEZhYkZpbHRlcnNDb21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBNb2JpbGVTZXJ2aWNlOiBNb2JpbGVTZXJ2aWNlLFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIEJlc3Rla1NlcnZpY2U6IEJlc3Rla1NlcnZpY2UsXHJcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgQWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxyXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHRoaXMuVHJhbnNsYXRlU2VydmljZS5Qcm9jZXNzUGFyYW1ldGVycyh0aGlzLkFjdGl2YXRlZFJvdXRlKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5Nb2JpbGVTZXJ2aWNlLlVwZGF0ZVNjcmVlblNpemUod2luZG93LmlubmVyV2lkdGgsIHdpbmRvdy5pbm5lckhlaWdodCwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5Mb2FkRmFicmlrYW50ZW5WaWV3TW9kZWwodGhpcy5DaGFuZ2VEZXRlY3RvclJlZiwgbnVsbCk7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcclxuICBvblJlc2l6ZShldmVudDogYW55KSB7XHJcbiAgICB0aGlzLk1vYmlsZVNlcnZpY2UuVXBkYXRlU2NyZWVuU2l6ZSh3aW5kb3cuaW5uZXJXaWR0aCwgd2luZG93LmlubmVySGVpZ2h0LCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBJc0xvYWRpbmcoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuTG9hZGluZyB8fCB0aGlzLlRyYW5zbGF0ZVNlcnZpY2UuTG9hZGluZztcclxuICB9XHJcbn1cclxuIiwiPCEtLTxkaXYgKm5nSWY9XCJGYWJyaWthbnRlblNlcnZpY2UuTG9hZGluZ1wiIGNsYXNzPVwibG9hZGVyXCI+XHJcbiAgPG1hdC1jYXJkIGNsYXNzPVwibG9hZGVyLWNhcmRcIj5cclxuICAgIDxtYXQtY2FyZC1jb250ZW50PlxyXG4gICAgICA8bWF0LXNwaW5uZXIgY2xhc3M9XCJsb2FkZXItc3Bpbm5lclwiIFtkaWFtZXRlcl09XCI4MFwiPjwvbWF0LXNwaW5uZXI+XHJcbiAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICA8bWF0LWNhcmQtc3VidGl0bGUgY2xhc3M9XCJsb2FkZXItc3VidGl0bGVcIj5cclxuICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShcIkNvbW1vblwiLCBcIlByb2R1Y3RzIGxvYWRpbmdcIikgfX1cclxuICAgIDwvbWF0LWNhcmQtc3VidGl0bGU+XHJcbiAgPC9tYXQtY2FyZD5cclxuPC9kaXY+XHJcblxyXG48bWF0LWRyYXdlci1jb250YWluZXIgY2xhc3M9XCJ2aWV3LWNvbnRhaW5lclwiICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsICE9IG51bGxcIj5cclxuICA8bWF0LWRyYXdlciAjZHJhd2VyIFttb2RlXT1cIk1vYmlsZVNlcnZpY2UuTmF2TW9kZVwiIFsob3BlbmVkKV09XCJNb2JpbGVTZXJ2aWNlLk5hdk9wZW5lZFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZpbHRlci12aWV3XCI+XHJcbiAgICAgIDxmYWItZmlsdGVycy1pbnB1dD48L2ZhYi1maWx0ZXJzLWlucHV0PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9tYXQtZHJhd2VyPlxyXG4gIDxtYXQtZHJhd2VyLWNvbnRlbnQgY2xhc3M9XCJ2aWV3LWNvbnRlbnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwcm9kdWN0LXZpZXdcIj5cclxuICAgICAgPGZhYi1maWx0ZXJzLW92ZXJ2aWV3PjwvZmFiLWZpbHRlcnMtb3ZlcnZpZXc+XHJcbiAgICA8L2Rpdj5cclxuICA8L21hdC1kcmF3ZXItY29udGVudD5cclxuPC9tYXQtZHJhd2VyLWNvbnRhaW5lcj4tLT5cclxuIl19

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

@@ -0,0 +1,48 @@
+import { Component, ViewEncapsulation } 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 "@angular/material/stepper";
+import * as i5 from "../fab-input/fab-input.component";
+export class FabFiltersInputComponent {
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ngOnInit() {
+    }
+    ResetAllFilters() {
+        this.FabrikantenService.ResetAllFilters(this.ChangeDetectorRef);
+    }
+    ShowCategories() {
+        if (this.FabrikantenService.FabrikantenViewModel?.filterCategories != null) {
+            if (this.FabrikantenService.FabrikantenViewModel.filterCategories.length > 0) {
+                if (this.FabrikantenService.FabrikantenViewModel.selectedProduct != null) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    ShowAffectsOnlyBestek() {
+        if (this.FabrikantenService.FabrikantenViewModel?.inputs != null) {
+            for (var i = 0; i < this.FabrikantenService.FabrikantenViewModel.inputs.length; i++) {
+                if (this.FabrikantenService.FabrikantenViewModel.inputs[i].filter != null) {
+                    if (this.FabrikantenService.FabrikantenViewModel.inputs[i].filter?.affectsOnlyBestek == true) {
+                        return true;
+                    }
+                }
+            }
+        }
+        return false;
+    }
+}
+FabFiltersInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFiltersInputComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FabFiltersInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: FabFiltersInputComponent, selector: "fab-filters-input", ngImport: i0, template: "<div class=\"filter-view-margin\">\r\n  <div class=\"filter-view-header\">\r\n    <div class=\"filter-view-header-h1\">\r\n      <h1>{{ TranslateService.GetActiveValue(\"Common\", \"Filters\") }}</h1>\r\n    </div>\r\n    <div class=\"filter-view-header-reset\" (click)=\"ResetAllFilters()\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Reset filters\") }}\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!ShowCategories()\">\r\n    <ng-container *ngFor=\"let inputviewmodel of FabrikantenService.FabrikantenViewModel.inputs\">\r\n      <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowAffectsOnlyBestek()\">\r\n      <div class=\"affects-only-bestek\">\r\n        <span><sup>1</sup></span>\r\n        {{ TranslateService.GetActiveValue(\"Common\", \"Affects only bestek\") }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  \r\n  <div *ngIf=\"ShowCategories()\">\r\n    <mat-stepper orientation=\"vertical\" #stepper>\r\n      <mat-step *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\">\r\n        <ng-template matStepLabel>{{ cat.name }}</ng-template>\r\n\r\n        <ng-container *ngFor=\"let inputviewmodel of cat.inputs\">\r\n          <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n        </ng-container>\r\n      </mat-step>\r\n    </mat-stepper>\r\n  </div>\r\n</div>\r\n", styles: ["fab-filters-input .filter-view-header{display:flex}fab-filters-input .filter-view-header-h1{flex:auto}fab-filters-input .filter-view-margin{padding:10px}fab-filters-input .filter-view-header-reset{cursor:pointer}fab-filters-input .mat-vertical-content-container{padding-top:10px}fab-filters-input .mat-vertical-content{padding:0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i4.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i4.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "component", type: i5.FabInputComponent, selector: "app-fab-input", inputs: ["input"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFiltersInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fab-filters-input', encapsulation: ViewEncapsulation.None, template: "<div class=\"filter-view-margin\">\r\n  <div class=\"filter-view-header\">\r\n    <div class=\"filter-view-header-h1\">\r\n      <h1>{{ TranslateService.GetActiveValue(\"Common\", \"Filters\") }}</h1>\r\n    </div>\r\n    <div class=\"filter-view-header-reset\" (click)=\"ResetAllFilters()\">\r\n      {{ TranslateService.GetActiveValue(\"Common\", \"Reset filters\") }}\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!ShowCategories()\">\r\n    <ng-container *ngFor=\"let inputviewmodel of FabrikantenService.FabrikantenViewModel.inputs\">\r\n      <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowAffectsOnlyBestek()\">\r\n      <div class=\"affects-only-bestek\">\r\n        <span><sup>1</sup></span>\r\n        {{ TranslateService.GetActiveValue(\"Common\", \"Affects only bestek\") }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  \r\n  <div *ngIf=\"ShowCategories()\">\r\n    <mat-stepper orientation=\"vertical\" #stepper>\r\n      <mat-step *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\">\r\n        <ng-template matStepLabel>{{ cat.name }}</ng-template>\r\n\r\n        <ng-container *ngFor=\"let inputviewmodel of cat.inputs\">\r\n          <app-fab-input [input]=\"inputviewmodel\"></app-fab-input>\r\n        </ng-container>\r\n      </mat-step>\r\n    </mat-stepper>\r\n  </div>\r\n</div>\r\n", styles: ["fab-filters-input .filter-view-header{display:flex}fab-filters-input .filter-view-header-h1{flex:auto}fab-filters-input .filter-view-margin{padding:10px}fab-filters-input .filter-view-header-reset{cursor:pointer}fab-filters-input .mat-vertical-content-container{padding-top:10px}fab-filters-input .mat-vertical-content{padding:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlcnMtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1maWx0ZXJzLWlucHV0L2ZhYi1maWx0ZXJzLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVycy1pbnB1dC9mYWItZmlsdGVycy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVV4RixNQUFNLE9BQU8sd0JBQXdCO0lBRW5DLFlBQ1Msa0JBQXNDLEVBQ3RDLGdCQUFrQyxFQUNsQyxpQkFBb0M7UUFGcEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFBSSxDQUFDO0lBRWxELFFBQVE7SUFDUixDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsa0JBQWtCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixFQUFFLGdCQUFnQixJQUFJLElBQUksRUFBRTtZQUMxRSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUM1RSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxlQUFlLElBQUksSUFBSSxFQUFFO29CQUN4RSxPQUFPLElBQUksQ0FBQztpQkFDYjthQUNGO1NBQ0Y7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFTSxxQkFBcUI7UUFDMUIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLEVBQUUsTUFBTSxJQUFJLElBQUksRUFBRTtZQUNoRSxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQ25GLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLElBQUksSUFBSSxFQUFFO29CQUN6RSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLGlCQUFpQixJQUFJLElBQUksRUFBRTt3QkFDNUYsT0FBTyxJQUFJLENBQUM7cUJBQ2I7aUJBQ0Y7YUFDRjtTQUNGO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDOztxSEF0Q1Usd0JBQXdCO3lHQUF4Qix3QkFBd0IseURDVnJDLDY1Q0FtQ0E7MkZEekJhLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmFicmlrYW50ZW4uc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGUuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2ZhYi1maWx0ZXJzLWlucHV0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLWZpbHRlcnMtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZhYi1maWx0ZXJzLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFiRmlsdGVyc0lucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHB1YmxpYyBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBSZXNldEFsbEZpbHRlcnMoKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5SZXNldEFsbEZpbHRlcnModGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgU2hvd0NhdGVnb3JpZXMoKTogYm9vbGVhbiB7XHJcbiAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWw/LmZpbHRlckNhdGVnb3JpZXMgIT0gbnVsbCkge1xyXG4gICAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuZmlsdGVyQ2F0ZWdvcmllcy5sZW5ndGggPiAwKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLnNlbGVjdGVkUHJvZHVjdCAhPSBudWxsKSB7XHJcbiAgICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgU2hvd0FmZmVjdHNPbmx5QmVzdGVrKCk6IGJvb2xlYW4ge1xyXG4gICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5pbnB1dHMgIT0gbnVsbCkge1xyXG4gICAgICBmb3IgKHZhciBpID0gMDsgaSA8IHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLmlucHV0cy5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbC5pbnB1dHNbaV0uZmlsdGVyICE9IG51bGwpIHtcclxuICAgICAgICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbC5pbnB1dHNbaV0uZmlsdGVyPy5hZmZlY3RzT25seUJlc3RlayA9PSB0cnVlKSB7XHJcbiAgICAgICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZpbHRlci12aWV3LW1hcmdpblwiPlxyXG4gIDxkaXYgY2xhc3M9XCJmaWx0ZXItdmlldy1oZWFkZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItdmlldy1oZWFkZXItaDFcIj5cclxuICAgICAgPGgxPnt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoXCJDb21tb25cIiwgXCJGaWx0ZXJzXCIpIH19PC9oMT5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImZpbHRlci12aWV3LWhlYWRlci1yZXNldFwiIChjbGljayk9XCJSZXNldEFsbEZpbHRlcnMoKVwiPlxyXG4gICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFwiQ29tbW9uXCIsIFwiUmVzZXQgZmlsdGVyc1wiKSB9fVxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhU2hvd0NhdGVnb3JpZXMoKVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaW5wdXR2aWV3bW9kZWwgb2YgRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLmlucHV0c1wiPlxyXG4gICAgICA8YXBwLWZhYi1pbnB1dCBbaW5wdXRdPVwiaW5wdXR2aWV3bW9kZWxcIj48L2FwcC1mYWItaW5wdXQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiU2hvd0FmZmVjdHNPbmx5QmVzdGVrKClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImFmZmVjdHMtb25seS1iZXN0ZWtcIj5cclxuICAgICAgICA8c3Bhbj48c3VwPjE8L3N1cD48L3NwYW4+XHJcbiAgICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShcIkNvbW1vblwiLCBcIkFmZmVjdHMgb25seSBiZXN0ZWtcIikgfX1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICBcclxuICA8ZGl2ICpuZ0lmPVwiU2hvd0NhdGVnb3JpZXMoKVwiPlxyXG4gICAgPG1hdC1zdGVwcGVyIG9yaWVudGF0aW9uPVwidmVydGljYWxcIiAjc3RlcHBlcj5cclxuICAgICAgPG1hdC1zdGVwICpuZ0Zvcj1cImxldCBjYXQgb2YgRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLmZpbHRlckNhdGVnb3JpZXNcIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgbWF0U3RlcExhYmVsPnt7IGNhdC5uYW1lIH19PC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaW5wdXR2aWV3bW9kZWwgb2YgY2F0LmlucHV0c1wiPlxyXG4gICAgICAgICAgPGFwcC1mYWItaW5wdXQgW2lucHV0XT1cImlucHV0dmlld21vZGVsXCI+PC9hcHAtZmFiLWlucHV0PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L21hdC1zdGVwPlxyXG4gICAgPC9tYXQtc3RlcHBlcj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==