fabrikantencore 2.6.11 → 2.6.13

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

@@ -0,0 +1,75 @@
+import { Component, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/svg.service";
+import * as i3 from "../../services/translate.service";
+import * as i4 from "@angular/platform-browser";
+import * as i5 from "../../services/mobile.service";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/material/legacy-card";
+import * as i8 from "../fab-loader/fab-loader.component";
+import * as i9 from "../fab-actionmenu/fab-actionmenu.component";
+import * as i10 from "../fab-select-bcbproduct/fab-select-bcbproduct.component";
+class FabSvgViewerComponent {
+    FabrikantenService;
+    SVGService;
+    TranslateService;
+    sanitization;
+    MobileService;
+    ChangeDetectorRef;
+    svgcontainer;
+    timeoutId;
+    constructor(FabrikantenService, SVGService, TranslateService, sanitization, MobileService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.SVGService = SVGService;
+        this.TranslateService = TranslateService;
+        this.sanitization = sanitization;
+        this.MobileService = MobileService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.UpdateSize();
+    }
+    ngOnInit() {
+        this.UpdateSize();
+    }
+    ngAfterViewInit() {
+        this.UpdateSize();
+        this.ChangeDetectorRef.detectChanges();
+    }
+    ngDoCheck() {
+        this.UpdateSize();
+    }
+    ShowSVG() {
+        if (!this.FabrikantenService.ShowVariants()) {
+            if (this.SVGService.FabrikantenSVGViewModel != undefined && this.SVGService.SafeURLLoaded) {
+                return true;
+            }
+        }
+        return false;
+    }
+    OpenBCBLink() {
+        this.FabrikantenService.OpenBCBLink(this.SVGService.FabrikantenSVGViewModel.wuid + "");
+    }
+    UpdateSize() {
+        if (this.svgcontainer != undefined) {
+            var width = this.svgcontainer.nativeElement.offsetWidth - 6;
+            var height = this.svgcontainer.nativeElement.offsetHeight - 6;
+            if (Math.abs(this.SVGService.ViewerWidth - width) > this.SVGService.MinDif || Math.abs(this.SVGService.ViewerHeight - height) > this.SVGService.MinDif) {
+                clearTimeout(this.timeoutId);
+                this.timeoutId = setTimeout(() => {
+                    this.SVGService.UpdateViewerSize(width, height, this.ChangeDetectorRef);
+                }, 300);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabSvgViewerComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.SVGService }, { token: i3.TranslateService }, { token: i4.DomSanitizer }, { token: i5.MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  \r\n  <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\r\n    <div #svgcontainer class=\"svg-container\">\r\n      <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"this.SVGService.SafeURL\"></object>\r\n    </div>\r\n\r\n    <div class=\"svg-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'2D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i8.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i9.FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: i10.FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
+}
+export { FabSvgViewerComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabSvgViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-svg-viewer', template: "<div class=\"loader\" *ngIf=\"SVGService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  \r\n  <div class=\"main-window flex-col\" *ngIf=\"ShowSVG()\">\r\n    <div #svgcontainer class=\"svg-container\">\r\n      <object class=\"svg-object\" *ngIf=\"ShowSVG()\" type=\"image/svg+xml\" [attr.data]=\"this.SVGService.SafeURL\"></object>\r\n    </div>\r\n\r\n    <div class=\"svg-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'2D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".row{display:flex;line-height:37px}.icon{margin-right:3px}.multiplevariants{padding:20px}.row-icon{align-items:center;display:flex}.flex-auto{flex:auto}.column{display:flex;flex-direction:column}.svg-settings{position:absolute;top:10px;right:10px;display:flex}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title{flex:auto}.flex-col{display:flex;flex-direction:column}.loader{position:absolute;width:100%;height:100%;justify-content:center}.main-window{height:100%;overflow:hidden}.toolbar{display:flex;padding:3px}.toolbar-mobile{padding-bottom:5px}.svg-container{overflow:auto;background-color:#f1eeeb;height:100%}.toolbar-actions{flex:auto}.svg-object{cursor:grab}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.SVGService }, { type: i3.TranslateService }, { type: i4.DomSanitizer }, { type: i5.MobileService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { svgcontainer: [{
+                type: ViewChild,
+                args: ['svgcontainer']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXN2Zy12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1zdmctdmlld2VyL2ZhYi1zdmctdmlld2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItc3ZnLXZpZXdlci9mYWItc3ZnLXZpZXdlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9DLFNBQVMsRUFBMEMsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7QUFPL0gsTUFLYSxxQkFBcUI7SUFNdkI7SUFDQTtJQUNBO0lBQ0M7SUFDRDtJQUNBO0lBVmtCLFlBQVksQ0FBYTtJQUU1QyxTQUFTLENBQU07SUFFdkIsWUFDUyxrQkFBc0MsRUFDdEMsVUFBc0IsRUFDdEIsZ0JBQWtDLEVBQ2pDLFlBQTBCLEVBQzNCLGFBQTRCLEVBQzVCLGlCQUFvQztRQUxwQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3RDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNqQyxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUMzQixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1QixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQzNDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDekMsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVNLE9BQU87UUFDWixJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxFQUFFO1lBQzNDLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyx1QkFBdUIsSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUU7Z0JBQ3pGLE9BQU8sSUFBSSxDQUFDO2FBQ2I7U0FDRjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLHVCQUF1QixDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsQ0FBQztJQUN6RixDQUFDO0lBRU0sVUFBVTtRQUNmLElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxTQUFTLEVBQUU7WUFFbEMsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQztZQUM1RCxJQUFJLE1BQU0sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDO1lBRzlELElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFO2dCQUN0SixZQUFZLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUU3QixJQUFJLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUU7b0JBQy9CLElBQUksQ0FBQyxVQUFVLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFDMUUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO2FBQ1Q7U0FDRjtJQUNILENBQUM7dUdBekRVLHFCQUFxQjsyRkFBckIscUJBQXFCLHdLQ1psQyx1MUJBdUJBOztTRFhhLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG9CQUFvQjt3UEFLSCxZQUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBEb0NoZWNrLCBFbGVtZW50UmVmLCBPbkNoYW5nZXMsIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVJlc291cmNlVXJsLCBTYWZlU3R5bGUsIFNhZmVVcmwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZmFicmlrYW50ZW4uc2VydmljZSc7XHJcbmltcG9ydCB7IE1vYmlsZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9tb2JpbGUuc2VydmljZSc7XHJcbmltcG9ydCB7IFNWR1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zdmcuc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGUuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mYWItc3ZnLXZpZXdlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1zdmctdmlld2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mYWItc3ZnLXZpZXdlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGYWJTdmdWaWV3ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQsIERvQ2hlY2sge1xyXG4gIEBWaWV3Q2hpbGQoJ3N2Z2NvbnRhaW5lcicpIHN2Z2NvbnRhaW5lcjogRWxlbWVudFJlZjtcclxuXHJcbiAgcHJpdmF0ZSB0aW1lb3V0SWQ6IGFueTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgU1ZHU2VydmljZTogU1ZHU2VydmljZSxcclxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBzYW5pdGl6YXRpb246IERvbVNhbml0aXplcixcclxuICAgIHB1YmxpYyBNb2JpbGVTZXJ2aWNlOiBNb2JpbGVTZXJ2aWNlLFxyXG4gICAgcHVibGljIENoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgdGhpcy5VcGRhdGVTaXplKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuVXBkYXRlU2l6ZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5VcGRhdGVTaXplKCk7XHJcbiAgICB0aGlzLkNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIG5nRG9DaGVjaygpOiB2b2lkIHtcclxuICAgIHRoaXMuVXBkYXRlU2l6ZSgpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFNob3dTVkcoKTogYm9vbGVhbiB7XHJcbiAgICBpZiAoIXRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlNob3dWYXJpYW50cygpKSB7XHJcbiAgICAgIGlmICh0aGlzLlNWR1NlcnZpY2UuRmFicmlrYW50ZW5TVkdWaWV3TW9kZWwgIT0gdW5kZWZpbmVkICYmIHRoaXMuU1ZHU2VydmljZS5TYWZlVVJMTG9hZGVkKSB7XHJcbiAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgT3BlbkJDQkxpbmsoKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5PcGVuQkNCTGluayh0aGlzLlNWR1NlcnZpY2UuRmFicmlrYW50ZW5TVkdWaWV3TW9kZWwud3VpZCArIFwiXCIpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFVwZGF0ZVNpemUoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5zdmdjb250YWluZXIgIT0gdW5kZWZpbmVkKSB7XHJcblxyXG4gICAgICB2YXIgd2lkdGggPSB0aGlzLnN2Z2NvbnRhaW5lci5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoIC0gNjtcclxuICAgICAgdmFyIGhlaWdodCA9IHRoaXMuc3ZnY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0IC0gNjtcclxuXHJcblxyXG4gICAgICBpZiAoTWF0aC5hYnModGhpcy5TVkdTZXJ2aWNlLlZpZXdlcldpZHRoIC0gd2lkdGgpID4gdGhpcy5TVkdTZXJ2aWNlLk1pbkRpZiB8fCBNYXRoLmFicyh0aGlzLlNWR1NlcnZpY2UuVmlld2VySGVpZ2h0IC0gaGVpZ2h0KSA+IHRoaXMuU1ZHU2VydmljZS5NaW5EaWYpIHtcclxuICAgICAgICBjbGVhclRpbWVvdXQodGhpcy50aW1lb3V0SWQpO1xyXG5cclxuICAgICAgICB0aGlzLnRpbWVvdXRJZCA9IHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5TVkdTZXJ2aWNlLlVwZGF0ZVZpZXdlclNpemUod2lkdGgsIGhlaWdodCwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgICAgICAgfSwgMzAwKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImxvYWRlclwiICpuZ0lmPVwiU1ZHU2VydmljZS5Mb2FkaW5nXCI+XHJcbiAgPGFwcC1mYWItbG9hZGVyPjwvYXBwLWZhYi1sb2FkZXI+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cIm1haW4td2luZG93XCI+XHJcbiAgPGRpdiAqbmdJZj1cIkZhYnJpa2FudGVuU2VydmljZS5TaG93VmFyaWFudHMoKVwiIGNsYXNzPVwibXVsdGlwbGV2YXJpYW50c1wiPlxyXG4gICAgPGFwcC1mYWItc2VsZWN0LWJjYnByb2R1Y3Q+PC9hcHAtZmFiLXNlbGVjdC1iY2Jwcm9kdWN0PlxyXG4gIDwvZGl2PlxyXG4gIFxyXG4gIDxkaXYgY2xhc3M9XCJtYWluLXdpbmRvdyBmbGV4LWNvbFwiICpuZ0lmPVwiU2hvd1NWRygpXCI+XHJcbiAgICA8ZGl2ICNzdmdjb250YWluZXIgY2xhc3M9XCJzdmctY29udGFpbmVyXCI+XHJcbiAgICAgIDxvYmplY3QgY2xhc3M9XCJzdmctb2JqZWN0XCIgKm5nSWY9XCJTaG93U1ZHKClcIiB0eXBlPVwiaW1hZ2Uvc3ZnK3htbFwiIFthdHRyLmRhdGFdPVwidGhpcy5TVkdTZXJ2aWNlLlNhZmVVUkxcIj48L29iamVjdD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJzdmctc2V0dGluZ3NcIiAqbmdJZj1cIk1vYmlsZVNlcnZpY2UuU2hvd0FjdGlvbk1lbnUoKVwiPlxyXG4gICAgICA8bWF0LWNhcmQ+XHJcbiAgICAgICAgPG1hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgICAgICA8YXBwLWZhYi1hY3Rpb25tZW51IFtkaXNwbGF5XT1cIicyRCdcIj48L2FwcC1mYWItYWN0aW9ubWVudT5cclxuICAgICAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgIDwvbWF0LWNhcmQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

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

@@ -0,0 +1,48 @@
+import { Component } from '@angular/core';
+import { TranslationCategory, TranslationSubCategory } from '../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/texture.service";
+import * as i3 from "../../services/translate.service";
+import * as i4 from "../../services/mobile.service";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/legacy-card";
+import * as i7 from "../fab-loader/fab-loader.component";
+import * as i8 from "../fab-actionmenu/fab-actionmenu.component";
+import * as i9 from "../fab-select-bcbproduct/fab-select-bcbproduct.component";
+class FabTextureComponent {
+    FabrikantenService;
+    TextureService;
+    TranslateService;
+    MobileService;
+    ChangeDetectorRef;
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    constructor(FabrikantenService, TextureService, TranslateService, MobileService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TextureService = TextureService;
+        this.TranslateService = TranslateService;
+        this.MobileService = MobileService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ShowTexture() {
+        if (!this.FabrikantenService.ShowVariants()) {
+            if (this.TextureService.FabrikantenTextureViewModel != undefined) {
+                return true;
+            }
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabTextureComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TextureService }, { token: i3.TranslateService }, { token: i4.MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabTextureComponent, selector: "app-fab-texture", ngImport: i0, template: "<div class=\"loader\" *ngIf=\"TextureService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div>\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowTexture()\" class=\"main-window flex-col\">\r\n    <div class=\"image-row\">\r\n      <div>\r\n        <div class=\"image-header\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Texture) }}</div>\r\n        <a href=\"{{ TextureService.FabrikantenTextureViewModel.patroonURL }}\" target=\"_blank\">\r\n          <img class=\"image\" src=\"{{ TextureService.FabrikantenTextureViewModel.patroonURL }}\" />\r\n        </a>\r\n      </div>\r\n      <div>\r\n        <div class=\"image-header\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Bumpmap) }}</div>\r\n        <a href=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" target=\"_blank\">\r\n          <img class=\"image\" src=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" />\r\n        </a>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"texture-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'Texture'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.image-row{display:flex;gap:30px;padding:30px;align-items:center;justify-content:center}.image-header{text-align:center;font-style:italic}.image{max-width:400px;max-height:calc(100vH - 190px)}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.texture-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.row-icon{align-items:center;display:flex}.row-title{flex:auto}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i7.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i8.FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: i9.FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
+}
+export { FabTextureComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabTextureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-texture', template: "<div class=\"loader\" *ngIf=\"TextureService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div>\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowTexture()\" class=\"main-window flex-col\">\r\n    <div class=\"image-row\">\r\n      <div>\r\n        <div class=\"image-header\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Texture) }}</div>\r\n        <a href=\"{{ TextureService.FabrikantenTextureViewModel.patroonURL }}\" target=\"_blank\">\r\n          <img class=\"image\" src=\"{{ TextureService.FabrikantenTextureViewModel.patroonURL }}\" />\r\n        </a>\r\n      </div>\r\n      <div>\r\n        <div class=\"image-header\">{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.Bumpmap) }}</div>\r\n        <a href=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" target=\"_blank\">\r\n          <img class=\"image\" src=\"{{ TextureService.FabrikantenTextureViewModel.bumpURL }}\" />\r\n        </a>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"texture-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'Texture'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".row{display:flex;line-height:37px}.flex-col{display:flex;flex-direction:column}.image-row{display:flex;gap:30px;padding:30px;align-items:center;justify-content:center}.image-header{text-align:center;font-style:italic}.image{max-width:400px;max-height:calc(100vH - 190px)}.multiplevariants{padding:20px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.column{display:flex;flex-direction:column}.texture-settings{position:absolute;top:10px;right:10px;display:flex}.icon{margin-right:3px}.row-icon{align-items:center;display:flex}.row-title{flex:auto}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button{margin:5px;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TextureService }, { type: i3.TranslateService }, { type: i4.MobileService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXRleHR1cmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi10ZXh0dXJlL2ZhYi10ZXh0dXJlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItdGV4dHVyZS9mYWItdGV4dHVyZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUs3RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7Ozs7Ozs7QUFFMUYsTUFLYSxtQkFBbUI7SUFXckI7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQWJULElBQVcsbUJBQW1CO1FBQzVCLE9BQU8sbUJBQW1CLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQVcsc0JBQXNCO1FBQy9CLE9BQU8sc0JBQXNCLENBQUM7SUFDaEMsQ0FBQztJQUVELFlBQ1Msa0JBQXNDLEVBQ3RDLGNBQThCLEVBQzlCLGdCQUFrQyxFQUNsQyxhQUE0QixFQUM1QixpQkFBb0M7UUFKcEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1QixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBRzdDLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxFQUFFLEVBQUU7WUFDM0MsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLDJCQUEyQixJQUFJLFNBQVMsRUFBRTtnQkFDaEUsT0FBTyxJQUFJLENBQUM7YUFDYjtTQUNGO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO3VHQTVCVSxtQkFBbUI7MkZBQW5CLG1CQUFtQix1RENaaEMsbTlDQW1DQTs7U0R2QmEsbUJBQW1COzJGQUFuQixtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVGV4dHVyZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90ZXh0dXJlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGlvbkNhdGVnb3J5LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5IH0gZnJvbSAnLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWZhYi10ZXh0dXJlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLXRleHR1cmUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZhYi10ZXh0dXJlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZhYlRleHR1cmVDb21wb25lbnQge1xyXG5cclxuICBwdWJsaWMgZ2V0IFRyYW5zbGF0aW9uQ2F0ZWdvcnkoKSB7XHJcbiAgICByZXR1cm4gVHJhbnNsYXRpb25DYXRlZ29yeTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgVHJhbnNsYXRpb25TdWJDYXRlZ29yeSgpIHtcclxuICAgIHJldHVybiBUcmFuc2xhdGlvblN1YkNhdGVnb3J5O1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgVGV4dHVyZVNlcnZpY2U6IFRleHR1cmVTZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgTW9iaWxlU2VydmljZTogTW9iaWxlU2VydmljZSxcclxuICAgIHB1YmxpYyBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICApIHtcclxuICAgIFxyXG4gIH1cclxuXHJcbiAgcHVibGljIFNob3dUZXh0dXJlKCk6IGJvb2xlYW4ge1xyXG4gICAgaWYgKCF0aGlzLkZhYnJpa2FudGVuU2VydmljZS5TaG93VmFyaWFudHMoKSkge1xyXG4gICAgICBpZiAodGhpcy5UZXh0dXJlU2VydmljZS5GYWJyaWthbnRlblRleHR1cmVWaWV3TW9kZWwgIT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJsb2FkZXJcIiAqbmdJZj1cIlRleHR1cmVTZXJ2aWNlLkxvYWRpbmdcIj5cclxuICA8YXBwLWZhYi1sb2FkZXI+PC9hcHAtZmFiLWxvYWRlcj5cclxuPC9kaXY+XHJcblxyXG48ZGl2PlxyXG4gIDxkaXYgKm5nSWY9XCJGYWJyaWthbnRlblNlcnZpY2UuU2hvd1ZhcmlhbnRzKClcIiBjbGFzcz1cIm11bHRpcGxldmFyaWFudHNcIj5cclxuICAgIDxhcHAtZmFiLXNlbGVjdC1iY2Jwcm9kdWN0PjwvYXBwLWZhYi1zZWxlY3QtYmNicHJvZHVjdD5cclxuICA8L2Rpdj5cclxuICA8ZGl2ICpuZ0lmPVwiU2hvd1RleHR1cmUoKVwiIGNsYXNzPVwibWFpbi13aW5kb3cgZmxleC1jb2xcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1yb3dcIj5cclxuICAgICAgPGRpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtaGVhZGVyXCI+e3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShUcmFuc2xhdGlvbkNhdGVnb3J5LkNvbW1vbiwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5UZXh0dXJlKSB9fTwvZGl2PlxyXG4gICAgICAgIDxhIGhyZWY9XCJ7eyBUZXh0dXJlU2VydmljZS5GYWJyaWthbnRlblRleHR1cmVWaWV3TW9kZWwucGF0cm9vblVSTCB9fVwiIHRhcmdldD1cIl9ibGFua1wiPlxyXG4gICAgICAgICAgPGltZyBjbGFzcz1cImltYWdlXCIgc3JjPVwie3sgVGV4dHVyZVNlcnZpY2UuRmFicmlrYW50ZW5UZXh0dXJlVmlld01vZGVsLnBhdHJvb25VUkwgfX1cIiAvPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWhlYWRlclwiPnt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Db21tb24sIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuQnVtcG1hcCkgfX08L2Rpdj5cclxuICAgICAgICA8YSBocmVmPVwie3sgVGV4dHVyZVNlcnZpY2UuRmFicmlrYW50ZW5UZXh0dXJlVmlld01vZGVsLmJ1bXBVUkwgfX1cIiB0YXJnZXQ9XCJfYmxhbmtcIj5cclxuICAgICAgICAgIDxpbWcgY2xhc3M9XCJpbWFnZVwiIHNyYz1cInt7IFRleHR1cmVTZXJ2aWNlLkZhYnJpa2FudGVuVGV4dHVyZVZpZXdNb2RlbC5idW1wVVJMIH19XCIgLz5cclxuICAgICAgICA8L2E+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInRleHR1cmUtc2V0dGluZ3NcIiAqbmdJZj1cIk1vYmlsZVNlcnZpY2UuU2hvd0FjdGlvbk1lbnUoKVwiPlxyXG4gICAgICA8bWF0LWNhcmQ+XHJcbiAgICAgICAgPG1hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgICAgICA8YXBwLWZhYi1hY3Rpb25tZW51IFtkaXNwbGF5XT1cIidUZXh0dXJlJ1wiPjwvYXBwLWZhYi1hY3Rpb25tZW51PlxyXG4gICAgICAgIDwvbWF0LWNhcmQtY29udGVudD5cclxuICAgICAgPC9tYXQtY2FyZD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcblxyXG4iXX0=

package/{esm2020 → esm2022}/src/app/modules/fabrikantencore/components/fab-webgl-viewer/fab-webgl-viewer.component.mjs

@@ -1,89 +1,96 @@
-import { Component, ViewChild } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../services/fabrikanten.service";
-import * as i2 from "../../services/webgl.service";
-import * as i3 from "../../services/translate.service";
-import * as i4 from "../../services/mobile.service";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/material/card";
-import * as i7 from "../fab-loader/fab-loader.component";
-import * as i8 from "../fab-actionmenu/fab-actionmenu.component";
-import * as i9 from "../fab-select-bcbproduct/fab-select-bcbproduct.component";
-export class FabWebglViewerComponent {
-    constructor(FabrikantenService, WebGLService, TranslateService, MobileService, ChangeDetectorRef) {
-        this.FabrikantenService = FabrikantenService;
-        this.WebGLService = WebGLService;
-        this.TranslateService = TranslateService;
-        this.MobileService = MobileService;
-        this.ChangeDetectorRef = ChangeDetectorRef;
-        this.Height = "calc(100% - 0px)";
-        this.WebGLService.FabWebglViewerComponent = this;
-        this.RefreshViewerSize();
-    }
-    ngOnInit() {
-        this.RefreshViewerSize();
-    }
-    ngAfterViewInit() {
-        this.RefreshViewerSize();
-        this.RefreshViewer();
-        this.ChangeDetectorRef.detectChanges();
-    }
-    ngDoCheck() {
-        this.RefreshViewerSize();
-    }
-    OpenBCBLink() {
-        this.FabrikantenService.OpenBCBLink(this.WebGLService.Fabrikanten3DViewModel.wuid + "");
-    }
-    ShowWebGL() {
-        if (!this.FabrikantenService.ShowVariants()) {
-            if (this.WebGLService.Fabrikanten3DViewModel != undefined) {
-                return true;
-            }
-        }
-        return false;
-    }
-    RefreshViewer() {
-        if (!this.WebGLService.Loading && this.WebGLService.Fabrikanten3DViewModel != null) {
-            var viewer = ModuleViewer3DLight.get("viewerCanvas");
-            if (viewer != null) {
-                var belichting = viewer.belichting;
-                belichting.toonSlagschaduw = true;
-                belichting.slagschaduwVerzadiging = 0.5;
-                belichting.lichtbronSterkte = 0.8;
-                belichting.lichtSchittering = 0.333;
-                belichting.isCameraLicht = false;
-                belichting.omgevinglichtSterkte = 0.4;
-                belichting.lichtval = [-1.0, 0.5, -1.2];
-                viewer.orthografischeProjectie = false;
-                viewer.kijkrichting = [0.50023241910093, 0.7443600526604934, -0.4423749980318723];
-                viewer.clear();
-                viewer.add(this.WebGLService.Fabrikanten3DViewModel.webGLJSON, function () {
-                    viewer.zetZoomGeheel();
-                    viewer.toonModel();
-                });
-            }
-        }
-    }
-    RefreshViewerSize() {
-        if (this.viewercontainer != undefined) {
-            var width = this.viewercontainer.nativeElement.offsetWidth - 6;
-            var height = this.viewercontainer.nativeElement.offsetHeight - 6;
-            if (this.WebGLService.ViewerWidth != width || this.WebGLService.ViewerHeight != height) {
-                this.WebGLService.ViewerWidth = width;
-                this.WebGLService.ViewerHeight = height;
-                this.ChangeDetectorRef.detectChanges();
-                this.RefreshViewer();
-            }
-        }
-    }
-}
-FabWebglViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabWebglViewerComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.WebGLService }, { token: i3.TranslateService }, { token: i4.MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FabWebglViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", 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\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n    <div #viewercontainer class=\"viewer-container\">\r\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n    </div>\r\n\r\n    <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".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%}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i7.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i8.FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: i9.FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FabWebglViewerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-fab-webgl-viewer', template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n    <div #viewercontainer class=\"viewer-container\">\r\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n    </div>\r\n\r\n    <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".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%}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.WebGLService }, { type: i3.TranslateService }, { type: i4.MobileService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { viewercontainer: [{
-                type: ViewChild,
-                args: ['viewercontainer']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXdlYmdsLXZpZXdlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLXdlYmdsLXZpZXdlci9mYWItd2ViZ2wtdmlld2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItd2ViZ2wtdmlld2VyL2ZhYi13ZWJnbC12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFzRCxTQUFTLEVBQTZDLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7QUFjcEosTUFBTSxPQUFPLHVCQUF1QjtJQU1sQyxZQUNTLGtCQUFzQyxFQUN0QyxZQUEwQixFQUMxQixnQkFBa0MsRUFDbEMsYUFBNEIsRUFDNUIsaUJBQW9DO1FBSnBDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1QixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBVHRDLFdBQU0sR0FBVyxrQkFBa0IsQ0FBQztRQVd6QyxJQUFJLENBQUMsWUFBWSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQztRQUVqRCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FB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QXNCOytOQVFGLGVBQWU7c0JBQTVDLFNBQVM7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRG9DaGVjaywgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgV2ViR0xTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvd2ViZ2wuc2VydmljZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuQXBpQ2xpZW50LCBGYWJyaWthbnRlbkZpbGVSZXF1ZXN0TW9kZWwsIEZhYnJpa2FudGVuRmlsZVZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5kZWNsYXJlIHZhciBNb2R1bGVWaWV3ZXIzRExpZ2h0OiBhbnk7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mYWItd2ViZ2wtdmlld2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLXdlYmdsLXZpZXdlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLXdlYmdsLXZpZXdlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGYWJXZWJnbFZpZXdlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgRG9DaGVjayB7XHJcblxyXG4gIHB1YmxpYyBIZWlnaHQ6IHN0cmluZyA9IFwiY2FsYygxMDAlIC0gMHB4KVwiO1xyXG5cclxuICBAVmlld0NoaWxkKCd2aWV3ZXJjb250YWluZXInKSB2aWV3ZXJjb250YWluZXI6IEVsZW1lbnRSZWY7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIFdlYkdMU2VydmljZTogV2ViR0xTZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgTW9iaWxlU2VydmljZTogTW9iaWxlU2VydmljZSxcclxuICAgIHB1YmxpYyBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICApIHtcclxuICAgIHRoaXMuV2ViR0xTZXJ2aWNlLkZhYldlYmdsVmlld2VyQ29tcG9uZW50ID0gdGhpcztcclxuXHJcbiAgICB0aGlzLlJlZnJlc2hWaWV3ZXJTaXplKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuUmVmcmVzaFZpZXdlclNpemUoKTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuUmVmcmVzaFZpZXdlclNpemUoKTtcclxuICAgIHRoaXMuUmVmcmVzaFZpZXdlcigpO1xyXG4gICAgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBuZ0RvQ2hlY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLlJlZnJlc2hWaWV3ZXJTaXplKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgT3BlbkJDQkxpbmsoKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5PcGVuQkNCTGluayh0aGlzLldlYkdMU2VydmljZS5GYWJyaWthbnRlbjNEVmlld01vZGVsLnd1aWQgKyBcIlwiKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBTaG93V2ViR0woKTogYm9vbGVhbiB7XHJcbiAgICBpZiAoIXRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlNob3dWYXJpYW50cygpKSB7XHJcbiAgICAgIGlmICh0aGlzLldlYkdMU2VydmljZS5GYWJyaWthbnRlbjNEVmlld01vZGVsICE9IHVuZGVmaW5lZCkge1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFJlZnJlc2hWaWV3ZXIoKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuV2ViR0xTZXJ2aWNlLkxvYWRpbmcgJiYgdGhpcy5XZWJHTFNlcnZpY2UuRmFicmlrYW50ZW4zRFZpZXdNb2RlbCAhPSBudWxsKSB7XHJcbiAgICAgIHZhciB2aWV3ZXIgPSBNb2R1bGVWaWV3ZXIzRExpZ2h0LmdldChcInZpZXdlckNhbnZhc1wiKTtcclxuXHJcbiAgICAgIGlmICh2aWV3ZXIgIT0gbnVsbCkge1xyXG5cclxuICAgICAgICB2YXIgYmVsaWNodGluZyA9IHZpZXdlci5iZWxpY2h0aW5nO1xyXG4gICAgICAgIGJlbGljaHRpbmcudG9vblNsYWdzY2hhZHV3ID0gdHJ1ZTtcclxuICAgICAgICBiZWxpY2h0aW5nLnNsYWdzY2hhZHV3VmVyemFkaWdpbmcgPSAwLjU7XHJcbiAgICAgICAgYmVsaWNodGluZy5saWNodGJyb25TdGVya3RlID0gMC44O1xyXG4gICAgICAgIGJlbGljaHRpbmcubGljaHRTY2hpdHRlcmluZyA9IDAuMzMzO1xyXG4gICAgICAgIGJlbGljaHRpbmcuaXNDYW1lcmFMaWNodCA9IGZhbHNlO1xyXG4gICAgICAgIGJlbGljaHRpbmcub21nZXZpbmdsaWNodFN0ZXJrdGUgPSAwLjQ7XHJcbiAgICAgICAgYmVsaWNodGluZy5saWNodHZhbCA9IFstMS4wLCAwLjUsIC0xLjJdO1xyXG4gICAgICAgIHZpZXdlci5vcnRob2dyYWZpc2NoZVByb2plY3RpZSA9IGZhbHNlO1xyXG4gICAgICAgIHZpZXdlci5raWprcmljaHRpbmcgPSBbMC41MDAyMzI0MTkxMDA5MywgMC43NDQzNjAwNTI2NjA0OTM0LCAtMC40NDIzNzQ5OTgwMzE4NzIzXTtcclxuXHJcbiAgICAgICAgdmlld2VyLmNsZWFyKCk7XHJcbiAgICAgICAgdmlld2VyLmFkZCh0aGlzLldlYkdMU2VydmljZS5GYWJyaWthbnRlbjNEVmlld01vZGVsLndlYkdMSlNPTiwgZnVuY3Rpb24gKCkge1xyXG4gICAgICAgICAgdmlld2VyLnpldFpvb21HZWhlZWwoKTtcclxuICAgICAgICAgIHZpZXdlci50b29uTW9kZWwoKTtcclxuICAgICAgICB9KTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBSZWZyZXNoVmlld2VyU2l6ZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnZpZXdlcmNvbnRhaW5lciAhPSB1bmRlZmluZWQpIHtcclxuXHJcbiAgICAgIHZhciB3aWR0aCA9IHRoaXMudmlld2VyY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggLSA2O1xyXG4gICAgICB2YXIgaGVpZ2h0ID0gdGhpcy52aWV3ZXJjb250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQgLSA2O1xyXG5cclxuICAgICAgaWYgKHRoaXMuV2ViR0xTZXJ2aWNlLlZpZXdlcldpZHRoICE9IHdpZHRoIHx8IHRoaXMuV2ViR0xTZXJ2aWNlLlZpZXdlckhlaWdodCAhPSBoZWlnaHQpIHtcclxuXHJcbiAgICAgICAgdGhpcy5XZWJHTFNlcnZpY2UuVmlld2VyV2lkdGggPSB3aWR0aDtcclxuICAgICAgICB0aGlzLldlYkdMU2VydmljZS5WaWV3ZXJIZWlnaHQgPSBoZWlnaHQ7XHJcbiAgICAgICAgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcblxyXG4gICAgICAgIHRoaXMuUmVmcmVzaFZpZXdlcigpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJsb2FkZXJcIiAqbmdJZj1cIldlYkdMU2VydmljZS5Mb2FkaW5nXCI+XHJcbiAgPGFwcC1mYWItbG9hZGVyPjwvYXBwLWZhYi1sb2FkZXI+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cIm1haW4td2luZG93XCI+XHJcbiAgPGRpdiAqbmdJZj1cIkZhYnJpa2FudGVuU2VydmljZS5TaG93VmFyaWFudHMoKVwiIGNsYXNzPVwibXVsdGlwbGV2YXJpYW50c1wiPlxyXG4gICAgPGFwcC1mYWItc2VsZWN0LWJjYnByb2R1Y3Q+PC9hcHAtZmFiLXNlbGVjdC1iY2Jwcm9kdWN0PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgKm5nSWY9XCJTaG93V2ViR0woKVwiIGNsYXNzPVwibWFpbi13aW5kb3cgZmxleC1jb2xcIj5cclxuICAgIDxkaXYgI3ZpZXdlcmNvbnRhaW5lciBjbGFzcz1cInZpZXdlci1jb250YWluZXJcIj5cclxuICAgICAgPGNhbnZhcyBpZD1cInZpZXdlckNhbnZhc1wiIGNsYXNzPVwidmlld2VyLWNhbnZhc1wiIFthdHRyLndpZHRoXT1cIldlYkdMU2VydmljZS5WaWV3ZXJXaWR0aFwiIFthdHRyLmhlaWdodF09XCJXZWJHTFNlcnZpY2UuVmlld2VySGVpZ2h0XCI+PC9jYW52YXM+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwid2ViZ2wtc2V0dGluZ3NcIiAqbmdJZj1cIk1vYmlsZVNlcnZpY2UuU2hvd0FjdGlvbk1lbnUoKVwiPlxyXG4gICAgICA8bWF0LWNhcmQ+XHJcbiAgICAgICAgPG1hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgICAgICA8YXBwLWZhYi1hY3Rpb25tZW51IFtkaXNwbGF5XT1cIiczRCdcIj48L2FwcC1mYWItYWN0aW9ubWVudT5cclxuICAgICAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgIDwvbWF0LWNhcmQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG5cclxuIl19
+import { Component, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/webgl.service";
+import * as i3 from "../../services/translate.service";
+import * as i4 from "../../services/mobile.service";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/legacy-card";
+import * as i7 from "../fab-loader/fab-loader.component";
+import * as i8 from "../fab-actionmenu/fab-actionmenu.component";
+import * as i9 from "../fab-select-bcbproduct/fab-select-bcbproduct.component";
+class FabWebglViewerComponent {
+    FabrikantenService;
+    WebGLService;
+    TranslateService;
+    MobileService;
+    ChangeDetectorRef;
+    Height = "calc(100% - 0px)";
+    viewercontainer;
+    constructor(FabrikantenService, WebGLService, TranslateService, MobileService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.WebGLService = WebGLService;
+        this.TranslateService = TranslateService;
+        this.MobileService = MobileService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.WebGLService.FabWebglViewerComponent = this;
+        this.RefreshViewerSize();
+    }
+    ngOnInit() {
+        this.RefreshViewerSize();
+    }
+    ngAfterViewInit() {
+        this.RefreshViewerSize();
+        this.RefreshViewer();
+        this.ChangeDetectorRef.detectChanges();
+    }
+    ngDoCheck() {
+        this.RefreshViewerSize();
+    }
+    OpenBCBLink() {
+        this.FabrikantenService.OpenBCBLink(this.WebGLService.Fabrikanten3DViewModel.wuid + "");
+    }
+    ShowWebGL() {
+        if (!this.FabrikantenService.ShowVariants()) {
+            if (this.WebGLService.Fabrikanten3DViewModel != undefined) {
+                return true;
+            }
+        }
+        return false;
+    }
+    RefreshViewer() {
+        if (!this.WebGLService.Loading && this.WebGLService.Fabrikanten3DViewModel != null) {
+            var viewer = ModuleViewer3DLight.get("viewerCanvas");
+            if (viewer != null) {
+                var belichting = viewer.belichting;
+                belichting.toonSlagschaduw = true;
+                belichting.slagschaduwVerzadiging = 0.5;
+                belichting.lichtbronSterkte = 0.8;
+                belichting.lichtSchittering = 0.333;
+                belichting.isCameraLicht = false;
+                belichting.omgevinglichtSterkte = 0.4;
+                belichting.lichtval = [-1.0, 0.5, -1.2];
+                viewer.orthografischeProjectie = false;
+                viewer.kijkrichting = [0.50023241910093, 0.7443600526604934, -0.4423749980318723];
+                viewer.clear();
+                viewer.add(this.WebGLService.Fabrikanten3DViewModel.webGLJSON, function () {
+                    viewer.zetZoomGeheel();
+                    viewer.toonModel();
+                });
+            }
+        }
+    }
+    RefreshViewerSize() {
+        if (this.viewercontainer != undefined) {
+            var width = this.viewercontainer.nativeElement.offsetWidth - 6;
+            var height = this.viewercontainer.nativeElement.offsetHeight - 6;
+            if (this.WebGLService.ViewerWidth != width || this.WebGLService.ViewerHeight != height) {
+                this.WebGLService.ViewerWidth = width;
+                this.WebGLService.ViewerHeight = height;
+                this.ChangeDetectorRef.detectChanges();
+                this.RefreshViewer();
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabWebglViewerComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.WebGLService }, { token: i3.TranslateService }, { token: i4.MobileService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n    <div #viewercontainer class=\"viewer-container\">\r\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n    </div>\r\n\r\n    <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".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%}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i7.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i8.FabActionmenuComponent, selector: "app-fab-actionmenu", inputs: ["display"] }, { kind: "component", type: i9.FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct" }] });
+}
+export { FabWebglViewerComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabWebglViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-webgl-viewer', template: "<div class=\"loader\" *ngIf=\"WebGLService.Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div class=\"main-window\">\r\n  <div *ngIf=\"FabrikantenService.ShowVariants()\" class=\"multiplevariants\">\r\n    <app-fab-select-bcbproduct></app-fab-select-bcbproduct>\r\n  </div>\r\n  <div *ngIf=\"ShowWebGL()\" class=\"main-window flex-col\">\r\n    <div #viewercontainer class=\"viewer-container\">\r\n      <canvas id=\"viewerCanvas\" class=\"viewer-canvas\" [attr.width]=\"WebGLService.ViewerWidth\" [attr.height]=\"WebGLService.ViewerHeight\"></canvas>\r\n    </div>\r\n\r\n    <div class=\"webgl-settings\" *ngIf=\"MobileService.ShowActionMenu()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'3D'\"></app-fab-actionmenu>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".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%}button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-button{margin-top:3px}.button{margin:5px;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.WebGLService }, { type: i3.TranslateService }, { type: i4.MobileService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { viewercontainer: [{
+                type: ViewChild,
+                args: ['viewercontainer']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXdlYmdsLXZpZXdlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLXdlYmdsLXZpZXdlci9mYWItd2ViZ2wtdmlld2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItd2ViZ2wtdmlld2VyL2ZhYi13ZWJnbC12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFzRCxTQUFTLEVBQTZDLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7QUFTcEosTUFLYSx1QkFBdUI7SUFPekI7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQVRGLE1BQU0sR0FBVyxrQkFBa0IsQ0FBQztJQUViLGVBQWUsQ0FBYTtJQUUxRCxZQUNTLGtCQUFzQyxFQUN0QyxZQUEwQixFQUMxQixnQkFBa0MsRUFDbEMsYUFBNEIsRUFDNUIsaUJBQW9DO1FBSnBDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1QixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBRTNDLElBQUksQ0FBQyxZQUFZLENBQUMsdUJBQXVCLEdBQUcsSUFBSSxDQUFDO1FBRWpELElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN6QixJQUFJ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O1NEVmEsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usc0JBQXNCOytOQVFGLGVBQWU7c0JBQTVDLFNBQVM7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRG9DaGVjaywgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9iaWxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21vYmlsZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgV2ViR0xTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvd2ViZ2wuc2VydmljZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuQXBpQ2xpZW50LCBGYWJyaWthbnRlbkZpbGVSZXF1ZXN0TW9kZWwsIEZhYnJpa2FudGVuRmlsZVZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5kZWNsYXJlIHZhciBNb2R1bGVWaWV3ZXIzRExpZ2h0OiBhbnk7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mYWItd2ViZ2wtdmlld2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLXdlYmdsLXZpZXdlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLXdlYmdsLXZpZXdlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGYWJXZWJnbFZpZXdlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgRG9DaGVjayB7XHJcblxyXG4gIHB1YmxpYyBIZWlnaHQ6IHN0cmluZyA9IFwiY2FsYygxMDAlIC0gMHB4KVwiO1xyXG5cclxuICBAVmlld0NoaWxkKCd2aWV3ZXJjb250YWluZXInKSB2aWV3ZXJjb250YWluZXI6IEVsZW1lbnRSZWY7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIFdlYkdMU2VydmljZTogV2ViR0xTZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgTW9iaWxlU2VydmljZTogTW9iaWxlU2VydmljZSxcclxuICAgIHB1YmxpYyBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICApIHtcclxuICAgIHRoaXMuV2ViR0xTZXJ2aWNlLkZhYldlYmdsVmlld2VyQ29tcG9uZW50ID0gdGhpcztcclxuXHJcbiAgICB0aGlzLlJlZnJlc2hWaWV3ZXJTaXplKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuUmVmcmVzaFZpZXdlclNpemUoKTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuUmVmcmVzaFZpZXdlclNpemUoKTtcclxuICAgIHRoaXMuUmVmcmVzaFZpZXdlcigpO1xyXG4gICAgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBuZ0RvQ2hlY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLlJlZnJlc2hWaWV3ZXJTaXplKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgT3BlbkJDQkxpbmsoKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5PcGVuQkNCTGluayh0aGlzLldlYkdMU2VydmljZS5GYWJyaWthbnRlbjNEVmlld01vZGVsLnd1aWQgKyBcIlwiKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBTaG93V2ViR0woKTogYm9vbGVhbiB7XHJcbiAgICBpZiAoIXRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlNob3dWYXJpYW50cygpKSB7XHJcbiAgICAgIGlmICh0aGlzLldlYkdMU2VydmljZS5GYWJyaWthbnRlbjNEVmlld01vZGVsICE9IHVuZGVmaW5lZCkge1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFJlZnJlc2hWaWV3ZXIoKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuV2ViR0xTZXJ2aWNlLkxvYWRpbmcgJiYgdGhpcy5XZWJHTFNlcnZpY2UuRmFicmlrYW50ZW4zRFZpZXdNb2RlbCAhPSBudWxsKSB7XHJcbiAgICAgIHZhciB2aWV3ZXIgPSBNb2R1bGVWaWV3ZXIzRExpZ2h0LmdldChcInZpZXdlckNhbnZhc1wiKTtcclxuXHJcbiAgICAgIGlmICh2aWV3ZXIgIT0gbnVsbCkge1xyXG5cclxuICAgICAgICB2YXIgYmVsaWNodGluZyA9IHZpZXdlci5iZWxpY2h0aW5nO1xyXG4gICAgICAgIGJlbGljaHRpbmcudG9vblNsYWdzY2hhZHV3ID0gdHJ1ZTtcclxuICAgICAgICBiZWxpY2h0aW5nLnNsYWdzY2hhZHV3VmVyemFkaWdpbmcgPSAwLjU7XHJcbiAgICAgICAgYmVsaWNodGluZy5saWNodGJyb25TdGVya3RlID0gMC44O1xyXG4gICAgICAgIGJlbGljaHRpbmcubGljaHRTY2hpdHRlcmluZyA9IDAuMzMzO1xyXG4gICAgICAgIGJlbGljaHRpbmcuaXNDYW1lcmFMaWNodCA9IGZhbHNlO1xyXG4gICAgICAgIGJlbGljaHRpbmcub21nZXZpbmdsaWNodFN0ZXJrdGUgPSAwLjQ7XHJcbiAgICAgICAgYmVsaWNodGluZy5saWNodHZhbCA9IFstMS4wLCAwLjUsIC0xLjJdO1xyXG4gICAgICAgIHZpZXdlci5vcnRob2dyYWZpc2NoZVByb2plY3RpZSA9IGZhbHNlO1xyXG4gICAgICAgIHZpZXdlci5raWprcmljaHRpbmcgPSBbMC41MDAyMzI0MTkxMDA5MywgMC43NDQzNjAwNTI2NjA0OTM0LCAtMC40NDIzNzQ5OTgwMzE4NzIzXTtcclxuXHJcbiAgICAgICAgdmlld2VyLmNsZWFyKCk7XHJcbiAgICAgICAgdmlld2VyLmFkZCh0aGlzLldlYkdMU2VydmljZS5GYWJyaWthbnRlbjNEVmlld01vZGVsLndlYkdMSlNPTiwgZnVuY3Rpb24gKCkge1xyXG4gICAgICAgICAgdmlld2VyLnpldFpvb21HZWhlZWwoKTtcclxuICAgICAgICAgIHZpZXdlci50b29uTW9kZWwoKTtcclxuICAgICAgICB9KTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBSZWZyZXNoVmlld2VyU2l6ZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnZpZXdlcmNvbnRhaW5lciAhPSB1bmRlZmluZWQpIHtcclxuXHJcbiAgICAgIHZhciB3aWR0aCA9IHRoaXMudmlld2VyY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggLSA2O1xyXG4gICAgICB2YXIgaGVpZ2h0ID0gdGhpcy52aWV3ZXJjb250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQgLSA2O1xyXG5cclxuICAgICAgaWYgKHRoaXMuV2ViR0xTZXJ2aWNlLlZpZXdlcldpZHRoICE9IHdpZHRoIHx8IHRoaXMuV2ViR0xTZXJ2aWNlLlZpZXdlckhlaWdodCAhPSBoZWlnaHQpIHtcclxuXHJcbiAgICAgICAgdGhpcy5XZWJHTFNlcnZpY2UuVmlld2VyV2lkdGggPSB3aWR0aDtcclxuICAgICAgICB0aGlzLldlYkdMU2VydmljZS5WaWV3ZXJIZWlnaHQgPSBoZWlnaHQ7XHJcbiAgICAgICAgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcblxyXG4gICAgICAgIHRoaXMuUmVmcmVzaFZpZXdlcigpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJsb2FkZXJcIiAqbmdJZj1cIldlYkdMU2VydmljZS5Mb2FkaW5nXCI+XHJcbiAgPGFwcC1mYWItbG9hZGVyPjwvYXBwLWZhYi1sb2FkZXI+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cIm1haW4td2luZG93XCI+XHJcbiAgPGRpdiAqbmdJZj1cIkZhYnJpa2FudGVuU2VydmljZS5TaG93VmFyaWFudHMoKVwiIGNsYXNzPVwibXVsdGlwbGV2YXJpYW50c1wiPlxyXG4gICAgPGFwcC1mYWItc2VsZWN0LWJjYnByb2R1Y3Q+PC9hcHAtZmFiLXNlbGVjdC1iY2Jwcm9kdWN0PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgKm5nSWY9XCJTaG93V2ViR0woKVwiIGNsYXNzPVwibWFpbi13aW5kb3cgZmxleC1jb2xcIj5cclxuICAgIDxkaXYgI3ZpZXdlcmNvbnRhaW5lciBjbGFzcz1cInZpZXdlci1jb250YWluZXJcIj5cclxuICAgICAgPGNhbnZhcyBpZD1cInZpZXdlckNhbnZhc1wiIGNsYXNzPVwidmlld2VyLWNhbnZhc1wiIFthdHRyLndpZHRoXT1cIldlYkdMU2VydmljZS5WaWV3ZXJXaWR0aFwiIFthdHRyLmhlaWdodF09XCJXZWJHTFNlcnZpY2UuVmlld2VySGVpZ2h0XCI+PC9jYW52YXM+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwid2ViZ2wtc2V0dGluZ3NcIiAqbmdJZj1cIk1vYmlsZVNlcnZpY2UuU2hvd0FjdGlvbk1lbnUoKVwiPlxyXG4gICAgICA8bWF0LWNhcmQ+XHJcbiAgICAgICAgPG1hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgICAgICA8YXBwLWZhYi1hY3Rpb25tZW51IFtkaXNwbGF5XT1cIiczRCdcIj48L2FwcC1mYWItYWN0aW9ubWVudT5cclxuICAgICAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgIDwvbWF0LWNhcmQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG5cclxuIl19