fabrikantencore 2.0.0 → 2.0.3

package/fesm2020/fabrikantencore.mjs

@@ -2141,6 +2141,55 @@ class ProductsApiClient {
         }
         return of(null);
     }
+    ignoreBCBEigenschapOptieFilterOption(pConnectEigenschapOptieRequest) {
+        let url_ = this.baseUrl + "/api/products/ignorebcbeigenschapoptiefilteroption";
+        url_ = url_.replace(/[?&]$/, "");
+        const content_ = JSON.stringify(pConnectEigenschapOptieRequest);
+        let options_ = {
+            body: content_,
+            observe: "response",
+            responseType: "blob",
+            headers: new HttpHeaders({
+                "Content-Type": "application/json",
+            })
+        };
+        return this.http.request("post", url_, options_).pipe(mergeMap((response_) => {
+            return this.processIgnoreBCBEigenschapOptieFilterOption(response_);
+        })).pipe(catchError((response_) => {
+            if (response_ instanceof HttpResponseBase) {
+                try {
+                    return this.processIgnoreBCBEigenschapOptieFilterOption(response_);
+                }
+                catch (e) {
+                    return throwError(e);
+                }
+            }
+            else
+                return throwError(response_);
+        }));
+    }
+    processIgnoreBCBEigenschapOptieFilterOption(response) {
+        const status = response.status;
+        const responseBlob = response instanceof HttpResponse ? response.body :
+            response.error instanceof Blob ? response.error : undefined;
+        let _headers = {};
+        if (response.headers) {
+            for (let key of response.headers.keys()) {
+                _headers[key] = response.headers.get(key);
+            }
+        }
+        if (status === 200) {
+            return blobToText(responseBlob).pipe(mergeMap((_responseText) => {
+                return of(null);
+            }));
+        }
+        else if (status !== 200 && status !== 204) {
+            return blobToText(responseBlob).pipe(mergeMap((_responseText) => {
+                return throwException("An unexpected server error occurred.", status, _responseText, _headers);
+            }));
+        }
+        return of(null);
+    }
     connectBCBOpbouwOptieFilterOption(pConnectOpbouwOptieRequest) {
         let url_ = this.baseUrl + "/api/products/connectbcbopbouwoptiefilteroption";
         url_ = url_.replace(/[?&]$/, "");
@@ -3925,6 +3974,7 @@ class BCBEigenschapOptieViewModel {
         if (_data) {
             this.id = _data["id"];
             this.name = _data["name"];
+            this.ignore = _data["ignore"];
             this.connected = _data["connected"];
             if (Array.isArray(_data["bcbEigenschapOptieFilterOptionViewModels"])) {
                 this.bcbEigenschapOptieFilterOptionViewModels = [];
@@ -3948,6 +3998,7 @@ class BCBEigenschapOptieViewModel {
         data = typeof data === 'object' ? data : {};
         data["id"] = this.id;
         data["name"] = this.name;
+        data["ignore"] = this.ignore;
         data["connected"] = this.connected;
         if (Array.isArray(this.bcbEigenschapOptieFilterOptionViewModels)) {
             data["bcbEigenschapOptieFilterOptionViewModels"] = [];
@@ -9492,10 +9543,10 @@ class FabProductBestekComponent {
     }
 }
 FabProductBestekComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabProductBestekComponent, deps: [{ token: MobileService }, { token: FabrikantenService }, { token: TranslateService }, { token: BestekService }], target: i0.ɵɵFactoryTarget.Component });
-FabProductBestekComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabProductBestekComponent, selector: "app-fab-product-bestek", viewQueries: [{ propertyName: "fabProductBestek", first: true, predicate: ["fabProductBestek"], descendants: true }], ngImport: i0, template: "<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\n  <div *ngIf=\"ShowBestek()\">\n    <div *ngIf=\"!BestekService.Loading\">\n\n      <div class=\"bestek-settings\">\n        <mat-card>\n          <mat-card-content>\n            <div class=\"column\">\n              <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"SelectedTabChange($event)\" appearance=\"legacy\">\n                <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(\"Common\", \"STABU\") }}</mat-button-toggle>\n                <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(\"Common\", \"OSF\") }}</mat-button-toggle>\n                <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(\"Common\", \"Specification text\") }}</mat-button-toggle>\n              </mat-button-toggle-group>\n              <div>\n                &nbsp;\n              </div>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoard()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">content_copy</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Clipboard\") }}\n                  </div>\n                </div>\n              </button>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadBestek()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">file_download</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Download\") }}\n                  </div>\n                </div>\n              </button>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">open_in_new</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                  </div>\n                </div>\n              </button>\n            </div>\n          </mat-card-content>\n        </mat-card>\n      </div>\n\n\n      <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["app-fab-product-bestek .row{display:flex;line-height:37px}app-fab-product-bestek .icon{margin-right:3px}app-fab-product-bestek .row-icon{align-items:center;display:flex}app-fab-product-bestek .column{display:flex;flex-direction:column}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .row-title{flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .toolbar{display:flex;padding-bottom:5px}app-fab-product-bestek .toolbar-mobile{padding-bottom:5px}app-fab-product-bestek .toolbar-actions{flex:auto}app-fab-product-bestek .toolbar-button{margin-top:3px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[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: i7$2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i9$1.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: FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
+FabProductBestekComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabProductBestekComponent, selector: "app-fab-product-bestek", viewQueries: [{ propertyName: "fabProductBestek", first: true, predicate: ["fabProductBestek"], descendants: true }], ngImport: i0, template: "<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\n  <div *ngIf=\"ShowBestek()\">\n    <div *ngIf=\"!BestekService.Loading\">\n\n      <div class=\"bestek-settings\">\n        <mat-card>\n          <mat-card-content>\n            <div class=\"column\">\n              <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"SelectedTabChange($event)\" appearance=\"legacy\">\n                <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(\"Common\", \"STABU\") }}</mat-button-toggle>\n                <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(\"Common\", \"OSF\") }}</mat-button-toggle>\n                <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(\"Common\", \"Specification text\") }}</mat-button-toggle>\n              </mat-button-toggle-group>\n              <div>\n                &nbsp;\n              </div>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoard()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">content_copy</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Clipboard\") }}\n                  </div>\n                </div>\n              </button>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadBestek()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">file_download</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Download\") }}\n                  </div>\n                </div>\n              </button>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">open_in_new</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                  </div>\n                </div>\n              </button>\n            </div>\n          </mat-card-content>\n        </mat-card>\n      </div>\n\n\n      <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["app-fab-product-bestek .row{display:flex;line-height:37px}app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .icon{margin-right:3px}app-fab-product-bestek .row-icon{align-items:center;display:flex}app-fab-product-bestek .column{display:flex;flex-direction:column}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .row-title{flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .toolbar{display:flex;padding-bottom:5px}app-fab-product-bestek .toolbar-mobile{padding-bottom:5px}app-fab-product-bestek .toolbar-actions{flex:auto}app-fab-product-bestek .toolbar-button{margin-top:3px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[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: i7$2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i9$1.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: FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabProductBestekComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-product-bestek', encapsulation: ViewEncapsulation.None, template: "<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\n  <div *ngIf=\"ShowBestek()\">\n    <div *ngIf=\"!BestekService.Loading\">\n\n      <div class=\"bestek-settings\">\n        <mat-card>\n          <mat-card-content>\n            <div class=\"column\">\n              <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"SelectedTabChange($event)\" appearance=\"legacy\">\n                <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(\"Common\", \"STABU\") }}</mat-button-toggle>\n                <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(\"Common\", \"OSF\") }}</mat-button-toggle>\n                <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(\"Common\", \"Specification text\") }}</mat-button-toggle>\n              </mat-button-toggle-group>\n              <div>\n                &nbsp;\n              </div>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoard()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">content_copy</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Clipboard\") }}\n                  </div>\n                </div>\n              </button>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadBestek()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">file_download</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Download\") }}\n                  </div>\n                </div>\n              </button>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">open_in_new</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                  </div>\n                </div>\n              </button>\n            </div>\n          </mat-card-content>\n        </mat-card>\n      </div>\n\n\n      <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["app-fab-product-bestek .row{display:flex;line-height:37px}app-fab-product-bestek .icon{margin-right:3px}app-fab-product-bestek .row-icon{align-items:center;display:flex}app-fab-product-bestek .column{display:flex;flex-direction:column}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .row-title{flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .toolbar{display:flex;padding-bottom:5px}app-fab-product-bestek .toolbar-mobile{padding-bottom:5px}app-fab-product-bestek .toolbar-actions{flex:auto}app-fab-product-bestek .toolbar-button{margin-top:3px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"] }]
+            args: [{ selector: 'app-fab-product-bestek', encapsulation: ViewEncapsulation.None, template: "<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  <app-fab-loader *ngIf=\"BestekService.Loading\"></app-fab-loader>\n  <div *ngIf=\"ShowBestek()\">\n    <div *ngIf=\"!BestekService.Loading\">\n\n      <div class=\"bestek-settings\">\n        <mat-card>\n          <mat-card-content>\n            <div class=\"column\">\n              <mat-button-toggle-group [value]=\"BestekService.TypeBestek\" (change)=\"SelectedTabChange($event)\" appearance=\"legacy\">\n                <mat-button-toggle *ngIf=\"ShowSTABU()\" value=\"STABU\">{{ TranslateService.GetActiveValue(\"Common\", \"STABU\") }}</mat-button-toggle>\n                <mat-button-toggle *ngIf=\"ShowOSF()\" value=\"OSF\">{{ TranslateService.GetActiveValue(\"Common\", \"OSF\") }}</mat-button-toggle>\n                <mat-button-toggle *ngIf=\"ShowVrij()\" value=\"Vrij\">{{ TranslateService.GetActiveValue(\"Common\", \"Specification text\") }}</mat-button-toggle>\n              </mat-button-toggle-group>\n              <div>\n                &nbsp;\n              </div>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"CopyToClipBoard()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">content_copy</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Clipboard\") }}\n                  </div>\n                </div>\n              </button>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"DownloadBestek()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">file_download</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"Download\") }}\n                  </div>\n                </div>\n              </button>\n              <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n                <div class=\"row\">\n                  <div class=\"row-icon\">\n                    <mat-icon class=\"icon\">open_in_new</mat-icon>\n                  </div>\n                  <div class=\"row-title\">\n                    {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                  </div>\n                </div>\n              </button>\n            </div>\n          </mat-card-content>\n        </mat-card>\n      </div>\n\n\n      <div class=\"bestek-viewer\" #fabProductBestek [innerHTML]=\"BestekService.GetBestekTekst()\">\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["app-fab-product-bestek .row{display:flex;line-height:37px}app-fab-product-bestek .multiplevariants{padding:10px}app-fab-product-bestek .icon{margin-right:3px}app-fab-product-bestek .row-icon{align-items:center;display:flex}app-fab-product-bestek .column{display:flex;flex-direction:column}app-fab-product-bestek .bestek-settings{position:absolute;top:10px;right:10px;display:flex}app-fab-product-bestek .row-title{flex:auto}app-fab-product-bestek .main-window{margin:10px}app-fab-product-bestek .bestek-type-select{text-align:right}app-fab-product-bestek .bestek-type-select-mobile{padding-top:10px}app-fab-product-bestek .toolbar{display:flex;padding-bottom:5px}app-fab-product-bestek .toolbar-mobile{padding-bottom:5px}app-fab-product-bestek .toolbar-actions{flex:auto}app-fab-product-bestek .toolbar-button{margin-top:3px}app-fab-product-bestek .button{margin:5px;width:100%}app-fab-product-bestek .bestek-style2{width:80px}app-fab-product-bestek .bestek-style3{width:50px}app-fab-product-bestek .bestek-style4{width:20px}app-fab-product-bestek .bestek-style5{color:red}app-fab-product-bestek .bestek-style6{color:gray}app-fab-product-bestek .bestek-style7{color:#000}app-fab-product-bestek .bestek-style8{width:25px}\n"] }]
         }], ctorParameters: function () { return [{ type: MobileService }, { type: FabrikantenService }, { type: TranslateService }, { type: BestekService }]; }, propDecorators: { fabProductBestek: [{
                 type: ViewChild,
                 args: ['fabProductBestek']
@@ -9701,10 +9752,10 @@ class FabWebglViewerComponent {
     }
 }
 FabWebglViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabWebglViewerComponent, deps: [{ token: FabrikantenService }, { token: WebGLService }, { token: TranslateService }, { token: MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabWebglViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabWebglViewerComponent, selector: "app-fab-webgl-viewer", viewQueries: [{ propertyName: "viewercontainer", first: true, predicate: ["viewercontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\n    <div #viewercontainer class=\"viewer-container\">\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\n    </div>\n\n    <div class=\"webgl-settings\">\n      <mat-card>\n        <mat-card-content>\n          <div class=\"column\">\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"WebGLService.HasNativeRFA()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\n                </div>\n              </div>\n            </button>\n            <!--<button mat-stroked-button class=\"toolbar-button revit-plugin-button\" (click)=\"FabrikantenService.DownloadRevitPlugin()\">\n    <div class=\"row\">\n      <div class=\"row-icon\">\n        <mat-icon class=\"icon\">file_download</mat-icon>\n      </div>\n      <div class=\"row-title\">\n        <span *ngIf=\"FabrikantenService.DownloadRevitPluginLoading\">...</span>\n        <span *ngIf=\"!FabrikantenService.DownloadRevitPluginLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit (plugin)\") }}</span>\n      </div>\n    </div>\n  </button>-->\n            <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" (click)=\"FabrikantenService.Download3DAutoCADDwg()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download3DAutoCADDwgLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download3DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D AutoCAD Dwg\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button dxf-3d-button\" (click)=\"FabrikantenService.Download3DDxf()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download3DDxfLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download3DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D Dxf\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">open_in_new</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                </div>\n              </div>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </div>\n</div>\n\n\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}.toolbar{display:flex;padding:3px}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[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: i7$2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+FabWebglViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabWebglViewerComponent, selector: "app-fab-webgl-viewer", viewQueries: [{ propertyName: "viewercontainer", first: true, predicate: ["viewercontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\n    <div #viewercontainer class=\"viewer-container\">\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\n    </div>\n\n    <div class=\"webgl-settings\">\n      <mat-card>\n        <mat-card-content>\n          <div class=\"column\">\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"WebGLService.HasNativeRFA()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\n                </div>\n              </div>\n            </button>\n            <!--<button mat-stroked-button class=\"toolbar-button revit-plugin-button\" (click)=\"FabrikantenService.DownloadRevitPlugin()\">\n    <div class=\"row\">\n      <div class=\"row-icon\">\n        <mat-icon class=\"icon\">file_download</mat-icon>\n      </div>\n      <div class=\"row-title\">\n        <span *ngIf=\"FabrikantenService.DownloadRevitPluginLoading\">...</span>\n        <span *ngIf=\"!FabrikantenService.DownloadRevitPluginLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit (plugin)\") }}</span>\n      </div>\n    </div>\n  </button>-->\n            <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" (click)=\"FabrikantenService.Download3DAutoCADDwg()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download3DAutoCADDwgLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download3DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D AutoCAD Dwg\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button dxf-3d-button\" (click)=\"FabrikantenService.Download3DDxf()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download3DDxfLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download3DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D Dxf\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">open_in_new</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                </div>\n              </div>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </div>\n</div>\n\n\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}.toolbar{display:flex;padding:3px}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "button[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: i7$2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabWebglViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-webgl-viewer', template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\n    <div #viewercontainer class=\"viewer-container\">\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\n    </div>\n\n    <div class=\"webgl-settings\">\n      <mat-card>\n        <mat-card-content>\n          <div class=\"column\">\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"WebGLService.HasNativeRFA()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\n                </div>\n              </div>\n            </button>\n            <!--<button mat-stroked-button class=\"toolbar-button revit-plugin-button\" (click)=\"FabrikantenService.DownloadRevitPlugin()\">\n    <div class=\"row\">\n      <div class=\"row-icon\">\n        <mat-icon class=\"icon\">file_download</mat-icon>\n      </div>\n      <div class=\"row-title\">\n        <span *ngIf=\"FabrikantenService.DownloadRevitPluginLoading\">...</span>\n        <span *ngIf=\"!FabrikantenService.DownloadRevitPluginLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit (plugin)\") }}</span>\n      </div>\n    </div>\n  </button>-->\n            <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" (click)=\"FabrikantenService.Download3DAutoCADDwg()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download3DAutoCADDwgLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download3DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D AutoCAD Dwg\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button dxf-3d-button\" (click)=\"FabrikantenService.Download3DDxf()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download3DDxfLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download3DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D Dxf\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">open_in_new</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                </div>\n              </div>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </div>\n</div>\n\n\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}.toolbar{display:flex;padding:3px}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
+            args: [{ selector: 'app-fab-webgl-viewer', template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\n    <div #viewercontainer class=\"viewer-container\">\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\n    </div>\n\n    <div class=\"webgl-settings\">\n      <mat-card>\n        <mat-card-content>\n          <div class=\"column\">\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"WebGLService.HasNativeRFA()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\n                </div>\n              </div>\n            </button>\n            <!--<button mat-stroked-button class=\"toolbar-button revit-plugin-button\" (click)=\"FabrikantenService.DownloadRevitPlugin()\">\n    <div class=\"row\">\n      <div class=\"row-icon\">\n        <mat-icon class=\"icon\">file_download</mat-icon>\n      </div>\n      <div class=\"row-title\">\n        <span *ngIf=\"FabrikantenService.DownloadRevitPluginLoading\">...</span>\n        <span *ngIf=\"!FabrikantenService.DownloadRevitPluginLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit (plugin)\") }}</span>\n      </div>\n    </div>\n  </button>-->\n            <button mat-stroked-button class=\"toolbar-button autocad-3d-button\" (click)=\"FabrikantenService.Download3DAutoCADDwg()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download3DAutoCADDwgLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download3DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D AutoCAD Dwg\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button dxf-3d-button\" (click)=\"FabrikantenService.Download3DDxf()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download3DDxfLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download3DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"3D Dxf\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">open_in_new</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                </div>\n              </div>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </div>\n</div>\n\n\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.webgl-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.viewer-container{overflow:auto;height:100%}.row-icon{align-items:center;display:flex}.row-title{flex:auto}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}.toolbar{display:flex;padding:3px}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: FabrikantenService }, { type: WebGLService }, { type: TranslateService }, { type: MobileService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { viewercontainer: [{
                 type: ViewChild,
                 args: ['viewercontainer']
@@ -9768,10 +9819,10 @@ class FabSvgViewerComponent {
     }
 }
 FabSvgViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabSvgViewerComponent, deps: [{ token: FabrikantenService }, { token: SVGService }, { token: TranslateService }, { token: i4$2.DomSanitizer }, { token: MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabSvgViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabSvgViewerComponent, selector: "app-fab-svg-viewer", viewQueries: [{ propertyName: "svgcontainer", first: true, predicate: ["svgcontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  \n  <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\n    <div #svgcontainer class=\"svg-container\">\n      <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"GetSafeURL()\"></object>\n    </div>\n\n    <div class=\"svg-settings\">\n      <mat-card>\n        <mat-card-content>\n          <div class=\"column\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Snede\") }}</mat-label>\n              <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\n                <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\n                  {{ TranslateService.GetActiveValue(\"Common\", snede) }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Schaal\") }}</mat-label>\n              <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\n                <mat-option [value]=\"'0'\">1:1</mat-option>\n                <mat-option [value]=\"'1'\">1:2</mat-option>\n                <mat-option [value]=\"'2'\">1:5</mat-option>\n                <mat-option [value]=\"'3'\">1:10</mat-option>\n                <mat-option [value]=\"'4'\">1:20</mat-option>\n                <mat-option [value]=\"'5'\">1:50</mat-option>\n                <mat-option [value]=\"'6'\">1:100</mat-option>\n                <mat-option [value]=\"'7'\">1:200</mat-option>\n                <mat-option [value]=\"'8'\">1:500</mat-option>\n                <mat-option [value]=\"'9'\">1:1000</mat-option>\n                <mat-option [value]=\"'10'\">1:2000</mat-option>\n                <mat-option [value]=\"'11'\">1:5000</mat-option>\n                <mat-option [value]=\"'12'\">1:10000</mat-option>\n                <mat-option [value]=\"'13'\">1:20000</mat-option>\n                <mat-option [value]=\"'14'\">1:50000</mat-option>\n              </mat-select>\n            </mat-form-field>\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"SVGService.HasNativeRFA()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" (click)=\"FabrikantenService.Download2DAutoCADDwg()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download2DAutoCADDwgLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download2DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D AutoCAD Dwg\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" (click)=\"FabrikantenService.Download2DDxf()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download2DDxfLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download2DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D Dxf\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">open_in_new</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                </div>\n              </div>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </div>\n</div>\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, 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.MatButton, 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: i7$2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
+FabSvgViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: FabSvgViewerComponent, selector: "app-fab-svg-viewer", viewQueries: [{ propertyName: "svgcontainer", first: true, predicate: ["svgcontainer"], descendants: true }], ngImport: i0, template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  \n  <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\n    <div #svgcontainer class=\"svg-container\">\n      <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"GetSafeURL()\"></object>\n    </div>\n\n    <div class=\"svg-settings\">\n      <mat-card>\n        <mat-card-content>\n          <div class=\"column\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Snede\") }}</mat-label>\n              <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\n                <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\n                  {{ TranslateService.GetActiveValue(\"Common\", snede) }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Schaal\") }}</mat-label>\n              <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\n                <mat-option [value]=\"'0'\">1:1</mat-option>\n                <mat-option [value]=\"'1'\">1:2</mat-option>\n                <mat-option [value]=\"'2'\">1:5</mat-option>\n                <mat-option [value]=\"'3'\">1:10</mat-option>\n                <mat-option [value]=\"'4'\">1:20</mat-option>\n                <mat-option [value]=\"'5'\">1:50</mat-option>\n                <mat-option [value]=\"'6'\">1:100</mat-option>\n                <mat-option [value]=\"'7'\">1:200</mat-option>\n                <mat-option [value]=\"'8'\">1:500</mat-option>\n                <mat-option [value]=\"'9'\">1:1000</mat-option>\n                <mat-option [value]=\"'10'\">1:2000</mat-option>\n                <mat-option [value]=\"'11'\">1:5000</mat-option>\n                <mat-option [value]=\"'12'\">1:10000</mat-option>\n                <mat-option [value]=\"'13'\">1:20000</mat-option>\n                <mat-option [value]=\"'14'\">1:50000</mat-option>\n              </mat-select>\n            </mat-form-field>\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"SVGService.HasNativeRFA()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" (click)=\"FabrikantenService.Download2DAutoCADDwg()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download2DAutoCADDwgLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download2DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D AutoCAD Dwg\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" (click)=\"FabrikantenService.Download2DDxf()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download2DDxfLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download2DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D Dxf\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">open_in_new</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                </div>\n              </div>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </div>\n</div>\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, 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.MatButton, 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: i7$2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7$2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: FabSvgViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-fab-svg-viewer', template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  \n  <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\n    <div #svgcontainer class=\"svg-container\">\n      <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"GetSafeURL()\"></object>\n    </div>\n\n    <div class=\"svg-settings\">\n      <mat-card>\n        <mat-card-content>\n          <div class=\"column\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Snede\") }}</mat-label>\n              <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\n                <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\n                  {{ TranslateService.GetActiveValue(\"Common\", snede) }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Schaal\") }}</mat-label>\n              <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\n                <mat-option [value]=\"'0'\">1:1</mat-option>\n                <mat-option [value]=\"'1'\">1:2</mat-option>\n                <mat-option [value]=\"'2'\">1:5</mat-option>\n                <mat-option [value]=\"'3'\">1:10</mat-option>\n                <mat-option [value]=\"'4'\">1:20</mat-option>\n                <mat-option [value]=\"'5'\">1:50</mat-option>\n                <mat-option [value]=\"'6'\">1:100</mat-option>\n                <mat-option [value]=\"'7'\">1:200</mat-option>\n                <mat-option [value]=\"'8'\">1:500</mat-option>\n                <mat-option [value]=\"'9'\">1:1000</mat-option>\n                <mat-option [value]=\"'10'\">1:2000</mat-option>\n                <mat-option [value]=\"'11'\">1:5000</mat-option>\n                <mat-option [value]=\"'12'\">1:10000</mat-option>\n                <mat-option [value]=\"'13'\">1:20000</mat-option>\n                <mat-option [value]=\"'14'\">1:50000</mat-option>\n              </mat-select>\n            </mat-form-field>\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"SVGService.HasNativeRFA()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" (click)=\"FabrikantenService.Download2DAutoCADDwg()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download2DAutoCADDwgLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download2DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D AutoCAD Dwg\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" (click)=\"FabrikantenService.Download2DDxf()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download2DDxfLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download2DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D Dxf\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">open_in_new</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                </div>\n              </div>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </div>\n</div>\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
+            args: [{ selector: 'app-fab-svg-viewer', template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div class=\"main-window\">\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\n    {{ TranslateService.GetActiveValue(\"Common\", \"Multiple variants\") }}\n    <div>\n      <ul>\n        <li class=\"button\" mat-stroked-button *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\n          {{ bcbproduct.name }}\n        </li>\n      </ul>\n    </div>\n  </div>\n  \n  <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\n    <div #svgcontainer class=\"svg-container\">\n      <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"GetSafeURL()\"></object>\n    </div>\n\n    <div class=\"svg-settings\">\n      <mat-card>\n        <mat-card-content>\n          <div class=\"column\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Snede\") }}</mat-label>\n              <mat-select [(ngModel)]=\"SVGService.Snede\" (selectionChange)=\"RefreshSnede()\">\n                <mat-option *ngFor=\"let snede of SVGService.Snedes\" [value]=\"snede\">\n                  {{ TranslateService.GetActiveValue(\"Common\", snede) }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label class=\"select-mat-label\">{{ TranslateService.GetActiveValue(\"Common\", \"Schaal\") }}</mat-label>\n              <mat-select [(ngModel)]=\"SVGService.Schaal\" (selectionChange)=\"RefreshSchaal()\">\n                <mat-option [value]=\"'0'\">1:1</mat-option>\n                <mat-option [value]=\"'1'\">1:2</mat-option>\n                <mat-option [value]=\"'2'\">1:5</mat-option>\n                <mat-option [value]=\"'3'\">1:10</mat-option>\n                <mat-option [value]=\"'4'\">1:20</mat-option>\n                <mat-option [value]=\"'5'\">1:50</mat-option>\n                <mat-option [value]=\"'6'\">1:100</mat-option>\n                <mat-option [value]=\"'7'\">1:200</mat-option>\n                <mat-option [value]=\"'8'\">1:500</mat-option>\n                <mat-option [value]=\"'9'\">1:1000</mat-option>\n                <mat-option [value]=\"'10'\">1:2000</mat-option>\n                <mat-option [value]=\"'11'\">1:5000</mat-option>\n                <mat-option [value]=\"'12'\">1:10000</mat-option>\n                <mat-option [value]=\"'13'\">1:20000</mat-option>\n                <mat-option [value]=\"'14'\">1:50000</mat-option>\n              </mat-select>\n            </mat-form-field>\n            <button mat-stroked-button class=\"toolbar-button rfa-button\" (click)=\"FabrikantenService.DownloadRFA()\" *ngIf=\"SVGService.HasNativeRFA()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadRFALoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadRFALoading\">{{ TranslateService.GetActiveValue(\"Common\", \"Revit\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button arkey-adomi-button\" (click)=\"FabrikantenService.DownloadARKEYAdomi()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadARKEYAdomiLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadARKEYAdomiLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"ARKEY Adomi\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button ifc-button\" (click)=\"FabrikantenService.DownloadIFC()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.DownloadIFCLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.DownloadIFCLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"IFC\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button autocad-2d-button\" (click)=\"FabrikantenService.Download2DAutoCADDwg()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download2DAutoCADDwgLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download2DAutoCADDwgLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D AutoCAD Dwg\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button dxf-2d-button\" (click)=\"FabrikantenService.Download2DDxf()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">file_download</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  <span *ngIf=\"FabrikantenService.Download2DDxfLoading\">...</span>\n                  <span *ngIf=\"!FabrikantenService.Download2DDxfLoading\">{{ TranslateService.GetActiveValue(\"Common\", \"2D Dxf\") }}</span>\n                </div>\n              </div>\n            </button>\n            <button mat-stroked-button class=\"toolbar-button\" (click)=\"OpenBCBLink()\">\n              <div class=\"row\">\n                <div class=\"row-icon\">\n                  <mat-icon class=\"icon\">open_in_new</mat-icon>\n                </div>\n                <div class=\"row-title\">\n                  {{ TranslateService.GetActiveValue(\"Common\", \"BCB\") }}\n                </div>\n              </div>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </div>\n</div>\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: FabrikantenService }, { type: SVGService }, { type: TranslateService }, { type: i4$2.DomSanitizer }, { type: MobileService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { svgcontainer: [{
                 type: ViewChild,
                 args: ['svgcontainer']
@@ -11018,6 +11069,20 @@ class BeheerProductsEigenschapComponent {
             }
         });
     }
+    Ignore(id) {
+        if (this.ProductsService.BCBProductViewModel != null) {
+            var request = new ConnectEigenschapOptieRequest();
+            request.bcbEigenschapOptieId = id;
+            request.filterOptionId = -1;
+            request.bcbProductId = this.ProductsService.BCBProductViewModel.id;
+            request.location = this.eigenschap.location;
+            this.ProductsApiClient.ignoreBCBEigenschapOptieFilterOption(request).subscribe(() => {
+                this.ProductsService.LoadProduct();
+            }, (error) => {
+                alert(error);
+            });
+        }
+    }
     ConnectRange() {
         var dialogRef = this.dialog.open(BeheerProductsConnectRangeinputComponent, {
             data: {
@@ -11059,10 +11124,10 @@ class BeheerProductsEigenschapComponent {
     }
 }
 BeheerProductsEigenschapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BeheerProductsEigenschapComponent, deps: [{ token: ProductsService }, { token: i1$3.MatDialog }, { token: ProductsApiClient }], target: i0.ɵɵFactoryTarget.Component });
-BeheerProductsEigenschapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BeheerProductsEigenschapComponent, selector: "app-beheer-products-eigenschap", inputs: { eigenschap: "eigenschap" }, ngImport: i0, template: "<div class=\"container\" [ngClass]=\"{'warning': !eigenschap.connected, 'normal': eigenschap.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!eigenschap.open && Show()\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"eigenschap.open && Show()\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"eigenschapcel\" colspan=\"2\">\r\n      {{eigenschap?.name}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"eigenschap.open\">\r\n    <div *ngFor=\"let bereik of eigenschap.bereiken\" class=\"bereik\">\r\n      <app-beheer-products-eigenschap-bereik [bereik]=\"bereik\"></app-beheer-products-eigenschap-bereik>\r\n    </div>\r\n    <div *ngIf=\"eigenschap.bereiken.length > 0 && eigenschap.rangeInputs != null\">\r\n      <div *ngIf=\"eigenschap.rangeInputs.length == 0\">\r\n        <button mat-raised-button (click)=\"ConnectRange()\">\r\n          Range\r\n        </button>\r\n      </div>\r\n      <div *ngFor=\"let range of eigenschap.rangeInputs\">\r\n        {{ range.rangeInputModel.name }}\r\n\r\n        <button mat-raised-button>\r\n          Remove\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div *ngFor=\"let optie of eigenschap.opties\" [ngClass]=\"{'warning': !optie.connected}\">\r\n      <div class=\"text-div\">{{ optie.name }}</div>\r\n      <div>\r\n        <div *ngIf=\"!optie.connected\">\r\n          <button mat-raised-button (click)=\"Connect(optie.id, eigenschap.name, optie.name)\">\r\n            FilterOption\r\n          </button>\r\n          <!--<button mat-raised-button (click)=\"ConnectMany(optie.id)\">\r\n            FilterOptionMany\r\n          </button>\r\n          <button mat-raised-button (click)=\"ConnectCategory(optie.id, eigenschap?.name, optie.name)\">\r\n            Category\r\n          </button>-->\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieFilterOptionViewModels\">\r\n          <b>{{ connect.filterOptionViewModel.filterName }}: {{ connect.filterOptionViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieCategoryViewModels\">\r\n          <b>{{ connect.categoryViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.eigenschapcel{flex:auto}.container{margin:5px;padding:5px;border:1px solid #000}.icon-td{width:24px;height:24px}.text-div{flex:auto}.warning{background-color:#f08080}.normal{background-color:#fff}\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: i7.MatButton, 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$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BeheerProductsEigenschapBereikComponent, selector: "app-beheer-products-eigenschap-bereik", inputs: ["bereik"] }] });
+BeheerProductsEigenschapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BeheerProductsEigenschapComponent, selector: "app-beheer-products-eigenschap", inputs: { eigenschap: "eigenschap" }, ngImport: i0, template: "<div class=\"container\" [ngClass]=\"{'warning': !eigenschap.connected, 'normal': eigenschap.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!eigenschap.open && Show()\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"eigenschap.open && Show()\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"eigenschapcel\" colspan=\"2\">\r\n      {{eigenschap?.name}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"eigenschap.open\">\r\n    <div *ngFor=\"let bereik of eigenschap.bereiken\" class=\"bereik\">\r\n      <app-beheer-products-eigenschap-bereik [bereik]=\"bereik\"></app-beheer-products-eigenschap-bereik>\r\n    </div>\r\n    <div *ngIf=\"eigenschap.bereiken.length > 0 && eigenschap.rangeInputs != null\">\r\n      <div *ngIf=\"eigenschap.rangeInputs.length == 0\">\r\n        <button mat-raised-button (click)=\"ConnectRange()\">\r\n          Range\r\n        </button>\r\n      </div>\r\n      <div *ngFor=\"let range of eigenschap.rangeInputs\">\r\n        {{ range.rangeInputModel.name }}\r\n\r\n        <button mat-raised-button>\r\n          Remove\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div *ngFor=\"let optie of eigenschap.opties\" [ngClass]=\"{'warning': !optie.connected}\">\r\n      <div class=\"text-div\">{{ optie.name }}</div>\r\n      <div>\r\n        <div *ngIf=\"!optie.connected\">\r\n          <button mat-raised-button (click)=\"Connect(optie.id, eigenschap.name, optie.name)\">\r\n            FilterOption\r\n          </button>\r\n          <button mat-raised-button (click)=\"Ignore(optie.id)\">\r\n            Ignore\r\n          </button>\r\n          <!--<button mat-raised-button (click)=\"ConnectMany(optie.id)\">\r\n      FilterOptionMany\r\n    </button>\r\n    <button mat-raised-button (click)=\"ConnectCategory(optie.id, eigenschap?.name, optie.name)\">\r\n      Category\r\n    </button>-->\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieFilterOptionViewModels\">\r\n          <b>{{ connect.filterOptionViewModel.filterName }}: {{ connect.filterOptionViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieCategoryViewModels\">\r\n          <b>{{ connect.categoryViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngIf=\"optie.ignore\">\r\n          <b>Ignore</b>&nbsp;\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.eigenschapcel{flex:auto}.container{margin:5px;padding:5px;border:1px solid #000}.icon-td{width:24px;height:24px}.text-div{flex:auto}.warning{background-color:#f08080}.normal{background-color:#fff}\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: i7.MatButton, 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$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BeheerProductsEigenschapBereikComponent, selector: "app-beheer-products-eigenschap-bereik", inputs: ["bereik"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BeheerProductsEigenschapComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-beheer-products-eigenschap', template: "<div class=\"container\" [ngClass]=\"{'warning': !eigenschap.connected, 'normal': eigenschap.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!eigenschap.open && Show()\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"eigenschap.open && Show()\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"eigenschapcel\" colspan=\"2\">\r\n      {{eigenschap?.name}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"eigenschap.open\">\r\n    <div *ngFor=\"let bereik of eigenschap.bereiken\" class=\"bereik\">\r\n      <app-beheer-products-eigenschap-bereik [bereik]=\"bereik\"></app-beheer-products-eigenschap-bereik>\r\n    </div>\r\n    <div *ngIf=\"eigenschap.bereiken.length > 0 && eigenschap.rangeInputs != null\">\r\n      <div *ngIf=\"eigenschap.rangeInputs.length == 0\">\r\n        <button mat-raised-button (click)=\"ConnectRange()\">\r\n          Range\r\n        </button>\r\n      </div>\r\n      <div *ngFor=\"let range of eigenschap.rangeInputs\">\r\n        {{ range.rangeInputModel.name }}\r\n\r\n        <button mat-raised-button>\r\n          Remove\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div *ngFor=\"let optie of eigenschap.opties\" [ngClass]=\"{'warning': !optie.connected}\">\r\n      <div class=\"text-div\">{{ optie.name }}</div>\r\n      <div>\r\n        <div *ngIf=\"!optie.connected\">\r\n          <button mat-raised-button (click)=\"Connect(optie.id, eigenschap.name, optie.name)\">\r\n            FilterOption\r\n          </button>\r\n          <!--<button mat-raised-button (click)=\"ConnectMany(optie.id)\">\r\n            FilterOptionMany\r\n          </button>\r\n          <button mat-raised-button (click)=\"ConnectCategory(optie.id, eigenschap?.name, optie.name)\">\r\n            Category\r\n          </button>-->\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieFilterOptionViewModels\">\r\n          <b>{{ connect.filterOptionViewModel.filterName }}: {{ connect.filterOptionViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieCategoryViewModels\">\r\n          <b>{{ connect.categoryViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.eigenschapcel{flex:auto}.container{margin:5px;padding:5px;border:1px solid #000}.icon-td{width:24px;height:24px}.text-div{flex:auto}.warning{background-color:#f08080}.normal{background-color:#fff}\n"] }]
+            args: [{ selector: 'app-beheer-products-eigenschap', template: "<div class=\"container\" [ngClass]=\"{'warning': !eigenschap.connected, 'normal': eigenschap.connected}\">\r\n  <div class=\"row\" (click)=\"Toggle()\">\r\n    <div class=\"icon-td\">\r\n      <mat-icon *ngIf=\"!eigenschap.open && Show()\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"eigenschap.open && Show()\">expand_less</mat-icon>\r\n    </div>\r\n    <div class=\"eigenschapcel\" colspan=\"2\">\r\n      {{eigenschap?.name}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"eigenschap.open\">\r\n    <div *ngFor=\"let bereik of eigenschap.bereiken\" class=\"bereik\">\r\n      <app-beheer-products-eigenschap-bereik [bereik]=\"bereik\"></app-beheer-products-eigenschap-bereik>\r\n    </div>\r\n    <div *ngIf=\"eigenschap.bereiken.length > 0 && eigenschap.rangeInputs != null\">\r\n      <div *ngIf=\"eigenschap.rangeInputs.length == 0\">\r\n        <button mat-raised-button (click)=\"ConnectRange()\">\r\n          Range\r\n        </button>\r\n      </div>\r\n      <div *ngFor=\"let range of eigenschap.rangeInputs\">\r\n        {{ range.rangeInputModel.name }}\r\n\r\n        <button mat-raised-button>\r\n          Remove\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div *ngFor=\"let optie of eigenschap.opties\" [ngClass]=\"{'warning': !optie.connected}\">\r\n      <div class=\"text-div\">{{ optie.name }}</div>\r\n      <div>\r\n        <div *ngIf=\"!optie.connected\">\r\n          <button mat-raised-button (click)=\"Connect(optie.id, eigenschap.name, optie.name)\">\r\n            FilterOption\r\n          </button>\r\n          <button mat-raised-button (click)=\"Ignore(optie.id)\">\r\n            Ignore\r\n          </button>\r\n          <!--<button mat-raised-button (click)=\"ConnectMany(optie.id)\">\r\n      FilterOptionMany\r\n    </button>\r\n    <button mat-raised-button (click)=\"ConnectCategory(optie.id, eigenschap?.name, optie.name)\">\r\n      Category\r\n    </button>-->\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieFilterOptionViewModels\">\r\n          <b>{{ connect.filterOptionViewModel.filterName }}: {{ connect.filterOptionViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngFor=\"let connect of optie.bcbEigenschapOptieCategoryViewModels\">\r\n          <b>{{ connect.categoryViewModel.name }}</b>&nbsp;\r\n          <button mat-raised-button>\r\n            Remove\r\n          </button>\r\n        </div>\r\n        <div *ngIf=\"optie.ignore\">\r\n          <b>Ignore</b>&nbsp;\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{cursor:pointer;display:flex}.displayflex{display:flex}.eigenschapcel{flex:auto}.container{margin:5px;padding:5px;border:1px solid #000}.icon-td{width:24px;height:24px}.text-div{flex:auto}.warning{background-color:#f08080}.normal{background-color:#fff}\n"] }]
         }], ctorParameters: function () { return [{ type: ProductsService }, { type: i1$3.MatDialog }, { type: ProductsApiClient }]; }, propDecorators: { eigenschap: [{
                 type: Input
             }] } });