fabrikantencore 2.8.1 → 2.8.3

package/fesm2022/fabrikantencore.mjs

@@ -45,7 +45,7 @@ import { MatTreeModule } from '@angular/material/tree';
 import * as i6$2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { MatDividerModule } from '@angular/material/divider';
-import * as i14 from '@angular/material/button-toggle';
+import * as i15 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import * as i5$1 from '@angular/material/stepper';
 import { MatStepperModule } from '@angular/material/stepper';
@@ -12880,7 +12880,7 @@ class FabFormDialogComponent {
     TranslateService;
     ChangeDetectorRef;
     Form;
-    FormGroup = this.formBuilder.group({});
+    FormGroup;
     get TranslationCategory() {
         return TranslationCategory;
     }
@@ -12895,6 +12895,7 @@ class FabFormDialogComponent {
         this.FabrikantenService = FabrikantenService;
         this.TranslateService = TranslateService;
         this.ChangeDetectorRef = ChangeDetectorRef;
+        this.FormGroup = this.formBuilder.group({});
         this.Form = data.form;
         var cats = this.Form.formCategories;
         if (cats != null) {
@@ -12946,11 +12947,11 @@ class FabFormDialogComponent {
         this.dialogRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFormDialogComponent, deps: [{ token: i6.FormBuilder }, { token: i3.MatLegacyDialogRef }, { token: MAT_LEGACY_DIALOG_DATA }, { token: FabrikantenApiClient }, { token: FabrikantenService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFormDialogComponent, selector: "app-fab-form-dialog", ngImport: i0, template: "<div style=\"width: 500px;\">\n  <form [formGroup]=\"FormGroup\" (ngSubmit)=\"OnSubmit()\">\n    <ng-container *ngFor=\"let cat of Form.formCategories\">\n      <div class=\"form-cat-name\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Category, cat.id) }}\n      </div>\n      <ng-container *ngFor=\"let row of cat.rows\">\n        <div class=\"form-cat-inputs displayflex\">\n          <div class=\"form-cat-input\" *ngFor=\"let input of row.inputs\">\n            <ng-container *ngIf=\"input.formInputType == 1 || input.formInputType == 6\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-input\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <input matInput type=\"text\" formControlName=\"{{ input.name }}\">\n                <mat-error></mat-error>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 2\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-select\">\n                <mat-label class=\"select-mat-label filter-name\">\n                  {{ input.name }}\n                </mat-label>\n                <mat-select formControlName=\"{{ input.name }}\">\n                  <ng-container *ngFor=\"let option of input.options\">\n                    <mat-option [value]=\"option.id\" class=\"select-mat-option\">\n                      <span class=\"name-span\">\n                        {{ option.name }}\n                      </span>\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 5\">\n              <mat-form-field class=\"full-width form-cat-input-textarea\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <textarea matInput formControlName=\"{{ input.name }}\" style=\"height: 100px;\"></textarea>\n              </mat-form-field>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <div class=\"form-button-row\">\n      <button mat-raised-button (click)=\"Close()\" class=\"form-cat-close form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Close) }}\n      </button>\n      <button mat-raised-button type=\"submit\" class=\"form-cat-submit form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Send) }}\n      </button>\n    </div>\n  </form>\n</div>\n", styles: ["app-fab-form-dialog .mat-form-field-wrapper{padding-bottom:0}app-fab-form-dialog .mat-form-field-underline{bottom:0}app-fab-form-dialog .displayflex{display:flex}app-fab-form-dialog .form-cat-name{border-bottom:1px solid #000;font-size:20px;padding:5px}app-fab-form-dialog .form-cat-input{padding:5px;width:100%}app-fab-form-dialog .form-button-row{text-align:right}app-fab-form-dialog .form-button-row-button{margin:5px}app-fab-form-dialog .full-width{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.MatLegacyError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4$1.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i7.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9$1.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabFormDialogComponent, selector: "app-fab-form-dialog", ngImport: i0, template: "<div style=\"width: 500px;\">\n  <form [formGroup]=\"FormGroup\">\n    <ng-container *ngFor=\"let cat of Form.formCategories\">\n      <div class=\"form-cat-name\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Category, cat.id) }}\n      </div>\n      <ng-container *ngFor=\"let row of cat.rows\">\n        <div class=\"form-cat-inputs displayflex\">\n          <div class=\"form-cat-input\" *ngFor=\"let input of row.inputs\">\n            <ng-container *ngIf=\"input.formInputType == 1 || input.formInputType == 6\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-input\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <input matInput type=\"text\" formControlName=\"{{ input.name }}\">\n                <mat-error></mat-error>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 2\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-select\">\n                <mat-label class=\"select-mat-label filter-name\">\n                  {{ input.name }}\n                </mat-label>\n                <mat-select formControlName=\"{{ input.name }}\">\n                  <ng-container *ngFor=\"let option of input.options\">\n                    <mat-option [value]=\"option.id\" class=\"select-mat-option\">\n                      <span class=\"name-span\">\n                        {{ option.name }}\n                      </span>\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 5\">\n              <mat-form-field class=\"full-width form-cat-input-textarea\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <textarea matInput formControlName=\"{{ input.name }}\" style=\"height: 100px;\"></textarea>\n              </mat-form-field>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <div class=\"form-button-row\">\n      <button mat-raised-button (click)=\"Close()\" class=\"form-cat-close form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Close) }}\n      </button>\n      <button mat-raised-button (click)=\"OnSubmit()\" class=\"form-cat-submit form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Send) }}\n      </button>\n    </div>\n  </form>\n</div>\n", styles: ["app-fab-form-dialog .mat-form-field-wrapper{padding-bottom:0}app-fab-form-dialog .mat-form-field-underline{bottom:0}app-fab-form-dialog .displayflex{display:flex}app-fab-form-dialog .form-cat-name{border-bottom:1px solid #000;font-size:20px;padding:5px}app-fab-form-dialog .form-cat-input{padding:5px;width:100%}app-fab-form-dialog .form-button-row{text-align:right}app-fab-form-dialog .form-button-row-button{margin:5px}app-fab-form-dialog .full-width{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.MatLegacyError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4$1.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i7.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9$1.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabFormDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-form-dialog', encapsulation: ViewEncapsulation.None, template: "<div style=\"width: 500px;\">\n  <form [formGroup]=\"FormGroup\" (ngSubmit)=\"OnSubmit()\">\n    <ng-container *ngFor=\"let cat of Form.formCategories\">\n      <div class=\"form-cat-name\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Category, cat.id) }}\n      </div>\n      <ng-container *ngFor=\"let row of cat.rows\">\n        <div class=\"form-cat-inputs displayflex\">\n          <div class=\"form-cat-input\" *ngFor=\"let input of row.inputs\">\n            <ng-container *ngIf=\"input.formInputType == 1 || input.formInputType == 6\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-input\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <input matInput type=\"text\" formControlName=\"{{ input.name }}\">\n                <mat-error></mat-error>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 2\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-select\">\n                <mat-label class=\"select-mat-label filter-name\">\n                  {{ input.name }}\n                </mat-label>\n                <mat-select formControlName=\"{{ input.name }}\">\n                  <ng-container *ngFor=\"let option of input.options\">\n                    <mat-option [value]=\"option.id\" class=\"select-mat-option\">\n                      <span class=\"name-span\">\n                        {{ option.name }}\n                      </span>\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 5\">\n              <mat-form-field class=\"full-width form-cat-input-textarea\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <textarea matInput formControlName=\"{{ input.name }}\" style=\"height: 100px;\"></textarea>\n              </mat-form-field>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <div class=\"form-button-row\">\n      <button mat-raised-button (click)=\"Close()\" class=\"form-cat-close form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Close) }}\n      </button>\n      <button mat-raised-button type=\"submit\" class=\"form-cat-submit form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Send) }}\n      </button>\n    </div>\n  </form>\n</div>\n", styles: ["app-fab-form-dialog .mat-form-field-wrapper{padding-bottom:0}app-fab-form-dialog .mat-form-field-underline{bottom:0}app-fab-form-dialog .displayflex{display:flex}app-fab-form-dialog .form-cat-name{border-bottom:1px solid #000;font-size:20px;padding:5px}app-fab-form-dialog .form-cat-input{padding:5px;width:100%}app-fab-form-dialog .form-button-row{text-align:right}app-fab-form-dialog .form-button-row-button{margin:5px}app-fab-form-dialog .full-width{width:100%}\n"] }]
+            args: [{ selector: 'app-fab-form-dialog', encapsulation: ViewEncapsulation.None, template: "<div style=\"width: 500px;\">\n  <form [formGroup]=\"FormGroup\">\n    <ng-container *ngFor=\"let cat of Form.formCategories\">\n      <div class=\"form-cat-name\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Category, cat.id) }}\n      </div>\n      <ng-container *ngFor=\"let row of cat.rows\">\n        <div class=\"form-cat-inputs displayflex\">\n          <div class=\"form-cat-input\" *ngFor=\"let input of row.inputs\">\n            <ng-container *ngIf=\"input.formInputType == 1 || input.formInputType == 6\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-input\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <input matInput type=\"text\" formControlName=\"{{ input.name }}\">\n                <mat-error></mat-error>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 2\">\n              <mat-form-field appearance=\"fill\" class=\"full-width form-cat-input-select\">\n                <mat-label class=\"select-mat-label filter-name\">\n                  {{ input.name }}\n                </mat-label>\n                <mat-select formControlName=\"{{ input.name }}\">\n                  <ng-container *ngFor=\"let option of input.options\">\n                    <mat-option [value]=\"option.id\" class=\"select-mat-option\">\n                      <span class=\"name-span\">\n                        {{ option.name }}\n                      </span>\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n              </mat-form-field>\n            </ng-container>\n\n            <ng-container *ngIf=\"input.formInputType == 5\">\n              <mat-form-field class=\"full-width form-cat-input-textarea\">\n                <mat-label>\n                  {{ TranslateService.GetActiveValue(TranslationCategory.Forms, TranslationSubCategory.Input, input.id) }}\n                </mat-label>\n                <textarea matInput formControlName=\"{{ input.name }}\" style=\"height: 100px;\"></textarea>\n              </mat-form-field>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <div class=\"form-button-row\">\n      <button mat-raised-button (click)=\"Close()\" class=\"form-cat-close form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Close) }}\n      </button>\n      <button mat-raised-button (click)=\"OnSubmit()\" class=\"form-cat-submit form-button-row-button\">\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Send) }}\n      </button>\n    </div>\n  </form>\n</div>\n", styles: ["app-fab-form-dialog .mat-form-field-wrapper{padding-bottom:0}app-fab-form-dialog .mat-form-field-underline{bottom:0}app-fab-form-dialog .displayflex{display:flex}app-fab-form-dialog .form-cat-name{border-bottom:1px solid #000;font-size:20px;padding:5px}app-fab-form-dialog .form-cat-input{padding:5px;width:100%}app-fab-form-dialog .form-button-row{text-align:right}app-fab-form-dialog .form-button-row-button{margin:5px}app-fab-form-dialog .full-width{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i6.FormBuilder }, { type: i3.MatLegacyDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_LEGACY_DIALOG_DATA]
@@ -13994,7 +13995,7 @@ class FabrikantenService {
                     form: this.FabrikantenSettingsViewModel.downloadForm
                 }
             });
-            dialogRef.afterClosed().subscribe(() => {
+            dialogRef.afterClosed().subscribe((data) => {
                 if (this.FabrikantenViewModel.hasFilledForms) {
                     this.DownloadItems(downloaditems, custombcbeboid, pdftemplates);
                 }
@@ -17205,6 +17206,7 @@ class FabActionmenuComponent {
     BestekService;
     TextureService;
     SVGService;
+    dialog;
     WebGLService;
     ToebehorenService;
     ChangeDetectorRef;
@@ -17215,13 +17217,14 @@ class FabActionmenuComponent {
         return TranslationSubCategory;
     }
     display;
-    constructor(MobileService, FabrikantenService, TranslateService, BestekService, TextureService, SVGService, WebGLService, ToebehorenService, ChangeDetectorRef) {
+    constructor(MobileService, FabrikantenService, TranslateService, BestekService, TextureService, SVGService, dialog, WebGLService, ToebehorenService, ChangeDetectorRef) {
         this.MobileService = MobileService;
         this.FabrikantenService = FabrikantenService;
         this.TranslateService = TranslateService;
         this.BestekService = BestekService;
         this.TextureService = TextureService;
         this.SVGService = SVGService;
+        this.dialog = dialog;
         this.WebGLService = WebGLService;
         this.ToebehorenService = ToebehorenService;
         this.ChangeDetectorRef = ChangeDetectorRef;
@@ -17311,10 +17314,24 @@ class FabActionmenuComponent {
         this.FabrikantenService.OpenBCBLink();
     }
     DownloadPDFTemplate(template) {
-        var url = "/Download/CreatePDF?pLanguageId=" + this.TranslateService.ActiveLanguage.id;
-        url += "&pPDFTemplateId=" + template.templateId;
-        url += "&pSessionId=" + this.FabrikantenService.FabrikantenViewModel.sessionId;
-        window.open(url, "_blank");
+        if (this.FabrikantenService.FabrikantenSettingsViewModel.downloadFormEnabled && !this.FabrikantenService.FabrikantenViewModel.hasFilledForms) {
+            var dialogRef = this.dialog.open(FabFormDialogComponent, {
+                data: {
+                    form: this.FabrikantenService.FabrikantenSettingsViewModel.downloadForm
+                }
+            });
+            dialogRef.afterClosed().subscribe((data) => {
+                if (this.FabrikantenService.FabrikantenViewModel.hasFilledForms) {
+                    this.DownloadPDFTemplate(template);
+                }
+            });
+        }
+        else {
+            var url = "/Download/CreatePDF?pLanguageId=" + this.TranslateService.ActiveLanguage.id;
+            url += "&pPDFTemplateId=" + template.templateId;
+            url += "&pSessionId=" + this.FabrikantenService.FabrikantenViewModel.sessionId;
+            window.open(url, "_blank");
+        }
     }
     Download(downloaditem, custombcbeboid) {
         this.FabrikantenService.Download(downloaditem, custombcbeboid);
@@ -17329,13 +17346,13 @@ class FabActionmenuComponent {
             this.SVGService.LoadFabrikantenSVGViewModel(this.FabrikantenService.FabrikantenViewModel.sessionId, this.ChangeDetectorRef);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabActionmenuComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: BestekService }, { token: TextureService }, { token: SVGService }, { token: WebGLService }, { token: ToebehorenService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: { display: "display" }, ngImport: i0, template: "<ng-container *ngIf=\"FabrikantenService.FabrikantenSettingsViewModel != null\">\r\n  <div class=\"column\">\r\n    <ng-container *ngIf=\"Show2DButtons()\">\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Snede) }}</mat-label>\r\n        <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\r\n          <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SnedeItem, null, snede) }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Schaal) }}</mat-label>\r\n        <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\r\n          <mat-option [value]=\"'0'\">1:1</mat-option>\r\n          <mat-option [value]=\"'1'\">1:2</mat-option>\r\n          <mat-option [value]=\"'2'\">1:5</mat-option>\r\n          <mat-option [value]=\"'3'\">1:10</mat-option>\r\n          <mat-option [value]=\"'4'\">1:20</mat-option>\r\n          <mat-option [value]=\"'5'\">1:50</mat-option>\r\n          <mat-option [value]=\"'6'\">1:100</mat-option>\r\n          <mat-option [value]=\"'7'\">1:200</mat-option>\r\n          <mat-option [value]=\"'8'\">1:500</mat-option>\r\n          <mat-option [value]=\"'9'\">1:1000</mat-option>\r\n          <mat-option [value]=\"'10'\">1:2000</mat-option>\r\n          <mat-option [value]=\"'11'\">1:5000</mat-option>\r\n          <mat-option [value]=\"'12'\">1:10000</mat-option>\r\n          <mat-option [value]=\"'13'\">1:20000</mat-option>\r\n          <mat-option [value]=\"'14'\">1:50000</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowBestekButtons()\">\r\n      <ng-container *ngIf=\"ShowBestekSelect()\">\r\n        <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"BestekService.TypeBestek = $event.source.value\" appearance=\"legacy\">\r\n          <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.STABU) }}</mat-button-toggle>\r\n          <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.OSF) }}</mat-button-toggle>\r\n          <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SpecificationText) }}</mat-button-toggle>\r\n        </mat-button-toggle-group>\r\n        <div>\r\n          &nbsp;\r\n        </div>\r\n      </ng-container>\r\n\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoard()\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon content_copy\">content_copy</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Clipboard) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoardSUF()\" *ngIf=\"BestekService.TypeBestek == 'STABU'\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon content_copy\">content_copy</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ClipboardSUF) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadBestek()\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Download) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowToebehorenButtons()\">\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label class=\"select-mat-label\">Toebehoren</mat-label>\r\n        <mat-select [(ngModel)]=\"FabrikantenService.SelectedToebehoren\" (selectionChange)=\"ToebehorenService.OpenToebehoren(this.ChangeDetectorRef)\">\r\n          <ng-container *ngFor=\"let item of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren\">\r\n            <mat-option *ngIf=\"!item.bcbProduct\" [value]=\"item\">\r\n              {{ TranslateService.GetActiveValue(TranslationCategory.Toebehoren, TranslationSubCategory.Name, item.id) }}\r\n            </mat-option>\r\n            <mat-option *ngIf=\"item.bcbProduct\" [value]=\"item\">\r\n              {{ item.name }}\r\n            </mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </ng-container>\r\n\r\n    <ng-container *ngFor=\"let downloadcategory of FabrikantenService.FabrikantenSettingsViewModel.downloadCategories\">\r\n      <ng-container *ngIf=\"ShowDownloadCategory(downloadcategory.name)\">\r\n        <ng-container *ngFor=\"let downloaditem of downloadcategory.items\">\r\n          <ng-container *ngIf=\"downloadcategory.name == 'Toebehoren'\">\r\n            <button mat-stroked-button class=\"toolbar-button\" [ngClass]=\"downloaditem.fileType + '-button'\" (click)=\"Download(downloaditem, FabrikantenService.GetSelectedToebehoren()?.bcbeboId)\" *ngIf=\"(!downloaditem.isNativeRevit || WebGLService.HasNativeRFA()) && (FabrikantenService.GetSelectedToebehoren() != null)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"downloaditem.loading\">...</span>\r\n                  <span *ngIf=\"!downloaditem.loading\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, downloaditem.translationSubCategory) }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"downloadcategory.name != 'Toebehoren'\">\r\n            <button mat-stroked-button class=\"toolbar-button\" [ngClass]=\"downloaditem.fileType + '-button'\" (click)=\"Download(downloaditem, undefined)\" *ngIf=\"!downloaditem.isNativeRevit || WebGLService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"downloaditem.loading\">...</span>\r\n                  <span *ngIf=\"!downloaditem.loading\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, downloaditem.translationSubCategory) }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngFor=\"let pdftemplate of FabrikantenService.FabrikantenViewModel.selectedProduct.pdfTemplates\">\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadPDFTemplate(pdftemplate)\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Specification) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowTextureButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenLink(TextureService.FabrikantenTextureViewModel.patroonURL)\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Texture) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenLink(TextureService.FabrikantenTextureViewModel.bumpURL)\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Bumpmap) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\" *ngIf=\"ShowBCBButton()\">\r\n      <div class=\"row\">\r\n        <div class=\"row-icon\">\r\n          <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n        </div>\r\n        <div class=\"row-title\">\r\n          {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"ShowInputCode()\">\r\n  <app-fab-input-code></app-fab-input-code>\r\n</div>\r\n", styles: ["app-fab-actionmenu .mat-stroked-button{white-space:unset!important}app-fab-actionmenu .icon{margin-right:3px}app-fab-actionmenu .toolbar-button{margin-top:3px;width:100%}app-fab-actionmenu .row{display:flex;line-height:37px}app-fab-actionmenu .row-icon{align-items:center;display:flex}app-fab-actionmenu .column{display:flex;flex-direction:column}\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: i4$1.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i14.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i14.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i9$1.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabInputCodeComponent, selector: "app-fab-input-code" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabActionmenuComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: BestekService }, { token: TextureService }, { token: SVGService }, { token: i3.MatLegacyDialog }, { token: WebGLService }, { token: ToebehorenService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: { display: "display" }, ngImport: i0, template: "<ng-container *ngIf=\"FabrikantenService.FabrikantenSettingsViewModel != null\">\r\n  <div class=\"column\">\r\n    <ng-container *ngIf=\"Show2DButtons()\">\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Snede) }}</mat-label>\r\n        <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\r\n          <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SnedeItem, null, snede) }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Schaal) }}</mat-label>\r\n        <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\r\n          <mat-option [value]=\"'0'\">1:1</mat-option>\r\n          <mat-option [value]=\"'1'\">1:2</mat-option>\r\n          <mat-option [value]=\"'2'\">1:5</mat-option>\r\n          <mat-option [value]=\"'3'\">1:10</mat-option>\r\n          <mat-option [value]=\"'4'\">1:20</mat-option>\r\n          <mat-option [value]=\"'5'\">1:50</mat-option>\r\n          <mat-option [value]=\"'6'\">1:100</mat-option>\r\n          <mat-option [value]=\"'7'\">1:200</mat-option>\r\n          <mat-option [value]=\"'8'\">1:500</mat-option>\r\n          <mat-option [value]=\"'9'\">1:1000</mat-option>\r\n          <mat-option [value]=\"'10'\">1:2000</mat-option>\r\n          <mat-option [value]=\"'11'\">1:5000</mat-option>\r\n          <mat-option [value]=\"'12'\">1:10000</mat-option>\r\n          <mat-option [value]=\"'13'\">1:20000</mat-option>\r\n          <mat-option [value]=\"'14'\">1:50000</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowBestekButtons()\">\r\n      <ng-container *ngIf=\"ShowBestekSelect()\">\r\n        <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"BestekService.TypeBestek = $event.source.value\" appearance=\"legacy\">\r\n          <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.STABU) }}</mat-button-toggle>\r\n          <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.OSF) }}</mat-button-toggle>\r\n          <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SpecificationText) }}</mat-button-toggle>\r\n        </mat-button-toggle-group>\r\n        <div>\r\n          &nbsp;\r\n        </div>\r\n      </ng-container>\r\n\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoard()\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon content_copy\">content_copy</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Clipboard) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoardSUF()\" *ngIf=\"BestekService.TypeBestek == 'STABU'\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon content_copy\">content_copy</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ClipboardSUF) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadBestek()\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Download) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowToebehorenButtons()\">\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label class=\"select-mat-label\">Toebehoren</mat-label>\r\n        <mat-select [(ngModel)]=\"FabrikantenService.SelectedToebehoren\" (selectionChange)=\"ToebehorenService.OpenToebehoren(this.ChangeDetectorRef)\">\r\n          <ng-container *ngFor=\"let item of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren\">\r\n            <mat-option *ngIf=\"!item.bcbProduct\" [value]=\"item\">\r\n              {{ TranslateService.GetActiveValue(TranslationCategory.Toebehoren, TranslationSubCategory.Name, item.id) }}\r\n            </mat-option>\r\n            <mat-option *ngIf=\"item.bcbProduct\" [value]=\"item\">\r\n              {{ item.name }}\r\n            </mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </ng-container>\r\n\r\n    <ng-container *ngFor=\"let downloadcategory of FabrikantenService.FabrikantenSettingsViewModel.downloadCategories\">\r\n      <ng-container *ngIf=\"ShowDownloadCategory(downloadcategory.name)\">\r\n        <ng-container *ngFor=\"let downloaditem of downloadcategory.items\">\r\n          <ng-container *ngIf=\"downloadcategory.name == 'Toebehoren'\">\r\n            <button mat-stroked-button class=\"toolbar-button\" [ngClass]=\"downloaditem.fileType + '-button'\" (click)=\"Download(downloaditem, FabrikantenService.GetSelectedToebehoren()?.bcbeboId)\" *ngIf=\"(!downloaditem.isNativeRevit || WebGLService.HasNativeRFA()) && (FabrikantenService.GetSelectedToebehoren() != null)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"downloaditem.loading\">...</span>\r\n                  <span *ngIf=\"!downloaditem.loading\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, downloaditem.translationSubCategory) }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"downloadcategory.name != 'Toebehoren'\">\r\n            <button mat-stroked-button class=\"toolbar-button\" [ngClass]=\"downloaditem.fileType + '-button'\" (click)=\"Download(downloaditem, undefined)\" *ngIf=\"!downloaditem.isNativeRevit || WebGLService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"downloaditem.loading\">...</span>\r\n                  <span *ngIf=\"!downloaditem.loading\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, downloaditem.translationSubCategory) }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngFor=\"let pdftemplate of FabrikantenService.FabrikantenViewModel.selectedProduct.pdfTemplates\">\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadPDFTemplate(pdftemplate)\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Specification) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowTextureButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenLink(TextureService.FabrikantenTextureViewModel.patroonURL)\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Texture) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenLink(TextureService.FabrikantenTextureViewModel.bumpURL)\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Bumpmap) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\" *ngIf=\"ShowBCBButton()\">\r\n      <div class=\"row\">\r\n        <div class=\"row-icon\">\r\n          <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n        </div>\r\n        <div class=\"row-title\">\r\n          {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"ShowInputCode()\">\r\n  <app-fab-input-code></app-fab-input-code>\r\n</div>\r\n", styles: ["app-fab-actionmenu .mat-stroked-button{white-space:unset!important}app-fab-actionmenu .icon{margin-right:3px}app-fab-actionmenu .toolbar-button{margin-top:3px;width:100%}app-fab-actionmenu .row{display:flex;line-height:37px}app-fab-actionmenu .row-icon{align-items:center;display:flex}app-fab-actionmenu .column{display:flex;flex-direction:column}\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: i4$1.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i15.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i15.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i9$1.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabInputCodeComponent, selector: "app-fab-input-code" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabActionmenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-fab-actionmenu', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"FabrikantenService.FabrikantenSettingsViewModel != null\">\r\n  <div class=\"column\">\r\n    <ng-container *ngIf=\"Show2DButtons()\">\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Snede) }}</mat-label>\r\n        <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\r\n          <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SnedeItem, null, snede) }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Schaal) }}</mat-label>\r\n        <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\r\n          <mat-option [value]=\"'0'\">1:1</mat-option>\r\n          <mat-option [value]=\"'1'\">1:2</mat-option>\r\n          <mat-option [value]=\"'2'\">1:5</mat-option>\r\n          <mat-option [value]=\"'3'\">1:10</mat-option>\r\n          <mat-option [value]=\"'4'\">1:20</mat-option>\r\n          <mat-option [value]=\"'5'\">1:50</mat-option>\r\n          <mat-option [value]=\"'6'\">1:100</mat-option>\r\n          <mat-option [value]=\"'7'\">1:200</mat-option>\r\n          <mat-option [value]=\"'8'\">1:500</mat-option>\r\n          <mat-option [value]=\"'9'\">1:1000</mat-option>\r\n          <mat-option [value]=\"'10'\">1:2000</mat-option>\r\n          <mat-option [value]=\"'11'\">1:5000</mat-option>\r\n          <mat-option [value]=\"'12'\">1:10000</mat-option>\r\n          <mat-option [value]=\"'13'\">1:20000</mat-option>\r\n          <mat-option [value]=\"'14'\">1:50000</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowBestekButtons()\">\r\n      <ng-container *ngIf=\"ShowBestekSelect()\">\r\n        <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"BestekService.TypeBestek = $event.source.value\" appearance=\"legacy\">\r\n          <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.STABU) }}</mat-button-toggle>\r\n          <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.OSF) }}</mat-button-toggle>\r\n          <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SpecificationText) }}</mat-button-toggle>\r\n        </mat-button-toggle-group>\r\n        <div>\r\n          &nbsp;\r\n        </div>\r\n      </ng-container>\r\n\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoard()\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon content_copy\">content_copy</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Clipboard) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoardSUF()\" *ngIf=\"BestekService.TypeBestek == 'STABU'\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon content_copy\">content_copy</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ClipboardSUF) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadBestek()\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Download) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowToebehorenButtons()\">\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label class=\"select-mat-label\">Toebehoren</mat-label>\r\n        <mat-select [(ngModel)]=\"FabrikantenService.SelectedToebehoren\" (selectionChange)=\"ToebehorenService.OpenToebehoren(this.ChangeDetectorRef)\">\r\n          <ng-container *ngFor=\"let item of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren\">\r\n            <mat-option *ngIf=\"!item.bcbProduct\" [value]=\"item\">\r\n              {{ TranslateService.GetActiveValue(TranslationCategory.Toebehoren, TranslationSubCategory.Name, item.id) }}\r\n            </mat-option>\r\n            <mat-option *ngIf=\"item.bcbProduct\" [value]=\"item\">\r\n              {{ item.name }}\r\n            </mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </ng-container>\r\n\r\n    <ng-container *ngFor=\"let downloadcategory of FabrikantenService.FabrikantenSettingsViewModel.downloadCategories\">\r\n      <ng-container *ngIf=\"ShowDownloadCategory(downloadcategory.name)\">\r\n        <ng-container *ngFor=\"let downloaditem of downloadcategory.items\">\r\n          <ng-container *ngIf=\"downloadcategory.name == 'Toebehoren'\">\r\n            <button mat-stroked-button class=\"toolbar-button\" [ngClass]=\"downloaditem.fileType + '-button'\" (click)=\"Download(downloaditem, FabrikantenService.GetSelectedToebehoren()?.bcbeboId)\" *ngIf=\"(!downloaditem.isNativeRevit || WebGLService.HasNativeRFA()) && (FabrikantenService.GetSelectedToebehoren() != null)\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"downloaditem.loading\">...</span>\r\n                  <span *ngIf=\"!downloaditem.loading\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, downloaditem.translationSubCategory) }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"downloadcategory.name != 'Toebehoren'\">\r\n            <button mat-stroked-button class=\"toolbar-button\" [ngClass]=\"downloaditem.fileType + '-button'\" (click)=\"Download(downloaditem, undefined)\" *ngIf=\"!downloaditem.isNativeRevit || WebGLService.HasNativeRFA()\">\r\n              <div class=\"row\">\r\n                <div class=\"row-icon\">\r\n                  <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n                </div>\r\n                <div class=\"row-title\">\r\n                  <span *ngIf=\"downloaditem.loading\">...</span>\r\n                  <span *ngIf=\"!downloaditem.loading\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, downloaditem.translationSubCategory) }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngFor=\"let pdftemplate of FabrikantenService.FabrikantenViewModel.selectedProduct.pdfTemplates\">\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadPDFTemplate(pdftemplate)\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon file_download\">file_download</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Specification) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"ShowTextureButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenLink(TextureService.FabrikantenTextureViewModel.patroonURL)\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Texture) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n      <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenLink(TextureService.FabrikantenTextureViewModel.bumpURL)\">\r\n        <div class=\"row\">\r\n          <div class=\"row-icon\">\r\n            <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n          </div>\r\n          <div class=\"row-title\">\r\n            {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Bumpmap) }}\r\n          </div>\r\n        </div>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\" *ngIf=\"ShowBCBButton()\">\r\n      <div class=\"row\">\r\n        <div class=\"row-icon\">\r\n          <mat-icon class=\"icon open_in_new\">open_in_new</mat-icon>\r\n        </div>\r\n        <div class=\"row-title\">\r\n          {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.BCB) }}\r\n        </div>\r\n      </div>\r\n    </button>\r\n  </div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"ShowInputCode()\">\r\n  <app-fab-input-code></app-fab-input-code>\r\n</div>\r\n", styles: ["app-fab-actionmenu .mat-stroked-button{white-space:unset!important}app-fab-actionmenu .icon{margin-right:3px}app-fab-actionmenu .toolbar-button{margin-top:3px;width:100%}app-fab-actionmenu .row{display:flex;line-height:37px}app-fab-actionmenu .row-icon{align-items:center;display:flex}app-fab-actionmenu .column{display:flex;flex-direction:column}\n"] }]
-        }], ctorParameters: function () { return [{ type: MobileService }, { type: FabrikantenService }, { type: TranslateService }, { type: BestekService }, { type: TextureService }, { type: SVGService }, { type: WebGLService }, { type: ToebehorenService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { display: [{
+        }], ctorParameters: function () { return [{ type: MobileService }, { type: FabrikantenService }, { type: TranslateService }, { type: BestekService }, { type: TextureService }, { type: SVGService }, { type: i3.MatLegacyDialog }, { type: WebGLService }, { type: ToebehorenService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { display: [{
                 type: Input
             }] } });