fabrikantencore 2.40.8 → 2.40.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10878,6 +10878,7 @@ class FabrikantenSettingsViewModel {
10878
10878
  rekenenParameters;
10879
10879
  filtersSelectDefault;
10880
10880
  stepperFoldable;
10881
+ enableDisclaimer;
10881
10882
  downloadForm;
10882
10883
  selectProductForm;
10883
10884
  downloadCategories;
@@ -10947,6 +10948,7 @@ class FabrikantenSettingsViewModel {
10947
10948
  this.rekenenParameters = _data["rekenenParameters"];
10948
10949
  this.filtersSelectDefault = _data["filtersSelectDefault"];
10949
10950
  this.stepperFoldable = _data["stepperFoldable"];
10951
+ this.enableDisclaimer = _data["enableDisclaimer"];
10950
10952
  this.downloadForm = _data["downloadForm"] ? FabrikantenFormViewModel.fromJS(_data["downloadForm"]) : undefined;
10951
10953
  this.selectProductForm = _data["selectProductForm"] ? FabrikantenFormViewModel.fromJS(_data["selectProductForm"]) : undefined;
10952
10954
  if (Array.isArray(_data["downloadCategories"])) {
@@ -11024,6 +11026,7 @@ class FabrikantenSettingsViewModel {
11024
11026
  data["rekenenParameters"] = this.rekenenParameters;
11025
11027
  data["filtersSelectDefault"] = this.filtersSelectDefault;
11026
11028
  data["stepperFoldable"] = this.stepperFoldable;
11029
+ data["enableDisclaimer"] = this.enableDisclaimer;
11027
11030
  data["downloadForm"] = this.downloadForm ? this.downloadForm.toJSON() : undefined;
11028
11031
  data["selectProductForm"] = this.selectProductForm ? this.selectProductForm.toJSON() : undefined;
11029
11032
  if (Array.isArray(this.downloadCategories)) {
@@ -11513,6 +11516,7 @@ var TranslationSubCategory;
11513
11516
  TranslationSubCategory[TranslationSubCategory["Skip"] = 104] = "Skip";
11514
11517
  TranslationSubCategory[TranslationSubCategory["AzureLoginText"] = 105] = "AzureLoginText";
11515
11518
  TranslationSubCategory[TranslationSubCategory["AzureLoginButton"] = 106] = "AzureLoginButton";
11519
+ TranslationSubCategory[TranslationSubCategory["DisclaimerButton"] = 107] = "DisclaimerButton";
11516
11520
  })(TranslationSubCategory || (TranslationSubCategory = {}));
11517
11521
  class FabrikantenBestekViewModel {
11518
11522
  checksum;
@@ -17058,6 +17062,7 @@ var TranslationCategory;
17058
17062
  TranslationCategory[TranslationCategory["Revit"] = 15] = "Revit";
17059
17063
  TranslationCategory[TranslationCategory["Email"] = 16] = "Email";
17060
17064
  TranslationCategory[TranslationCategory["File"] = 17] = "File";
17065
+ TranslationCategory[TranslationCategory["Disclaimer"] = 18] = "Disclaimer";
17061
17066
  })(TranslationCategory || (TranslationCategory = {}));
17062
17067
  class TranslateKeySubCategoryViewModel {
17063
17068
  translationSubCategory;
@@ -28921,6 +28926,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
28921
28926
  type: Input
28922
28927
  }] } });
28923
28928
 
28929
+ class FabDisclaimerDialog {
28930
+ dialogRef;
28931
+ TranslateService;
28932
+ constructor(dialogRef, TranslateService) {
28933
+ this.dialogRef = dialogRef;
28934
+ this.TranslateService = TranslateService;
28935
+ }
28936
+ GetText() {
28937
+ return this.TranslateService.GetActiveValue(TranslationCategory.Disclaimer, TranslationSubCategory.Description);
28938
+ }
28939
+ Close() {
28940
+ this.dialogRef.close();
28941
+ }
28942
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabDisclaimerDialog, deps: [{ token: i1$1.MatDialogRef }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
28943
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabDisclaimerDialog, isStandalone: false, selector: "app-fab-disclaimer-dialog", ngImport: i0, template: "<div class=\"main-box\">\r\n <div class=\"title-box\">\r\n Disclaimer\r\n </div>\r\n\r\n <div class=\"text-box\" [innerHTML]=\"GetText()\">\r\n </div>\r\n\r\n <div>\r\n <button mat-stroked-button (click)=\"Close()\">\r\n Sluiten\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".main-box{padding:20px;min-width:200px;max-width:600px}.text-box{padding:5px 5px 10px}.title-box{padding-bottom:5px;border-bottom:1px solid #aaa;font-size:16px}\n"], dependencies: [{ kind: "component", type: i7.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
28944
+ }
28945
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabDisclaimerDialog, decorators: [{
28946
+ type: Component,
28947
+ args: [{ selector: 'app-fab-disclaimer-dialog', standalone: false, template: "<div class=\"main-box\">\r\n <div class=\"title-box\">\r\n Disclaimer\r\n </div>\r\n\r\n <div class=\"text-box\" [innerHTML]=\"GetText()\">\r\n </div>\r\n\r\n <div>\r\n <button mat-stroked-button (click)=\"Close()\">\r\n Sluiten\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".main-box{padding:20px;min-width:200px;max-width:600px}.text-box{padding:5px 5px 10px}.title-box{padding-bottom:5px;border-bottom:1px solid #aaa;font-size:16px}\n"] }]
28948
+ }], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: TranslateService }] });
28949
+
28924
28950
  class FabBreadcrumbComponent {
28925
28951
  MobileService;
28926
28952
  FabrikantenService;
@@ -29074,6 +29100,7 @@ class FabHeaderComponent {
29074
29100
  MobileService;
29075
29101
  FabrikantenService;
29076
29102
  TranslateService;
29103
+ dialog;
29077
29104
  ChangeDetectorRef;
29078
29105
  showfiltermenubutton;
29079
29106
  get TranslationCategory() {
@@ -29082,10 +29109,11 @@ class FabHeaderComponent {
29082
29109
  get TranslationSubCategory() {
29083
29110
  return TranslationSubCategory;
29084
29111
  }
29085
- constructor(MobileService, FabrikantenService, TranslateService, ChangeDetectorRef) {
29112
+ constructor(MobileService, FabrikantenService, TranslateService, dialog, ChangeDetectorRef) {
29086
29113
  this.MobileService = MobileService;
29087
29114
  this.FabrikantenService = FabrikantenService;
29088
29115
  this.TranslateService = TranslateService;
29116
+ this.dialog = dialog;
29089
29117
  this.ChangeDetectorRef = ChangeDetectorRef;
29090
29118
  }
29091
29119
  ngOnInit() {
@@ -29139,6 +29167,9 @@ class FabHeaderComponent {
29139
29167
  ShowBeheerLink() {
29140
29168
  return this.FabrikantenService.FabrikantenSettingsViewModel?.activePipelineStep == "Development";
29141
29169
  }
29170
+ ShowDisclaimer() {
29171
+ return this.FabrikantenService.FabrikantenSettingsViewModel?.enableDisclaimer == true;
29172
+ }
29142
29173
  ShowCustomInfoParameters() {
29143
29174
  return this.FabrikantenService.FabrikantenSettingsViewModel?.activePipelineStep == "Development" ||
29144
29175
  this.FabrikantenService.FabrikantenSettingsViewModel?.activePipelineStep == "Test";
@@ -29146,13 +29177,16 @@ class FabHeaderComponent {
29146
29177
  OpenBeheer() {
29147
29178
  window.open("/beheer", "_blank");
29148
29179
  }
29149
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabHeaderComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
29150
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabHeaderComponent, isStandalone: false, selector: "app-fab-header", inputs: { showfiltermenubutton: "showfiltermenubutton" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<ng-container *ngIf=\"ShowBeheerLink()\">\r\n <div class=\"beheer-div\">\r\n <button mat-stroked-button (click)=\"OpenBeheer()\">\r\n Beheer\r\n </button>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"header-row\" *ngIf=\"ShowHeader()\">\r\n <div *ngIf=\"ShowBreadcrumb()\" class=\"header-row-breadcrumb\">\r\n <app-fab-breadcrumb [showfiltermenubutton]=\"showfiltermenubutton\"></app-fab-breadcrumb>\r\n </div>\r\n <div *ngIf=\"!ShowBreadcrumb()\" class=\"header-row-breadcrumb\">\r\n \r\n </div>\r\n <div *ngIf=\"ShowLanguageSelect()\">\r\n <app-fab-language-select></app-fab-language-select>\r\n </div>\r\n <div *ngIf=\"ShowAzureComponent()\">\r\n <app-fab-header-azure></app-fab-header-azure>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"ShowDisplayValues()\">\r\n <div class=\"display-values-box\">\r\n <ng-container *ngFor=\"let displayvalue of FabrikantenService.GetDynamicDisplayValues()\">\r\n <div class=\"display-value-item\" *ngIf=\"!displayvalue.hidden\">\r\n <span class=\"display-value-name\">{{ TranslateService.GetActiveValue(TranslationCategory.DisplayValue, TranslationSubCategory.Name, displayvalue.id) }}</span>: {{ displayvalue.value }}\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.customInfoParameters != undefined && ShowCustomInfoParameters()\">\r\n <ng-container *ngFor=\"let customparameter of FabrikantenService.FabrikantenViewModel.customInfoParameters\">\r\n <div class=\"display-value-item\">\r\n {{ customparameter.name }}: <span [innerHTML]=\"customparameter.value\"></span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n\r\n", styles: [".header-row{display:flex}.header-row-breadcrumb{flex:auto}.beheer-div{position:fixed;bottom:2px;right:2px;z-index:10000}app-fab-language-select{margin:auto 5px auto auto}app-fab-breadcrumb{width:100%}.display-values-box{display:flex}.display-value-name{text-transform:capitalize}.display-value-item{padding:4px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: ["showfiltermenubutton"] }, { kind: "component", type: FabHeaderAzureComponent, selector: "app-fab-header-azure" }, { kind: "component", type: FabLanguageSelectComponent, selector: "app-fab-language-select" }] });
29180
+ OpenDisclaimer() {
29181
+ var dialogRef = this.dialog.open(FabDisclaimerDialog);
29182
+ }
29183
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabHeaderComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: i1$1.MatDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
29184
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: FabHeaderComponent, isStandalone: false, selector: "app-fab-header", inputs: { showfiltermenubutton: "showfiltermenubutton" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<ng-container *ngIf=\"ShowBeheerLink()\">\r\n <div class=\"beheer-div\">\r\n <button mat-stroked-button (click)=\"OpenBeheer()\">\r\n Beheer\r\n </button>\r\n </div>\r\n</ng-container>\r\n\r\n@if(ShowDisclaimer()) {\r\n<div class=\"disclaimer-div\">\r\n <button mat-stroked-button (click)=\"OpenDisclaimer()\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.DisclaimerButton) }}\r\n </button>\r\n</div>\r\n}\r\n\r\n<div class=\"header-row\" *ngIf=\"ShowHeader()\">\r\n <div *ngIf=\"ShowBreadcrumb()\" class=\"header-row-breadcrumb\">\r\n <app-fab-breadcrumb [showfiltermenubutton]=\"showfiltermenubutton\"></app-fab-breadcrumb>\r\n </div>\r\n <div *ngIf=\"!ShowBreadcrumb()\" class=\"header-row-breadcrumb\">\r\n\r\n </div>\r\n <div *ngIf=\"ShowLanguageSelect()\">\r\n <app-fab-language-select></app-fab-language-select>\r\n </div>\r\n <div *ngIf=\"ShowAzureComponent()\">\r\n <app-fab-header-azure></app-fab-header-azure>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"ShowDisplayValues()\">\r\n <div class=\"display-values-box\">\r\n <ng-container *ngFor=\"let displayvalue of FabrikantenService.GetDynamicDisplayValues()\">\r\n <div class=\"display-value-item\" *ngIf=\"!displayvalue.hidden\">\r\n <span class=\"display-value-name\">{{ TranslateService.GetActiveValue(TranslationCategory.DisplayValue, TranslationSubCategory.Name, displayvalue.id) }}</span>: {{ displayvalue.value }}\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.customInfoParameters != undefined && ShowCustomInfoParameters()\">\r\n <ng-container *ngFor=\"let customparameter of FabrikantenService.FabrikantenViewModel.customInfoParameters\">\r\n <div class=\"display-value-item\">\r\n {{ customparameter.name }}: <span [innerHTML]=\"customparameter.value\"></span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n\r\n", styles: [".header-row{display:flex}.header-row-breadcrumb{flex:auto}.beheer-div{position:fixed;bottom:2px;right:2px;z-index:10000}.disclaimer-div{position:fixed;top:2px;right:2px;z-index:10000}app-fab-language-select{margin:auto 5px auto auto}app-fab-breadcrumb{width:100%}.display-values-box{display:flex}.display-value-name{text-transform:capitalize}.display-value-item{padding:4px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: FabBreadcrumbComponent, selector: "app-fab-breadcrumb", inputs: ["showfiltermenubutton"] }, { kind: "component", type: FabHeaderAzureComponent, selector: "app-fab-header-azure" }, { kind: "component", type: FabLanguageSelectComponent, selector: "app-fab-language-select" }] });
29151
29185
  }
29152
29186
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabHeaderComponent, decorators: [{
29153
29187
  type: Component,
29154
- args: [{ selector: 'app-fab-header', standalone: false, template: "<ng-container *ngIf=\"ShowBeheerLink()\">\r\n <div class=\"beheer-div\">\r\n <button mat-stroked-button (click)=\"OpenBeheer()\">\r\n Beheer\r\n </button>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"header-row\" *ngIf=\"ShowHeader()\">\r\n <div *ngIf=\"ShowBreadcrumb()\" class=\"header-row-breadcrumb\">\r\n <app-fab-breadcrumb [showfiltermenubutton]=\"showfiltermenubutton\"></app-fab-breadcrumb>\r\n </div>\r\n <div *ngIf=\"!ShowBreadcrumb()\" class=\"header-row-breadcrumb\">\r\n \r\n </div>\r\n <div *ngIf=\"ShowLanguageSelect()\">\r\n <app-fab-language-select></app-fab-language-select>\r\n </div>\r\n <div *ngIf=\"ShowAzureComponent()\">\r\n <app-fab-header-azure></app-fab-header-azure>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"ShowDisplayValues()\">\r\n <div class=\"display-values-box\">\r\n <ng-container *ngFor=\"let displayvalue of FabrikantenService.GetDynamicDisplayValues()\">\r\n <div class=\"display-value-item\" *ngIf=\"!displayvalue.hidden\">\r\n <span class=\"display-value-name\">{{ TranslateService.GetActiveValue(TranslationCategory.DisplayValue, TranslationSubCategory.Name, displayvalue.id) }}</span>: {{ displayvalue.value }}\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.customInfoParameters != undefined && ShowCustomInfoParameters()\">\r\n <ng-container *ngFor=\"let customparameter of FabrikantenService.FabrikantenViewModel.customInfoParameters\">\r\n <div class=\"display-value-item\">\r\n {{ customparameter.name }}: <span [innerHTML]=\"customparameter.value\"></span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n\r\n", styles: [".header-row{display:flex}.header-row-breadcrumb{flex:auto}.beheer-div{position:fixed;bottom:2px;right:2px;z-index:10000}app-fab-language-select{margin:auto 5px auto auto}app-fab-breadcrumb{width:100%}.display-values-box{display:flex}.display-value-name{text-transform:capitalize}.display-value-item{padding:4px}\n"] }]
29155
- }], ctorParameters: () => [{ type: MobileService }, { type: FabrikantenService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { showfiltermenubutton: [{
29188
+ args: [{ selector: 'app-fab-header', standalone: false, template: "<ng-container *ngIf=\"ShowBeheerLink()\">\r\n <div class=\"beheer-div\">\r\n <button mat-stroked-button (click)=\"OpenBeheer()\">\r\n Beheer\r\n </button>\r\n </div>\r\n</ng-container>\r\n\r\n@if(ShowDisclaimer()) {\r\n<div class=\"disclaimer-div\">\r\n <button mat-stroked-button (click)=\"OpenDisclaimer()\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.DisclaimerButton) }}\r\n </button>\r\n</div>\r\n}\r\n\r\n<div class=\"header-row\" *ngIf=\"ShowHeader()\">\r\n <div *ngIf=\"ShowBreadcrumb()\" class=\"header-row-breadcrumb\">\r\n <app-fab-breadcrumb [showfiltermenubutton]=\"showfiltermenubutton\"></app-fab-breadcrumb>\r\n </div>\r\n <div *ngIf=\"!ShowBreadcrumb()\" class=\"header-row-breadcrumb\">\r\n\r\n </div>\r\n <div *ngIf=\"ShowLanguageSelect()\">\r\n <app-fab-language-select></app-fab-language-select>\r\n </div>\r\n <div *ngIf=\"ShowAzureComponent()\">\r\n <app-fab-header-azure></app-fab-header-azure>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"ShowDisplayValues()\">\r\n <div class=\"display-values-box\">\r\n <ng-container *ngFor=\"let displayvalue of FabrikantenService.GetDynamicDisplayValues()\">\r\n <div class=\"display-value-item\" *ngIf=\"!displayvalue.hidden\">\r\n <span class=\"display-value-name\">{{ TranslateService.GetActiveValue(TranslationCategory.DisplayValue, TranslationSubCategory.Name, displayvalue.id) }}</span>: {{ displayvalue.value }}\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.customInfoParameters != undefined && ShowCustomInfoParameters()\">\r\n <ng-container *ngFor=\"let customparameter of FabrikantenService.FabrikantenViewModel.customInfoParameters\">\r\n <div class=\"display-value-item\">\r\n {{ customparameter.name }}: <span [innerHTML]=\"customparameter.value\"></span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n\r\n", styles: [".header-row{display:flex}.header-row-breadcrumb{flex:auto}.beheer-div{position:fixed;bottom:2px;right:2px;z-index:10000}.disclaimer-div{position:fixed;top:2px;right:2px;z-index:10000}app-fab-language-select{margin:auto 5px auto auto}app-fab-breadcrumb{width:100%}.display-values-box{display:flex}.display-value-name{text-transform:capitalize}.display-value-item{padding:4px}\n"] }]
29189
+ }], ctorParameters: () => [{ type: MobileService }, { type: FabrikantenService }, { type: TranslateService }, { type: i1$1.MatDialog }, { type: i0.ChangeDetectorRef }], propDecorators: { showfiltermenubutton: [{
29156
29190
  type: Input
29157
29191
  }], onResize: [{
29158
29192
  type: HostListener,
@@ -29225,6 +29259,12 @@ class FabProductBestekComponent {
29225
29259
  BestekService;
29226
29260
  ChangeDetectorRef;
29227
29261
  fabProductBestek;
29262
+ get TranslationCategory() {
29263
+ return TranslationCategory;
29264
+ }
29265
+ get TranslationSubCategory() {
29266
+ return TranslationSubCategory;
29267
+ }
29228
29268
  constructor(MobileService, FabrikantenService, TranslateService, BestekService, ChangeDetectorRef) {
29229
29269
  this.MobileService = MobileService;
29230
29270
  this.FabrikantenService = FabrikantenService;
@@ -29265,11 +29305,11 @@ class FabProductBestekComponent {
29265
29305
  return false;
29266
29306
  }
29267
29307
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabProductBestekComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: BestekService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
29268
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabProductBestekComponent, isStandalone: false, selector: "app-fab-product-bestek", viewQueries: [{ propertyName: "fabProductBestek", first: true, predicate: ["fabProductBestek"], descendants: true }], ngImport: i0, template: "<div class=\"main-window\" [ngClass]=\"{'tinybutton': this.MobileService.MobileInterfaceTiny}\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\r\n <div *ngIf=\"ShowBestek()\">\r\n <div *ngIf=\"!BestekService.Loading\">\r\n\r\n <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\r\n </div>\r\n\r\n <div class=\"bestek-settings\" *ngIf=\"ShowSideActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'Bestek'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bestek-settings-side\" *ngIf=\"ShowBelowActionMenu()\">\r\n <app-fab-actionmenu [display]=\"'Bestek'\"></app-fab-actionmenu>\r\n </div>\r\n</div>\r\n", styles: ["app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .tinybutton{font-size:9px}app-fab-product-bestek .row-title{text-transform:capitalize;flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }], encapsulation: i0.ViewEncapsulation.None });
29308
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabProductBestekComponent, isStandalone: false, selector: "app-fab-product-bestek", viewQueries: [{ propertyName: "fabProductBestek", first: true, predicate: ["fabProductBestek"], descendants: true }], ngImport: i0, template: "<div class=\"main-window\" [ngClass]=\"{'tinybutton': this.MobileService.MobileInterfaceTiny}\">\r\n\r\n <ng-container *ngIf=\"FabrikantenService.ShowRequired()\">\r\n <div class=\"required-div\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NotAllRequiredFilled) }}</div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!FabrikantenService.ShowRequired()\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\r\n <div *ngIf=\"ShowBestek()\">\r\n <div *ngIf=\"!BestekService.Loading\">\r\n\r\n <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\r\n </div>\r\n\r\n <div class=\"bestek-settings\" *ngIf=\"ShowSideActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'Bestek'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bestek-settings-side\" *ngIf=\"ShowBelowActionMenu()\">\r\n <app-fab-actionmenu [display]=\"'Bestek'\"></app-fab-actionmenu>\r\n </div>\r\n\r\n </ng-container>\r\n</div>\r\n", styles: ["app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .tinybutton{font-size:9px}app-fab-product-bestek .row-title{text-transform:capitalize;flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }], encapsulation: i0.ViewEncapsulation.None });
29269
29309
  }
29270
29310
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabProductBestekComponent, decorators: [{
29271
29311
  type: Component,
29272
- args: [{ selector: 'app-fab-product-bestek', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"main-window\" [ngClass]=\"{'tinybutton': this.MobileService.MobileInterfaceTiny}\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\r\n <div *ngIf=\"ShowBestek()\">\r\n <div *ngIf=\"!BestekService.Loading\">\r\n\r\n <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\r\n </div>\r\n\r\n <div class=\"bestek-settings\" *ngIf=\"ShowSideActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'Bestek'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bestek-settings-side\" *ngIf=\"ShowBelowActionMenu()\">\r\n <app-fab-actionmenu [display]=\"'Bestek'\"></app-fab-actionmenu>\r\n </div>\r\n</div>\r\n", styles: ["app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .tinybutton{font-size:9px}app-fab-product-bestek .row-title{text-transform:capitalize;flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"] }]
29312
+ args: [{ selector: 'app-fab-product-bestek', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"main-window\" [ngClass]=\"{'tinybutton': this.MobileService.MobileInterfaceTiny}\">\r\n\r\n <ng-container *ngIf=\"FabrikantenService.ShowRequired()\">\r\n <div class=\"required-div\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NotAllRequiredFilled) }}</div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!FabrikantenService.ShowRequired()\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\r\n <div *ngIf=\"ShowBestek()\">\r\n <div *ngIf=\"!BestekService.Loading\">\r\n\r\n <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\r\n </div>\r\n\r\n <div class=\"bestek-settings\" *ngIf=\"ShowSideActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'Bestek'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bestek-settings-side\" *ngIf=\"ShowBelowActionMenu()\">\r\n <app-fab-actionmenu [display]=\"'Bestek'\"></app-fab-actionmenu>\r\n </div>\r\n\r\n </ng-container>\r\n</div>\r\n", styles: ["app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .tinybutton{font-size:9px}app-fab-product-bestek .row-title{text-transform:capitalize;flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"] }]
29273
29313
  }], ctorParameters: () => [{ type: MobileService }, { type: FabrikantenService }, { type: TranslateService }, { type: BestekService }, { type: i0.ChangeDetectorRef }], propDecorators: { fabProductBestek: [{
29274
29314
  type: ViewChild,
29275
29315
  args: ['fabProductBestek']
@@ -29417,6 +29457,12 @@ class FabSvgViewerComponent {
29417
29457
  //@Input() set view(value: string) {
29418
29458
  // this.ForceView = value;
29419
29459
  //}
29460
+ get TranslationCategory() {
29461
+ return TranslationCategory;
29462
+ }
29463
+ get TranslationSubCategory() {
29464
+ return TranslationSubCategory;
29465
+ }
29420
29466
  constructor(FabrikantenService, SVGService, TranslateService, sanitization, MobileService, ChangeDetectorRef) {
29421
29467
  this.FabrikantenService = FabrikantenService;
29422
29468
  this.SVGService = SVGService;
@@ -29457,11 +29503,11 @@ class FabSvgViewerComponent {
29457
29503
  }
29458
29504
  }
29459
29505
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabSvgViewerComponent, deps: [{ token: FabrikantenService }, { token: SVGService }, { token: TranslateService }, { token: i2.DomSanitizer }, { token: MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
29460
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabSvgViewerComponent, isStandalone: false, selector: "app-fab-svg-viewer", viewQueries: [{ propertyName: "svgcontainer", first: true, predicate: ["svgcontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\r\n <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n \r\n <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\r\n <div #svgcontainer class=\"svg-container\">\r\n <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"this.SVGService.SafeURL\"></object>\r\n </div>\r\n\r\n <div class=\"svg-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'2D'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
29506
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabSvgViewerComponent, isStandalone: false, selector: "app-fab-svg-viewer", viewQueries: [{ propertyName: "svgcontainer", first: true, predicate: ["svgcontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\r\n <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n <ng-container *ngIf=\"FabrikantenService.ShowRequired()\">\r\n <div class=\"required-div\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NotAllRequiredFilled) }}</div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!FabrikantenService.ShowRequired()\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n\r\n <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\r\n <div #svgcontainer class=\"svg-container\">\r\n <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"this.SVGService.SafeURL\"></object>\r\n </div>\r\n\r\n <div class=\"svg-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'2D'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
29461
29507
  }
29462
29508
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabSvgViewerComponent, decorators: [{
29463
29509
  type: Component,
29464
- args: [{ selector: 'app-fab-svg-viewer', standalone: false, template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\r\n <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n \r\n <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\r\n <div #svgcontainer class=\"svg-container\">\r\n <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"this.SVGService.SafeURL\"></object>\r\n </div>\r\n\r\n <div class=\"svg-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'2D'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
29510
+ args: [{ selector: 'app-fab-svg-viewer', standalone: false, template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\r\n <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n <ng-container *ngIf=\"FabrikantenService.ShowRequired()\">\r\n <div class=\"required-div\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NotAllRequiredFilled) }}</div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!FabrikantenService.ShowRequired()\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n\r\n <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\r\n <div #svgcontainer class=\"svg-container\">\r\n <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"this.SVGService.SafeURL\"></object>\r\n </div>\r\n\r\n <div class=\"svg-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'2D'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
29465
29511
  }], ctorParameters: () => [{ type: FabrikantenService }, { type: SVGService }, { type: TranslateService }, { type: i2.DomSanitizer }, { type: MobileService }, { type: i0.ChangeDetectorRef }], propDecorators: { svgcontainer: [{
29466
29512
  type: ViewChild,
29467
29513
  args: ['svgcontainer']
@@ -29734,11 +29780,11 @@ class FabWebglViewerComponent {
29734
29780
  }
29735
29781
  }
29736
29782
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabWebglViewerComponent, deps: [{ token: FabrikantenService }, { token: WebGLService }, { token: TranslateService }, { token: MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
29737
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabWebglViewerComponent, isStandalone: false, selector: "app-fab-webgl-viewer", viewQueries: [{ propertyName: "viewercontainer", first: true, predicate: ["viewercontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\r\n <app-fab-loader [text]=\"TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductLoading)\"></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"webgl-viewer-main-window\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n <div #viewercontainer class=\"viewer-container\">\r\n <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n </div>\r\n\r\n <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n", styles: [".webgl-viewer-main-window{height:calc(100vH - 124px)}.main-window{height:100%}.row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
29783
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabWebglViewerComponent, isStandalone: false, selector: "app-fab-webgl-viewer", viewQueries: [{ propertyName: "viewercontainer", first: true, predicate: ["viewercontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\r\n <app-fab-loader [text]=\"TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductLoading)\"></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"webgl-viewer-main-window\">\r\n <ng-container *ngIf=\"FabrikantenService.ShowRequired()\">\r\n <div class=\"required-div\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NotAllRequiredFilled) }}</div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!FabrikantenService.ShowRequired()\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n <div #viewercontainer class=\"viewer-container\">\r\n <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n </div>\r\n\r\n <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n\r\n", styles: [".webgl-viewer-main-window{height:calc(100vH - 124px)}.main-window{height:100%}.row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
29738
29784
  }
29739
29785
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabWebglViewerComponent, decorators: [{
29740
29786
  type: Component,
29741
- args: [{ selector: 'app-fab-webgl-viewer', standalone: false, template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\r\n <app-fab-loader [text]=\"TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductLoading)\"></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"webgl-viewer-main-window\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n <div #viewercontainer class=\"viewer-container\">\r\n <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n </div>\r\n\r\n <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n", styles: [".webgl-viewer-main-window{height:calc(100vH - 124px)}.main-window{height:100%}.row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
29787
+ args: [{ selector: 'app-fab-webgl-viewer', standalone: false, template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\r\n <app-fab-loader [text]=\"TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductLoading)\"></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"webgl-viewer-main-window\">\r\n <ng-container *ngIf=\"FabrikantenService.ShowRequired()\">\r\n <div class=\"required-div\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NotAllRequiredFilled) }}</div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!FabrikantenService.ShowRequired()\">\r\n <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n </div>\r\n <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n <div #viewercontainer class=\"viewer-container\">\r\n <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n </div>\r\n\r\n <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n <mat-card>\r\n <mat-card-content>\r\n <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n\r\n", styles: [".webgl-viewer-main-window{height:calc(100vH - 124px)}.main-window{height:100%}.row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
29742
29788
  }], ctorParameters: () => [{ type: FabrikantenService }, { type: WebGLService }, { type: TranslateService }, { type: MobileService }, { type: i0.ChangeDetectorRef }], propDecorators: { viewercontainer: [{
29743
29789
  type: ViewChild,
29744
29790
  args: ['viewercontainer']
@@ -29882,11 +29928,11 @@ class FabProductComponent {
29882
29928
  return this.MobileService.NavMode;
29883
29929
  }
29884
29930
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabProductComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: BestekService }, { token: TranslateService }, { token: WebGLService }, { token: i3.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
29885
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabProductComponent, isStandalone: false, selector: "app-fab-product", viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"FabrikantenService.IsLoadingSmall()\" [ngClass]=\"HasParameter() ? GetParameterClass() : ''\" class=\"loader\">\r\n <mat-card class=\"loader-card\">\r\n <mat-card-content>\r\n <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n </mat-card-content>\r\n <mat-card-subtitle class=\"loader-subtitle\" *ngIf=\"!FabrikantenService.IsStartingDownload()\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n </mat-card-subtitle>\r\n </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" [ngClass]=\"HasParameter() ? GetParameterClass() : ''\" *ngIf=\"FabrikantenService.Loaded\">\r\n <mat-drawer #drawer [mode]=\"GetNavMode()\" [(opened)]=\"MobileService.NavOpened\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <div class=\"filter-view\">\r\n <fab-filters-input></fab-filters-input>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer mode=\"over\" position=\"end\" [(opened)]=\"MobileService.ActionOpened\">\r\n <div class=\"actionwrapper\">\r\n <app-fab-actionmenu [display]=\"FabrikantenService.SelectedTab\"></app-fab-actionmenu>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer-content class=\"view-content\">\r\n <div #header *ngIf=\"ShowBreadcrumb()\">\r\n <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n\r\n <ng-container *ngIf=\"ShowInformationBlock()\">\r\n <app-fab-product-info></app-fab-product-info>\r\n </ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"FabrikantenService.ShowRequired()\">\r\n <div class=\"required-div\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NotAllRequiredFilled) }}</div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"FabrikantenService.ShowNoParameters() && !FabrikantenService.IsLoading()\">\r\n <div class=\"no-parameters-div\">\r\n No product request send to BCB due to invalid or missing parameters\r\n </div>\r\n <div class=\"required-div\">\r\n <ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.customInfoParameters != undefined\">\r\n <ng-container *ngFor=\"let customparameter of FabrikantenService.FabrikantenViewModel.customInfoParameters\">\r\n <div class=\"display-value-item\">\r\n {{ customparameter.name }}: {{ customparameter.value }}\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!FabrikantenService.ShowRequired() && !FabrikantenService.ShowNoParameters()\">\r\n <div [style.height]=\"Height\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <mat-tab-group class=\"view-container\" [selectedIndex]=\"FabrikantenService.SelectedTabIndex\" (selectedTabChange)=\"SelectedTabChange($event)\">\r\n <mat-tab label=\"Informatie\" *ngIf=\"ShowInformation()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.TabInformation) }}</span>\r\n </ng-template>\r\n <app-fab-product-info></app-fab-product-info>\r\n </mat-tab>\r\n <mat-tab label=\"3D\" *ngIf=\"Show3D()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Tab3D) }}</span>\r\n </ng-template>\r\n <app-fab-webgl-viewer></app-fab-webgl-viewer>\r\n </mat-tab>\r\n <mat-tab label=\"2D\" *ngIf=\"Show2D()\" style=\"height: 100%;\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Tab2D) }}</span>\r\n </ng-template>\r\n <app-fab-svg-viewer></app-fab-svg-viewer>\r\n </mat-tab>\r\n <mat-tab label=\"Bestek\" *ngIf=\"ShowSpecification()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.TabSpecification) }}</span>\r\n </ng-template>\r\n <app-fab-product-bestek *ngIf=\"TranslateService.ShowSpecification()\"></app-fab-product-bestek>\r\n <app-fab-product-auto-specification *ngIf=\"TranslateService.ShowAutoSpecification()\"></app-fab-product-auto-specification>\r\n <app-fab-product-lastenboek *ngIf=\"TranslateService.ShowLastenboek()\"></app-fab-product-lastenboek>\r\n </mat-tab>\r\n <mat-tab label=\"Texture\" *ngIf=\"FabrikantenService.ShowTexture()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Texture) }}</span>\r\n </ng-template>\r\n <app-fab-texture></app-fab-texture>\r\n </mat-tab>\r\n <mat-tab label=\"Toebehoren\" *ngIf=\"FabrikantenService.ShowToebehoren()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Toebehoren) }}</span>\r\n </ng-template>\r\n <app-fab-toebehoren></app-fab-toebehoren>\r\n </mat-tab>\r\n </mat-tab-group>\r\n </div>\r\n </ng-container>\r\n </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product .tabs{height:100%}app-fab-product .no-parameters-div{padding:5px}app-fab-product .required-div{padding:40px}app-fab-product .row{display:flex}app-fab-product .loader-card{margin:auto;width:300px}app-fab-product .loader-subtitle{text-align:center;padding-top:20px;padding-bottom:10px}app-fab-product .actionwrapper{width:250px;padding:20px}app-fab-product .loader-spinner{margin:auto}app-fab-product .view-container{height:100%}app-fab-product .view-content{background-color:#fff}app-fab-product .loader{position:fixed;display:flex;width:100%;height:100%;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product .filter-view{height:100%;width:300px;min-width:300px;background-color:#fafafa}app-fab-product .product-view{flex:auto}app-fab-product .mat-drawer-inner-container{overflow-y:scroll}.mat-tab-body-wrapper{height:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6$2.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i9$3.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i9$3.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i9$3.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "directive", type: i10$1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i10$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i10$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabFiltersInputComponent, selector: "fab-filters-input", inputs: ["displayExtra"] }, { kind: "component", type: FabHeaderComponent, selector: "app-fab-header", inputs: ["showfiltermenubutton"] }, { kind: "component", type: FabProductAutoSpecificationComponent, selector: "app-fab-product-auto-specification" }, { kind: "component", type: FabProductBestekComponent, selector: "app-fab-product-bestek" }, { kind: "component", type: FabProductInfoComponent, selector: "app-fab-product-info" }, { kind: "component", type: FabProductLastenboekComponent, selector: "app-fab-product-lastenboek" }, { kind: "component", type: FabSvgViewerComponent, selector: "app-fab-svg-viewer" }, { kind: "component", type: FabTextureComponent, selector: "app-fab-texture" }, { kind: "component", type: FabToebehorenComponent, selector: "app-fab-toebehoren" }, { kind: "component", type: FabWebglViewerComponent, selector: "app-fab-webgl-viewer" }], encapsulation: i0.ViewEncapsulation.None });
29931
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabProductComponent, isStandalone: false, selector: "app-fab-product", viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"FabrikantenService.IsLoadingSmall()\" [ngClass]=\"HasParameter() ? GetParameterClass() : ''\" class=\"loader\">\r\n <mat-card class=\"loader-card\">\r\n <mat-card-content>\r\n <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n </mat-card-content>\r\n <mat-card-subtitle class=\"loader-subtitle\" *ngIf=\"!FabrikantenService.IsStartingDownload()\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n </mat-card-subtitle>\r\n </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" autosize [ngClass]=\"HasParameter() ? GetParameterClass() : ''\" *ngIf=\"FabrikantenService.Loaded\">\r\n <mat-drawer #drawer [mode]=\"GetNavMode()\" [(opened)]=\"MobileService.NavOpened\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <div class=\"filter-view\">\r\n <fab-filters-input></fab-filters-input>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer mode=\"over\" position=\"end\" [(opened)]=\"MobileService.ActionOpened\">\r\n <div class=\"actionwrapper\">\r\n <app-fab-actionmenu [display]=\"FabrikantenService.SelectedTab\"></app-fab-actionmenu>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer-content class=\"view-content\">\r\n <div #header *ngIf=\"ShowBreadcrumb()\">\r\n <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n\r\n <ng-container *ngIf=\"ShowInformationBlock()\">\r\n <app-fab-product-info></app-fab-product-info>\r\n </ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"FabrikantenService.ShowNoParameters() && !FabrikantenService.IsLoading()\">\r\n <div class=\"no-parameters-div\">\r\n No product request send to BCB due to invalid or missing parameters\r\n </div>\r\n <div class=\"required-div\">\r\n <ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.customInfoParameters != undefined\">\r\n <ng-container *ngFor=\"let customparameter of FabrikantenService.FabrikantenViewModel.customInfoParameters\">\r\n <div class=\"display-value-item\">\r\n {{ customparameter.name }}: {{ customparameter.value }}\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!FabrikantenService.ShowNoParameters()\">\r\n <div [style.height]=\"Height\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <mat-tab-group class=\"view-container\" [selectedIndex]=\"FabrikantenService.SelectedTabIndex\" (selectedTabChange)=\"SelectedTabChange($event)\">\r\n <mat-tab label=\"Informatie\" *ngIf=\"ShowInformation()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.TabInformation) }}</span>\r\n </ng-template>\r\n <app-fab-product-info></app-fab-product-info>\r\n </mat-tab>\r\n <mat-tab label=\"3D\" *ngIf=\"Show3D()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Tab3D) }}</span>\r\n </ng-template>\r\n <app-fab-webgl-viewer></app-fab-webgl-viewer>\r\n </mat-tab>\r\n <mat-tab label=\"2D\" *ngIf=\"Show2D()\" style=\"height: 100%;\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Tab2D) }}</span>\r\n </ng-template>\r\n <app-fab-svg-viewer></app-fab-svg-viewer>\r\n </mat-tab>\r\n <mat-tab label=\"Bestek\" *ngIf=\"ShowSpecification()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.TabSpecification) }}</span>\r\n </ng-template>\r\n <app-fab-product-bestek *ngIf=\"TranslateService.ShowSpecification()\"></app-fab-product-bestek>\r\n <app-fab-product-auto-specification *ngIf=\"TranslateService.ShowAutoSpecification()\"></app-fab-product-auto-specification>\r\n <app-fab-product-lastenboek *ngIf=\"TranslateService.ShowLastenboek()\"></app-fab-product-lastenboek>\r\n </mat-tab>\r\n <mat-tab label=\"Texture\" *ngIf=\"FabrikantenService.ShowTexture()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Texture) }}</span>\r\n </ng-template>\r\n <app-fab-texture></app-fab-texture>\r\n </mat-tab>\r\n <mat-tab label=\"Toebehoren\" *ngIf=\"FabrikantenService.ShowToebehoren()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Toebehoren) }}</span>\r\n </ng-template>\r\n <app-fab-toebehoren></app-fab-toebehoren>\r\n </mat-tab>\r\n </mat-tab-group>\r\n </div>\r\n </ng-container>\r\n </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product .tabs{height:100%}app-fab-product .no-parameters-div{padding:5px}app-fab-product .required-div{padding:40px}app-fab-product .row{display:flex}app-fab-product .loader-card{margin:auto;width:300px}app-fab-product .loader-subtitle{text-align:center;padding-top:20px;padding-bottom:10px}app-fab-product .actionwrapper{width:250px;padding:20px}app-fab-product .loader-spinner{margin:auto}app-fab-product .view-container{height:100%}app-fab-product .view-content{background-color:#fff}app-fab-product .loader{position:fixed;display:flex;width:100%;height:100%;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product .filter-view{height:100%;width:300px;min-width:300px;background-color:#fafafa}app-fab-product .product-view{flex:auto}app-fab-product .mat-drawer-inner-container{overflow-y:scroll}.mat-tab-body-wrapper{height:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6$2.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i9$3.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i9$3.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i9$3.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "directive", type: i10$1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i10$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i10$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: FabFiltersInputComponent, selector: "fab-filters-input", inputs: ["displayExtra"] }, { kind: "component", type: FabHeaderComponent, selector: "app-fab-header", inputs: ["showfiltermenubutton"] }, { kind: "component", type: FabProductAutoSpecificationComponent, selector: "app-fab-product-auto-specification" }, { kind: "component", type: FabProductBestekComponent, selector: "app-fab-product-bestek" }, { kind: "component", type: FabProductInfoComponent, selector: "app-fab-product-info" }, { kind: "component", type: FabProductLastenboekComponent, selector: "app-fab-product-lastenboek" }, { kind: "component", type: FabSvgViewerComponent, selector: "app-fab-svg-viewer" }, { kind: "component", type: FabTextureComponent, selector: "app-fab-texture" }, { kind: "component", type: FabToebehorenComponent, selector: "app-fab-toebehoren" }, { kind: "component", type: FabWebglViewerComponent, selector: "app-fab-webgl-viewer" }], encapsulation: i0.ViewEncapsulation.None });
29886
29932
  }
29887
29933
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabProductComponent, decorators: [{
29888
29934
  type: Component,
29889
- args: [{ selector: 'app-fab-product', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"FabrikantenService.IsLoadingSmall()\" [ngClass]=\"HasParameter() ? GetParameterClass() : ''\" class=\"loader\">\r\n <mat-card class=\"loader-card\">\r\n <mat-card-content>\r\n <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n </mat-card-content>\r\n <mat-card-subtitle class=\"loader-subtitle\" *ngIf=\"!FabrikantenService.IsStartingDownload()\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n </mat-card-subtitle>\r\n </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" [ngClass]=\"HasParameter() ? GetParameterClass() : ''\" *ngIf=\"FabrikantenService.Loaded\">\r\n <mat-drawer #drawer [mode]=\"GetNavMode()\" [(opened)]=\"MobileService.NavOpened\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <div class=\"filter-view\">\r\n <fab-filters-input></fab-filters-input>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer mode=\"over\" position=\"end\" [(opened)]=\"MobileService.ActionOpened\">\r\n <div class=\"actionwrapper\">\r\n <app-fab-actionmenu [display]=\"FabrikantenService.SelectedTab\"></app-fab-actionmenu>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer-content class=\"view-content\">\r\n <div #header *ngIf=\"ShowBreadcrumb()\">\r\n <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n\r\n <ng-container *ngIf=\"ShowInformationBlock()\">\r\n <app-fab-product-info></app-fab-product-info>\r\n </ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"FabrikantenService.ShowRequired()\">\r\n <div class=\"required-div\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NotAllRequiredFilled) }}</div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"FabrikantenService.ShowNoParameters() && !FabrikantenService.IsLoading()\">\r\n <div class=\"no-parameters-div\">\r\n No product request send to BCB due to invalid or missing parameters\r\n </div>\r\n <div class=\"required-div\">\r\n <ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.customInfoParameters != undefined\">\r\n <ng-container *ngFor=\"let customparameter of FabrikantenService.FabrikantenViewModel.customInfoParameters\">\r\n <div class=\"display-value-item\">\r\n {{ customparameter.name }}: {{ customparameter.value }}\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!FabrikantenService.ShowRequired() && !FabrikantenService.ShowNoParameters()\">\r\n <div [style.height]=\"Height\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <mat-tab-group class=\"view-container\" [selectedIndex]=\"FabrikantenService.SelectedTabIndex\" (selectedTabChange)=\"SelectedTabChange($event)\">\r\n <mat-tab label=\"Informatie\" *ngIf=\"ShowInformation()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.TabInformation) }}</span>\r\n </ng-template>\r\n <app-fab-product-info></app-fab-product-info>\r\n </mat-tab>\r\n <mat-tab label=\"3D\" *ngIf=\"Show3D()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Tab3D) }}</span>\r\n </ng-template>\r\n <app-fab-webgl-viewer></app-fab-webgl-viewer>\r\n </mat-tab>\r\n <mat-tab label=\"2D\" *ngIf=\"Show2D()\" style=\"height: 100%;\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Tab2D) }}</span>\r\n </ng-template>\r\n <app-fab-svg-viewer></app-fab-svg-viewer>\r\n </mat-tab>\r\n <mat-tab label=\"Bestek\" *ngIf=\"ShowSpecification()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.TabSpecification) }}</span>\r\n </ng-template>\r\n <app-fab-product-bestek *ngIf=\"TranslateService.ShowSpecification()\"></app-fab-product-bestek>\r\n <app-fab-product-auto-specification *ngIf=\"TranslateService.ShowAutoSpecification()\"></app-fab-product-auto-specification>\r\n <app-fab-product-lastenboek *ngIf=\"TranslateService.ShowLastenboek()\"></app-fab-product-lastenboek>\r\n </mat-tab>\r\n <mat-tab label=\"Texture\" *ngIf=\"FabrikantenService.ShowTexture()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Texture) }}</span>\r\n </ng-template>\r\n <app-fab-texture></app-fab-texture>\r\n </mat-tab>\r\n <mat-tab label=\"Toebehoren\" *ngIf=\"FabrikantenService.ShowToebehoren()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Toebehoren) }}</span>\r\n </ng-template>\r\n <app-fab-toebehoren></app-fab-toebehoren>\r\n </mat-tab>\r\n </mat-tab-group>\r\n </div>\r\n </ng-container>\r\n </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product .tabs{height:100%}app-fab-product .no-parameters-div{padding:5px}app-fab-product .required-div{padding:40px}app-fab-product .row{display:flex}app-fab-product .loader-card{margin:auto;width:300px}app-fab-product .loader-subtitle{text-align:center;padding-top:20px;padding-bottom:10px}app-fab-product .actionwrapper{width:250px;padding:20px}app-fab-product .loader-spinner{margin:auto}app-fab-product .view-container{height:100%}app-fab-product .view-content{background-color:#fff}app-fab-product .loader{position:fixed;display:flex;width:100%;height:100%;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product .filter-view{height:100%;width:300px;min-width:300px;background-color:#fafafa}app-fab-product .product-view{flex:auto}app-fab-product .mat-drawer-inner-container{overflow-y:scroll}.mat-tab-body-wrapper{height:100%}\n"] }]
29935
+ args: [{ selector: 'app-fab-product', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"FabrikantenService.IsLoadingSmall()\" [ngClass]=\"HasParameter() ? GetParameterClass() : ''\" class=\"loader\">\r\n <mat-card class=\"loader-card\">\r\n <mat-card-content>\r\n <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n </mat-card-content>\r\n <mat-card-subtitle class=\"loader-subtitle\" *ngIf=\"!FabrikantenService.IsStartingDownload()\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n </mat-card-subtitle>\r\n </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" autosize [ngClass]=\"HasParameter() ? GetParameterClass() : ''\" *ngIf=\"FabrikantenService.Loaded\">\r\n <mat-drawer #drawer [mode]=\"GetNavMode()\" [(opened)]=\"MobileService.NavOpened\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <div class=\"filter-view\">\r\n <fab-filters-input></fab-filters-input>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer mode=\"over\" position=\"end\" [(opened)]=\"MobileService.ActionOpened\">\r\n <div class=\"actionwrapper\">\r\n <app-fab-actionmenu [display]=\"FabrikantenService.SelectedTab\"></app-fab-actionmenu>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer-content class=\"view-content\">\r\n <div #header *ngIf=\"ShowBreadcrumb()\">\r\n <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n\r\n <ng-container *ngIf=\"ShowInformationBlock()\">\r\n <app-fab-product-info></app-fab-product-info>\r\n </ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"FabrikantenService.ShowNoParameters() && !FabrikantenService.IsLoading()\">\r\n <div class=\"no-parameters-div\">\r\n No product request send to BCB due to invalid or missing parameters\r\n </div>\r\n <div class=\"required-div\">\r\n <ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.customInfoParameters != undefined\">\r\n <ng-container *ngFor=\"let customparameter of FabrikantenService.FabrikantenViewModel.customInfoParameters\">\r\n <div class=\"display-value-item\">\r\n {{ customparameter.name }}: {{ customparameter.value }}\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!FabrikantenService.ShowNoParameters()\">\r\n <div [style.height]=\"Height\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <mat-tab-group class=\"view-container\" [selectedIndex]=\"FabrikantenService.SelectedTabIndex\" (selectedTabChange)=\"SelectedTabChange($event)\">\r\n <mat-tab label=\"Informatie\" *ngIf=\"ShowInformation()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.TabInformation) }}</span>\r\n </ng-template>\r\n <app-fab-product-info></app-fab-product-info>\r\n </mat-tab>\r\n <mat-tab label=\"3D\" *ngIf=\"Show3D()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Tab3D) }}</span>\r\n </ng-template>\r\n <app-fab-webgl-viewer></app-fab-webgl-viewer>\r\n </mat-tab>\r\n <mat-tab label=\"2D\" *ngIf=\"Show2D()\" style=\"height: 100%;\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Tab2D) }}</span>\r\n </ng-template>\r\n <app-fab-svg-viewer></app-fab-svg-viewer>\r\n </mat-tab>\r\n <mat-tab label=\"Bestek\" *ngIf=\"ShowSpecification()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.TabSpecification) }}</span>\r\n </ng-template>\r\n <app-fab-product-bestek *ngIf=\"TranslateService.ShowSpecification()\"></app-fab-product-bestek>\r\n <app-fab-product-auto-specification *ngIf=\"TranslateService.ShowAutoSpecification()\"></app-fab-product-auto-specification>\r\n <app-fab-product-lastenboek *ngIf=\"TranslateService.ShowLastenboek()\"></app-fab-product-lastenboek>\r\n </mat-tab>\r\n <mat-tab label=\"Texture\" *ngIf=\"FabrikantenService.ShowTexture()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Texture) }}</span>\r\n </ng-template>\r\n <app-fab-texture></app-fab-texture>\r\n </mat-tab>\r\n <mat-tab label=\"Toebehoren\" *ngIf=\"FabrikantenService.ShowToebehoren()\">\r\n <ng-template mat-tab-label>\r\n <span>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Toebehoren) }}</span>\r\n </ng-template>\r\n <app-fab-toebehoren></app-fab-toebehoren>\r\n </mat-tab>\r\n </mat-tab-group>\r\n </div>\r\n </ng-container>\r\n </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product .tabs{height:100%}app-fab-product .no-parameters-div{padding:5px}app-fab-product .required-div{padding:40px}app-fab-product .row{display:flex}app-fab-product .loader-card{margin:auto;width:300px}app-fab-product .loader-subtitle{text-align:center;padding-top:20px;padding-bottom:10px}app-fab-product .actionwrapper{width:250px;padding:20px}app-fab-product .loader-spinner{margin:auto}app-fab-product .view-container{height:100%}app-fab-product .view-content{background-color:#fff}app-fab-product .loader{position:fixed;display:flex;width:100%;height:100%;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product .filter-view{height:100%;width:300px;min-width:300px;background-color:#fafafa}app-fab-product .product-view{flex:auto}app-fab-product .mat-drawer-inner-container{overflow-y:scroll}.mat-tab-body-wrapper{height:100%}\n"] }]
29890
29936
  }], ctorParameters: () => [{ type: MobileService }, { type: FabrikantenService }, { type: BestekService }, { type: TranslateService }, { type: WebGLService }, { type: i3.ActivatedRoute }, { type: i0.ChangeDetectorRef }], propDecorators: { header: [{
29891
29937
  type: ViewChild,
29892
29938
  args: ['header']
@@ -30075,11 +30121,11 @@ class FabProductSelectComponent {
30075
30121
  return products;
30076
30122
  }
30077
30123
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabProductSelectComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: BestekService }, { token: TranslateService }, { token: i3.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
30078
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabProductSelectComponent, isStandalone: false, selector: "app-fab-product-select", viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "info", first: true, predicate: ["info"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"FabrikantenService.IsLoadingSmall()\" class=\"loader\">\r\n <mat-card class=\"loader-card\">\r\n <mat-card-content>\r\n <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n </mat-card-content>\r\n <mat-card-subtitle class=\"loader-subtitle\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n </mat-card-subtitle>\r\n </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n <div class=\"filter-view\">\r\n <fab-filters-input></fab-filters-input>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer-content class=\"view-content\">\r\n <div #header>\r\n <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n </div>\r\n\r\n <div #info class=\"header\">\r\n <div class=\"title\">\r\n <h1>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelection) }}</h1>\r\n </div>\r\n <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionInfo) }}\r\n </div>\r\n <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionBlocked) }}\r\n </div>\r\n </div>\r\n\r\n <div [style.height]=\"Height\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n <ng-container *ngIf=\"IsGrouped()\">\r\n <ng-container *ngFor=\"let group of GetGroups()\">\r\n <div class=\"group-header\">\r\n {{ group }}\r\n </div>\r\n <div class=\"main-window group-collection\">\r\n <app-fab-product-tile *ngFor=\"let product of GetProducts(group)\" [product]=\"product\"></app-fab-product-tile>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!IsGrouped()\">\r\n <div class=\"main-window\">\r\n <app-fab-product-tile *ngFor=\"let product of FabrikantenService.FabrikantenViewModel.products\" [product]=\"product\"></app-fab-product-tile>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product-select .main-window{display:flex;flex-flow:row wrap;overflow:auto}app-fab-product-select .group-header{border-bottom:1px solid #000;margin:10px;font-size:16px}app-fab-product-select .group-collection{margin:10px}app-fab-product-select .subtitle{margin-bottom:10px}app-fab-product-select .subtitle:first-letter{text-transform:uppercase}app-fab-product-select .title:first-letter{text-transform:uppercase}app-fab-product-select .header{padding:4px}app-fab-product-select .row{display:flex}app-fab-product-select .loader-card{margin:auto;width:300px}app-fab-product-select .loader-subtitle{text-align:center;padding-top:20px;padding-bottom:10px}app-fab-product-select .loader-spinner{margin:auto}app-fab-product-select .view-container{height:100%}app-fab-product-select .view-content{background-color:#fff}app-fab-product-select .loader{position:fixed;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product-select .filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}app-fab-product-select .product-view{flex:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6$2.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i9$3.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i9$3.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i9$3.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: FabFiltersInputComponent, selector: "fab-filters-input", inputs: ["displayExtra"] }, { kind: "component", type: FabHeaderComponent, selector: "app-fab-header", inputs: ["showfiltermenubutton"] }, { kind: "component", type: FabProductTileComponent, selector: "app-fab-product-tile", inputs: ["product"] }], encapsulation: i0.ViewEncapsulation.None });
30124
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabProductSelectComponent, isStandalone: false, selector: "app-fab-product-select", viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "info", first: true, predicate: ["info"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"FabrikantenService.IsLoadingSmall()\" class=\"loader\">\r\n <mat-card class=\"loader-card\">\r\n <mat-card-content>\r\n <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n </mat-card-content>\r\n <mat-card-subtitle class=\"loader-subtitle\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n </mat-card-subtitle>\r\n </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n <div class=\"filter-view\">\r\n <fab-filters-input></fab-filters-input>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer-content class=\"view-content\">\r\n <div #header>\r\n <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n </div>\r\n\r\n <div #info class=\"header\">\r\n <div class=\"title\">\r\n <h1>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelection) }}</h1>\r\n </div>\r\n <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionInfo) }}\r\n </div>\r\n <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionBlocked) }}\r\n </div>\r\n </div>\r\n\r\n <div [style.height]=\"Height\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n <ng-container *ngIf=\"IsGrouped()\">\r\n <ng-container *ngFor=\"let group of GetGroups()\">\r\n <div class=\"group-header\">\r\n {{ group }}\r\n </div>\r\n <div class=\"main-window group-collection\">\r\n <app-fab-product-tile *ngFor=\"let product of GetProducts(group)\" [product]=\"product\"></app-fab-product-tile>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!IsGrouped()\">\r\n <div class=\"main-window\">\r\n <app-fab-product-tile *ngFor=\"let product of FabrikantenService.FabrikantenViewModel.products\" [product]=\"product\"></app-fab-product-tile>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </mat-drawer-content>\r\n</mat-drawer-container>\r\n", styles: ["app-fab-product-select .main-window{display:flex;flex-flow:row wrap;overflow:auto}app-fab-product-select .group-header{border-bottom:1px solid #000;margin:10px;font-size:16px}app-fab-product-select .group-collection{margin:10px}app-fab-product-select .subtitle{margin-bottom:10px}app-fab-product-select .subtitle:first-letter{text-transform:uppercase}app-fab-product-select .title:first-letter{text-transform:uppercase}app-fab-product-select .header{padding:4px}app-fab-product-select .row{display:flex}app-fab-product-select .loader-card{margin:auto;width:300px}app-fab-product-select .loader-subtitle{text-align:center;padding-top:20px;padding-bottom:10px}app-fab-product-select .loader-spinner{margin:auto}app-fab-product-select .view-container{height:100%}app-fab-product-select .view-content{background-color:#fff}app-fab-product-select .loader{position:fixed;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product-select .filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}app-fab-product-select .product-view{flex:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6$2.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i9$3.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i9$3.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i9$3.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: FabFiltersInputComponent, selector: "fab-filters-input", inputs: ["displayExtra"] }, { kind: "component", type: FabHeaderComponent, selector: "app-fab-header", inputs: ["showfiltermenubutton"] }, { kind: "component", type: FabProductTileComponent, selector: "app-fab-product-tile", inputs: ["product"] }], encapsulation: i0.ViewEncapsulation.None });
30079
30125
  }
30080
30126
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabProductSelectComponent, decorators: [{
30081
30127
  type: Component,
30082
- args: [{ selector: 'app-fab-product-select', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"FabrikantenService.IsLoadingSmall()\" class=\"loader\">\r\n <mat-card class=\"loader-card\">\r\n <mat-card-content>\r\n <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n </mat-card-content>\r\n <mat-card-subtitle class=\"loader-subtitle\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n </mat-card-subtitle>\r\n </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n <div class=\"filter-view\">\r\n <fab-filters-input></fab-filters-input>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer-content class=\"view-content\">\r\n <div #header>\r\n <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n </div>\r\n\r\n <div #info class=\"header\">\r\n <div class=\"title\">\r\n <h1>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelection) }}</h1>\r\n </div>\r\n <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionInfo) }}\r\n </div>\r\n <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionBlocked) }}\r\n </div>\r\n </div>\r\n\r\n <div [style.height]=\"Height\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n <ng-container *ngIf=\"IsGrouped()\">\r\n <ng-container *ngFor=\"let group of GetGroups()\">\r\n <div class=\"group-header\">\r\n {{ group }}\r\n </div>\r\n <div class=\"main-window group-collection\">\r\n <app-fab-product-tile *ngFor=\"let product of GetProducts(group)\" [product]=\"product\"></app-fab-product-tile>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!IsGrouped()\">\r\n <div class=\"main-window\">\r\n <app-fab-product-tile *ngFor=\"let product of FabrikantenService.FabrikantenViewModel.products\" [product]=\"product\"></app-fab-product-tile>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product-select .main-window{display:flex;flex-flow:row wrap;overflow:auto}app-fab-product-select .group-header{border-bottom:1px solid #000;margin:10px;font-size:16px}app-fab-product-select .group-collection{margin:10px}app-fab-product-select .subtitle{margin-bottom:10px}app-fab-product-select .subtitle:first-letter{text-transform:uppercase}app-fab-product-select .title:first-letter{text-transform:uppercase}app-fab-product-select .header{padding:4px}app-fab-product-select .row{display:flex}app-fab-product-select .loader-card{margin:auto;width:300px}app-fab-product-select .loader-subtitle{text-align:center;padding-top:20px;padding-bottom:10px}app-fab-product-select .loader-spinner{margin:auto}app-fab-product-select .view-container{height:100%}app-fab-product-select .view-content{background-color:#fff}app-fab-product-select .loader{position:fixed;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product-select .filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}app-fab-product-select .product-view{flex:auto}\n"] }]
30128
+ args: [{ selector: 'app-fab-product-select', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"FabrikantenService.IsLoadingSmall()\" class=\"loader\">\r\n <mat-card class=\"loader-card\">\r\n <mat-card-content>\r\n <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n </mat-card-content>\r\n <mat-card-subtitle class=\"loader-subtitle\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n </mat-card-subtitle>\r\n </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n <div class=\"filter-view\">\r\n <fab-filters-input></fab-filters-input>\r\n </div>\r\n </mat-drawer>\r\n <mat-drawer-content class=\"view-content\">\r\n <div #header>\r\n <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n </div>\r\n\r\n <div #info class=\"header\">\r\n <div class=\"title\">\r\n <h1>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelection) }}</h1>\r\n </div>\r\n <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionInfo) }}\r\n </div>\r\n <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionBlocked) }}\r\n </div>\r\n </div>\r\n\r\n <div [style.height]=\"Height\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n <ng-container *ngIf=\"IsGrouped()\">\r\n <ng-container *ngFor=\"let group of GetGroups()\">\r\n <div class=\"group-header\">\r\n {{ group }}\r\n </div>\r\n <div class=\"main-window group-collection\">\r\n <app-fab-product-tile *ngFor=\"let product of GetProducts(group)\" [product]=\"product\"></app-fab-product-tile>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!IsGrouped()\">\r\n <div class=\"main-window\">\r\n <app-fab-product-tile *ngFor=\"let product of FabrikantenService.FabrikantenViewModel.products\" [product]=\"product\"></app-fab-product-tile>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </mat-drawer-content>\r\n</mat-drawer-container>\r\n", styles: ["app-fab-product-select .main-window{display:flex;flex-flow:row wrap;overflow:auto}app-fab-product-select .group-header{border-bottom:1px solid #000;margin:10px;font-size:16px}app-fab-product-select .group-collection{margin:10px}app-fab-product-select .subtitle{margin-bottom:10px}app-fab-product-select .subtitle:first-letter{text-transform:uppercase}app-fab-product-select .title:first-letter{text-transform:uppercase}app-fab-product-select .header{padding:4px}app-fab-product-select .row{display:flex}app-fab-product-select .loader-card{margin:auto;width:300px}app-fab-product-select .loader-subtitle{text-align:center;padding-top:20px;padding-bottom:10px}app-fab-product-select .loader-spinner{margin:auto}app-fab-product-select .view-container{height:100%}app-fab-product-select .view-content{background-color:#fff}app-fab-product-select .loader{position:fixed;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product-select .filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}app-fab-product-select .product-view{flex:auto}\n"] }]
30083
30129
  }], ctorParameters: () => [{ type: MobileService }, { type: FabrikantenService }, { type: BestekService }, { type: TranslateService }, { type: i3.ActivatedRoute }, { type: i0.ChangeDetectorRef }], propDecorators: { header: [{
30084
30130
  type: ViewChild,
30085
30131
  args: ['header']
@@ -30404,33 +30450,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
30404
30450
  args: [{ selector: 'fab-categories', standalone: false, template: "<div class=\"loader\" *ngIf=\"FabrikantenService.IsLoadingSmall()\">\n <app-fab-loader></app-fab-loader>\n</div>\n\n<app-fab-header [showfiltermenubutton]=\"false\"></app-fab-header>\n\n<div *ngIf=\"ShowListView()\" class=\"header-div\">\n <h2>Kies een productcategorie</h2>\n</div>\n\n<ng-container *ngIf=\"!ShowListView()\">\n <div *ngIf=\"FabrikantenService.GetFirstOpenCategoryLayer() != null\" class=\"main-block\">\n <fab-category-tile *ngFor=\"let category of FabrikantenService.GetFirstOpenCategoryLayer().categories\" [category]=\"category\"></fab-category-tile>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"ShowListView()\">\n <div *ngIf=\"FabrikantenService.GetFirstOpenCategoryLayer() != null\" class=\"list-block\">\n <fab-category-listitem *ngFor=\"let category of FabrikantenService.GetFirstOpenCategoryLayer().categories\" [category]=\"category\"></fab-category-listitem>\n </div>\n</ng-container>\n\n\n", styles: [".main-block{display:flex;flex-wrap:wrap;justify-content:center}.loader{position:fixed;width:100%;height:100%;justify-content:center;z-index:20;background-color:#ffffffb3;top:0;left:0}fab-category-listitem{margin:10px}.header-div{width:600px;margin:auto}.list-block{width:600px;margin:auto;cursor:pointer}\n"] }]
30405
30451
  }], ctorParameters: () => [{ type: FabrikantenService }, { type: TranslateService }, { type: i3.ActivatedRoute }, { type: i0.ChangeDetectorRef }] });
30406
30452
 
30407
- class FabFiltersOverviewComponent {
30408
- FabrikantenService;
30409
- constructor(FabrikantenService) {
30410
- this.FabrikantenService = FabrikantenService;
30411
- }
30412
- ngOnInit() {
30413
- }
30414
- ShowProductSelect() {
30415
- if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct != undefined) {
30416
- return false;
30417
- }
30418
- return true;
30419
- }
30420
- ShowProduct() {
30421
- if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct != undefined) {
30422
- return true;
30423
- }
30424
- return false;
30425
- }
30426
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabFiltersOverviewComponent, deps: [{ token: FabrikantenService }], target: i0.ɵɵFactoryTarget.Component });
30427
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabFiltersOverviewComponent, isStandalone: false, selector: "fab-filters-overview", ngImport: i0, template: "<div>\r\n <app-fab-product-select *ngIf=\"ShowProductSelect()\"></app-fab-product-select>\r\n <app-fab-product *ngIf=\"ShowProduct()\"></app-fab-product>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FabProductComponent, selector: "app-fab-product" }, { kind: "component", type: FabProductSelectComponent, selector: "app-fab-product-select" }] });
30428
- }
30429
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabFiltersOverviewComponent, decorators: [{
30430
- type: Component,
30431
- args: [{ selector: 'fab-filters-overview', standalone: false, template: "<div>\r\n <app-fab-product-select *ngIf=\"ShowProductSelect()\"></app-fab-product-select>\r\n <app-fab-product *ngIf=\"ShowProduct()\"></app-fab-product>\r\n</div>\r\n" }]
30432
- }], ctorParameters: () => [{ type: FabrikantenService }] });
30433
-
30434
30453
  class BeheerTranslateComponent {
30435
30454
  TranslateApiClient;
30436
30455
  authenticationService;
@@ -32577,6 +32596,7 @@ class FabrikantenCoreModule {
32577
32596
  BeheerUploadsComponent,
32578
32597
  BeheerUsersComponent,
32579
32598
  FabActionmenuComponent,
32599
+ FabDisclaimerDialog,
32580
32600
  FabActionmenuRevitDialogComponent,
32581
32601
  FabFilterAutocompleteComponent,
32582
32602
  FabAzureLoginComponent,
@@ -32604,7 +32624,6 @@ class FabrikantenCoreModule {
32604
32624
  FabFilterPictureSelectDialogComponent,
32605
32625
  FabFilterPictureSelectPopupComponent,
32606
32626
  FabFiltersInputComponent,
32607
- FabFiltersOverviewComponent,
32608
32627
  FabFlagComponent,
32609
32628
  FabFormComponent,
32610
32629
  FabFormDialogComponent,
@@ -32668,6 +32687,7 @@ class FabrikantenCoreModule {
32668
32687
  MatSnackBarModule,
32669
32688
  ReactiveFormsModule,
32670
32689
  SafehtmlPipe, i3.RouterModule], exports: [FabActionmenuComponent,
32690
+ FabDisclaimerDialog,
32671
32691
  FabCategoryNavigatorComponent,
32672
32692
  FabFilterColourDialogComponent,
32673
32693
  FabFilterComponent,
@@ -32834,6 +32854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
32834
32854
  BeheerUploadsComponent,
32835
32855
  BeheerUsersComponent,
32836
32856
  FabActionmenuComponent,
32857
+ FabDisclaimerDialog,
32837
32858
  FabActionmenuRevitDialogComponent,
32838
32859
  FabFilterAutocompleteComponent,
32839
32860
  FabAzureLoginComponent,
@@ -32861,7 +32882,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
32861
32882
  FabFilterPictureSelectDialogComponent,
32862
32883
  FabFilterPictureSelectPopupComponent,
32863
32884
  FabFiltersInputComponent,
32864
- FabFiltersOverviewComponent,
32865
32885
  FabFlagComponent,
32866
32886
  FabFormComponent,
32867
32887
  FabFormDialogComponent,
@@ -32935,6 +32955,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
32935
32955
  ],
32936
32956
  exports: [
32937
32957
  FabActionmenuComponent,
32958
+ FabDisclaimerDialog,
32938
32959
  FabCategoryNavigatorComponent,
32939
32960
  FabFilterColourDialogComponent,
32940
32961
  FabFilterComponent,
@@ -32956,5 +32977,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
32956
32977
  * Generated bundle index. Do not edit.
32957
32978
  */
32958
32979
 
32959
- export { API_BASE_URL, AccountClient, ApiException, AuthClient, AuthGuard, AzureResponseModel, BCBEBODOViewModel, BCBEBOFilterOptionViewModel, BCBEBOViewModel, BCBEigenschapBereikViewModel, BCBEigenschapLocation, BCBEigenschapOptieCategoryViewModel, BCBEigenschapOptieFilterOptionViewModel, BCBEigenschapOptieViewModel, BCBEigenschapRangeInputModel, BCBEigenschapToebehorenViewModel, BCBEigenschapViewModel, BCBImportEigenschap, BCBImportOpbouw, BCBImportOpenRequest, BCBImportOpenResponse, BCBImportOpenTempDORequest, BCBImportOpenTempRequest, BCBImportProductRequest, BCBImportProductResponse, BCBImportSetValueFilterViewModel, BCBImportSetValueRangeInputViewModel, BCBImportSetValueViewModel, BCBImportSetViewModel, BCBImportSetsViewModel, BCBLinkRequestModel, BCBLinkResponseModel, BCBOpbouwViewModel, BCBProductInstanceFilterOptionViewModel, BCBProductInstanceFilterViewModel, BCBProductInstanceRangeInputViewModel, BCBProductInstanceViewModel, BCBProductViewModel, BeheerLanguageViewModel, BeheerLanguagesCategoryViewModel, BeheerLanguagesEntryViewModel, BeheerLanguagesKeyViewModel, BeheerLanguagesSubCategoryViewModel, BeheerLanguagesViewModel, BestekService, CategoriesApiClient, CategoriesOverviewCategorieViewModel, CategoriesOverviewViewModel, CategoriesViewModel, CategoryType, CategoryViewModel, ChangeBCBImportSetValueRequest, ChangeImportSetRequest, ChangeOrderInputsRequest, ClearCategoryRequest, ConfigurationsViewModel, ConfiguratorApiClient, ConnectBCBEBODORequest, ConnectBCBEigenschapRangeInputRequest, ConnectBCBEigenschapRangeInputResponse, ConnectBCBEigenschapRequest, ConnectEBODOCategoryRequest, ConnectEBODOCategoryResponse, ConnectEigenschapOptieRequest, ConnectOpbouwRequest, ConvertBCBEigenschapRequest, CreateBCBProductInstanceModel, CreateCategoryRequest, CreateCategoryResponse, CreateExportRequest, CreateExportResponse, CreateFilterOptionRequest, CreateFilterOptionResponse, CreateFilterRequest, CreateFilterResponse, CreateLanguageRequest, CreateNewProjectRequestModel, CreateUserModel, DeeplinkFilterViewModel, DeeplinkProductViewModel, DeeplinkRequest, DeeplinkViewModel, DeleteBCBProductInstanceRequestModel, DeleteProjectRequestModel, DeleteUserModel, DocumentApiClient, DocumentCategoriesViewModel, DocumentCategoryViewModel, DocumentChangeActiveRequest, DocumentDeleteRequest, DocumentTemplateItemAmount, DocumentTemplateItemViewModel, DocumentTemplateViewModel, DocumentUploadResponse, DocumentViewModel, DownloadType, DynamicDisplayValueViewModel, DynamicFilterViewModel, DynamicFiltersViewModel, DynamicRangeInputViewModel, EBOConnectRequestModel, EBOKoppelApiClient, EBOKoppelEBOCategoryViewModel, EBOKoppelEBOFilterOptionViewModel, EBOKoppelEBOViewModel, EBOKoppelNaamViewModel, EBOKoppelTypeViewModel, EBOKoppelViewModel, EditUserModel, FabActionmenuComponent, FabCategoryNavigatorComponent, FabDownloadZipComponent, FabFilterColourDialogComponent, FabFilterComponent, FabFilterCustomComponent, FabFilterLabelComponent, FabFiltersInputComponent, FabFormComponent, FabLoaderComponent, FabProductBestekComponent, FabSelectBcbproductComponent, FabSvgViewerComponent, FabWebglViewerComponent, Fabrikanten3DRequestModel, Fabrikanten3DViewModel, FabrikantenApiClient, FabrikantenAutoSpecificationRequestModel, FabrikantenAutoSpecificationViewModel, FabrikantenBCBProductAfbeeldingViewModel, FabrikantenBCBProductToebehorenViewModel, FabrikantenBCBProductViewModel, FabrikantenBestekRequestModel, FabrikantenBestekViewModel, FabrikantenCategoryLayerViewModel, FabrikantenCategoryViewModel, FabrikantenCoreModule, FabrikantenCreateInstanceRequest, FabrikantenCustomDownloadRequestModel, FabrikantenCustomDownloadResultModel, FabrikantenCustomDownloadViewModel, FabrikantenCustomParameterViewModel, FabrikantenFileRequestInputModel, FabrikantenFileRequestModel, FabrikantenFileViewModel, FabrikantenFilterCategoryViewModel, FabrikantenFilterDescriptionViewModel, FabrikantenFilterOptionViewModel, FabrikantenFilterViewModel, FabrikantenFormCategoryRowViewModel, FabrikantenFormCategoryViewModel, FabrikantenFormInputDefaultViewModel, FabrikantenFormInputOptionViewModel, FabrikantenFormInputViewModel, FabrikantenFormRequestModel, FabrikantenFormViewModel, FabrikantenInputViewModel, FabrikantenInstanceViewModel, FabrikantenLastenboekRequestModel, FabrikantenLastenboekViewModel, FabrikantenLinkedInLoginRequest, FabrikantenOpenInstanceRequest, FabrikantenOpenInstanceResponse, FabrikantenPDFTemplateViewModel, FabrikantenProductViewModel, FabrikantenRangeInputViewModel, FabrikantenRequestModel, FabrikantenSVGRequestModel, FabrikantenSVGViewModel, FabrikantenService, FabrikantenSetCookieSettingsRequest, FabrikantenSetFormRequest, FabrikantenSettingsDownloadCategoryViewModel, FabrikantenSettingsDownloadItemViewModel, FabrikantenSettingsViewModel, FabrikantenTextureBaseViewModel, FabrikantenTextureRequestModel, FabrikantenTextureViewModel, FabrikantenViewModel, FilterOptionFilterOptionRequiredType, FilterOptionFilterOptionRequiredViewModel, FilterOptionRequiredType, FilterOptionRequiredViewModel, FilterOptionViewModel, FilterRequiredViewModel, FilterType, FilterViewModel, FiltersApiClient, FiltersRequestModel, FiltersViewModel, FormApiClient, FormInputInstanceViewModel, FormInputType, FormInstanceRequestModel, FormInstanceViewModel, FormType, GetConfigurationsRequestModel, GetProductRequest, GetProductsViewModel, IgnoreBCBEigenschapRequest, IgnoreOpbouwRequest, ImportApiClient, InputViewModel, InputsViewModel, KoppelProductsRequestModel, LanguageViewModel, LanguagesViewModel, LoginIPResponseModel, LoginRequestModel, LoginResponseModel, MobileService, NewProductRequestModel, NewProductResponseModel, ProductViewModel, ProductViewModel2, ProductsApiClient, ProductsViewModel, ProductsViewModelRequest, ProjectSettingApiClient, ProjectSettingPipelineStepViewModel, ProjectSettingType, ProjectSettingViewModel, ProjectSettingsCategoryViewModel, ProjectSettingsViewModel, ProjectViewModel, REST3DViewModel, RESTApiClient, RESTBestekViewModel, RESTFileRequestModel, RESTFileViewModel, RESTFilesRequestModel, RESTFilesRequestViewModel, RESTFilesViewModel, RESTGetFilesRequestStatus, RESTParameterViewModel, RESTRequestModel, RESTSVGRequestModel, RESTSVGViewModel, RESTStartFilesRequest, RESTStartFilesResponse, RangeInputFilterOptionRequiredViewModel, RangeInputType, RangeInputViewModel, RangeInputsViewModel, ReadExportRequest, RemoveFilterOptionRequest, RemoveProductSelectionRequest, ResetAllCategoriesRequest, ResetAllFiltersRequest, ResetCategoryLayerRequest, ResetFilterRequest, ResetImportRequestModel, SVGService, SaveChangesRequest, SaveFilterOptionRequest, SaveFilterRequest, SaveImportSetRequest, SaveProductViewModel, SaveProjectRequestModel, SaveRangeInputRequest, SearchProductsApiClient, SearchProductsRequestModel, SearchProductsResponseModel, SecurityApiClient, SelectBCBProductRequest, SelectCategoryRequest, SelectColourRequest, SelectFilterCustomRequest, SelectFilterOptionRequest, SelectProductRequest, SetCustomParameterRequest, SetFilterOptionRequiredRequest, SetFilterRequiredRequest, SetProjectSettingRequestModel, SetProjectSettingResponseModel, SetRangeInputRequest, SetSkipFormsRequest, SortFilterRequest, StatsApiClient, StatsType, StatsViewModel, TemplateComponentService, TextureApiClient, TextureMixRequestModel, TextureMixResponseModel, TextureRequestModel, TextureResponseModel, ToggleProductCategoryRequest, ToggleProductFilterOptionRequest, TranslateApiClient, TranslateKeyCategoryViewModel, TranslateKeySubCategoryViewModel, TranslateKeyViewModel, TranslateService, TranslationCategory, TranslationSubCategory, UploadExportChangeViewModel, UploadExportViewModel, UploadRequestModel, UploadResponseModel, UploadViewModel, UploadsResponseModel, UserResponseModel, UserRole, UserViewModel, UsersViewModel, WebGLService, WizardEBODOViewModel, WizardEBOViewModel };
32980
+ export { API_BASE_URL, AccountClient, ApiException, AuthClient, AuthGuard, AzureResponseModel, BCBEBODOViewModel, BCBEBOFilterOptionViewModel, BCBEBOViewModel, BCBEigenschapBereikViewModel, BCBEigenschapLocation, BCBEigenschapOptieCategoryViewModel, BCBEigenschapOptieFilterOptionViewModel, BCBEigenschapOptieViewModel, BCBEigenschapRangeInputModel, BCBEigenschapToebehorenViewModel, BCBEigenschapViewModel, BCBImportEigenschap, BCBImportOpbouw, BCBImportOpenRequest, BCBImportOpenResponse, BCBImportOpenTempDORequest, BCBImportOpenTempRequest, BCBImportProductRequest, BCBImportProductResponse, BCBImportSetValueFilterViewModel, BCBImportSetValueRangeInputViewModel, BCBImportSetValueViewModel, BCBImportSetViewModel, BCBImportSetsViewModel, BCBLinkRequestModel, BCBLinkResponseModel, BCBOpbouwViewModel, BCBProductInstanceFilterOptionViewModel, BCBProductInstanceFilterViewModel, BCBProductInstanceRangeInputViewModel, BCBProductInstanceViewModel, BCBProductViewModel, BeheerLanguageViewModel, BeheerLanguagesCategoryViewModel, BeheerLanguagesEntryViewModel, BeheerLanguagesKeyViewModel, BeheerLanguagesSubCategoryViewModel, BeheerLanguagesViewModel, BestekService, CategoriesApiClient, CategoriesOverviewCategorieViewModel, CategoriesOverviewViewModel, CategoriesViewModel, CategoryType, CategoryViewModel, ChangeBCBImportSetValueRequest, ChangeImportSetRequest, ChangeOrderInputsRequest, ClearCategoryRequest, ConfigurationsViewModel, ConfiguratorApiClient, ConnectBCBEBODORequest, ConnectBCBEigenschapRangeInputRequest, ConnectBCBEigenschapRangeInputResponse, ConnectBCBEigenschapRequest, ConnectEBODOCategoryRequest, ConnectEBODOCategoryResponse, ConnectEigenschapOptieRequest, ConnectOpbouwRequest, ConvertBCBEigenschapRequest, CreateBCBProductInstanceModel, CreateCategoryRequest, CreateCategoryResponse, CreateExportRequest, CreateExportResponse, CreateFilterOptionRequest, CreateFilterOptionResponse, CreateFilterRequest, CreateFilterResponse, CreateLanguageRequest, CreateNewProjectRequestModel, CreateUserModel, DeeplinkFilterViewModel, DeeplinkProductViewModel, DeeplinkRequest, DeeplinkViewModel, DeleteBCBProductInstanceRequestModel, DeleteProjectRequestModel, DeleteUserModel, DocumentApiClient, DocumentCategoriesViewModel, DocumentCategoryViewModel, DocumentChangeActiveRequest, DocumentDeleteRequest, DocumentTemplateItemAmount, DocumentTemplateItemViewModel, DocumentTemplateViewModel, DocumentUploadResponse, DocumentViewModel, DownloadType, DynamicDisplayValueViewModel, DynamicFilterViewModel, DynamicFiltersViewModel, DynamicRangeInputViewModel, EBOConnectRequestModel, EBOKoppelApiClient, EBOKoppelEBOCategoryViewModel, EBOKoppelEBOFilterOptionViewModel, EBOKoppelEBOViewModel, EBOKoppelNaamViewModel, EBOKoppelTypeViewModel, EBOKoppelViewModel, EditUserModel, FabActionmenuComponent, FabCategoryNavigatorComponent, FabDisclaimerDialog, FabDownloadZipComponent, FabFilterColourDialogComponent, FabFilterComponent, FabFilterCustomComponent, FabFilterLabelComponent, FabFiltersInputComponent, FabFormComponent, FabLoaderComponent, FabProductBestekComponent, FabSelectBcbproductComponent, FabSvgViewerComponent, FabWebglViewerComponent, Fabrikanten3DRequestModel, Fabrikanten3DViewModel, FabrikantenApiClient, FabrikantenAutoSpecificationRequestModel, FabrikantenAutoSpecificationViewModel, FabrikantenBCBProductAfbeeldingViewModel, FabrikantenBCBProductToebehorenViewModel, FabrikantenBCBProductViewModel, FabrikantenBestekRequestModel, FabrikantenBestekViewModel, FabrikantenCategoryLayerViewModel, FabrikantenCategoryViewModel, FabrikantenCoreModule, FabrikantenCreateInstanceRequest, FabrikantenCustomDownloadRequestModel, FabrikantenCustomDownloadResultModel, FabrikantenCustomDownloadViewModel, FabrikantenCustomParameterViewModel, FabrikantenFileRequestInputModel, FabrikantenFileRequestModel, FabrikantenFileViewModel, FabrikantenFilterCategoryViewModel, FabrikantenFilterDescriptionViewModel, FabrikantenFilterOptionViewModel, FabrikantenFilterViewModel, FabrikantenFormCategoryRowViewModel, FabrikantenFormCategoryViewModel, FabrikantenFormInputDefaultViewModel, FabrikantenFormInputOptionViewModel, FabrikantenFormInputViewModel, FabrikantenFormRequestModel, FabrikantenFormViewModel, FabrikantenInputViewModel, FabrikantenInstanceViewModel, FabrikantenLastenboekRequestModel, FabrikantenLastenboekViewModel, FabrikantenLinkedInLoginRequest, FabrikantenOpenInstanceRequest, FabrikantenOpenInstanceResponse, FabrikantenPDFTemplateViewModel, FabrikantenProductViewModel, FabrikantenRangeInputViewModel, FabrikantenRequestModel, FabrikantenSVGRequestModel, FabrikantenSVGViewModel, FabrikantenService, FabrikantenSetCookieSettingsRequest, FabrikantenSetFormRequest, FabrikantenSettingsDownloadCategoryViewModel, FabrikantenSettingsDownloadItemViewModel, FabrikantenSettingsViewModel, FabrikantenTextureBaseViewModel, FabrikantenTextureRequestModel, FabrikantenTextureViewModel, FabrikantenViewModel, FilterOptionFilterOptionRequiredType, FilterOptionFilterOptionRequiredViewModel, FilterOptionRequiredType, FilterOptionRequiredViewModel, FilterOptionViewModel, FilterRequiredViewModel, FilterType, FilterViewModel, FiltersApiClient, FiltersRequestModel, FiltersViewModel, FormApiClient, FormInputInstanceViewModel, FormInputType, FormInstanceRequestModel, FormInstanceViewModel, FormType, GetConfigurationsRequestModel, GetProductRequest, GetProductsViewModel, IgnoreBCBEigenschapRequest, IgnoreOpbouwRequest, ImportApiClient, InputViewModel, InputsViewModel, KoppelProductsRequestModel, LanguageViewModel, LanguagesViewModel, LoginIPResponseModel, LoginRequestModel, LoginResponseModel, MobileService, NewProductRequestModel, NewProductResponseModel, ProductViewModel, ProductViewModel2, ProductsApiClient, ProductsViewModel, ProductsViewModelRequest, ProjectSettingApiClient, ProjectSettingPipelineStepViewModel, ProjectSettingType, ProjectSettingViewModel, ProjectSettingsCategoryViewModel, ProjectSettingsViewModel, ProjectViewModel, REST3DViewModel, RESTApiClient, RESTBestekViewModel, RESTFileRequestModel, RESTFileViewModel, RESTFilesRequestModel, RESTFilesRequestViewModel, RESTFilesViewModel, RESTGetFilesRequestStatus, RESTParameterViewModel, RESTRequestModel, RESTSVGRequestModel, RESTSVGViewModel, RESTStartFilesRequest, RESTStartFilesResponse, RangeInputFilterOptionRequiredViewModel, RangeInputType, RangeInputViewModel, RangeInputsViewModel, ReadExportRequest, RemoveFilterOptionRequest, RemoveProductSelectionRequest, ResetAllCategoriesRequest, ResetAllFiltersRequest, ResetCategoryLayerRequest, ResetFilterRequest, ResetImportRequestModel, SVGService, SaveChangesRequest, SaveFilterOptionRequest, SaveFilterRequest, SaveImportSetRequest, SaveProductViewModel, SaveProjectRequestModel, SaveRangeInputRequest, SearchProductsApiClient, SearchProductsRequestModel, SearchProductsResponseModel, SecurityApiClient, SelectBCBProductRequest, SelectCategoryRequest, SelectColourRequest, SelectFilterCustomRequest, SelectFilterOptionRequest, SelectProductRequest, SetCustomParameterRequest, SetFilterOptionRequiredRequest, SetFilterRequiredRequest, SetProjectSettingRequestModel, SetProjectSettingResponseModel, SetRangeInputRequest, SetSkipFormsRequest, SortFilterRequest, StatsApiClient, StatsType, StatsViewModel, TemplateComponentService, TextureApiClient, TextureMixRequestModel, TextureMixResponseModel, TextureRequestModel, TextureResponseModel, ToggleProductCategoryRequest, ToggleProductFilterOptionRequest, TranslateApiClient, TranslateKeyCategoryViewModel, TranslateKeySubCategoryViewModel, TranslateKeyViewModel, TranslateService, TranslationCategory, TranslationSubCategory, UploadExportChangeViewModel, UploadExportViewModel, UploadRequestModel, UploadResponseModel, UploadViewModel, UploadsResponseModel, UserResponseModel, UserRole, UserViewModel, UsersViewModel, WebGLService, WizardEBODOViewModel, WizardEBOViewModel };
32960
32981
  //# sourceMappingURL=fabrikantencore.mjs.map