fabrikantencore 2.2.5 → 2.2.7

package/fesm2020/fabrikantencore.mjs

@@ -5413,6 +5413,7 @@ class FabrikantenFilterViewModel {
             this.hidden = _data["hidden"];
             this.blocksProductSelect = _data["blocksProductSelect"];
             this.required = _data["required"];
+            this.affectsOnlyBestek = _data["affectsOnlyBestek"];
             this.selectedOption = _data["selectedOption"];
             if (Array.isArray(_data["selectedOptions"])) {
                 this.selectedOptions = [];
@@ -5442,6 +5443,7 @@ class FabrikantenFilterViewModel {
         data["hidden"] = this.hidden;
         data["blocksProductSelect"] = this.blocksProductSelect;
         data["required"] = this.required;
+        data["affectsOnlyBestek"] = this.affectsOnlyBestek;
         data["selectedOption"] = this.selectedOption;
         if (Array.isArray(this.selectedOptions)) {
             data["selectedOptions"] = [];
@@ -14126,10 +14128,10 @@ class FabFilterFoldComponent {
     }
 }
 FabFilterFoldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabFilterFoldComponent, deps: [{ token: FabrikantenService }, { token: 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 *ngIf=\"filter.blocksProductSelect || filter.required\">*</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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6$4.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$4.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }] });
+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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6$4.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$4.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 *ngIf=\"filter.blocksProductSelect || filter.required\">*</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"] }]
+            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: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { filter: [{
                 type: Input
             }] } });
@@ -14224,12 +14226,24 @@ class FabFiltersInputComponent {
         }
         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: FabrikantenService }, { token: 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  </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$2.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i4$2.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i4$2.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: FabInputComponent, selector: "app-fab-input", inputs: ["input"] }], encapsulation: i0.ViewEncapsulation.None });
+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$2.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i4$2.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i4$2.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: 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  </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"] }]
+            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: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }]; } });
 
 class FabBreadcrumbComponent {
@@ -15674,3 +15688,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
 
 export { API_BASE_URL, ApiException, BCBEBODOViewModel, BCBEBOFilterOptionViewModel, BCBEBOViewModel, BCBEigenschapBereikViewModel, BCBEigenschapLocation, BCBEigenschapOptieCategoryViewModel, BCBEigenschapOptieFilterOptionViewModel, BCBEigenschapOptieViewModel, BCBEigenschapRangeInputModel, BCBEigenschapToebehorenViewModel, BCBEigenschapViewModel, BCBImportEigenschap, BCBImportOpbouw, BCBImportOpenRequest, BCBImportOpenResponse, BCBImportOpenTempDORequest, BCBImportOpenTempRequest, BCBImportProductRequest, BCBImportProductResponse, BCBImportSetValueViewModel, BCBImportSetViewModel, BCBImportSetsViewModel, BCBLinkRequestModel, BCBLinkResponseModel, BCBOpbouwViewModel, BCBProductViewModel, CategoriesApiClient, CategoriesOverviewCategorieViewModel, CategoriesOverviewViewModel, CategoriesViewModel, CategoryViewModel, ChangeImportSetRequest, CleanUpResponseModel, ClearCategoryRequest, ConnectBCBEBODORequest, ConnectBCBEigenschapRangeInputRequest, ConnectBCBEigenschapRangeInputResponse, ConnectBCBEigenschapRequest, ConnectEBODOCategoryRequest, ConnectEBODOCategoryResponse, ConnectEigenschapOptieRequest, ConnectOpbouwRequest, CreateCategoryRequest, CreateCategoryResponse, CreateExportRequest, CreateExportResponse, CreateFilterOptionRequest, CreateFilterOptionResponse, CreateFilterRequest, CreateFilterResponse, CreateLanguageRequest, DeeplinkProductViewModel, DeeplinkRequest, DeeplinkViewModel, DynamicDisplayValueViewModel, DynamicFilterViewModel, DynamicFiltersViewModel, DynamicRangeInputViewModel, EBOConnectRequestModel, EBOKoppelApiClient, EBOKoppelEBOCategoryViewModel, EBOKoppelEBOFilterOptionViewModel, EBOKoppelEBOViewModel, EBOKoppelNaamViewModel, EBOKoppelTypeViewModel, EBOKoppelViewModel, FabCategoryNavigatorComponent, FabFiltersComponent, Fabrikanten3DRequestModel, Fabrikanten3DViewModel, FabrikantenApiClient, FabrikantenBCBProductAfbeeldingViewModel, FabrikantenBCBProductToebehorenViewModel, FabrikantenBCBProductViewModel, FabrikantenBestekRequestModel, FabrikantenBestekViewModel, FabrikantenCategoryLayerViewModel, FabrikantenCategoryViewModel, FabrikantenCoreModule, FabrikantenFileRequestModel, FabrikantenFileViewModel, FabrikantenFilterCategoryViewModel, FabrikantenFilterOptionViewModel, FabrikantenFilterViewModel, FabrikantenInputViewModel, FabrikantenProductViewModel, FabrikantenRangeInputViewModel, FabrikantenRequestModel, FabrikantenSVGRequestModel, FabrikantenSVGViewModel, FabrikantenTextureBaseViewModel, FabrikantenTextureRequestModel, FabrikantenTextureViewModel, FabrikantenViewModel, FilterOptionRequiredType, FilterOptionRequiredViewModel, FilterOptionViewModel, FilterRequiredViewModel, FilterType, FilterViewModel, FiltersApiClient, FiltersViewModel, GetProductRequest, GetProductsViewModel, IgnoreBCBEigenschapRequest, IgnoreOpbouwRequest, ImportApiClient, InputViewModel, InputsViewModel, KoppelProductsRequestModel, LanguageViewModel, LanguagesViewModel, LoginIPResponseModel, LoginRequestModel, LoginResponseModel, MoveFilterOptionRequest, MoveFilterRequest, NewProductRequestModel, NewProductResponseModel, ProductViewModel, ProductViewModel2, ProductsApiClient, ProductsViewModel, ProductsViewModelRequest, ProjectSettingApiClient, ProjectSettingPipelineStepViewModel, ProjectSettingType, ProjectSettingViewModel, ProjectSettingsCategoryViewModel, ProjectSettingsViewModel, RangeInputFilterOptionRequiredViewModel, RangeInputType, RangeInputViewModel, RangeInputsViewModel, ReadExportRequest, RemoveProductSelectionRequest, ResetAllCategoriesRequest, ResetAllFiltersRequest, ResetCategoryLayerRequest, ResetFilterRequest, ResetImportRequestModel, SaveImportSetRequest, SaveProductViewModel, SearchProductsApiClient, SearchProductsRequestModel, SearchProductsResponseModel, SecurityApiClient, SelectBCBProductRequest, SelectCategoryRequest, SelectColourRequest, SelectFilterOptionRequest, SelectProductRequest, SetFilterOptionRequiredRequest, SetFilterRequiredRequest, SetProjectSettingRequestModel, SetProjectSettingResponseModel, SetRangeInputRequest, TranslateApiClient, TranslateEntryAfbeeldingViewModel, TranslateEntryBCBEigenschapToebehorenViewModel, TranslateEntryCategoryViewModel, TranslateEntryDescriptionViewModel, TranslateEntryFilterOptionViewModel, TranslateEntryFilterViewModel, TranslateEntryProductViewModel, TranslateEntryRangeInputViewModel, TranslateEntryViewModel, TranslateKeyCategoryViewModel, TranslateKeyViewModel, WizardEBODOViewModel, WizardEBOViewModel };
 //# sourceMappingURL=fabrikantencore.mjs.map
+//# sourceMappingURL=fabrikantencore.mjs.map