fabrikantencore 2.9.2 → 2.9.4

package/esm2022/src/app/modules/fabrikantencore/components/fab-filter-picture-select/fab-filter-picture-select.component.mjs

@@ -0,0 +1,70 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { TranslationCategory, TranslationSubCategory } from '../../swagger/SwaggerClient';
+import { FabDisplayPhotoDialogComponent } from '../fab-display-photo-dialog/fab-display-photo-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/router";
+import * as i4 from "@angular/material/legacy-dialog";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/legacy-tooltip";
+import * as i7 from "@angular/material/legacy-button";
+import * as i8 from "@angular/material/icon";
+class FabFilterPictureSelectComponent {
+    FabrikantenService;
+    TranslateService;
+    ActivatedRoute;
+    dialog;
+    ChangeDetectorRef;
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    _filter;
+    get filter() {
+        return this._filter;
+    }
+    set filter(value) {
+        this._filter = value;
+    }
+    filterchanged = new EventEmitter();
+    constructor(FabrikantenService, TranslateService, ActivatedRoute, dialog, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ActivatedRoute = ActivatedRoute;
+        this.dialog = dialog;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ngOnInit() {
+    }
+    OpenPhoto(url) {
+        var dialogRef = this.dialog.open(FabDisplayPhotoDialogComponent, {
+            data: {
+                url: url
+            }
+        });
+    }
+    SelectOption(optionid) {
+        this.FabrikantenService.SelectOption(this.filter.id, optionid, this.ChangeDetectorRef, this.ActivatedRoute);
+    }
+    ResetSelection() {
+        this.FabrikantenService.ResetSelectionFilter(this.filter, this.ChangeDetectorRef, this.ActivatedRoute);
+    }
+    HasSelectedOption() {
+        return this.filter.selectedOption != 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterPictureSelectComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i3.ActivatedRoute }, { token: i4.MatLegacyDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFilterPictureSelectComponent, selector: "app-fab-filter-picture-select", inputs: { filter: "filter" }, outputs: { filterchanged: "filterchanged" }, ngImport: i0, template: "<div *ngIf=\"!filter.hidden\">\r\n  <div class=\"filter-label\">\r\n    <span class=\"filter-label-name\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n    </span>\r\n    <span class=\"filter-label-standard\" *ngIf=\"filter.standard != null && filter.standard != ''\"> ({{ filter.standard }})</span>\r\n    <span class=\"filter-label-asterix\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n    <ng-container *ngIf=\"TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) != ''\">\r\n      <span class=\"filter-label-tooltip\" matTooltipClass=\"filter-tooltip\" matTooltip=\"{{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) }}\">\r\n        <mat-icon class=\"expand_less\">info</mat-icon>\r\n      </span>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"HasSelectedOption()\">\r\n      <ng-container *ngFor=\"let option of filter.options\">\r\n        <ng-container *ngIf=\"!option.hidden && (filter.selectedOption == 0 || option.id == filter.selectedOption)\">\r\n\r\n          <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n          <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <div class=\"reset\" (click)=\"ResetSelection()\">\r\n        <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div *ngIf=\"!HasSelectedOption()\" class=\"select-options\">\r\n    <ng-container *ngFor=\"let option of filter.options\">\r\n      <div>\r\n        <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n          <div class=\"filter-option-image-div\" (click)=\"OpenPhoto(option.imagePath)\">\r\n            <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n          </div>\r\n        </ng-container>\r\n        <button mat-raised-button (click)=\"SelectOption(option.id)\" class=\"fab-picture-select-button\">\r\n          <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n          <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n        </button>        \r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: [".filter-label,.select-options{display:flex}.filter-option-image-div{text-align:center}.filter-option-image{width:100px;cursor:zoom-in}.reset{cursor:pointer;font-size:26px}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i7.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+export { FabFilterPictureSelectComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFilterPictureSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-filter-picture-select', template: "<div *ngIf=\"!filter.hidden\">\r\n  <div class=\"filter-label\">\r\n    <span class=\"filter-label-name\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.id) }}\r\n    </span>\r\n    <span class=\"filter-label-standard\" *ngIf=\"filter.standard != null && filter.standard != ''\"> ({{ filter.standard }})</span>\r\n    <span class=\"filter-label-asterix\" *ngIf=\"filter.blocksProductSelect || filter.required\">*</span>\r\n    <ng-container *ngIf=\"TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) != ''\">\r\n      <span class=\"filter-label-tooltip\" matTooltipClass=\"filter-tooltip\" matTooltip=\"{{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Tooltip, filter.id) }}\">\r\n        <mat-icon class=\"expand_less\">info</mat-icon>\r\n      </span>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"HasSelectedOption()\">\r\n      <ng-container *ngFor=\"let option of filter.options\">\r\n        <ng-container *ngIf=\"!option.hidden && (filter.selectedOption == 0 || option.id == filter.selectedOption)\">\r\n\r\n          <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n          <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <div class=\"reset\" (click)=\"ResetSelection()\">\r\n        <mat-icon class=\"icon-position clear\" [inline]=\"true\">clear</mat-icon>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div *ngIf=\"!HasSelectedOption()\" class=\"select-options\">\r\n    <ng-container *ngFor=\"let option of filter.options\">\r\n      <div>\r\n        <ng-container *ngIf=\"option.imagePath != null && option.imagePath != ''\">\r\n          <div class=\"filter-option-image-div\" (click)=\"OpenPhoto(option.imagePath)\">\r\n            <img src=\"{{ option.imagePath }}\" class=\"filter-option-image\" />\r\n          </div>\r\n        </ng-container>\r\n        <button mat-raised-button (click)=\"SelectOption(option.id)\" class=\"fab-picture-select-button\">\r\n          <span class=\"name-span\">{{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, option.id) }}</span>\r\n          <span class=\"filteroption-label-unit\" *ngIf=\"filter.unit != null && filter.unit != ''\"> {{ filter.unit }}</span>\r\n        </button>        \r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: [".filter-label,.select-options{display:flex}.filter-option-image-div{text-align:center}.filter-option-image{width:100px;cursor:zoom-in}.reset{cursor:pointer;font-size:26px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i3.ActivatedRoute }, { type: i4.MatLegacyDialog }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { filter: [{
+                type: Input
+            }], filterchanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlci1waWN0dXJlLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLWZpbHRlci1waWN0dXJlLXNlbGVjdC9mYWItZmlsdGVyLXBpY3R1cmUtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVyLXBpY3R1cmUtc2VsZWN0L2ZhYi1maWx0ZXItcGljdHVyZS1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBS3JILE9BQU8sRUFBZ0UsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN4SixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQzs7Ozs7Ozs7OztBQUVoSCxNQUthLCtCQUErQjtJQXFCaEM7SUFDRDtJQUNBO0lBQ0E7SUFDQztJQXhCVixJQUFXLG1CQUFtQjtRQUM1QixPQUFPLG1CQUFtQixDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFXLHNCQUFzQjtRQUMvQixPQUFPLHNCQUFzQixDQUFDO0lBQ2hDLENBQUM7SUFFRCxPQUFPLENBQTZCO0lBQ3BDLElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBYSxNQUFNLENBQUMsS0FBaUM7UUFDbkQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVTLGFBQWEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUV2RSxZQUNVLGtCQUFzQyxFQUN2QyxnQkFBa0MsRUFDbEMsY0FBOEIsRUFDOUIsTUFBaUIsRUFDaEIsaUJBQW9DO1FBSnBDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdkMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIsV0FBTSxHQUFOLE1BQU0sQ0FBVztRQUNoQixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBQUksQ0FBQztJQUVuRCxRQUFRO0lBQ1IsQ0FBQztJQUVNLFNBQVMsQ0FBQyxHQUFXO1FBQzFCLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLDhCQUE4QixFQUFFO1lBQy9ELElBQUksRUFBRTtnQkFDSixHQUFHLEVBQUUsR0FBRzthQUNUO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLFlBQVksQ0FBQyxRQUFnQjtRQUNsQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzlHLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDekcsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxJQUFJLENBQUMsQ0FBQTtJQUN4QyxDQUFDO3VHQWhEVSwrQkFBK0I7MkZBQS9CLCtCQUErQixnSkNiNUMsMG1GQTRDQTs7U0QvQmEsK0JBQStCOzJGQUEvQiwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsK0JBQStCO21PQWtCNUIsTUFBTTtzQkFBbEIsS0FBSztnQkFJSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBNYXRMZWdhY3lEaWFsb2cgYXMgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGVnYWN5LWRpYWxvZyc7XG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGUuc2VydmljZSc7XG5pbXBvcnQgeyBGYWJyaWthbnRlbkZpbHRlck9wdGlvblZpZXdNb2RlbCwgRmFicmlrYW50ZW5GaWx0ZXJWaWV3TW9kZWwsIFRyYW5zbGF0aW9uQ2F0ZWdvcnksIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkgfSBmcm9tICcuLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xuaW1wb3J0IHsgRmFiRGlzcGxheVBob3RvRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi4vZmFiLWRpc3BsYXktcGhvdG8tZGlhbG9nL2ZhYi1kaXNwbGF5LXBob3RvLWRpYWxvZy5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLWZpbHRlci1waWN0dXJlLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItZmlsdGVyLXBpY3R1cmUtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWZpbHRlci1waWN0dXJlLXNlbGVjdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZhYkZpbHRlclBpY3R1cmVTZWxlY3RDb21wb25lbnQge1xuICBwdWJsaWMgZ2V0IFRyYW5zbGF0aW9uQ2F0ZWdvcnkoKSB7XG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uQ2F0ZWdvcnk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkoKSB7XG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnk7XG4gIH1cblxuICBfZmlsdGVyOiBGYWJyaWthbnRlbkZpbHRlclZpZXdNb2RlbDtcbiAgZ2V0IGZpbHRlcigpOiBGYWJyaWthbnRlbkZpbHRlclZpZXdNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMuX2ZpbHRlcjtcbiAgfVxuXG4gIEBJbnB1dCgpIHNldCBmaWx0ZXIodmFsdWU6IEZhYnJpa2FudGVuRmlsdGVyVmlld01vZGVsKSB7XG4gICAgdGhpcy5fZmlsdGVyID0gdmFsdWU7XG4gIH1cblxuICBAT3V0cHV0KCkgZmlsdGVyY2hhbmdlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgcHVibGljIEFjdGl2YXRlZFJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSxcbiAgICBwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2csXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgcHVibGljIE9wZW5QaG90byh1cmw6IHN0cmluZyk6IHZvaWQge1xuICAgIHZhciBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKEZhYkRpc3BsYXlQaG90b0RpYWxvZ0NvbXBvbmVudCwge1xyXG4gICAgICBkYXRhOiB7XHJcbiAgICAgICAgdXJsOiB1cmxcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxuXG4gIHB1YmxpYyBTZWxlY3RPcHRpb24ob3B0aW9uaWQ6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlNlbGVjdE9wdGlvbih0aGlzLmZpbHRlci5pZCwgb3B0aW9uaWQsIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYsIHRoaXMuQWN0aXZhdGVkUm91dGUpO1xuICB9XG5cbiAgcHVibGljIFJlc2V0U2VsZWN0aW9uKCk6IHZvaWQge1xuICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlJlc2V0U2VsZWN0aW9uRmlsdGVyKHRoaXMuZmlsdGVyLCB0aGlzLkNoYW5nZURldGVjdG9yUmVmLCB0aGlzLkFjdGl2YXRlZFJvdXRlKTtcbiAgfVxuXG4gIHB1YmxpYyBIYXNTZWxlY3RlZE9wdGlvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5maWx0ZXIuc2VsZWN0ZWRPcHRpb24gIT0gMFxyXG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCIhZmlsdGVyLmhpZGRlblwiPlxyXG4gIDxkaXYgY2xhc3M9XCJmaWx0ZXItbGFiZWxcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyLWxhYmVsLW5hbWVcIj5cclxuICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShUcmFuc2xhdGlvbkNhdGVnb3J5LkZpbHRlciwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5OYW1lLCBmaWx0ZXIuaWQpIH19XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cImZpbHRlci1sYWJlbC1zdGFuZGFyZFwiICpuZ0lmPVwiZmlsdGVyLnN0YW5kYXJkICE9IG51bGwgJiYgZmlsdGVyLnN0YW5kYXJkICE9ICcnXCI+ICh7eyBmaWx0ZXIuc3RhbmRhcmQgfX0pPC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItbGFiZWwtYXN0ZXJpeFwiICpuZ0lmPVwiZmlsdGVyLmJsb2Nrc1Byb2R1Y3RTZWxlY3QgfHwgZmlsdGVyLnJlcXVpcmVkXCI+Kjwvc3Bhbj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuRmlsdGVyLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LlRvb2x0aXAsIGZpbHRlci5pZCkgIT0gJydcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItbGFiZWwtdG9vbHRpcFwiIG1hdFRvb2x0aXBDbGFzcz1cImZpbHRlci10b29sdGlwXCIgbWF0VG9vbHRpcD1cInt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5GaWx0ZXIsIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuVG9vbHRpcCwgZmlsdGVyLmlkKSB9fVwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImV4cGFuZF9sZXNzXCI+aW5mbzwvbWF0LWljb24+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJIYXNTZWxlY3RlZE9wdGlvbigpXCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXIub3B0aW9uc1wiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhb3B0aW9uLmhpZGRlbiAmJiAoZmlsdGVyLnNlbGVjdGVkT3B0aW9uID09IDAgfHwgb3B0aW9uLmlkID09IGZpbHRlci5zZWxlY3RlZE9wdGlvbilcIj5cclxuXHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5hbWUtc3BhblwiPnt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5GaWx0ZXJPcHRpb24sIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuTmFtZSwgb3B0aW9uLmlkKSB9fTwvc3Bhbj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyb3B0aW9uLWxhYmVsLXVuaXRcIiAqbmdJZj1cImZpbHRlci51bml0ICE9IG51bGwgJiYgZmlsdGVyLnVuaXQgIT0gJydcIj4ge3sgZmlsdGVyLnVuaXQgfX08L3NwYW4+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cInJlc2V0XCIgKGNsaWNrKT1cIlJlc2V0U2VsZWN0aW9uKClcIj5cclxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJpY29uLXBvc2l0aW9uIGNsZWFyXCIgW2lubGluZV09XCJ0cnVlXCI+Y2xlYXI8L21hdC1pY29uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2ICpuZ0lmPVwiIUhhc1NlbGVjdGVkT3B0aW9uKClcIiBjbGFzcz1cInNlbGVjdC1vcHRpb25zXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgZmlsdGVyLm9wdGlvbnNcIj5cclxuICAgICAgPGRpdj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9uLmltYWdlUGF0aCAhPSBudWxsICYmIG9wdGlvbi5pbWFnZVBhdGggIT0gJydcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItb3B0aW9uLWltYWdlLWRpdlwiIChjbGljayk9XCJPcGVuUGhvdG8ob3B0aW9uLmltYWdlUGF0aClcIj5cclxuICAgICAgICAgICAgPGltZyBzcmM9XCJ7eyBvcHRpb24uaW1hZ2VQYXRoIH19XCIgY2xhc3M9XCJmaWx0ZXItb3B0aW9uLWltYWdlXCIgLz5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIlNlbGVjdE9wdGlvbihvcHRpb24uaWQpXCIgY2xhc3M9XCJmYWItcGljdHVyZS1zZWxlY3QtYnV0dG9uXCI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5hbWUtc3BhblwiPnt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5GaWx0ZXJPcHRpb24sIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuTmFtZSwgb3B0aW9uLmlkKSB9fTwvc3Bhbj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyb3B0aW9uLWxhYmVsLXVuaXRcIiAqbmdJZj1cImZpbHRlci51bml0ICE9IG51bGwgJiYgZmlsdGVyLnVuaXQgIT0gJydcIj4ge3sgZmlsdGVyLnVuaXQgfX08L3NwYW4+XHJcbiAgICAgICAgPC9idXR0b24+ICAgICAgICBcclxuICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

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

@@ -7,6 +7,7 @@ import * as i3 from "@angular/common";
 import * as i4 from "@angular/material/icon";
 import * as i5 from "@angular/material/stepper";
 import * as i6 from "../fab-input/fab-input.component";
+import * as i7 from "../fab-input-code/fab-input-code.component";
 class FabFiltersInputComponent {
     FabrikantenService;
     TranslateService;
@@ -49,12 +50,26 @@ class FabFiltersInputComponent {
         }
         return false;
     }
+    ShowInputCode() {
+        if (this.FabrikantenService.FabrikantenSettingsViewModel?.inputCodeEnabled == true) {
+            return true;
+        }
+        return false;
+    }
+    GetHeaderName() {
+        if (this.FabrikantenService.FabrikantenSettingsViewModel.showProductNameInFiltersInput == true) {
+            if (this.FabrikantenService.FabrikantenViewModel.selectedProduct != null) {
+                return this.TranslateService.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, this.FabrikantenService.FabrikantenViewModel.selectedProduct.id);
+            }
+        }
+        return this.TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Filters);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFiltersInputComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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(TranslationCategory.Common, TranslationSubCategory.Filters) }}</h1>\r\n    </div>\r\n    <div class=\"filter-view-header-reset\" (click)=\"ResetAllFilters()\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ResetFilters) }}\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(TranslationCategory.Common, TranslationSubCategory.AffectsOnlyBestek) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  \r\n  <div *ngIf=\"ShowCategories()\">\r\n    <mat-stepper orientation=\"vertical\" [linear]=\"true\" #stepper>\r\n      <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon>done</mat-icon>\r\n      </ng-template>\r\n      <mat-step *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\" [completed]=\"cat.completed\" [editable]=\"true\">\r\n        <ng-template matStepLabel>\r\n          <div class=\"step-name-div\">\r\n            <div class=\"step-name-name\">\r\n              {{ TranslateService.GetActiveValue(TranslationCategory.FilterCategory, TranslationSubCategory.Name, cat.id) }}\r\n            </div>\r\n            <div class=\"step-name-icon\" *ngIf=\"cat.icon != null\">\r\n              <span class=\"helper\"></span>\r\n              <img [src]=\"cat.icon\" class=\"filter-category-icon\" />\r\n            </div>\r\n          </div>\r\n        </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;text-transform:capitalize}fab-filters-input .step-name-icon{height:54px;white-space:nowrap;text-align:center;margin:auto 0}fab-filters-input .step-name-div{width:100%}fab-filters-input .filter-category-icon{height:48px;vertical-align:middle}fab-filters-input .mat-step-text-label{width:100%}fab-filters-input .mat-step-label{width:100%}fab-filters-input .step-name-name{line-height:56px}fab-filters-input .helper{display:inline-block;height:100%;vertical-align:middle}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}fab-filters-input .step-name-div{display:flex}fab-filters-input .step-name-name{flex:auto}\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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i5.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i5.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: "directive", type: i5.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: i6.FabInputComponent, selector: "app-fab-input", inputs: ["input"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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>{{ GetHeaderName() }}</h1>\r\n    </div>\r\n    <div *ngIf=\"ShowInputCode()\">\r\n      <app-fab-input-code></app-fab-input-code>\r\n    </div>\r\n    <div class=\"filter-view-header-reset\" (click)=\"ResetAllFilters()\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ResetFilters) }}\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(TranslationCategory.Common, TranslationSubCategory.AffectsOnlyBestek) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  \r\n  <div *ngIf=\"ShowCategories()\">\r\n    <mat-stepper orientation=\"vertical\" [linear]=\"true\" #stepper>\r\n      <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon>done</mat-icon>\r\n      </ng-template>\r\n      <!--<ng-container *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\">\r\n        <ng-template matStepperIcon=\"{{ cat.id }}\">\r\n          {{ cat.id }}\r\n\r\n          <ng-container *ngIf=\"cat.canBeOpened\">\r\n            \r\n          </ng-container>\r\n        </ng-template>\r\n      </ng-container>-->\r\n      <mat-step *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\" state=\"{{ cat.id }}\" [completed]=\"cat.completed\" [aria-labelledby]=\"cat.canBeOpened ? 'enabled' : 'disabled_af'\">\r\n        <ng-template matStepLabel>\r\n          <div class=\"step-name-div\">\r\n            <div class=\"step-name-name\">\r\n              {{ TranslateService.GetActiveValue(TranslationCategory.FilterCategory, TranslationSubCategory.Name, cat.id) }}\r\n            </div>\r\n            <div class=\"step-name-icon\" *ngIf=\"cat.icon != null\">\r\n              <span class=\"helper\"></span>\r\n              <img [src]=\"cat.icon\" class=\"filter-category-icon\" />\r\n            </div>\r\n          </div>\r\n        </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 .mat-step-header[aria-labelledby=disabled_af]{cursor:not-allowed!important;opacity:.6}fab-filters-input .mat-step-header[aria-labelledby=enabled] .mat-step-icon{background-color:#000}fab-filters-input .mat-step-header[aria-labelledby=enabled] .mat-step-icon-selected{background-color:#3f51b5}fab-filters-input .filter-view-header{display:flex}fab-filters-input .filter-view-header-h1{flex:auto;text-transform:capitalize}fab-filters-input .step-name-icon{height:54px;white-space:nowrap;text-align:center;margin:auto 0}fab-filters-input .step-name-div{width:100%}fab-filters-input .filter-category-icon{height:48px;vertical-align:middle}fab-filters-input .mat-step-text-label{width:100%}fab-filters-input .mat-step-label{width:100%}fab-filters-input .step-name-name{line-height:56px}fab-filters-input .helper{display:inline-block;height:100%;vertical-align:middle}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}fab-filters-input .step-name-div{display:flex}fab-filters-input .step-name-name{flex:auto}\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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i5.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i5.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: "directive", type: i5.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: i6.FabInputComponent, selector: "app-fab-input", inputs: ["input"] }, { kind: "component", type: i7.FabInputCodeComponent, selector: "app-fab-input-code" }], encapsulation: i0.ViewEncapsulation.None });
 }
 export { FabFiltersInputComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", 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(TranslationCategory.Common, TranslationSubCategory.Filters) }}</h1>\r\n    </div>\r\n    <div class=\"filter-view-header-reset\" (click)=\"ResetAllFilters()\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ResetFilters) }}\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(TranslationCategory.Common, TranslationSubCategory.AffectsOnlyBestek) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  \r\n  <div *ngIf=\"ShowCategories()\">\r\n    <mat-stepper orientation=\"vertical\" [linear]=\"true\" #stepper>\r\n      <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon>done</mat-icon>\r\n      </ng-template>\r\n      <mat-step *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\" [completed]=\"cat.completed\" [editable]=\"true\">\r\n        <ng-template matStepLabel>\r\n          <div class=\"step-name-div\">\r\n            <div class=\"step-name-name\">\r\n              {{ TranslateService.GetActiveValue(TranslationCategory.FilterCategory, TranslationSubCategory.Name, cat.id) }}\r\n            </div>\r\n            <div class=\"step-name-icon\" *ngIf=\"cat.icon != null\">\r\n              <span class=\"helper\"></span>\r\n              <img [src]=\"cat.icon\" class=\"filter-category-icon\" />\r\n            </div>\r\n          </div>\r\n        </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;text-transform:capitalize}fab-filters-input .step-name-icon{height:54px;white-space:nowrap;text-align:center;margin:auto 0}fab-filters-input .step-name-div{width:100%}fab-filters-input .filter-category-icon{height:48px;vertical-align:middle}fab-filters-input .mat-step-text-label{width:100%}fab-filters-input .mat-step-label{width:100%}fab-filters-input .step-name-name{line-height:56px}fab-filters-input .helper{display:inline-block;height:100%;vertical-align:middle}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}fab-filters-input .step-name-div{display:flex}fab-filters-input .step-name-name{flex:auto}\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>{{ GetHeaderName() }}</h1>\r\n    </div>\r\n    <div *ngIf=\"ShowInputCode()\">\r\n      <app-fab-input-code></app-fab-input-code>\r\n    </div>\r\n    <div class=\"filter-view-header-reset\" (click)=\"ResetAllFilters()\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ResetFilters) }}\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(TranslationCategory.Common, TranslationSubCategory.AffectsOnlyBestek) }}\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  \r\n  <div *ngIf=\"ShowCategories()\">\r\n    <mat-stepper orientation=\"vertical\" [linear]=\"true\" #stepper>\r\n      <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon>done</mat-icon>\r\n      </ng-template>\r\n      <!--<ng-container *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\">\r\n        <ng-template matStepperIcon=\"{{ cat.id }}\">\r\n          {{ cat.id }}\r\n\r\n          <ng-container *ngIf=\"cat.canBeOpened\">\r\n            \r\n          </ng-container>\r\n        </ng-template>\r\n      </ng-container>-->\r\n      <mat-step *ngFor=\"let cat of FabrikantenService.FabrikantenViewModel.filterCategories\" state=\"{{ cat.id }}\" [completed]=\"cat.completed\" [aria-labelledby]=\"cat.canBeOpened ? 'enabled' : 'disabled_af'\">\r\n        <ng-template matStepLabel>\r\n          <div class=\"step-name-div\">\r\n            <div class=\"step-name-name\">\r\n              {{ TranslateService.GetActiveValue(TranslationCategory.FilterCategory, TranslationSubCategory.Name, cat.id) }}\r\n            </div>\r\n            <div class=\"step-name-icon\" *ngIf=\"cat.icon != null\">\r\n              <span class=\"helper\"></span>\r\n              <img [src]=\"cat.icon\" class=\"filter-category-icon\" />\r\n            </div>\r\n          </div>\r\n        </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 .mat-step-header[aria-labelledby=disabled_af]{cursor:not-allowed!important;opacity:.6}fab-filters-input .mat-step-header[aria-labelledby=enabled] .mat-step-icon{background-color:#000}fab-filters-input .mat-step-header[aria-labelledby=enabled] .mat-step-icon-selected{background-color:#3f51b5}fab-filters-input .filter-view-header{display:flex}fab-filters-input .filter-view-header-h1{flex:auto;text-transform:capitalize}fab-filters-input .step-name-icon{height:54px;white-space:nowrap;text-align:center;margin:auto 0}fab-filters-input .step-name-div{width:100%}fab-filters-input .filter-category-icon{height:48px;vertical-align:middle}fab-filters-input .mat-step-text-label{width:100%}fab-filters-input .mat-step-label{width:100%}fab-filters-input .step-name-name{line-height:56px}fab-filters-input .helper{display:inline-block;height:100%;vertical-align:middle}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}fab-filters-input .step-name-div{display:flex}fab-filters-input .step-name-name{flex:auto}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlcnMtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1maWx0ZXJzLWlucHV0L2ZhYi1maWx0ZXJzLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVycy1pbnB1dC9mYWItZmlsdGVycy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd4RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7Ozs7QUFFMUYsTUFNYSx3QkFBd0I7SUFXMUI7SUFDQTtJQUNBO0lBWFQsSUFBVyxtQkFBbUI7UUFDNUIsT0FBTyxtQkFBbUIsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBVyxzQkFBc0I7UUFDL0IsT0FBTyxzQkFBc0IsQ0FBQztJQUNoQyxDQUFDO0lBRUQsWUFDUyxrQkFBc0MsRUFDdEMsZ0JBQWtDLEVBQ2xDLGlCQUFvQztRQUZwQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3RDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtJQUFJLENBQUM7SUFFbEQsUUFBUTtJQUNSLENBQUM7SUFFTSxlQUFlO1FBQ3BCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVNLGNBQWM7UUFDbkIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLElBQUksSUFBSSxFQUFFO1lBQzFFLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLGdCQUFnQixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQzVFLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLGVBQWUsSUFBSSxJQUFJLEVBQUU7b0JBQ3hFLE9BQU8sSUFBSSxDQUFDO2lCQUNiO2FBQ0Y7U0FDRjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLHFCQUFxQjtRQUMxQixJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsRUFBRSxNQUFNLElBQUksSUFBSSxFQUFFO1lBQ2hFLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDbkYsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sSUFBSSxJQUFJLEVBQUU7b0JBQ3pFLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsaUJBQWlCLElBQUksSUFBSSxFQUFFO3dCQUM1RixPQUFPLElBQUksQ0FBQztxQkFDYjtpQkFDRjthQUNGO1NBQ0Y7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7dUdBOUNVLHdCQUF3QjsyRkFBeEIsd0JBQXdCLHlEQ1hyQyw4b0VBZ0RBOztTRHJDYSx3QkFBd0I7MkZBQXhCLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmFicmlrYW50ZW4uc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGUuc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0aW9uQ2F0ZWdvcnksIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkgfSBmcm9tICcuLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdmYWItZmlsdGVycy1pbnB1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1maWx0ZXJzLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mYWItZmlsdGVycy1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEZhYkZpbHRlcnNJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHB1YmxpYyBnZXQgVHJhbnNsYXRpb25DYXRlZ29yeSgpIHtcclxuICAgIHJldHVybiBUcmFuc2xhdGlvbkNhdGVnb3J5O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5KCkge1xyXG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBGYWJyaWthbnRlblNlcnZpY2U6IEZhYnJpa2FudGVuU2VydmljZSxcclxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxyXG4gICAgcHVibGljIENoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFJlc2V0QWxsRmlsdGVycygpOiB2b2lkIHtcclxuICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlJlc2V0QWxsRmlsdGVycyh0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBTaG93Q2F0ZWdvcmllcygpOiBib29sZWFuIHtcclxuICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uZmlsdGVyQ2F0ZWdvcmllcyAhPSBudWxsKSB7XHJcbiAgICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbC5maWx0ZXJDYXRlZ29yaWVzLmxlbmd0aCA+IDApIHtcclxuICAgICAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuc2VsZWN0ZWRQcm9kdWN0ICE9IG51bGwpIHtcclxuICAgICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBTaG93QWZmZWN0c09ubHlCZXN0ZWsoKTogYm9vbGVhbiB7XHJcbiAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWw/LmlucHV0cyAhPSBudWxsKSB7XHJcbiAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuaW5wdXRzLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLmlucHV0c1tpXS5maWx0ZXIgIT0gbnVsbCkge1xyXG4gICAgICAgICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLmlucHV0c1tpXS5maWx0ZXI/LmFmZmVjdHNPbmx5QmVzdGVrID09IHRydWUpIHtcclxuICAgICAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmlsdGVyLXZpZXctbWFyZ2luXCI+XHJcbiAgPGRpdiBjbGFzcz1cImZpbHRlci12aWV3LWhlYWRlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZpbHRlci12aWV3LWhlYWRlci1oMVwiPlxyXG4gICAgICA8aDE+e3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShUcmFuc2xhdGlvbkNhdGVnb3J5LkNvbW1vbiwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5GaWx0ZXJzKSB9fTwvaDE+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItdmlldy1oZWFkZXItcmVzZXRcIiAoY2xpY2spPVwiUmVzZXRBbGxGaWx0ZXJzKClcIj5cclxuICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShUcmFuc2xhdGlvbkNhdGVnb3J5LkNvbW1vbiwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5SZXNldEZpbHRlcnMpIH19XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFTaG93Q2F0ZWdvcmllcygpXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpbnB1dHZpZXdtb2RlbCBvZiBGYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuaW5wdXRzXCI+XHJcbiAgICAgIDxhcHAtZmFiLWlucHV0IFtpbnB1dF09XCJpbnB1dHZpZXdtb2RlbFwiPjwvYXBwLWZhYi1pbnB1dD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJTaG93QWZmZWN0c09ubHlCZXN0ZWsoKVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYWZmZWN0cy1vbmx5LWJlc3Rla1wiPlxyXG4gICAgICAgIDxzcGFuPjxzdXA+MTwvc3VwPjwvc3Bhbj5cclxuICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuQ29tbW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LkFmZmVjdHNPbmx5QmVzdGVrKSB9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIFxyXG4gIDxkaXYgKm5nSWY9XCJTaG93Q2F0ZWdvcmllcygpXCI+XHJcbiAgICA8bWF0LXN0ZXBwZXIgb3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiIFtsaW5lYXJdPVwidHJ1ZVwiICNzdGVwcGVyPlxyXG4gICAgICA8bmctdGVtcGxhdGUgbWF0U3RlcHBlckljb249XCJlZGl0XCI+XHJcbiAgICAgICAgPG1hdC1pY29uPmRvbmU8L21hdC1pY29uPlxyXG4gICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICA8bWF0LXN0ZXAgKm5nRm9yPVwibGV0IGNhdCBvZiBGYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuZmlsdGVyQ2F0ZWdvcmllc1wiIFtjb21wbGV0ZWRdPVwiY2F0LmNvbXBsZXRlZFwiIFtlZGl0YWJsZV09XCJ0cnVlXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIG1hdFN0ZXBMYWJlbD5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLW5hbWUtZGl2XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLW5hbWUtbmFtZVwiPlxyXG4gICAgICAgICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5GaWx0ZXJDYXRlZ29yeSwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5OYW1lLCBjYXQuaWQpIH19XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1uYW1lLWljb25cIiAqbmdJZj1cImNhdC5pY29uICE9IG51bGxcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImhlbHBlclwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiY2F0Lmljb25cIiBjbGFzcz1cImZpbHRlci1jYXRlZ29yeS1pY29uXCIgLz5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpbnB1dHZpZXdtb2RlbCBvZiBjYXQuaW5wdXRzXCI+XHJcbiAgICAgICAgICA8YXBwLWZhYi1pbnB1dCBbaW5wdXRdPVwiaW5wdXR2aWV3bW9kZWxcIj48L2FwcC1mYWItaW5wdXQ+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvbWF0LXN0ZXA+XHJcbiAgICA8L21hdC1zdGVwcGVyPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZpbHRlcnMtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1maWx0ZXJzLWlucHV0L2ZhYi1maWx0ZXJzLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVycy1pbnB1dC9mYWItZmlsdGVycy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQXFCLFNBQVMsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd4RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7Ozs7O0FBRTFGLE1BU2Esd0JBQXdCO0lBVzFCO0lBQ0E7SUFDQTtJQVhULElBQVcsbUJBQW1CO1FBQzVCLE9BQU8sbUJBQW1CLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQVcsc0JBQXNCO1FBQy9CLE9BQU8sc0JBQXNCLENBQUM7SUFDaEMsQ0FBQztJQUVELFlBQ1Msa0JBQXNDLEVBQ3RDLGdCQUFrQyxFQUNsQyxpQkFBb0M7UUFGcEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFBSSxDQUFDO0lBRWxELFFBQVE7SUFDUixDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsa0JBQWtCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixFQUFFLGdCQUFnQixJQUFJLElBQUksRUFBRTtZQUMxRSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUM1RSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxlQUFlLElBQUksSUFBSSxFQUFFO29CQUN4RSxPQUFPLElBQUksQ0FBQztpQkFDYjthQUNGO1NBQ0Y7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFTSxxQkFBcUI7UUFDMUIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLEVBQUUsTUFBTSxJQUFJLElBQUksRUFBRTtZQUNoRSxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQ25GLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLElBQUksSUFBSSxFQUFFO29CQUN6RSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLGlCQUFpQixJQUFJLElBQUksRUFBRTt3QkFDNUYsT0FBTyxJQUFJLENBQUM7cUJBQ2I7aUJBQ0Y7YUFDRjtTQUNGO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRU0sYUFBYTtRQUNsQixJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyw0QkFBNEIsRUFBRSxnQkFBZ0IsSUFBSSxJQUFJLEVBQUU7WUFDbEYsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLGFBQWE7UUFFbEIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsNEJBQTRCLENBQUMsNkJBQTZCLElBQUksSUFBSSxFQUFFO1lBQzlGLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLGVBQWUsSUFBSSxJQUFJLEVBQUU7Z0JBQ3hFLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsc0JBQXNCLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDLENBQUM7YUFDeEs7U0FDRjtRQUVELE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLEVBQUUsc0JBQXNCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUcsQ0FBQzt1R0FqRVUsd0JBQXdCOzJGQUF4Qix3QkFBd0IseURDZnJDLDBrRkE0REE7O1NEN0NhLHdCQUF3QjsyRkFBeEIsd0JBQXdCO2tCQVRwQyxTQUFTOytCQUNFLG1CQUFtQixpQkFHZCxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU1RFUFBFUl9HTE9CQUxfT1BUSU9OUyB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9zdGVwcGVyJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRpb25DYXRlZ29yeSwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeSB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2ZhYi1maWx0ZXJzLWlucHV0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLWZpbHRlcnMtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZhYi1maWx0ZXJzLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAvL3Byb3ZpZGVyczogW3tcclxuICAvLyAgcHJvdmlkZTogU1RFUFBFUl9HTE9CQUxfT1BUSU9OUywgdXNlVmFsdWU6IHsgZGlzcGxheURlZmF1bHRJbmRpY2F0b3JUeXBlOiBmYWxzZSB9XHJcbiAgLy99XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFiRmlsdGVyc0lucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgcHVibGljIGdldCBUcmFuc2xhdGlvbkNhdGVnb3J5KCkge1xyXG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uQ2F0ZWdvcnk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkoKSB7XHJcbiAgICByZXR1cm4gVHJhbnNsYXRpb25TdWJDYXRlZ29yeTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgUmVzZXRBbGxGaWx0ZXJzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuUmVzZXRBbGxGaWx0ZXJzKHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFNob3dDYXRlZ29yaWVzKCk6IGJvb2xlYW4ge1xyXG4gICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5maWx0ZXJDYXRlZ29yaWVzICE9IG51bGwpIHtcclxuICAgICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLmZpbHRlckNhdGVnb3JpZXMubGVuZ3RoID4gMCkge1xyXG4gICAgICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbC5zZWxlY3RlZFByb2R1Y3QgIT0gbnVsbCkge1xyXG4gICAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFNob3dBZmZlY3RzT25seUJlc3RlaygpOiBib29sZWFuIHtcclxuICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uaW5wdXRzICE9IG51bGwpIHtcclxuICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbC5pbnB1dHMubGVuZ3RoOyBpKyspIHtcclxuICAgICAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuaW5wdXRzW2ldLmZpbHRlciAhPSBudWxsKSB7XHJcbiAgICAgICAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuaW5wdXRzW2ldLmZpbHRlcj8uYWZmZWN0c09ubHlCZXN0ZWsgPT0gdHJ1ZSkge1xyXG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgU2hvd0lucHV0Q29kZSgpOiBib29sZWFuIHtcclxuICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblNldHRpbmdzVmlld01vZGVsPy5pbnB1dENvZGVFbmFibGVkID09IHRydWUpIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIEdldEhlYWRlck5hbWUoKTogc3RyaW5nIHtcclxuXHJcbiAgICBpZiAodGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5TZXR0aW5nc1ZpZXdNb2RlbC5zaG93UHJvZHVjdE5hbWVJbkZpbHRlcnNJbnB1dCA9PSB0cnVlKSB7XHJcbiAgICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbC5zZWxlY3RlZFByb2R1Y3QgIT0gbnVsbCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLlRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Qcm9kdWN0LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5Lk5hbWUsIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLnNlbGVjdGVkUHJvZHVjdC5pZCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gdGhpcy5UcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuQ29tbW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LkZpbHRlcnMpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmlsdGVyLXZpZXctbWFyZ2luXCI+XHJcbiAgPGRpdiBjbGFzcz1cImZpbHRlci12aWV3LWhlYWRlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZpbHRlci12aWV3LWhlYWRlci1oMVwiPlxyXG4gICAgICA8aDE+e3sgR2V0SGVhZGVyTmFtZSgpIH19PC9oMT5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiAqbmdJZj1cIlNob3dJbnB1dENvZGUoKVwiPlxyXG4gICAgICA8YXBwLWZhYi1pbnB1dC1jb2RlPjwvYXBwLWZhYi1pbnB1dC1jb2RlPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLXZpZXctaGVhZGVyLXJlc2V0XCIgKGNsaWNrKT1cIlJlc2V0QWxsRmlsdGVycygpXCI+XHJcbiAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Db21tb24sIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuUmVzZXRGaWx0ZXJzKSB9fVxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhU2hvd0NhdGVnb3JpZXMoKVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaW5wdXR2aWV3bW9kZWwgb2YgRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsLmlucHV0c1wiPlxyXG4gICAgICA8YXBwLWZhYi1pbnB1dCBbaW5wdXRdPVwiaW5wdXR2aWV3bW9kZWxcIj48L2FwcC1mYWItaW5wdXQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiU2hvd0FmZmVjdHNPbmx5QmVzdGVrKClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImFmZmVjdHMtb25seS1iZXN0ZWtcIj5cclxuICAgICAgICA8c3Bhbj48c3VwPjE8L3N1cD48L3NwYW4+XHJcbiAgICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShUcmFuc2xhdGlvbkNhdGVnb3J5LkNvbW1vbiwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5BZmZlY3RzT25seUJlc3RlaykgfX1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICBcclxuICA8ZGl2ICpuZ0lmPVwiU2hvd0NhdGVnb3JpZXMoKVwiPlxyXG4gICAgPG1hdC1zdGVwcGVyIG9yaWVudGF0aW9uPVwidmVydGljYWxcIiBbbGluZWFyXT1cInRydWVcIiAjc3RlcHBlcj5cclxuICAgICAgPG5nLXRlbXBsYXRlIG1hdFN0ZXBwZXJJY29uPVwiZWRpdFwiPlxyXG4gICAgICAgIDxtYXQtaWNvbj5kb25lPC9tYXQtaWNvbj5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgPCEtLTxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNhdCBvZiBGYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuZmlsdGVyQ2F0ZWdvcmllc1wiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBtYXRTdGVwcGVySWNvbj1cInt7IGNhdC5pZCB9fVwiPlxyXG4gICAgICAgICAge3sgY2F0LmlkIH19XHJcblxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNhdC5jYW5CZU9wZW5lZFwiPlxyXG4gICAgICAgICAgICBcclxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPi0tPlxyXG4gICAgICA8bWF0LXN0ZXAgKm5nRm9yPVwibGV0IGNhdCBvZiBGYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuZmlsdGVyQ2F0ZWdvcmllc1wiIHN0YXRlPVwie3sgY2F0LmlkIH19XCIgW2NvbXBsZXRlZF09XCJjYXQuY29tcGxldGVkXCIgW2FyaWEtbGFiZWxsZWRieV09XCJjYXQuY2FuQmVPcGVuZWQgPyAnZW5hYmxlZCcgOiAnZGlzYWJsZWRfYWYnXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIG1hdFN0ZXBMYWJlbD5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLW5hbWUtZGl2XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLW5hbWUtbmFtZVwiPlxyXG4gICAgICAgICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5GaWx0ZXJDYXRlZ29yeSwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5OYW1lLCBjYXQuaWQpIH19XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1uYW1lLWljb25cIiAqbmdJZj1cImNhdC5pY29uICE9IG51bGxcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImhlbHBlclwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiY2F0Lmljb25cIiBjbGFzcz1cImZpbHRlci1jYXRlZ29yeS1pY29uXCIgLz5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpbnB1dHZpZXdtb2RlbCBvZiBjYXQuaW5wdXRzXCI+XHJcbiAgICAgICAgICA8YXBwLWZhYi1pbnB1dCBbaW5wdXRdPVwiaW5wdXR2aWV3bW9kZWxcIj48L2FwcC1mYWItaW5wdXQ+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvbWF0LXN0ZXA+XHJcbiAgICA8L21hdC1zdGVwcGVyPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/src/app/modules/fabrikantencore/components/fab-form/fab-form.component.mjs

@@ -0,0 +1,107 @@
+import { Component, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
+import { Validators } from '@angular/forms';
+import { FormInputType, FabrikantenSetFormRequest, TranslationCategory, TranslationSubCategory } from '../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../../swagger/SwaggerClient";
+import * as i3 from "../../services/fabrikanten.service";
+import * as i4 from "../../services/translate.service";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/legacy-form-field";
+import * as i7 from "@angular/material/legacy-input";
+import * as i8 from "@angular/material/legacy-button";
+import * as i9 from "@angular/material/legacy-checkbox";
+import * as i10 from "@angular/material/legacy-select";
+import * as i11 from "@angular/material/legacy-core";
+class FabFormComponent {
+    formBuilder;
+    FabrikantenApiClient;
+    FabrikantenService;
+    TranslateService;
+    ChangeDetectorRef;
+    _form;
+    get form() {
+        return this._form;
+    }
+    set form(value) {
+        this._form = value;
+        this.FormGroup = this.formBuilder.group({});
+        var cats = this.form.formCategories;
+        if (cats != null) {
+            for (var i = 0; i < cats.length; i++) {
+                var rows = cats[i].rows;
+                if (rows != null) {
+                    for (var j = 0; j < rows.length; j++) {
+                        var inputs = rows[j].inputs;
+                        if (inputs != null) {
+                            for (var p = 0; p < inputs.length; p++) {
+                                var ValidatorsArray = new Array();
+                                if (inputs[p].formInputType == FormInputType.Email) {
+                                    ValidatorsArray.push(Validators.email);
+                                }
+                                if (inputs[p].required) {
+                                    ValidatorsArray.push(Validators.required);
+                                }
+                                if (inputs[p].formInputType == FormInputType.Dropdown) {
+                                    this.FormGroup.addControl(inputs[p].name + "", this.formBuilder.control(inputs[p].selectedOption?.id, ValidatorsArray));
+                                }
+                                else {
+                                    this.FormGroup.addControl(inputs[p].name + "", this.formBuilder.control(inputs[p].value, ValidatorsArray));
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        else {
+            alert('error');
+        }
+    }
+    completed = new EventEmitter();
+    //@Output() cancel: EventEmitter<void> = new EventEmitter<void>();
+    FormGroup;
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    constructor(formBuilder, FabrikantenApiClient, FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.formBuilder = formBuilder;
+        this.FabrikantenApiClient = FabrikantenApiClient;
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    OnSubmit() {
+        if (this.FormGroup.valid) {
+            var request = new FabrikantenSetFormRequest();
+            request.sessionId = this.FabrikantenService.FabrikantenViewModel.sessionId;
+            request.formId = this.form.id;
+            this.FabrikantenApiClient.setForm(request).subscribe(() => {
+                this.FabrikantenService.ReloadModel(this.ChangeDetectorRef, undefined, () => {
+                    this.completed.emit();
+                });
+            }, (error) => {
+                alert('An unexpected error occured');
+                this.ChangeDetectorRef.detectChanges();
+            });
+        }
+    }
+    Close() {
+        this.completed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFormComponent, deps: [{ token: i1.FormBuilder }, { token: i2.FabrikantenApiClient }, { token: i3.FabrikantenService }, { token: i4.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFormComponent, selector: "app-fab-form", inputs: { form: "form" }, outputs: { completed: "completed" }, ngImport: i0, template: "<form [formGroup]=\"FormGroup\">\n  <ng-container *ngFor=\"let cat of form.formCategories\">\n    <div class=\"form-cat-name\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Category, cat.id) }}\n    </div>\n    <ng-container *ngFor=\"let row of cat.rows\">\n      <div class=\"form-cat-inputs displayflex\">\n        <div class=\"form-cat-input\" *ngFor=\"let input of row.inputs\">\n          <ng-container *ngIf=\"input.formInputType == 1 || input.formInputType == 6\">\n            <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-input\">\n              <mat-label>\n                {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n              </mat-label>\n              <input matInput type=\"text\" formControlName=\"{{ input.name }}\">\n              <mat-error></mat-error>\n            </mat-form-field>\n          </ng-container>\n\n          <ng-container *ngIf=\"input.formInputType == 2\">\n            <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-select\">\n              <mat-label class=\"select-mat-label filter-name\">\n                {{ input.name }}\n              </mat-label>\n              <mat-select formControlName=\"{{ input.name }}\">\n                <ng-container *ngFor=\"let option of input.options\">\n                  <mat-option [value]=\"option.id\" class=\"select-mat-option\">\n                    <span class=\"name-span\">\n                      {{ option.name }}\n                    </span>\n                  </mat-option>\n                </ng-container>\n              </mat-select>\n            </mat-form-field>\n          </ng-container>\n\n          <ng-container *ngIf=\"input.formInputType == 3\">\n            <mat-checkbox class=\"form-cat-input-checkbox\">\n              <span [innerHTML]=\"TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id)\"></span>\n            </mat-checkbox>\n          </ng-container>\n\n          <ng-container *ngIf=\"input.formInputType == 5\">\n            <mat-form-field class=\"full-width form-cat-input-textarea\">\n              <mat-label>\n                {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n              </mat-label>\n              <textarea matInput formControlName=\"{{ input.name }}\" style=\"height: 100px;\"></textarea>\n            </mat-form-field>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n\n  <div class=\"form-button-row\">\n    <button mat-raised-button (click)=\"Close()\" class=\"form-cat-close form-button-row-button\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Close) }}\n    </button>\n    <button mat-raised-button (click)=\"OnSubmit()\" class=\"form-cat-submit form-button-row-button\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Send) }}\n    </button>\n  </div>\n</form>\n", styles: ["app-fab-form .mat-form-field-wrapper{padding-bottom:0}app-fab-form .mat-form-field-underline{bottom:0}app-fab-form .displayflex{display:flex}app-fab-form .form-cat-name{border-bottom:1px solid #000;font-size:20px;padding:5px}app-fab-form .form-cat-input{padding:3px;width:100%}app-fab-form .form-button-row{text-align:right}app-fab-form .form-button-row-button{margin:5px}app-fab-form .full-width{width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.MatLegacyError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i8.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+export { FabFormComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-form', encapsulation: ViewEncapsulation.None, template: "<form [formGroup]=\"FormGroup\">\n  <ng-container *ngFor=\"let cat of form.formCategories\">\n    <div class=\"form-cat-name\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Category, cat.id) }}\n    </div>\n    <ng-container *ngFor=\"let row of cat.rows\">\n      <div class=\"form-cat-inputs displayflex\">\n        <div class=\"form-cat-input\" *ngFor=\"let input of row.inputs\">\n          <ng-container *ngIf=\"input.formInputType == 1 || input.formInputType == 6\">\n            <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-input\">\n              <mat-label>\n                {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n              </mat-label>\n              <input matInput type=\"text\" formControlName=\"{{ input.name }}\">\n              <mat-error></mat-error>\n            </mat-form-field>\n          </ng-container>\n\n          <ng-container *ngIf=\"input.formInputType == 2\">\n            <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-select\">\n              <mat-label class=\"select-mat-label filter-name\">\n                {{ input.name }}\n              </mat-label>\n              <mat-select formControlName=\"{{ input.name }}\">\n                <ng-container *ngFor=\"let option of input.options\">\n                  <mat-option [value]=\"option.id\" class=\"select-mat-option\">\n                    <span class=\"name-span\">\n                      {{ option.name }}\n                    </span>\n                  </mat-option>\n                </ng-container>\n              </mat-select>\n            </mat-form-field>\n          </ng-container>\n\n          <ng-container *ngIf=\"input.formInputType == 3\">\n            <mat-checkbox class=\"form-cat-input-checkbox\">\n              <span [innerHTML]=\"TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id)\"></span>\n            </mat-checkbox>\n          </ng-container>\n\n          <ng-container *ngIf=\"input.formInputType == 5\">\n            <mat-form-field class=\"full-width form-cat-input-textarea\">\n              <mat-label>\n                {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n              </mat-label>\n              <textarea matInput formControlName=\"{{ input.name }}\" style=\"height: 100px;\"></textarea>\n            </mat-form-field>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n\n  <div class=\"form-button-row\">\n    <button mat-raised-button (click)=\"Close()\" class=\"form-cat-close form-button-row-button\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Close) }}\n    </button>\n    <button mat-raised-button (click)=\"OnSubmit()\" class=\"form-cat-submit form-button-row-button\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Send) }}\n    </button>\n  </div>\n</form>\n", styles: ["app-fab-form .mat-form-field-wrapper{padding-bottom:0}app-fab-form .mat-form-field-underline{bottom:0}app-fab-form .displayflex{display:flex}app-fab-form .form-cat-name{border-bottom:1px solid #000;font-size:20px;padding:5px}app-fab-form .form-cat-input{padding:3px;width:100%}app-fab-form .form-button-row{text-align:right}app-fab-form .form-button-row-button{margin:5px}app-fab-form .full-width{width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.FabrikantenApiClient }, { type: i3.FabrikantenService }, { type: i4.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { form: [{
+                type: Input
+            }], completed: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1mb3JtL2ZhYi1mb3JtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZm9ybS9mYWItZm9ybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQXVDLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2pGLE9BQU8sRUFBNEIsYUFBYSxFQUF3Qix5QkFBeUIsRUFBRSxtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7Ozs7Ozs7O0FBSXBMLE1BTWEsZ0JBQWdCO0lBaUVqQjtJQUNBO0lBQ0E7SUFDRDtJQUNDO0lBbkVWLEtBQUssQ0FBMkI7SUFDaEMsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUFhLElBQUksQ0FBQyxLQUErQjtRQUMvQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUVuQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFBO1FBQzNDLElBQUksSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO1FBRXBDLElBQUksSUFBSSxJQUFJLElBQUksRUFBRTtZQUNoQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFB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QkFBb0IsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDeEQsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRTtvQkFDMUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDeEIsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDLEVBQUUsQ0FBQyxLQUFlLEVBQUUsRUFBRTtnQkFDckIsS0FBSyxDQUFDLDZCQUE2QixDQUFDLENBQUM7Z0JBRXJDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN6QyxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVNLEtBQUs7UUFDVixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7dUdBL0ZVLGdCQUFnQjsyRkFBaEIsZ0JBQWdCLG1IQ1o3QiwyaUdBK0RBOztTRG5EYSxnQkFBZ0I7MkZBQWhCLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxjQUFjLGlCQUdULGlCQUFpQixDQUFDLElBQUk7cU9BU3hCLElBQUk7c0JBQWhCLEtBQUs7Z0JBNENJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdG9yUmVmLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwLCBWYWxpZGF0b3JGbiwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5Gb3JtVmlld01vZGVsLCBGb3JtSW5wdXRUeXBlLCBGYWJyaWthbnRlbkFwaUNsaWVudCwgRmFicmlrYW50ZW5TZXRGb3JtUmVxdWVzdCwgVHJhbnNsYXRpb25DYXRlZ29yeSwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeSB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1mYWItZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItZm9ybS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZhYi1mb3JtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgRmFiRm9ybUNvbXBvbmVudCB7XG5cbiAgX2Zvcm06IEZhYnJpa2FudGVuRm9ybVZpZXdNb2RlbDtcclxuICBnZXQgZm9ybSgpOiBGYWJyaWthbnRlbkZvcm1WaWV3TW9kZWwge1xyXG4gICAgcmV0dXJuIHRoaXMuX2Zvcm07XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBzZXQgZm9ybSh2YWx1ZTogRmFicmlrYW50ZW5Gb3JtVmlld01vZGVsKSB7XHJcbiAgICB0aGlzLl9mb3JtID0gdmFsdWU7XHJcblxyXG4gICAgdGhpcy5Gb3JtR3JvdXAgPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHt9KVxuICAgIHZhciBjYXRzID0gdGhpcy5mb3JtLmZvcm1DYXRlZ29yaWVzO1xuXG4gICAgaWYgKGNhdHMgIT0gbnVsbCkge1xuICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCBjYXRzLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgIHZhciByb3dzID0gY2F0c1tpXS5yb3dzO1xyXG5cclxuICAgICAgICBpZiAocm93cyAhPSBudWxsKSB7XHJcbiAgICAgICAgICBmb3IgKHZhciBqID0gMDsgaiA8IHJvd3MubGVuZ3RoOyBqKyspIHtcclxuICAgICAgICAgICAgdmFyIGlucHV0cyA9IHJvd3Nbal0uaW5wdXRzO1xyXG5cclxuICAgICAgICAgICAgaWYgKGlucHV0cyAhPSBudWxsKSB7XHJcbiAgICAgICAgICAgICAgZm9yICh2YXIgcCA9IDA7IHAgPCBpbnB1dHMubGVuZ3RoOyBwKyspIHtcclxuXHJcbiAgICAgICAgICAgICAgICB2YXIgVmFsaWRhdG9yc0FycmF5OiBWYWxpZGF0b3JGbltdID0gbmV3IEFycmF5KCk7XHJcblxyXG4gICAgICAgICAgICAgICAgaWYgKGlucHV0c1twXS5mb3JtSW5wdXRUeXBlID09IEZvcm1JbnB1dFR5cGUuRW1haWwpIHtcclxuICAgICAgICAgICAgICAgICAgVmFsaWRhdG9yc0FycmF5LnB1c2goVmFsaWRhdG9ycy5lbWFpbCk7XHJcbiAgICAgICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAgICAgaWYgKGlucHV0c1twXS5yZXF1aXJlZCkge1xyXG4gICAgICAgICAgICAgICAgICBWYWxpZGF0b3JzQXJyYXkucHVzaChWYWxpZGF0b3JzLnJlcXVpcmVkKTtcclxuICAgICAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICAgICBpZiAoaW5wdXRzW3BdLmZvcm1JbnB1dFR5cGUgPT0gRm9ybUlucHV0VHlwZS5Ecm9wZG93bikge1xyXG4gICAgICAgICAgICAgICAgICB0aGlzLkZvcm1Hcm91cC5hZGRDb250cm9sKGlucHV0c1twXS5uYW1lICsgXCJcIiwgdGhpcy5mb3JtQnVpbGRlci5jb250cm9sKGlucHV0c1twXS5zZWxlY3RlZE9wdGlvbj8uaWQsIFZhbGlkYXRvcnNBcnJheSkpO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgIHRoaXMuRm9ybUdyb3VwLmFkZENvbnRyb2woaW5wdXRzW3BdLm5hbWUgKyBcIlwiLCB0aGlzLmZvcm1CdWlsZGVyLmNvbnRyb2woaW5wdXRzW3BdLnZhbHVlLCBWYWxpZGF0b3JzQXJyYXkpKTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICBhbGVydCgnZXJyb3InKTtcclxuICAgIH1cclxuICB9XG5cbiAgQE91dHB1dCgpIGNvbXBsZXRlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAvL0BPdXRwdXQoKSBjYW5jZWw6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBwdWJsaWMgRm9ybUdyb3VwOiBGb3JtR3JvdXA7XG5cbiAgcHVibGljIGdldCBUcmFuc2xhdGlvbkNhdGVnb3J5KCkge1xuICAgIHJldHVybiBUcmFuc2xhdGlvbkNhdGVnb3J5O1xuICB9XG5cbiAgcHVibGljIGdldCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5KCkge1xuICAgIHJldHVybiBUcmFuc2xhdGlvblN1YkNhdGVnb3J5O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBmb3JtQnVpbGRlcjogRm9ybUJ1aWxkZXIsXG4gICAgcHJpdmF0ZSBGYWJyaWthbnRlbkFwaUNsaWVudDogRmFicmlrYW50ZW5BcGlDbGllbnQsXG4gICAgcHJpdmF0ZSBGYWJyaWthbnRlblNlcnZpY2U6IEZhYnJpa2FudGVuU2VydmljZSxcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICBwcml2YXRlIENoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHtcbiAgIFxuICB9XG5cbiAgcHVibGljIE9uU3VibWl0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuRm9ybUdyb3VwLnZhbGlkKSB7XHJcbiAgICAgIHZhciByZXF1ZXN0ID0gbmV3IEZhYnJpa2FudGVuU2V0Rm9ybVJlcXVlc3QoKTtcclxuXHJcbiAgICAgIHJlcXVlc3Quc2Vzc2lvbklkID0gdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuc2Vzc2lvbklkO1xyXG4gICAgICByZXF1ZXN0LmZvcm1JZCA9IHRoaXMuZm9ybS5pZDtcclxuXHJcbiAgICAgIHRoaXMuRmFicmlrYW50ZW5BcGlDbGllbnQuc2V0Rm9ybShyZXF1ZXN0KS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlJlbG9hZE1vZGVsKHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYsIHVuZGVmaW5lZCwgKCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5jb21wbGV0ZWQuZW1pdCgpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICB9LCAoZXJyb3I6IFJlc3BvbnNlKSA9PiB7XHJcbiAgICAgICAgYWxlcnQoJ0FuIHVuZXhwZWN0ZWQgZXJyb3Igb2NjdXJlZCcpO1xyXG5cclxuICAgICAgICB0aGlzLkNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxuXG4gIHB1YmxpYyBDbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbXBsZXRlZC5lbWl0KCk7XHJcbiAgfVxufVxuIiwiPGZvcm0gW2Zvcm1Hcm91cF09XCJGb3JtR3JvdXBcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY2F0IG9mIGZvcm0uZm9ybUNhdGVnb3JpZXNcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jYXQtbmFtZVwiPlxuICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShUcmFuc2xhdGlvbkNhdGVnb3J5LkZvcm1zLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LkNhdGVnb3J5LCBjYXQuaWQpIH19XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgcm93IG9mIGNhdC5yb3dzXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jYXQtaW5wdXRzIGRpc3BsYXlmbGV4XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNhdC1pbnB1dFwiICpuZ0Zvcj1cImxldCBpbnB1dCBvZiByb3cuaW5wdXRzXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0LmZvcm1JbnB1dFR5cGUgPT0gMSB8fCBpbnB1dC5mb3JtSW5wdXRUeXBlID09IDZcIj5cbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwiZmlsbFwiIGNsYXNzPVwiZnVsbC13aWR0aCBmb3JtLWNhdC1pbnB1dC1pbnB1dFwiPlxuICAgICAgICAgICAgICA8bWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Gb3JtcywgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5JbnB1dCwgaW5wdXQuaWQpIH19XG4gICAgICAgICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cInRleHRcIiBmb3JtQ29udHJvbE5hbWU9XCJ7eyBpbnB1dC5uYW1lIH19XCI+XG4gICAgICAgICAgICAgIDxtYXQtZXJyb3I+PC9tYXQtZXJyb3I+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0LmZvcm1JbnB1dFR5cGUgPT0gMlwiPlxuICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCIgY2xhc3M9XCJmdWxsLXdpZHRoIGZvcm0tY2F0LWlucHV0LXNlbGVjdFwiPlxuICAgICAgICAgICAgICA8bWF0LWxhYmVsIGNsYXNzPVwic2VsZWN0LW1hdC1sYWJlbCBmaWx0ZXItbmFtZVwiPlxuICAgICAgICAgICAgICAgIHt7IGlucHV0Lm5hbWUgfX1cbiAgICAgICAgICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgIDxtYXQtc2VsZWN0IGZvcm1Db250cm9sTmFtZT1cInt7IGlucHV0Lm5hbWUgfX1cIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgaW5wdXQub3B0aW9uc1wiPlxuICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cIm9wdGlvbi5pZFwiIGNsYXNzPVwic2VsZWN0LW1hdC1vcHRpb25cIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuYW1lLXNwYW5cIj5cbiAgICAgICAgICAgICAgICAgICAgICB7eyBvcHRpb24ubmFtZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQuZm9ybUlucHV0VHlwZSA9PSAzXCI+XG4gICAgICAgICAgICA8bWF0LWNoZWNrYm94IGNsYXNzPVwiZm9ybS1jYXQtaW5wdXQtY2hlY2tib3hcIj5cbiAgICAgICAgICAgICAgPHNwYW4gW2lubmVySFRNTF09XCJUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuRm9ybXMsIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuSW5wdXQsIGlucHV0LmlkKVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvbWF0LWNoZWNrYm94PlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0LmZvcm1JbnB1dFR5cGUgPT0gNVwiPlxuICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiZnVsbC13aWR0aCBmb3JtLWNhdC1pbnB1dC10ZXh0YXJlYVwiPlxuICAgICAgICAgICAgICA8bWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Gb3JtcywgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5JbnB1dCwgaW5wdXQuaWQpIH19XG4gICAgICAgICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICA8dGV4dGFyZWEgbWF0SW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwie3sgaW5wdXQubmFtZSB9fVwiIHN0eWxlPVwiaGVpZ2h0OiAxMDBweDtcIj48L3RleHRhcmVhPlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPGRpdiBjbGFzcz1cImZvcm0tYnV0dG9uLXJvd1wiPlxuICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIkNsb3NlKClcIiBjbGFzcz1cImZvcm0tY2F0LWNsb3NlIGZvcm0tYnV0dG9uLXJvdy1idXR0b25cIj5cbiAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Db21tb24sIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuQ2xvc2UpIH19XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwiT25TdWJtaXQoKVwiIGNsYXNzPVwiZm9ybS1jYXQtc3VibWl0IGZvcm0tYnV0dG9uLXJvdy1idXR0b25cIj5cbiAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Db21tb24sIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuU2VuZCkgfX1cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Zvcm0+XG4iXX0=

package/esm2022/src/app/modules/fabrikantencore/components/fab-form-dialog/fab-form-dialog.component.mjs

@@ -1,103 +1,37 @@
-import { Component, Inject, ViewEncapsulation } from '@angular/core';
+import { Component, Inject } from '@angular/core';
 import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
-import { FormInputType, FabrikantenSetFormRequest, TranslationCategory, TranslationSubCategory } from '../../swagger/SwaggerClient';
-import { Validators } from '@angular/forms';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@angular/material/legacy-dialog";
-import * as i3 from "../../swagger/SwaggerClient";
-import * as i4 from "../../services/fabrikanten.service";
-import * as i5 from "../../services/translate.service";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/material/legacy-form-field";
-import * as i8 from "@angular/material/legacy-input";
-import * as i9 from "@angular/material/legacy-button";
-import * as i10 from "@angular/material/legacy-select";
-import * as i11 from "@angular/material/legacy-core";
+import * as i1 from "@angular/material/legacy-dialog";
+import * as i2 from "../../services/translate.service";
+import * as i3 from "../fab-form/fab-form.component";
 class FabFormDialogComponent {
-    formBuilder;
     dialogRef;
     data;
-    FabrikantenApiClient;
-    FabrikantenService;
     TranslateService;
     ChangeDetectorRef;
     Form;
-    FormGroup;
-    get TranslationCategory() {
-        return TranslationCategory;
-    }
-    get TranslationSubCategory() {
-        return TranslationSubCategory;
-    }
-    constructor(formBuilder, dialogRef, data, FabrikantenApiClient, FabrikantenService, TranslateService, ChangeDetectorRef) {
-        this.formBuilder = formBuilder;
+    constructor(dialogRef, data, TranslateService, ChangeDetectorRef) {
         this.dialogRef = dialogRef;
         this.data = data;
-        this.FabrikantenApiClient = FabrikantenApiClient;
-        this.FabrikantenService = FabrikantenService;
         this.TranslateService = TranslateService;
         this.ChangeDetectorRef = ChangeDetectorRef;
-        this.FormGroup = this.formBuilder.group({});
         this.Form = data.form;
-        var cats = this.Form.formCategories;
-        if (cats != null) {
-            for (var i = 0; i < cats.length; i++) {
-                var rows = cats[i].rows;
-                if (rows != null) {
-                    for (var j = 0; j < rows.length; j++) {
-                        var inputs = rows[j].inputs;
-                        if (inputs != null) {
-                            for (var p = 0; p < inputs.length; p++) {
-                                var ValidatorsArray = new Array();
-                                if (inputs[p].formInputType == FormInputType.Email) {
-                                    ValidatorsArray.push(Validators.email);
-                                }
-                                if (inputs[p].required) {
-                                    ValidatorsArray.push(Validators.required);
-                                }
-                                if (inputs[p].formInputType == FormInputType.Dropdown) {
-                                    this.FormGroup.addControl(inputs[p].name + "", this.formBuilder.control(inputs[p].selectedOption?.id, ValidatorsArray));
-                                }
-                                else {
-                                    this.FormGroup.addControl(inputs[p].name + "", this.formBuilder.control(inputs[p].value, ValidatorsArray));
-                                }
-                                //this.FormGroup.addControl('controlName',
-                                //  this.formBuilder.control({ disabled: false, value: controlValue }, validators, asyncValidators));
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-    OnSubmit() {
-        if (this.FormGroup.valid) {
-            var request = new FabrikantenSetFormRequest();
-            request.sessionId = this.FabrikantenService.FabrikantenViewModel.sessionId;
-            request.formId = this.Form.id;
-            this.FabrikantenApiClient.setForm(request).subscribe(() => {
-                this.FabrikantenService.ReloadModel(this.ChangeDetectorRef, undefined, () => {
-                    this.dialogRef.close();
-                });
-            }, (error) => {
-                alert('An unexpected error occured');
-                this.ChangeDetectorRef.detectChanges();
-            });
-        }
     }
+    //public OnSubmit(): void {
+    //  this.dialogRef.close();
+    //}
     Close() {
         this.dialogRef.close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFormDialogComponent, deps: [{ token: i1.FormBuilder }, { token: i2.MatLegacyDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3.FabrikantenApiClient }, { token: i4.FabrikantenService }, { token: i5.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFormDialogComponent, selector: "app-fab-form-dialog", ngImport: i0, template: "<div style=\"width: 500px;\">\n  <form [formGroup]=\"FormGroup\">\n    <ng-container *ngFor=\"let cat of Form.formCategories\">\n      <div class=\"form-cat-name\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Category, cat.id) }}\n      </div>\n      <ng-container *ngFor=\"let row of cat.rows\">\n        <div class=\"form-cat-inputs displayflex\">\n          <div class=\"form-cat-input\" *ngFor=\"let input of row.inputs\">\n            <ng-container *ngIf=\"input.formInputType == 1 || input.formInputType == 6\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-input\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <input matInput type=\"text\" formControlName=\"{{ input.name }}\">\n                <mat-error></mat-error>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 2\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-select\">\n                <mat-label class=\"select-mat-label filter-name\">\n                  {{ input.name }}\n                </mat-label>\n                <mat-select formControlName=\"{{ input.name }}\">\n                  <ng-container *ngFor=\"let option of input.options\">\n                    <mat-option [value]=\"option.id\" class=\"select-mat-option\">\n                      <span class=\"name-span\">\n                        {{ option.name }}\n                      </span>\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 5\">\n              <mat-form-field class=\"full-width form-cat-input-textarea\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <textarea matInput formControlName=\"{{ input.name }}\" style=\"height: 100px;\"></textarea>\n              </mat-form-field>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <div class=\"form-button-row\">\n      <button mat-raised-button (click)=\"Close()\" class=\"form-cat-close form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Close) }}\n      </button>\n      <button mat-raised-button (click)=\"OnSubmit()\" class=\"form-cat-submit form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Send) }}\n      </button>\n    </div>\n  </form>\n</div>\n", styles: ["app-fab-form-dialog .mat-form-field-wrapper{padding-bottom:0}app-fab-form-dialog .mat-form-field-underline{bottom:0}app-fab-form-dialog .displayflex{display:flex}app-fab-form-dialog .form-cat-name{border-bottom:1px solid #000;font-size:20px;padding:5px}app-fab-form-dialog .form-cat-input{padding:5px;width:100%}app-fab-form-dialog .form-button-row{text-align:right}app-fab-form-dialog .form-button-row-button{margin:5px}app-fab-form-dialog .full-width{width:100%}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.MatLegacyError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i7.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i9.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFormDialogComponent, deps: [{ token: i1.MatLegacyDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFormDialogComponent, selector: "app-fab-form-dialog", ngImport: i0, template: "<div class=\"form-container\">\n  <app-fab-form [form]=\"Form\" (completed)=\"Close()\"></app-fab-form>\n</div>\n", styles: [".form-container{width:500px}\n"], dependencies: [{ kind: "component", type: i3.FabFormComponent, selector: "app-fab-form", inputs: ["form"], outputs: ["completed"] }] });
 }
 export { FabFormDialogComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFormDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-form-dialog', encapsulation: ViewEncapsulation.None, template: "<div style=\"width: 500px;\">\n  <form [formGroup]=\"FormGroup\">\n    <ng-container *ngFor=\"let cat of Form.formCategories\">\n      <div class=\"form-cat-name\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Category, cat.id) }}\n      </div>\n      <ng-container *ngFor=\"let row of cat.rows\">\n        <div class=\"form-cat-inputs displayflex\">\n          <div class=\"form-cat-input\" *ngFor=\"let input of row.inputs\">\n            <ng-container *ngIf=\"input.formInputType == 1 || input.formInputType == 6\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-input\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <input matInput type=\"text\" formControlName=\"{{ input.name }}\">\n                <mat-error></mat-error>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 2\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-select\">\n                <mat-label class=\"select-mat-label filter-name\">\n                  {{ input.name }}\n                </mat-label>\n                <mat-select formControlName=\"{{ input.name }}\">\n                  <ng-container *ngFor=\"let option of input.options\">\n                    <mat-option [value]=\"option.id\" class=\"select-mat-option\">\n                      <span class=\"name-span\">\n                        {{ option.name }}\n                      </span>\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 5\">\n              <mat-form-field class=\"full-width form-cat-input-textarea\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <textarea matInput formControlName=\"{{ input.name }}\" style=\"height: 100px;\"></textarea>\n              </mat-form-field>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <div class=\"form-button-row\">\n      <button mat-raised-button (click)=\"Close()\" class=\"form-cat-close form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Close) }}\n      </button>\n      <button mat-raised-button (click)=\"OnSubmit()\" class=\"form-cat-submit form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Send) }}\n      </button>\n    </div>\n  </form>\n</div>\n", styles: ["app-fab-form-dialog .mat-form-field-wrapper{padding-bottom:0}app-fab-form-dialog .mat-form-field-underline{bottom:0}app-fab-form-dialog .displayflex{display:flex}app-fab-form-dialog .form-cat-name{border-bottom:1px solid #000;font-size:20px;padding:5px}app-fab-form-dialog .form-cat-input{padding:5px;width:100%}app-fab-form-dialog .form-button-row{text-align:right}app-fab-form-dialog .form-button-row-button{margin:5px}app-fab-form-dialog .full-width{width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.MatLegacyDialogRef }, { type: undefined, decorators: [{
+            args: [{ selector: 'app-fab-form-dialog', template: "<div class=\"form-container\">\n  <app-fab-form [form]=\"Form\" (completed)=\"Close()\"></app-fab-form>\n</div>\n", styles: [".form-container{width:500px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatLegacyDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: i3.FabrikantenApiClient }, { type: i4.FabrikantenService }, { type: i5.TranslateService }, { type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZvcm0tZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZm9ybS1kaWFsb2cvZmFiLWZvcm0tZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZm9ybS1kaWFsb2cvZmFiLWZvcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQXNDLHNCQUFzQixJQUFJLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2hJLE9BQU8sRUFBNEIsYUFBYSxFQUF3Qix5QkFBeUIsRUFBRSxtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3BMLE9BQU8sRUFBdUMsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFJakYsTUFNYSxzQkFBc0I7SUFjdkI7SUFDRDtJQUN5QjtJQUN4QjtJQUNBO0lBQ0Q7SUFDQztJQWxCSCxJQUFJLENBQTJCO0lBQy9CLFNBQVMsQ0FBWTtJQUU1QixJQUFXLG1CQUFtQjtRQUM1QixPQUFPLG1CQUFtQixDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFXLHNCQUFzQjtRQUMvQixPQUFPLHNCQUFzQixDQUFDO0lBQ2hDLENBQUM7SUFFRCxZQUNVLFdBQXdCLEVBQ3pCLFNBQStDLEVBQ3RCLElBQVMsRUFDakMsb0JBQTBDLEVBQzFDLGtCQUFzQyxFQUN2QyxnQkFBa0MsRUFDakMsaUJBQW9DO1FBTnBDLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FB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LElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDeEQsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRTtvQkFDMUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDekIsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDLEVBQUUsQ0FBQyxLQUFlLEVBQUUsRUFBRTtnQkFDckIsS0FBSyxDQUFDLDZCQUE2QixDQUFDLENBQUM7Z0JBRXJDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN6QyxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVNLEtBQUs7UUFDVixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pCLENBQUM7dUdBeEZVLHNCQUFzQiwrRUFnQnZCLGVBQWU7MkZBaEJkLHNCQUFzQiwyRENibkMseTNGQTJEQTs7U0Q5Q2Esc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UscUJBQXFCLGlCQUdoQixpQkFBaUIsQ0FBQyxJQUFJOzswQkFrQmxDLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdExlZ2FjeURpYWxvZ1JlZiBhcyBNYXREaWFsb2dSZWYsIE1BVF9MRUdBQ1lfRElBTE9HX0RBVEEgYXMgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGVnYWN5LWRpYWxvZyc7XG5pbXBvcnQgeyBGYWJyaWthbnRlbkZvcm1WaWV3TW9kZWwsIEZvcm1JbnB1dFR5cGUsIEZhYnJpa2FudGVuQXBpQ2xpZW50LCBGYWJyaWthbnRlblNldEZvcm1SZXF1ZXN0LCBUcmFuc2xhdGlvbkNhdGVnb3J5LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5IH0gZnJvbSAnLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgVmFsaWRhdG9yRm4sIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1mYWItZm9ybS1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLWZvcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWZvcm0tZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgRmFiRm9ybURpYWxvZ0NvbXBvbmVudCB7XG5cbiAgcHVibGljIEZvcm06IEZhYnJpa2FudGVuRm9ybVZpZXdNb2RlbDtcbiAgcHVibGljIEZvcm1Hcm91cDogRm9ybUdyb3VwO1xyXG5cbiAgcHVibGljIGdldCBUcmFuc2xhdGlvbkNhdGVnb3J5KCkge1xuICAgIHJldHVybiBUcmFuc2xhdGlvbkNhdGVnb3J5O1xuICB9XG5cbiAgcHVibGljIGdldCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5KCkge1xuICAgIHJldHVybiBUcmFuc2xhdGlvblN1YkNhdGVnb3J5O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBmb3JtQnVpbGRlcjogRm9ybUJ1aWxkZXIsXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEZhYkZvcm1EaWFsb2dDb21wb25lbnQ+LFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogYW55LFxuICAgIHByaXZhdGUgRmFicmlrYW50ZW5BcGlDbGllbnQ6IEZhYnJpa2FudGVuQXBpQ2xpZW50LFxuICAgIHByaXZhdGUgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7XG4gICAgdGhpcy5Gb3JtR3JvdXAgPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHt9KVxuICAgIHRoaXMuRm9ybSA9IGRhdGEuZm9ybTtcblxuICAgIHZhciBjYXRzID0gdGhpcy5Gb3JtLmZvcm1DYXRlZ29yaWVzO1xuXG4gICAgaWYgKGNhdHMgIT0gbnVsbCkge1xuICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCBjYXRzLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgIHZhciByb3dzID0gY2F0c1tpXS5yb3dzO1xyXG5cclxuICAgICAgICBpZiAocm93cyAhPSBudWxsKSB7XHJcbiAgICAgICAgICBmb3IgKHZhciBqID0gMDsgaiA8IHJvd3MubGVuZ3RoOyBqKyspIHtcclxuICAgICAgICAgICAgdmFyIGlucHV0cyA9IHJvd3Nbal0uaW5wdXRzO1xyXG5cclxuICAgICAgICAgICAgaWYgKGlucHV0cyAhPSBudWxsKSB7XHJcbiAgICAgICAgICAgICAgZm9yICh2YXIgcCA9IDA7IHAgPCBpbnB1dHMubGVuZ3RoOyBwKyspIHtcclxuXHJcbiAgICAgICAgICAgICAgICB2YXIgVmFsaWRhdG9yc0FycmF5OiBWYWxpZGF0b3JGbltdID0gbmV3IEFycmF5KCk7XHJcblxyXG4gICAgICAgICAgICAgICAgaWYgKGlucHV0c1twXS5mb3JtSW5wdXRUeXBlID09IEZvcm1JbnB1dFR5cGUuRW1haWwpIHtcclxuICAgICAgICAgICAgICAgICAgVmFsaWRhdG9yc0FycmF5LnB1c2goVmFsaWRhdG9ycy5lbWFpbCk7XHJcbiAgICAgICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAgICAgaWYgKGlucHV0c1twXS5yZXF1aXJlZCkge1xyXG4gICAgICAgICAgICAgICAgICBWYWxpZGF0b3JzQXJyYXkucHVzaChWYWxpZGF0b3JzLnJlcXVpcmVkKTtcclxuICAgICAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICAgICBpZiAoaW5wdXRzW3BdLmZvcm1JbnB1dFR5cGUgPT0gRm9ybUlucHV0VHlwZS5Ecm9wZG93bikge1xyXG4gICAgICAgICAgICAgICAgICB0aGlzLkZvcm1Hcm91cC5hZGRDb250cm9sKGlucHV0c1twXS5uYW1lICsgXCJcIiwgdGhpcy5mb3JtQnVpbGRlci5jb250cm9sKGlucHV0c1twXS5zZWxlY3RlZE9wdGlvbj8uaWQsIFZhbGlkYXRvcnNBcnJheSkpO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgIHRoaXMuRm9ybUdyb3VwLmFkZENvbnRyb2woaW5wdXRzW3BdLm5hbWUgKyBcIlwiLCB0aGlzLmZvcm1CdWlsZGVyLmNvbnRyb2woaW5wdXRzW3BdLnZhbHVlLCBWYWxpZGF0b3JzQXJyYXkpKTtcclxuICAgICAgICAgICAgICAgIH1cclxuXHJcblxyXG5cclxuICAgICAgICAgICAgICAgIC8vdGhpcy5Gb3JtR3JvdXAuYWRkQ29udHJvbCgnY29udHJvbE5hbWUnLFxyXG4gICAgICAgICAgICAgICAgLy8gIHRoaXMuZm9ybUJ1aWxkZXIuY29udHJvbCh7IGRpc2FibGVkOiBmYWxzZSwgdmFsdWU6IGNvbnRyb2xWYWx1ZSB9LCB2YWxpZGF0b3JzLCBhc3luY1ZhbGlkYXRvcnMpKTtcclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwdWJsaWMgT25TdWJtaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5Gb3JtR3JvdXAudmFsaWQpIHtcclxuICAgICAgdmFyIHJlcXVlc3QgPSBuZXcgRmFicmlrYW50ZW5TZXRGb3JtUmVxdWVzdCgpO1xyXG5cclxuICAgICAgcmVxdWVzdC5zZXNzaW9uSWQgPSB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbC5zZXNzaW9uSWQ7XHJcbiAgICAgIHJlcXVlc3QuZm9ybUlkID0gdGhpcy5Gb3JtLmlkO1xyXG5cclxuICAgICAgdGhpcy5GYWJyaWthbnRlbkFwaUNsaWVudC5zZXRGb3JtKHJlcXVlc3QpLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuUmVsb2FkTW9kZWwodGhpcy5DaGFuZ2VEZXRlY3RvclJlZiwgdW5kZWZpbmVkLCAoKSA9PiB7XHJcbiAgICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICB9LCAoZXJyb3I6IFJlc3BvbnNlKSA9PiB7XHJcbiAgICAgICAgYWxlcnQoJ0FuIHVuZXhwZWN0ZWQgZXJyb3Igb2NjdXJlZCcpO1xyXG5cclxuICAgICAgICB0aGlzLkNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxuXG4gIHB1YmxpYyBDbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gIH1cbn1cbiIsIjxkaXYgc3R5bGU9XCJ3aWR0aDogNTAwcHg7XCI+XG4gIDxmb3JtIFtmb3JtR3JvdXBdPVwiRm9ybUdyb3VwXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY2F0IG9mIEZvcm0uZm9ybUNhdGVnb3JpZXNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNhdC1uYW1lXCI+XG4gICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Gb3JtcywgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5DYXRlZ29yeSwgY2F0LmlkKSB9fVxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCByb3cgb2YgY2F0LnJvd3NcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY2F0LWlucHV0cyBkaXNwbGF5ZmxleFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNhdC1pbnB1dFwiICpuZ0Zvcj1cImxldCBpbnB1dCBvZiByb3cuaW5wdXRzXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQuZm9ybUlucHV0VHlwZSA9PSAxIHx8IGlucHV0LmZvcm1JbnB1dFR5cGUgPT0gNlwiPlxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIiBjbGFzcz1cImZ1bGwtd2lkdGggZm9ybS1jYXQtaW5wdXQtaW5wdXRcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAge3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShUcmFuc2xhdGlvbkNhdGVnb3J5LkZvcm1zLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LklucHV0LCBpbnB1dC5pZCkgfX1cbiAgICAgICAgICAgICAgICA8L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cInRleHRcIiBmb3JtQ29udHJvbE5hbWU9XCJ7eyBpbnB1dC5uYW1lIH19XCI+XG4gICAgICAgICAgICAgICAgPG1hdC1lcnJvcj48L21hdC1lcnJvcj5cbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXQuZm9ybUlucHV0VHlwZSA9PSAyXCI+XG4gICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwiZmlsbFwiIGNsYXNzPVwiZnVsbC13aWR0aCBmb3JtLWNhdC1pbnB1dC1zZWxlY3RcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWxhYmVsIGNsYXNzPVwic2VsZWN0LW1hdC1sYWJlbCBmaWx0ZXItbmFtZVwiPlxuICAgICAgICAgICAgICAgICAge3sgaW5wdXQubmFtZSB9fVxuICAgICAgICAgICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgIDxtYXQtc2VsZWN0IGZvcm1Db250cm9sTmFtZT1cInt7IGlucHV0Lm5hbWUgfX1cIj5cbiAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBpbnB1dC5vcHRpb25zXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJvcHRpb24uaWRcIiBjbGFzcz1cInNlbGVjdC1tYXQtb3B0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuYW1lLXNwYW5cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IG9wdGlvbi5uYW1lIH19XG4gICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8L21hdC1zZWxlY3Q+XG4gICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0LmZvcm1JbnB1dFR5cGUgPT0gNVwiPlxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJmdWxsLXdpZHRoIGZvcm0tY2F0LWlucHV0LXRleHRhcmVhXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Gb3JtcywgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5JbnB1dCwgaW5wdXQuaWQpIH19XG4gICAgICAgICAgICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgPHRleHRhcmVhIG1hdElucHV0IGZvcm1Db250cm9sTmFtZT1cInt7IGlucHV0Lm5hbWUgfX1cIiBzdHlsZT1cImhlaWdodDogMTAwcHg7XCI+PC90ZXh0YXJlYT5cbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPGRpdiBjbGFzcz1cImZvcm0tYnV0dG9uLXJvd1wiPlxuICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwiQ2xvc2UoKVwiIGNsYXNzPVwiZm9ybS1jYXQtY2xvc2UgZm9ybS1idXR0b24tcm93LWJ1dHRvblwiPlxuICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuQ29tbW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LkNsb3NlKSB9fVxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJPblN1Ym1pdCgpXCIgY2xhc3M9XCJmb3JtLWNhdC1zdWJtaXQgZm9ybS1idXR0b24tcm93LWJ1dHRvblwiPlxuICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuQ29tbW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LlNlbmQpIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9mb3JtPlxuPC9kaXY+XG4iXX0=
+                }] }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWZvcm0tZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZm9ybS1kaWFsb2cvZmFiLWZvcm0tZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZm9ybS1kaWFsb2cvZmFiLWZvcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUF3QyxNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQXNDLHNCQUFzQixJQUFJLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7OztBQUloSSxNQUthLHNCQUFzQjtJQUl4QjtJQUN5QjtJQUN6QjtJQUNDO0lBTkgsSUFBSSxDQUEyQjtJQUV0QyxZQUNTLFNBQStDLEVBQ3RCLElBQVMsRUFDbEMsZ0JBQWtDLEVBQ2pDLGlCQUFvQztRQUhyQyxjQUFTLEdBQVQsU0FBUyxDQUFzQztRQUN0QixTQUFJLEdBQUosSUFBSSxDQUFLO1FBQ2xDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDakMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUU1QyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDeEIsQ0FBQztJQUVELDJCQUEyQjtJQUMzQiwyQkFBMkI7SUFDM0IsR0FBRztJQUVJLEtBQUs7UUFDVixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pCLENBQUM7dUdBbEJVLHNCQUFzQixvREFLdkIsZUFBZTsyRkFMZCxzQkFBc0IsMkRDVm5DLG1IQUdBOztTRE9hLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLHFCQUFxQjs7MEJBUzVCLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdExlZ2FjeURpYWxvZ1JlZiBhcyBNYXREaWFsb2dSZWYsIE1BVF9MRUdBQ1lfRElBTE9HX0RBVEEgYXMgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGVnYWN5LWRpYWxvZyc7XG5pbXBvcnQgeyBGYWJyaWthbnRlbkZvcm1WaWV3TW9kZWwgfSBmcm9tICcuLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1mYWItZm9ybS1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLWZvcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLWZvcm0tZGlhbG9nLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmFiRm9ybURpYWxvZ0NvbXBvbmVudCB7XG4gIHB1YmxpYyBGb3JtOiBGYWJyaWthbnRlbkZvcm1WaWV3TW9kZWw7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEZhYkZvcm1EaWFsb2dDb21wb25lbnQ+LFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogYW55LFxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmXG4gICkge1xuICAgIHRoaXMuRm9ybSA9IGRhdGEuZm9ybTtcbiAgfVxuXG4gIC8vcHVibGljIE9uU3VibWl0KCk6IHZvaWQge1xyXG4gIC8vICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gIC8vfVxuXG4gIHB1YmxpYyBDbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmb3JtLWNvbnRhaW5lclwiPlxuICA8YXBwLWZhYi1mb3JtIFtmb3JtXT1cIkZvcm1cIiAoY29tcGxldGVkKT1cIkNsb3NlKClcIj48L2FwcC1mYWItZm9ybT5cbjwvZGl2PlxuIl19