fabrikantencore 2.40.12 → 2.40.15

package/fesm2022/fabrikantencore.mjs

@@ -19076,11 +19076,11 @@ class FabCookiesDialogComponent {
         this.dialogRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabCookiesDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: TranslateService }, { token: FabrikantenService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabCookiesDialogComponent, isStandalone: false, selector: "app-fab-cookies-dialog", ngImport: i0, template: "<div *ngIf=\"TranslateService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-block\" *ngIf=\"!TranslateService.Loading\">\n  <h2>\n    {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Name) }}\n  </h2>\n\n  <p>\n    {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Description) }}\n  </p>\n\n  <div style=\"display: flex;\">\n    <button mat-stroked-button (click)=\"Decline()\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Decline) }}\n    </button>\n    <div style=\"flex: auto;\"> \n\n    </div>\n    <button mat-stroked-button (click)=\"Accept()\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Accept) }}\n    </button>\n  </div>\n</div>\n", styles: [".main-block{max-width:500px}\n"], dependencies: [{ 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: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabCookiesDialogComponent, isStandalone: false, selector: "app-fab-cookies-dialog", ngImport: i0, template: "<div *ngIf=\"TranslateService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-block\" *ngIf=\"!TranslateService.Loading\">\n  <h2>\n    {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Name) }}\n  </h2>\n\n  <p>\n    {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Description) }}\n  </p>\n\n  <div style=\"display: flex;\">\n    <button mat-stroked-button (click)=\"Decline()\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Decline) }}\n    </button>\n    <div style=\"flex: auto;\"> \n\n    </div>\n    <button mat-stroked-button (click)=\"Accept()\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Accept) }}\n    </button>\n  </div>\n</div>\n", styles: [".main-block{max-width:500px;padding:20px}\n"], dependencies: [{ 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: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabCookiesDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-cookies-dialog', standalone: false, template: "<div *ngIf=\"TranslateService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-block\" *ngIf=\"!TranslateService.Loading\">\n  <h2>\n    {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Name) }}\n  </h2>\n\n  <p>\n    {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Description) }}\n  </p>\n\n  <div style=\"display: flex;\">\n    <button mat-stroked-button (click)=\"Decline()\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Decline) }}\n    </button>\n    <div style=\"flex: auto;\"> \n\n    </div>\n    <button mat-stroked-button (click)=\"Accept()\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Accept) }}\n    </button>\n  </div>\n</div>\n", styles: [".main-block{max-width:500px}\n"] }]
+            args: [{ selector: 'app-fab-cookies-dialog', standalone: false, template: "<div *ngIf=\"TranslateService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-block\" *ngIf=\"!TranslateService.Loading\">\n  <h2>\n    {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Name) }}\n  </h2>\n\n  <p>\n    {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Description) }}\n  </p>\n\n  <div style=\"display: flex;\">\n    <button mat-stroked-button (click)=\"Decline()\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Decline) }}\n    </button>\n    <div style=\"flex: auto;\"> \n\n    </div>\n    <button mat-stroked-button (click)=\"Accept()\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.CookiePopup, TranslationSubCategory.Accept) }}\n    </button>\n  </div>\n</div>\n", styles: [".main-block{max-width:500px;padding:20px}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -20114,6 +20114,9 @@ class FabrikantenService {
             this.DisableLoading();
         });
     }
+    TestLoading(value) {
+        this.Loading = value;
+    }
     SetSkipForms() {
         var execute = false;
         if (this.FabrikantenSettingsViewModel.skipFormPassword == '') {
@@ -24336,6 +24339,24 @@ class FabActionmenuComponent {
     ShowAutoSpecificationButtons() {
         return this.display == "AutoSpecification";
     }
+    ShowDownload(downloaditem) {
+        if (!downloaditem.isNativeRevit) {
+            return true;
+        }
+        else {
+            if (this.WebGLService.HasNativeRFA()) {
+                if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct?.customDownloads != null) {
+                    for (var i = 0; i < this.FabrikantenService.FabrikantenViewModel.selectedProduct.customDownloads.length; i++) {
+                        if (this.FabrikantenService.FabrikantenViewModel.selectedProduct.customDownloads[i].downloadType == DownloadType.RevitTypeCatalog) {
+                            return false;
+                        }
+                    }
+                }
+                return true;
+            }
+        }
+        return false;
+    }
     ShowLastenboekButtons() {
         return this.display == "Lastenboek";
     }
@@ -24571,11 +24592,11 @@ class FabActionmenuComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabActionmenuComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: BestekService }, { token: TextureService }, { token: SVGService }, { token: i1$1.MatDialog }, { token: WebGLService }, { token: ToebehorenService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabActionmenuComponent, isStandalone: false, 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 copy-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 copy-suf-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 download-bestek-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=\"ShowAutoSpecificationButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button copy-button\" (click)=\"CopyToClipBoardAutoSpecification()\">\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 download-bestek-button\" (click)=\"DownloadAutoSpecification()\">\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=\"ShowLastenboekButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button copy-button\" (click)=\"CopyToClipBoardLastenboek()\">\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 download-bestek-button\" (click)=\"DownloadLastenboek()\">\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 *ngIf=\"FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <ng-container *ngFor=\"let customDownload of FabrikantenService.FabrikantenViewModel.selectedProduct.customDownloads\">\r\n        <ng-container *ngIf=\"DisplayCustomDownload(customDownload)\">\r\n          <ng-container *ngIf=\"customDownload.downloadType == 1\">\r\n            <button mat-stroked-button class=\"toolbar-button custom-button\" (click)=\"DownloadCustom(customDownload)\">\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=\"customDownload.loading\">...</span>\r\n                  <span *ngIf=\"!customDownload.loading\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.DownloadRevit) }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"customDownload.downloadType == 2\">\r\n            <button mat-stroked-button class=\"toolbar-button custom-button\" (click)=\"OpenPDF(customDownload)\">\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                  <span *ngIf=\"customDownload.loading\">...</span>\r\n                  <span *ngIf=\"!customDownload.loading\">{{ customDownload.name }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\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 template-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    </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 bcb-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", 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: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: i8$1.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", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i15.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabActionmenuComponent, isStandalone: false, 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 copy-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 copy-suf-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 download-bestek-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=\"ShowAutoSpecificationButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button copy-button\" (click)=\"CopyToClipBoardAutoSpecification()\">\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 download-bestek-button\" (click)=\"DownloadAutoSpecification()\">\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=\"ShowLastenboekButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button copy-button\" (click)=\"CopyToClipBoardLastenboek()\">\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 download-bestek-button\" (click)=\"DownloadLastenboek()\">\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=\"ShowDownload(downloaditem)\">\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 *ngIf=\"FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <ng-container *ngFor=\"let customDownload of FabrikantenService.FabrikantenViewModel.selectedProduct.customDownloads\">\r\n        <ng-container *ngIf=\"DisplayCustomDownload(customDownload)\">\r\n          <ng-container *ngIf=\"customDownload.downloadType == 1\">\r\n            <button mat-stroked-button class=\"toolbar-button custom-button\" (click)=\"DownloadCustom(customDownload)\">\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=\"customDownload.loading\">...</span>\r\n                  <span *ngIf=\"!customDownload.loading\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.DownloadRevit) }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"customDownload.downloadType == 2\">\r\n            <button mat-stroked-button class=\"toolbar-button custom-button\" (click)=\"OpenPDF(customDownload)\">\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                  <span *ngIf=\"customDownload.loading\">...</span>\r\n                  <span *ngIf=\"!customDownload.loading\">{{ customDownload.name }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\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 template-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    </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 bcb-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", 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: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: i8$1.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", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i15.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabActionmenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-actionmenu', standalone: false, 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 copy-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 copy-suf-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 download-bestek-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=\"ShowAutoSpecificationButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button copy-button\" (click)=\"CopyToClipBoardAutoSpecification()\">\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 download-bestek-button\" (click)=\"DownloadAutoSpecification()\">\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=\"ShowLastenboekButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button copy-button\" (click)=\"CopyToClipBoardLastenboek()\">\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 download-bestek-button\" (click)=\"DownloadLastenboek()\">\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 *ngIf=\"FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <ng-container *ngFor=\"let customDownload of FabrikantenService.FabrikantenViewModel.selectedProduct.customDownloads\">\r\n        <ng-container *ngIf=\"DisplayCustomDownload(customDownload)\">\r\n          <ng-container *ngIf=\"customDownload.downloadType == 1\">\r\n            <button mat-stroked-button class=\"toolbar-button custom-button\" (click)=\"DownloadCustom(customDownload)\">\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=\"customDownload.loading\">...</span>\r\n                  <span *ngIf=\"!customDownload.loading\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.DownloadRevit) }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"customDownload.downloadType == 2\">\r\n            <button mat-stroked-button class=\"toolbar-button custom-button\" (click)=\"OpenPDF(customDownload)\">\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                  <span *ngIf=\"customDownload.loading\">...</span>\r\n                  <span *ngIf=\"!customDownload.loading\">{{ customDownload.name }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\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 template-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    </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 bcb-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", 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"] }]
+            args: [{ selector: 'app-fab-actionmenu', standalone: false, 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 copy-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 copy-suf-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 download-bestek-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=\"ShowAutoSpecificationButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button copy-button\" (click)=\"CopyToClipBoardAutoSpecification()\">\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 download-bestek-button\" (click)=\"DownloadAutoSpecification()\">\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=\"ShowLastenboekButtons()\">\r\n      <button mat-stroked-button class=\"toolbar-button copy-button\" (click)=\"CopyToClipBoardLastenboek()\">\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 download-bestek-button\" (click)=\"DownloadLastenboek()\">\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=\"ShowDownload(downloaditem)\">\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 *ngIf=\"FabrikantenService.FabrikantenViewModel?.selectedProduct != null\">\r\n      <ng-container *ngFor=\"let customDownload of FabrikantenService.FabrikantenViewModel.selectedProduct.customDownloads\">\r\n        <ng-container *ngIf=\"DisplayCustomDownload(customDownload)\">\r\n          <ng-container *ngIf=\"customDownload.downloadType == 1\">\r\n            <button mat-stroked-button class=\"toolbar-button custom-button\" (click)=\"DownloadCustom(customDownload)\">\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=\"customDownload.loading\">...</span>\r\n                  <span *ngIf=\"!customDownload.loading\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.DownloadRevit) }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"customDownload.downloadType == 2\">\r\n            <button mat-stroked-button class=\"toolbar-button custom-button\" (click)=\"OpenPDF(customDownload)\">\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                  <span *ngIf=\"customDownload.loading\">...</span>\r\n                  <span *ngIf=\"!customDownload.loading\">{{ customDownload.name }}</span>\r\n                </div>\r\n              </div>\r\n            </button>\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 template-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    </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 bcb-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", 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: () => [{ type: MobileService }, { type: FabrikantenService }, { type: TranslateService }, { type: BestekService }, { type: TextureService }, { type: SVGService }, { type: i1$1.MatDialog }, { type: WebGLService }, { type: ToebehorenService }, { type: i0.ChangeDetectorRef }], propDecorators: { display: [{
                 type: Input
             }] } });
@@ -29886,12 +29907,10 @@ class FabProductComponent {
         return false;
     }
     ShowInformation() {
-        if (this.FabrikantenService.FabrikantenViewModel != null) {
-            if (this.FabrikantenService.FabrikantenSettingsViewModel.hideInformationTab) {
-                return false;
-            }
+        if (this.FabrikantenService.FabrikantenSettingsViewModel?.hideInformationTab == false) {
+            return true;
         }
-        return true;
+        return false;
     }
     ShowBreadcrumb() {
         if (this.FabrikantenService.FabrikantenViewModel != null) {