fabrikantencore 2.6.11 → 2.6.13

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

@@ -0,0 +1,100 @@
+import { Component, ViewChild } 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/translate.service";
+import * as i3 from "../../../services/mobile.service";
+import * as i4 from "../../../services/toebehoren.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 FabToebehorenComponent {
+    FabrikantenService;
+    TranslateService;
+    MobileService;
+    ChangeDetectorRef;
+    ToebehorenService;
+    ViewerWidth = 0;
+    ViewerHeight = 0;
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    viewercontainer;
+    constructor(FabrikantenService, TranslateService, MobileService, ChangeDetectorRef, ToebehorenService) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.MobileService = MobileService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.ToebehorenService = ToebehorenService;
+        this.ToebehorenService.FabToebehorenComponent = this;
+    }
+    ngOnInit() {
+        this.RefreshViewerSize();
+    }
+    ngAfterViewInit() {
+        this.RefreshViewerSize();
+        this.RefreshViewer();
+        this.ChangeDetectorRef.detectChanges();
+    }
+    ngDoCheck() {
+        this.RefreshViewerSize();
+    }
+    RefreshViewerSize() {
+        if (this.viewercontainer != undefined) {
+            var width = this.viewercontainer.nativeElement.offsetWidth - 6;
+            var height = this.viewercontainer.nativeElement.offsetHeight - 6;
+            if (this.ViewerWidth != width || this.ViewerHeight != height) {
+                this.ViewerWidth = width;
+                this.ViewerHeight = height;
+                this.ChangeDetectorRef.detectChanges();
+                this.RefreshViewer();
+            }
+        }
+    }
+    RefreshViewer() {
+        if (!this.ToebehorenService.Loading && this.ToebehorenService.Fabrikanten3DViewModel != null) {
+            var viewer = ModuleViewer3DLight.get("viewerCanvasToebehoren");
+            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.ToebehorenService.Fabrikanten3DViewModel.webGLJSON, function () {
+                    viewer.zetZoomGeheel();
+                    viewer.toonModel();
+                });
+            }
+        }
+    }
+    HasModel() {
+        if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels != null) {
+            if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels.length > 0) {
+                return true;
+            }
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabToebehorenComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i3.MobileService }, { token: i0.ChangeDetectorRef }, { token: i4.ToebehorenService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabToebehorenComponent, selector: "app-fab-toebehoren", viewQueries: [{ propertyName: "viewercontainer", first: true, predicate: ["viewercontainertoebehoren"], descendants: true }], ngImport: i0, template: "<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 class=\"main-window\" *ngIf=\"!FabrikantenService.ShowVariants() && HasModel()\">\r\n    <div *ngIf=\"!FabrikantenService.HasToebehoren()\" class=\"message\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NoToebehoren) }}\r\n    </div>\r\n    <div class=\"main-window\" *ngIf=\"FabrikantenService.HasToebehoren()\">\r\n      <div *ngIf=\"(!ToebehorenService.Init && !ToebehorenService.Loading) || FabrikantenService.GetSelectedToebehoren() == null\" class=\"message\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SelectToebehoren) }}\r\n      </div>\r\n      <div class=\"flexauto\" *ngIf=\"ToebehorenService.Loading\">\r\n        <app-fab-loader></app-fab-loader>\r\n      </div>\r\n      <div class=\"main-window\" *ngIf=\"!ToebehorenService.Loading && ToebehorenService.Init && FabrikantenService.GetSelectedToebehoren() != null\">\r\n        <div #viewercontainertoebehoren class=\"viewer-container\">\r\n          <canvas id=\"viewerCanvasToebehoren\" class=\"viewer-canvas\" [attr.width]=\"ViewerWidth\" [attr.height]=\"ViewerHeight\"></canvas>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"settings\" *ngIf=\"MobileService.ShowActionMenu() && FabrikantenService.HasToebehoren()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'Toebehoren'\"></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}.icon{margin-right:3px}.multiplevariants{padding:20px}.flexauto{flex:auto}.row-icon{align-items:center;display:flex}.viewer-container{overflow:auto;height:100%}.message{padding:40px}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}.toolbar-button{margin-top:3px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.settings{position:absolute;top:10px;right:10px;display:flex}.column{display:flex;flex-direction:column}\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 { FabToebehorenComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabToebehorenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-toebehoren', template: "<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 class=\"main-window\" *ngIf=\"!FabrikantenService.ShowVariants() && HasModel()\">\r\n    <div *ngIf=\"!FabrikantenService.HasToebehoren()\" class=\"message\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.NoToebehoren) }}\r\n    </div>\r\n    <div class=\"main-window\" *ngIf=\"FabrikantenService.HasToebehoren()\">\r\n      <div *ngIf=\"(!ToebehorenService.Init && !ToebehorenService.Loading) || FabrikantenService.GetSelectedToebehoren() == null\" class=\"message\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.SelectToebehoren) }}\r\n      </div>\r\n      <div class=\"flexauto\" *ngIf=\"ToebehorenService.Loading\">\r\n        <app-fab-loader></app-fab-loader>\r\n      </div>\r\n      <div class=\"main-window\" *ngIf=\"!ToebehorenService.Loading && ToebehorenService.Init && FabrikantenService.GetSelectedToebehoren() != null\">\r\n        <div #viewercontainertoebehoren class=\"viewer-container\">\r\n          <canvas id=\"viewerCanvasToebehoren\" class=\"viewer-canvas\" [attr.width]=\"ViewerWidth\" [attr.height]=\"ViewerHeight\"></canvas>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"settings\" *ngIf=\"MobileService.ShowActionMenu() && FabrikantenService.HasToebehoren()\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <app-fab-actionmenu [display]=\"'Toebehoren'\"></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}.icon{margin-right:3px}.multiplevariants{padding:20px}.flexauto{flex:auto}.row-icon{align-items:center;display:flex}.viewer-container{overflow:auto;height:100%}.message{padding:40px}.viewer-canvas{background-color:#fff;cursor:grab}.main-window{height:100%}.toolbar-button{margin-top:3px}.loader{position:absolute;width:100%;height:100%;justify-content:center}.settings{position:absolute;top:10px;right:10px;display:flex}.column{display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i3.MobileService }, { type: i0.ChangeDetectorRef }, { type: i4.ToebehorenService }]; }, propDecorators: { viewercontainer: [{
+                type: ViewChild,
+                args: ['viewercontainertoebehoren']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXRvZWJlaG9yZW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1wcm9kdWN0L2ZhYi10b2ViZWhvcmVuL2ZhYi10b2ViZWhvcmVuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcHJvZHVjdC9mYWItdG9lYmVob3Jlbi9mYWItdG9lYmVob3Jlbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9DLFNBQVMsRUFBK0IsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTXBILE9BQU8sRUFBRSxtQkFBbUIsRUFBcUgsc0JBQXNCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7Ozs7QUFJaE4sTUFLYSxzQkFBc0I7SUFleEI7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQWxCRixXQUFXLEdBQVcsQ0FBQyxDQUFDO0lBQ3hCLFlBQVksR0FBVyxDQUFDLENBQUM7SUFFaEMsSUFBVyxtQkFBbUI7UUFDNUIsT0FBTyxtQkFBbUIsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBVyxzQkFBc0I7UUFDL0IsT0FBTyxzQkFBc0IsQ0FBQztJQUNoQyxDQUFDO0lBRXVDLGVBQWUsQ0FBYTtJQUVwRSxZQUNTLGtCQUFzQyxFQUN0QyxnQkFBa0MsRUFDbEMsYUFBNEIsRUFDNUIsaUJBQW9DLEVBQ3BDLGlCQUFvQztRQUpwQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3RDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDNUIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNwQyxzQkFBaUIsR0FB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QUFJLENBQUM7YUFDYjtTQUNGO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO3VHQXpGVSxzQkFBc0I7MkZBQXRCLHNCQUFzQix3TENmbkMsZ3REQWlDQTs7U0RsQmEsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usb0JBQW9CO29PQWdCVSxlQUFlO3NCQUF0RCxTQUFTO3VCQUFDLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIERvQ2hlY2ssIEVsZW1lbnRSZWYsIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBNb2JpbGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvbW9iaWxlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUb2ViZWhvcmVuU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3RvZWJlaG9yZW4uc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGUuc2VydmljZSc7XHJcbmltcG9ydCB7IFdlYkdMU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3dlYmdsLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGlvbkNhdGVnb3J5LCBGYWJyaWthbnRlbkJDQlByb2R1Y3RUb2ViZWhvcmVuVmlld01vZGVsLCBGYWJyaWthbnRlbjNEUmVxdWVzdE1vZGVsLCBGYWJyaWthbnRlbkFwaUNsaWVudCwgRmFicmlrYW50ZW4zRFZpZXdNb2RlbCwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeSB9IGZyb20gJy4uLy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5kZWNsYXJlIHZhciBNb2R1bGVWaWV3ZXIzRExpZ2h0OiBhbnk7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mYWItdG9lYmVob3JlbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi10b2ViZWhvcmVuLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mYWItdG9lYmVob3Jlbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGYWJUb2ViZWhvcmVuQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0LCBEb0NoZWNrIHtcclxuICBwdWJsaWMgVmlld2VyV2lkdGg6IG51bWJlciA9IDA7XHJcbiAgcHVibGljIFZpZXdlckhlaWdodDogbnVtYmVyID0gMDtcclxuXHJcbiAgcHVibGljIGdldCBUcmFuc2xhdGlvbkNhdGVnb3J5KCkge1xyXG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uQ2F0ZWdvcnk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkoKSB7XHJcbiAgICByZXR1cm4gVHJhbnNsYXRpb25TdWJDYXRlZ29yeTtcclxuICB9XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ3ZpZXdlcmNvbnRhaW5lcnRvZWJlaG9yZW4nKSB2aWV3ZXJjb250YWluZXI6IEVsZW1lbnRSZWY7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgTW9iaWxlU2VydmljZTogTW9iaWxlU2VydmljZSxcclxuICAgIHB1YmxpYyBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwdWJsaWMgVG9lYmVob3JlblNlcnZpY2U6IFRvZWJlaG9yZW5TZXJ2aWNlXHJcbiAgKSB7XHJcbiAgICB0aGlzLlRvZWJlaG9yZW5TZXJ2aWNlLkZhYlRvZWJlaG9yZW5Db21wb25lbnQgPSB0aGlzO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLlJlZnJlc2hWaWV3ZXJTaXplKCk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLlJlZnJlc2hWaWV3ZXJTaXplKCk7XHJcbiAgICB0aGlzLlJlZnJlc2hWaWV3ZXIoKTtcclxuICAgIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgbmdEb0NoZWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5SZWZyZXNoVmlld2VyU2l6ZSgpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFJlZnJlc2hWaWV3ZXJTaXplKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMudmlld2VyY29udGFpbmVyICE9IHVuZGVmaW5lZCkge1xyXG5cclxuICAgICAgdmFyIHdpZHRoID0gdGhpcy52aWV3ZXJjb250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCAtIDY7XHJcbiAgICAgIHZhciBoZWlnaHQgPSB0aGlzLnZpZXdlcmNvbnRhaW5lci5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodCAtIDY7XHJcblxyXG4gICAgICBpZiAodGhpcy5WaWV3ZXJXaWR0aCAhPSB3aWR0aCB8fCB0aGlzLlZpZXdlckhlaWdodCAhPSBoZWlnaHQpIHtcclxuXHJcbiAgICAgICAgdGhpcy5WaWV3ZXJXaWR0aCA9IHdpZHRoO1xyXG4gICAgICAgIHRoaXMuVmlld2VySGVpZ2h0ID0gaGVpZ2h0O1xyXG4gICAgICAgIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG5cclxuICAgICAgICB0aGlzLlJlZnJlc2hWaWV3ZXIoKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIFJlZnJlc2hWaWV3ZXIoKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuVG9lYmVob3JlblNlcnZpY2UuTG9hZGluZyAmJiB0aGlzLlRvZWJlaG9yZW5TZXJ2aWNlLkZhYnJpa2FudGVuM0RWaWV3TW9kZWwgIT0gbnVsbCkge1xyXG4gICAgICB2YXIgdmlld2VyID0gTW9kdWxlVmlld2VyM0RMaWdodC5nZXQoXCJ2aWV3ZXJDYW52YXNUb2ViZWhvcmVuXCIpO1xyXG5cclxuICAgICAgaWYgKHZpZXdlciAhPSBudWxsKSB7XHJcblxyXG4gICAgICAgIHZhciBiZWxpY2h0aW5nID0gdmlld2VyLmJlbGljaHRpbmc7XHJcbiAgICAgICAgYmVsaWNodGluZy50b29uU2xhZ3NjaGFkdXcgPSB0cnVlO1xyXG4gICAgICAgIGJlbGljaHRpbmcuc2xhZ3NjaGFkdXdWZXJ6YWRpZ2luZyA9IDAuNTtcclxuICAgICAgICBiZWxpY2h0aW5nLmxpY2h0YnJvblN0ZXJrdGUgPSAwLjg7XHJcbiAgICAgICAgYmVsaWNodGluZy5saWNodFNjaGl0dGVyaW5nID0gMC4zMzM7XHJcbiAgICAgICAgYmVsaWNodGluZy5pc0NhbWVyYUxpY2h0ID0gZmFsc2U7XHJcbiAgICAgICAgYmVsaWNodGluZy5vbWdldmluZ2xpY2h0U3Rlcmt0ZSA9IDAuNDtcclxuICAgICAgICBiZWxpY2h0aW5nLmxpY2h0dmFsID0gWy0xLjAsIDAuNSwgLTEuMl07XHJcbiAgICAgICAgdmlld2VyLm9ydGhvZ3JhZmlzY2hlUHJvamVjdGllID0gZmFsc2U7XHJcbiAgICAgICAgdmlld2VyLmtpamtyaWNodGluZyA9IFswLjUwMDIzMjQxOTEwMDkzLCAwLjc0NDM2MDA1MjY2MDQ5MzQsIC0wLjQ0MjM3NDk5ODAzMTg3MjNdO1xyXG5cclxuICAgICAgICB2aWV3ZXIuY2xlYXIoKTtcclxuICAgICAgICB2aWV3ZXIuYWRkKHRoaXMuVG9lYmVob3JlblNlcnZpY2UuRmFicmlrYW50ZW4zRFZpZXdNb2RlbC53ZWJHTEpTT04sIGZ1bmN0aW9uICgpIHtcclxuICAgICAgICAgIHZpZXdlci56ZXRab29tR2VoZWVsKCk7XHJcbiAgICAgICAgICB2aWV3ZXIudG9vbk1vZGVsKCk7XHJcbiAgICAgICAgfSk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBIYXNNb2RlbCgpOiBib29sZWFuIHtcclxuICAgIGlmICh0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uc2VsZWN0ZWRQcm9kdWN0Py5mYWJyaWthbnRlbkJDQlByb2R1Y3RWaWV3TW9kZWxzICE9IG51bGwpIHtcclxuICAgICAgaWYgKHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkZhYnJpa2FudGVuVmlld01vZGVsPy5zZWxlY3RlZFByb2R1Y3Q/LmZhYnJpa2FudGVuQkNCUHJvZHVjdFZpZXdNb2RlbHMubGVuZ3RoID4gMCkge1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgXHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtYWluLXdpbmRvd1wiPlxyXG4gIDxkaXYgKm5nSWY9XCJGYWJyaWthbnRlblNlcnZpY2UuU2hvd1ZhcmlhbnRzKClcIiBjbGFzcz1cIm11bHRpcGxldmFyaWFudHNcIj5cclxuICAgIDxhcHAtZmFiLXNlbGVjdC1iY2Jwcm9kdWN0PjwvYXBwLWZhYi1zZWxlY3QtYmNicHJvZHVjdD5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwibWFpbi13aW5kb3dcIiAqbmdJZj1cIiFGYWJyaWthbnRlblNlcnZpY2UuU2hvd1ZhcmlhbnRzKCkgJiYgSGFzTW9kZWwoKVwiPlxyXG4gICAgPGRpdiAqbmdJZj1cIiFGYWJyaWthbnRlblNlcnZpY2UuSGFzVG9lYmVob3JlbigpXCIgY2xhc3M9XCJtZXNzYWdlXCI+XHJcbiAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Db21tb24sIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuTm9Ub2ViZWhvcmVuKSB9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWFpbi13aW5kb3dcIiAqbmdJZj1cIkZhYnJpa2FudGVuU2VydmljZS5IYXNUb2ViZWhvcmVuKClcIj5cclxuICAgICAgPGRpdiAqbmdJZj1cIighVG9lYmVob3JlblNlcnZpY2UuSW5pdCAmJiAhVG9lYmVob3JlblNlcnZpY2UuTG9hZGluZykgfHwgRmFicmlrYW50ZW5TZXJ2aWNlLkdldFNlbGVjdGVkVG9lYmVob3JlbigpID09IG51bGxcIiBjbGFzcz1cIm1lc3NhZ2VcIj5cclxuICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuQ29tbW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LlNlbGVjdFRvZWJlaG9yZW4pIH19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleGF1dG9cIiAqbmdJZj1cIlRvZWJlaG9yZW5TZXJ2aWNlLkxvYWRpbmdcIj5cclxuICAgICAgICA8YXBwLWZhYi1sb2FkZXI+PC9hcHAtZmFiLWxvYWRlcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtYWluLXdpbmRvd1wiICpuZ0lmPVwiIVRvZWJlaG9yZW5TZXJ2aWNlLkxvYWRpbmcgJiYgVG9lYmVob3JlblNlcnZpY2UuSW5pdCAmJiBGYWJyaWthbnRlblNlcnZpY2UuR2V0U2VsZWN0ZWRUb2ViZWhvcmVuKCkgIT0gbnVsbFwiPlxyXG4gICAgICAgIDxkaXYgI3ZpZXdlcmNvbnRhaW5lcnRvZWJlaG9yZW4gY2xhc3M9XCJ2aWV3ZXItY29udGFpbmVyXCI+XHJcbiAgICAgICAgICA8Y2FudmFzIGlkPVwidmlld2VyQ2FudmFzVG9lYmVob3JlblwiIGNsYXNzPVwidmlld2VyLWNhbnZhc1wiIFthdHRyLndpZHRoXT1cIlZpZXdlcldpZHRoXCIgW2F0dHIuaGVpZ2h0XT1cIlZpZXdlckhlaWdodFwiPjwvY2FudmFzPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJzZXR0aW5nc1wiICpuZ0lmPVwiTW9iaWxlU2VydmljZS5TaG93QWN0aW9uTWVudSgpICYmIEZhYnJpa2FudGVuU2VydmljZS5IYXNUb2ViZWhvcmVuKClcIj5cclxuICAgICAgPG1hdC1jYXJkPlxyXG4gICAgICAgIDxtYXQtY2FyZC1jb250ZW50PlxyXG4gICAgICAgICAgPGFwcC1mYWItYWN0aW9ubWVudSBbZGlzcGxheV09XCInVG9lYmVob3JlbidcIj48L2FwcC1mYWItYWN0aW9ubWVudT5cclxuICAgICAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgIDwvbWF0LWNhcmQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG5cclxuIl19

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

@@ -0,0 +1,79 @@
+import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
+import { TranslationCategory, TranslationSubCategory } from '../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/mobile.service";
+import * as i2 from "../../services/fabrikanten.service";
+import * as i3 from "../../services/bestek.service";
+import * as i4 from "../../services/translate.service";
+import * as i5 from "@angular/router";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/material/legacy-card";
+import * as i8 from "@angular/material/sidenav";
+import * as i9 from "@angular/material/legacy-progress-spinner";
+import * as i10 from "../fab-product-tile/fab-product-tile.component";
+import * as i11 from "../fab-filters-input/fab-filters-input.component";
+import * as i12 from "../fab-header/fab-header.component";
+class FabProductSelectComponent {
+    MobileService;
+    FabrikantenService;
+    BestekService;
+    TranslateService;
+    ActivatedRoute;
+    ChangeDetectorRef;
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    header;
+    info;
+    Height = "100%";
+    constructor(MobileService, FabrikantenService, BestekService, TranslateService, ActivatedRoute, ChangeDetectorRef) {
+        this.MobileService = MobileService;
+        this.FabrikantenService = FabrikantenService;
+        this.BestekService = BestekService;
+        this.TranslateService = TranslateService;
+        this.ActivatedRoute = ActivatedRoute;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.TranslateService.ProcessParameters(this.ActivatedRoute);
+        //this.FabrikantenService.RemoveProductSelection(this.ChangeDetectorRef);
+    }
+    ngOnInit() {
+        this.FabrikantenService.LoadFabrikantenViewModel(this.ChangeDetectorRef, this.ActivatedRoute);
+    }
+    ngAfterViewInit() {
+        this.Height = this.GetHeight();
+        this.ChangeDetectorRef.detectChanges();
+    }
+    ngDoCheck() {
+        if (this.Height != this.GetHeight()) {
+            this.Height = this.GetHeight();
+            this.ChangeDetectorRef.detectChanges();
+        }
+    }
+    GetHeight() {
+        var height = 0;
+        if (this.header != undefined) {
+            height += this.header.nativeElement.offsetHeight;
+        }
+        if (this.info != undefined) {
+            height += this.info.nativeElement.offsetHeight;
+        }
+        return "calc(100% - " + height + "px)";
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductSelectComponent, deps: [{ token: i1.MobileService }, { token: i2.FabrikantenService }, { token: i3.BestekService }, { token: i4.TranslateService }, { token: i5.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabProductSelectComponent, selector: "app-fab-product-select", viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "info", first: true, predicate: ["info"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div #header>\r\n      <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n    </div>\r\n\r\n    <div #info class=\"header\">\r\n      <div class=\"title\">\r\n        <h1>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelection) }}</h1>\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionInfo) }}\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionBlocked) }}\r\n      </div>\r\n    </div>\r\n\r\n    <div [style.height]=\"Height\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n      <div class=\"main-window\">\r\n        <app-fab-product-tile *ngFor=\"let product of FabrikantenService.FabrikantenViewModel.products\" [product]=\"product\"></app-fab-product-tile>\r\n      </div>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product-select .main-window{display:flex;flex-flow:row wrap;overflow:auto}app-fab-product-select .subtitle{margin-bottom:10px}app-fab-product-select .subtitle:first-letter{text-transform:uppercase}app-fab-product-select .title:first-letter{text-transform:uppercase}app-fab-product-select .header{padding:4px}app-fab-product-select .row{display:flex}app-fab-product-select .loader-card{margin:auto;width:300px}app-fab-product-select .loader-subtitle{text-align:center}app-fab-product-select .loader-spinner{margin:auto}app-fab-product-select .view-container{height:100%}app-fab-product-select .view-content{background-color:#fff}app-fab-product-select .loader{position:absolute;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product-select .filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}app-fab-product-select .product-view{flex:auto}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "directive", type: i7.MatLegacyCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i8.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i8.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i8.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i9.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.FabProductTileComponent, selector: "app-fab-product-tile", inputs: ["product"] }, { kind: "component", type: i11.FabFiltersInputComponent, selector: "fab-filters-input" }, { kind: "component", type: i12.FabHeaderComponent, selector: "app-fab-header", inputs: ["showfiltermenubutton"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+export { FabProductSelectComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-product-select', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\r\n  <mat-card class=\"loader-card\">\r\n    <mat-card-content>\r\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\r\n    </mat-card-content>\r\n    <mat-card-subtitle class=\"loader-subtitle\">\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductsLoading) }}\r\n    </mat-card-subtitle>\r\n  </mat-card>\r\n</div>\r\n\r\n<mat-drawer-container class=\"view-container\" *ngIf=\"FabrikantenService.FabrikantenViewModel != null\">\r\n  <mat-drawer #drawer [mode]=\"MobileService.NavMode\" [(opened)]=\"MobileService.NavOpened\">\r\n    <div class=\"filter-view\">\r\n      <fab-filters-input></fab-filters-input>\r\n    </div>\r\n  </mat-drawer>\r\n  <mat-drawer-content class=\"view-content\">\r\n    <div #header>\r\n      <app-fab-header [showfiltermenubutton]=\"true\"></app-fab-header>\r\n    </div>\r\n\r\n    <div #info class=\"header\">\r\n      <div class=\"title\">\r\n        <h1>{{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelection) }}</h1>\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionInfo) }}\r\n      </div>\r\n      <div class=\"subtitle\" *ngIf=\"FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.ProductSelectionBlocked) }}\r\n      </div>\r\n    </div>\r\n\r\n    <div [style.height]=\"Height\" *ngIf=\"!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters\">\r\n      <div class=\"main-window\">\r\n        <app-fab-product-tile *ngFor=\"let product of FabrikantenService.FabrikantenViewModel.products\" [product]=\"product\"></app-fab-product-tile>\r\n      </div>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n\r\n\r\n", styles: ["app-fab-product-select .main-window{display:flex;flex-flow:row wrap;overflow:auto}app-fab-product-select .subtitle{margin-bottom:10px}app-fab-product-select .subtitle:first-letter{text-transform:uppercase}app-fab-product-select .title:first-letter{text-transform:uppercase}app-fab-product-select .header{padding:4px}app-fab-product-select .row{display:flex}app-fab-product-select .loader-card{margin:auto;width:300px}app-fab-product-select .loader-subtitle{text-align:center}app-fab-product-select .loader-spinner{margin:auto}app-fab-product-select .view-container{height:100%}app-fab-product-select .view-content{background-color:#fff}app-fab-product-select .loader{position:absolute;width:100%;height:100%;display:flex;align-items:center;z-index:20;background-color:#ffffffb3;top:0;left:0}app-fab-product-select .filter-view{width:300px;min-width:300px;background-color:#fafafa;height:100%}app-fab-product-select .product-view{flex:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MobileService }, { type: i2.FabrikantenService }, { type: i3.BestekService }, { type: i4.TranslateService }, { type: i5.ActivatedRoute }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { header: [{
+                type: ViewChild,
+                args: ['header']
+            }], info: [{
+                type: ViewChild,
+                args: ['info']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXByb2R1Y3Qtc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcHJvZHVjdC1zZWxlY3QvZmFiLXByb2R1Y3Qtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcHJvZHVjdC1zZWxlY3QvZmFiLXByb2R1Y3Qtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0MsU0FBUyxFQUErQixTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNdkksT0FBTyxFQUFFLG1CQUFtQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBRTFGLE1BTWEseUJBQXlCO0lBZ0IzQjtJQUNBO0lBQ0E7SUFDQTtJQUNDO0lBQ0E7SUFuQlYsSUFBVyxtQkFBbUI7UUFDNUIsT0FBTyxtQkFBbUIsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBVyxzQkFBc0I7UUFDL0IsT0FBTyxzQkFBc0IsQ0FBQztJQUNoQyxDQUFDO0lBRW9CLE1BQU0sQ0FBYTtJQUNyQixJQUFJLENBQWE7SUFFN0IsTUFBTSxHQUFXLE1BQU0sQ0FBQztJQUUvQixZQUNTLGFBQTRCLEVBQzVCLGtCQUFzQyxFQUN0QyxhQUE0QixFQUM1QixnQkFBa0MsRUFDakMsY0FBOEIsRUFDOUIsaUJBQW9DO1FBTHJDLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQzVCLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDNUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNqQyxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUU1QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBRTdELHlFQUF5RTtJQUMzRSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQ2hHLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDL0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUNuQyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUMvQixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDeEM7SUFDSCxDQUFDO0lBRU0sU0FBUztRQUNkLElBQUksTUFBTSxHQUFHLENBQUMsQ0FBQztRQUVmLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxTQUFTLEVBQUU7WUFDNUIsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztTQUNsRDtRQUVELElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxTQUFTLEVBQUU7WUFDMUIsTUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztTQUNoRDtRQUVELE9BQU8sY0FBYyxHQUFHLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDekMsQ0FBQzt1R0F4RFUseUJBQXlCOzJGQUF6Qix5QkFBeUIsK09DZHRDLHlpRUEyQ0E7O1NEN0JhLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNFLHdCQUF3QixpQkFHbkIsaUJBQWlCLENBQUMsSUFBSTs2UEFZaEIsTUFBTTtzQkFBMUIsU0FBUzt1QkFBQyxRQUFRO2dCQUNBLElBQUk7c0JBQXRCLFNBQVM7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIERvQ2hlY2ssIEVsZW1lbnRSZWYsIE9uSW5pdCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEJlc3Rla1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9iZXN0ZWsuc2VydmljZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBNb2JpbGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbW9iaWxlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGlvbkNhdGVnb3J5LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5IH0gZnJvbSAnLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1wcm9kdWN0LXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1wcm9kdWN0LXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLXByb2R1Y3Qtc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFiUHJvZHVjdFNlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgRG9DaGVjayB7XHJcblxyXG4gIHB1YmxpYyBnZXQgVHJhbnNsYXRpb25DYXRlZ29yeSgpIHtcclxuICAgIHJldHVybiBUcmFuc2xhdGlvbkNhdGVnb3J5O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5KCkge1xyXG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnk7XHJcbiAgfVxyXG5cclxuICBAVmlld0NoaWxkKCdoZWFkZXInKSBoZWFkZXI6IEVsZW1lbnRSZWY7XHJcbiAgQFZpZXdDaGlsZCgnaW5mbycpIGluZm86IEVsZW1lbnRSZWY7XHJcblxyXG4gIHB1YmxpYyBIZWlnaHQ6IHN0cmluZyA9IFwiMTAwJVwiO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBNb2JpbGVTZXJ2aWNlOiBNb2JpbGVTZXJ2aWNlLFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIEJlc3Rla1NlcnZpY2U6IEJlc3Rla1NlcnZpY2UsXHJcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgQWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxyXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICApIHtcclxuICAgIHRoaXMuVHJhbnNsYXRlU2VydmljZS5Qcm9jZXNzUGFyYW1ldGVycyh0aGlzLkFjdGl2YXRlZFJvdXRlKTtcclxuXHJcbiAgICAvL3RoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLlJlbW92ZVByb2R1Y3RTZWxlY3Rpb24odGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuRmFicmlrYW50ZW5TZXJ2aWNlLkxvYWRGYWJyaWthbnRlblZpZXdNb2RlbCh0aGlzLkNoYW5nZURldGVjdG9yUmVmLCB0aGlzLkFjdGl2YXRlZFJvdXRlKTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuSGVpZ2h0ID0gdGhpcy5HZXRIZWlnaHQoKTtcclxuICAgIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgbmdEb0NoZWNrKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuSGVpZ2h0ICE9IHRoaXMuR2V0SGVpZ2h0KCkpIHtcclxuICAgICAgdGhpcy5IZWlnaHQgPSB0aGlzLkdldEhlaWdodCgpO1xyXG4gICAgICB0aGlzLkNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBHZXRIZWlnaHQoKTogc3RyaW5nIHtcclxuICAgIHZhciBoZWlnaHQgPSAwO1xyXG5cclxuICAgIGlmICh0aGlzLmhlYWRlciAhPSB1bmRlZmluZWQpIHtcclxuICAgICAgaGVpZ2h0ICs9IHRoaXMuaGVhZGVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLmluZm8gIT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIGhlaWdodCArPSB0aGlzLmluZm8ubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIFwiY2FsYygxMDAlIC0gXCIgKyBoZWlnaHQgKyBcInB4KVwiO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2ICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLkxvYWRpbmdcIiBjbGFzcz1cImxvYWRlclwiPlxyXG4gIDxtYXQtY2FyZCBjbGFzcz1cImxvYWRlci1jYXJkXCI+XHJcbiAgICA8bWF0LWNhcmQtY29udGVudD5cclxuICAgICAgPG1hdC1zcGlubmVyIGNsYXNzPVwibG9hZGVyLXNwaW5uZXJcIiBbZGlhbWV0ZXJdPVwiODBcIj48L21hdC1zcGlubmVyPlxyXG4gICAgPC9tYXQtY2FyZC1jb250ZW50PlxyXG4gICAgPG1hdC1jYXJkLXN1YnRpdGxlIGNsYXNzPVwibG9hZGVyLXN1YnRpdGxlXCI+XHJcbiAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Db21tb24sIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuUHJvZHVjdHNMb2FkaW5nKSB9fVxyXG4gICAgPC9tYXQtY2FyZC1zdWJ0aXRsZT5cclxuICA8L21hdC1jYXJkPlxyXG48L2Rpdj5cclxuXHJcbjxtYXQtZHJhd2VyLWNvbnRhaW5lciBjbGFzcz1cInZpZXctY29udGFpbmVyXCIgKm5nSWY9XCJGYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwgIT0gbnVsbFwiPlxyXG4gIDxtYXQtZHJhd2VyICNkcmF3ZXIgW21vZGVdPVwiTW9iaWxlU2VydmljZS5OYXZNb2RlXCIgWyhvcGVuZWQpXT1cIk1vYmlsZVNlcnZpY2UuTmF2T3BlbmVkXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLXZpZXdcIj5cclxuICAgICAgPGZhYi1maWx0ZXJzLWlucHV0PjwvZmFiLWZpbHRlcnMtaW5wdXQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L21hdC1kcmF3ZXI+XHJcbiAgPG1hdC1kcmF3ZXItY29udGVudCBjbGFzcz1cInZpZXctY29udGVudFwiPlxyXG4gICAgPGRpdiAjaGVhZGVyPlxyXG4gICAgICA8YXBwLWZhYi1oZWFkZXIgW3Nob3dmaWx0ZXJtZW51YnV0dG9uXT1cInRydWVcIj48L2FwcC1mYWItaGVhZGVyPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiAjaW5mbyBjbGFzcz1cImhlYWRlclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cclxuICAgICAgICA8aDE+e3sgVHJhbnNsYXRlU2VydmljZS5HZXRBY3RpdmVWYWx1ZShUcmFuc2xhdGlvbkNhdGVnb3J5LkNvbW1vbiwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5Qcm9kdWN0U2VsZWN0aW9uKSB9fTwvaDE+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwic3VidGl0bGVcIiAqbmdJZj1cIiFGYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwucHJvZHVjdFNlbGVjdEJsb2NrZWRCeUZpbHRlcnNcIj5cclxuICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuQ29tbW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LlByb2R1Y3RTZWxlY3Rpb25JbmZvKSB9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCIgKm5nSWY9XCJGYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwucHJvZHVjdFNlbGVjdEJsb2NrZWRCeUZpbHRlcnNcIj5cclxuICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuQ29tbW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LlByb2R1Y3RTZWxlY3Rpb25CbG9ja2VkKSB9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgW3N0eWxlLmhlaWdodF09XCJIZWlnaHRcIiAqbmdJZj1cIiFGYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwucHJvZHVjdFNlbGVjdEJsb2NrZWRCeUZpbHRlcnNcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1haW4td2luZG93XCI+XHJcbiAgICAgICAgPGFwcC1mYWItcHJvZHVjdC10aWxlICpuZ0Zvcj1cImxldCBwcm9kdWN0IG9mIEZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbC5wcm9kdWN0c1wiIFtwcm9kdWN0XT1cInByb2R1Y3RcIj48L2FwcC1mYWItcHJvZHVjdC10aWxlPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbWF0LWRyYXdlci1jb250ZW50PlxyXG48L21hdC1kcmF3ZXItY29udGFpbmVyPlxyXG5cclxuXHJcbiJdfQ==

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

@@ -0,0 +1,59 @@
+import { Component, Input } 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/translate.service";
+import * as i3 from "../../services/photo.service";
+import * as i4 from "@angular/platform-browser";
+import * as i5 from "@angular/material/legacy-card";
+class FabProductTileComponent {
+    FabrikantenService;
+    TranslateService;
+    PhotoService;
+    sanitization;
+    ChangeDetectorRef;
+    product;
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    constructor(FabrikantenService, TranslateService, PhotoService, sanitization, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.PhotoService = PhotoService;
+        this.sanitization = sanitization;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ngOnInit() {
+    }
+    Select() {
+        this.FabrikantenService.SelectProduct(this.product, this.ChangeDetectorRef);
+    }
+    GetPhoto() {
+        if (this.product.imagePath != null && this.product.imagePath != "") {
+            return this.product.imagePath;
+        }
+        else {
+            var array = this.PhotoService.GetPhotoArrayProduct(this.product);
+            if (array.length > 0) {
+                return this.FabrikantenService.FabrikantenSettingsViewModel?.bcbWebserviceURLBase + array[0].url;
+            }
+            return "";
+        }
+    }
+    getSafeUrl() {
+        return this.sanitization.bypassSecurityTrustStyle('url(\'' + this.GetPhoto() + '\')');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductTileComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i3.PhotoService }, { token: i4.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabProductTileComponent, selector: "app-fab-product-tile", inputs: { product: "product" }, ngImport: i0, template: "<mat-card class=\"tile\" (click)=\"Select()\" [style.backgroundImage]=\"getSafeUrl()\">\r\n  <mat-card-title class=\"title\">\r\n    {{ TranslateService.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, product.id) }}\r\n  </mat-card-title>\r\n  <!--<mat-card-subtitle *ngIf=\"TranslateService.GetActiveValueProductDescription(product.id) != null && TranslateService.GetActiveValueProductDescription(product.id) != ''\">\r\n  \r\n  </mat-card-subtitle>-->\r\n</mat-card>\r\n\r\n\r\n", styles: [".tile{margin:5px;width:150px;height:250px;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border:1px solid #EEE}.tile:hover{border:1px solid #000}.tile:hover .title{text-decoration:underline}.title:first-letter{text-transform:uppercase}.title{background-color:#ffffffb3;padding:4px;text-align:center;position:absolute;bottom:0;width:calc(100% - 8px);left:0;font-size:16px}.title:first-letter{text-transform:capitalize}\n"], dependencies: [{ kind: "component", type: i5.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i5.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }] });
+}
+export { FabProductTileComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabProductTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-product-tile', template: "<mat-card class=\"tile\" (click)=\"Select()\" [style.backgroundImage]=\"getSafeUrl()\">\r\n  <mat-card-title class=\"title\">\r\n    {{ TranslateService.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, product.id) }}\r\n  </mat-card-title>\r\n  <!--<mat-card-subtitle *ngIf=\"TranslateService.GetActiveValueProductDescription(product.id) != null && TranslateService.GetActiveValueProductDescription(product.id) != ''\">\r\n  \r\n  </mat-card-subtitle>-->\r\n</mat-card>\r\n\r\n\r\n", styles: [".tile{margin:5px;width:150px;height:250px;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border:1px solid #EEE}.tile:hover{border:1px solid #000}.tile:hover .title{text-decoration:underline}.title:first-letter{text-transform:uppercase}.title{background-color:#ffffffb3;padding:4px;text-align:center;position:absolute;bottom:0;width:calc(100% - 8px);left:0;font-size:16px}.title:first-letter{text-transform:capitalize}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i3.PhotoService }, { type: i4.DomSanitizer }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { product: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXByb2R1Y3QtdGlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLXByb2R1Y3QtdGlsZS9mYWItcHJvZHVjdC10aWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcHJvZHVjdC10aWxlL2ZhYi1wcm9kdWN0LXRpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBSzVFLE9BQU8sRUFBK0IsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7OztBQUV2SCxNQUthLHVCQUF1QjtJQWF6QjtJQUNBO0lBQ0M7SUFDQTtJQUNBO0lBZkQsT0FBTyxDQUE4QjtJQUU5QyxJQUFXLG1CQUFtQjtRQUM1QixPQUFPLG1CQUFtQixDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFXLHNCQUFzQjtRQUMvQixPQUFPLHNCQUFzQixDQUFDO0lBQ2hDLENBQUM7SUFFRCxZQUNTLGtCQUFzQyxFQUN0QyxnQkFBa0MsRUFDakMsWUFBMEIsRUFDMUIsWUFBMEIsRUFDMUIsaUJBQW9DO1FBSnJDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNqQyxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUMxQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUMxQixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBQUksQ0FBQztJQUVuRCxRQUFRO0lBQ1IsQ0FBQztJQUVNLE1BQU07UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsSUFBSSxFQUFFLEVBQUU7WUFDbEUsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQztTQUMvQjthQUNJO1lBQ0gsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFFakUsSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDcEIsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsNEJBQTRCLEVBQUUsb0JBQW9CLEdBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQWMsQ0FBQzthQUM5RztZQUVELE9BQU8sRUFBRSxDQUFDO1NBQ1g7SUFDSCxDQUFDO0lBRU0sVUFBVTtRQUNmLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyx3QkFBd0IsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxHQUFHLEtBQUssQ0FBQyxDQUFDO0lBQ3hGLENBQUM7dUdBM0NVLHVCQUF1QjsyRkFBdkIsdUJBQXVCLDRGQ1pwQywyZkFVQTs7U0RFYSx1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxzQkFBc0I7OE5BTXZCLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBQaG90b1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9waG90by5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5Qcm9kdWN0Vmlld01vZGVsLCBUcmFuc2xhdGlvbkNhdGVnb3J5LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5IH0gZnJvbSAnLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1wcm9kdWN0LXRpbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItcHJvZHVjdC10aWxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mYWItcHJvZHVjdC10aWxlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZhYlByb2R1Y3RUaWxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgcHJvZHVjdDogRmFicmlrYW50ZW5Qcm9kdWN0Vmlld01vZGVsO1xyXG5cclxuICBwdWJsaWMgZ2V0IFRyYW5zbGF0aW9uQ2F0ZWdvcnkoKSB7XHJcbiAgICByZXR1cm4gVHJhbnNsYXRpb25DYXRlZ29yeTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgVHJhbnNsYXRpb25TdWJDYXRlZ29yeSgpIHtcclxuICAgIHJldHVybiBUcmFuc2xhdGlvblN1YkNhdGVnb3J5O1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgUGhvdG9TZXJ2aWNlOiBQaG90b1NlcnZpY2UsXHJcbiAgICBwcml2YXRlIHNhbml0aXphdGlvbjogRG9tU2FuaXRpemVyLFxyXG4gICAgcHJpdmF0ZSBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBTZWxlY3QoKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5TZWxlY3RQcm9kdWN0KHRoaXMucHJvZHVjdCwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgR2V0UGhvdG8oKTogc3RyaW5nIHtcclxuICAgIGlmICh0aGlzLnByb2R1Y3QuaW1hZ2VQYXRoICE9IG51bGwgJiYgdGhpcy5wcm9kdWN0LmltYWdlUGF0aCAhPSBcIlwiKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLnByb2R1Y3QuaW1hZ2VQYXRoO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIHZhciBhcnJheSA9IHRoaXMuUGhvdG9TZXJ2aWNlLkdldFBob3RvQXJyYXlQcm9kdWN0KHRoaXMucHJvZHVjdCk7XHJcblxyXG4gICAgICBpZiAoYXJyYXkubGVuZ3RoID4gMCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblNldHRpbmdzVmlld01vZGVsPy5iY2JXZWJzZXJ2aWNlVVJMQmFzZSArIChhcnJheVswXS51cmwgYXMgc3RyaW5nKTtcclxuICAgICAgfVxyXG5cclxuICAgICAgcmV0dXJuIFwiXCI7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0U2FmZVVybCgpIHtcclxuICAgIHJldHVybiB0aGlzLnNhbml0aXphdGlvbi5ieXBhc3NTZWN1cml0eVRydXN0U3R5bGUoJ3VybChcXCcnICsgdGhpcy5HZXRQaG90bygpICsgJ1xcJyknKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxtYXQtY2FyZCBjbGFzcz1cInRpbGVcIiAoY2xpY2spPVwiU2VsZWN0KClcIiBbc3R5bGUuYmFja2dyb3VuZEltYWdlXT1cImdldFNhZmVVcmwoKVwiPlxyXG4gIDxtYXQtY2FyZC10aXRsZSBjbGFzcz1cInRpdGxlXCI+XHJcbiAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuUHJvZHVjdCwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5OYW1lLCBwcm9kdWN0LmlkKSB9fVxyXG4gIDwvbWF0LWNhcmQtdGl0bGU+XHJcbiAgPCEtLTxtYXQtY2FyZC1zdWJ0aXRsZSAqbmdJZj1cIlRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWVQcm9kdWN0RGVzY3JpcHRpb24ocHJvZHVjdC5pZCkgIT0gbnVsbCAmJiBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlUHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QuaWQpICE9ICcnXCI+XHJcbiAgXHJcbiAgPC9tYXQtY2FyZC1zdWJ0aXRsZT4tLT5cclxuPC9tYXQtY2FyZD5cclxuXHJcblxyXG4iXX0=

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

@@ -0,0 +1,99 @@
+import { Component, Input } 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/translate.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/legacy-form-field";
+import * as i5 from "@angular/material/legacy-input";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/material/legacy-tooltip";
+class FabRangeInputComponent {
+    FabrikantenService;
+    TranslateService;
+    ChangeDetectorRef;
+    //@Input() rangeinput: FabrikantenRangeInputViewModel;
+    _rangeinput;
+    get rangeinput() {
+        return this._rangeinput;
+    }
+    set rangeinput(value) {
+        this._rangeinput = value;
+        if (this._rangeinput.value != "") {
+            this.value = parseInt(this._rangeinput.value + "");
+        }
+    }
+    value;
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    //public tooltip: string = "";
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ngOnInit() {
+    }
+    ProcessChange() {
+        var process = true;
+        if (this._rangeinput.inclusiefMaximum) {
+            if (this.value > this._rangeinput.maximum) {
+                process = false;
+            }
+        }
+        if (this._rangeinput.inclusiefMinimum) {
+            if (this.value < this._rangeinput.minimum) {
+                process = false;
+            }
+        }
+        if (process) {
+            this.FabrikantenService.SetRangeInput(this._rangeinput.id, this.value, this.ChangeDetectorRef);
+        }
+    }
+    GetMin() {
+        if (this._rangeinput.inclusiefMinimum) {
+            return this._rangeinput.minimum;
+        }
+        return -1;
+    }
+    GetMax() {
+        if (this._rangeinput.inclusiefMaximum) {
+            return this._rangeinput.maximum;
+        }
+        return -1;
+    }
+    GetToolTip() {
+        var tooltip = this.GetTranslateString();
+        var tooltip = tooltip.replace("{min}", this._rangeinput.minimum.toString());
+        var tooltip = tooltip.replace("{max}", this._rangeinput.maximum.toString());
+        return tooltip;
+    }
+    GetTranslateString() {
+        if (!this._rangeinput.inclusiefMinimum && this._rangeinput.inclusiefMaximum) {
+            return this.TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.InclusiveMax);
+        }
+        else if (this._rangeinput.inclusiefMinimum && !this._rangeinput.inclusiefMaximum) {
+            return this.TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.InclusiveMin);
+        }
+        else if (this._rangeinput.inclusiefMinimum && this._rangeinput.inclusiefMaximum) {
+            return this.TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.InclusiveMinMax);
+        }
+        else {
+            return "";
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabRangeInputComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabRangeInputComponent, selector: "app-fab-range-input", inputs: { rangeinput: "rangeinput" }, ngImport: i0, template: "\r\n  <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n    <mat-label>\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.RangeInput, TranslationSubCategory.Name, rangeinput.id) }}\r\n      <span *ngIf=\"rangeinput.required\">*</span>\r\n    </mat-label>\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() == -1\" matInput type=\"number\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() != -1\" matInput type=\"number\" [min]=\"GetMin()\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() != -1\" matInput type=\"number\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() == -1\" matInput type=\"number\" [min]=\"GetMin()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <mat-error>{{ GetToolTip() }}</mat-error>\r\n  </mat-form-field>\r\n\r\n", styles: [".fullwidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.MatLegacyError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i6.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+}
+export { FabRangeInputComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabRangeInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-range-input', template: "\r\n  <mat-form-field appearance=\"fill\" class=\"fullwidth\">\r\n    <mat-label>\r\n      {{ TranslateService.GetActiveValue(TranslationCategory.RangeInput, TranslationSubCategory.Name, rangeinput.id) }}\r\n      <span *ngIf=\"rangeinput.required\">*</span>\r\n    </mat-label>\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() == -1\" matInput type=\"number\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() != -1\" matInput type=\"number\" [min]=\"GetMin()\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() == -1 && GetMax() != -1\" matInput type=\"number\" [max]=\"GetMax()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <input *ngIf=\"GetMin() != -1 && GetMax() == -1\" matInput type=\"number\" [min]=\"GetMin()\" matTooltip=\"{{ GetToolTip() }}\" [(ngModel)]=\"value\" (change)=\"ProcessChange()\">\r\n    <mat-error>{{ GetToolTip() }}</mat-error>\r\n  </mat-form-field>\r\n\r\n", styles: [".fullwidth{width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { rangeinput: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXJhbmdlLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcmFuZ2UtaW5wdXQvZmFiLXJhbmdlLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcmFuZ2UtaW5wdXQvZmFiLXJhbmdlLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUc1RSxPQUFPLEVBQWtDLG1CQUFtQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7Ozs7OztBQUUxSCxNQUthLHNCQUFzQjtJQTZCYjtJQUNYO0lBQ0M7SUE3QlYsc0RBQXNEO0lBRXRELFdBQVcsQ0FBaUM7SUFDNUMsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFhLFVBQVUsQ0FBQyxLQUFxQztRQUMzRCxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUV6QixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxJQUFJLEVBQUUsRUFBRTtZQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUMsQ0FBQztTQUNwRDtJQUNILENBQUM7SUFFTSxLQUFLLENBQVM7SUFFckIsSUFBVyxtQkFBbUI7UUFDNUIsT0FBTyxtQkFBbUIsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBVyxzQkFBc0I7UUFDL0IsT0FBTyxzQkFBc0IsQ0FBQztJQUNoQyxDQUFDO0lB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LHNCQUFzQjsyRkFBdEIsc0JBQXNCLGlHQ1ZuQyxvbENBYUE7O1NESGEsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCO3dLQWFsQixVQUFVO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5SYW5nZUlucHV0Vmlld01vZGVsLCBUcmFuc2xhdGlvbkNhdGVnb3J5LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5IH0gZnJvbSAnLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1yYW5nZS1pbnB1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1yYW5nZS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLXJhbmdlLWlucHV0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZhYlJhbmdlSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvL0BJbnB1dCgpIHJhbmdlaW5wdXQ6IEZhYnJpa2FudGVuUmFuZ2VJbnB1dFZpZXdNb2RlbDtcclxuXHJcbiAgX3JhbmdlaW5wdXQ6IEZhYnJpa2FudGVuUmFuZ2VJbnB1dFZpZXdNb2RlbDtcclxuICBnZXQgcmFuZ2VpbnB1dCgpOiBGYWJyaWthbnRlblJhbmdlSW5wdXRWaWV3TW9kZWwge1xyXG4gICAgcmV0dXJuIHRoaXMuX3JhbmdlaW5wdXQ7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBzZXQgcmFuZ2VpbnB1dCh2YWx1ZTogRmFicmlrYW50ZW5SYW5nZUlucHV0Vmlld01vZGVsKSB7XHJcbiAgICB0aGlzLl9yYW5nZWlucHV0ID0gdmFsdWU7XHJcblxyXG4gICAgaWYgKHRoaXMuX3JhbmdlaW5wdXQudmFsdWUgIT0gXCJcIikge1xyXG4gICAgICB0aGlzLnZhbHVlID0gcGFyc2VJbnQodGhpcy5fcmFuZ2VpbnB1dC52YWx1ZSArIFwiXCIpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHZhbHVlOiBudW1iZXI7XHJcblxyXG4gIHB1YmxpYyBnZXQgVHJhbnNsYXRpb25DYXRlZ29yeSgpIHtcclxuICAgIHJldHVybiBUcmFuc2xhdGlvbkNhdGVnb3J5O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5KCkge1xyXG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnk7XHJcbiAgfVxyXG5cclxuICAvL3B1YmxpYyB0b29sdGlwOiBzdHJpbmcgPSBcIlwiO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIENoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICB9XHJcblxyXG4gIHB1YmxpYyBQcm9jZXNzQ2hhbmdlKCk6IHZvaWQge1xyXG4gICAgdmFyIHByb2Nlc3M6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAgIGlmICh0aGlzLl9yYW5nZWlucHV0LmluY2x1c2llZk1heGltdW0pIHtcclxuICAgICAgaWYgKHRoaXMudmFsdWUgPiB0aGlzLl9yYW5nZWlucHV0Lm1heGltdW0pIHtcclxuICAgICAgICBwcm9jZXNzID0gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5fcmFuZ2VpbnB1dC5pbmNsdXNpZWZNaW5pbXVtKSB7XHJcbiAgICAgIGlmICh0aGlzLnZhbHVlIDwgdGhpcy5fcmFuZ2VpbnB1dC5taW5pbXVtKSB7XHJcbiAgICAgICAgcHJvY2VzcyA9IGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHByb2Nlc3MpIHtcclxuICAgICAgdGhpcy5GYWJyaWthbnRlblNlcnZpY2UuU2V0UmFuZ2VJbnB1dCh0aGlzLl9yYW5nZWlucHV0LmlkLCB0aGlzLnZhbHVlLCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBHZXRNaW4oKTogbnVtYmVyIHtcclxuICAgIGlmICh0aGlzLl9yYW5nZWlucHV0LmluY2x1c2llZk1pbmltdW0pIHtcclxuICAgICAgcmV0dXJuIHRoaXMuX3JhbmdlaW5wdXQubWluaW11bTtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gLTE7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgR2V0TWF4KCk6IG51bWJlciB7XHJcbiAgICBpZiAodGhpcy5fcmFuZ2VpbnB1dC5pbmNsdXNpZWZNYXhpbXVtKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLl9yYW5nZWlucHV0Lm1heGltdW07XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIC0xO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIEdldFRvb2xUaXAoKTogc3RyaW5nIHtcclxuICAgIHZhciB0b29sdGlwID0gdGhpcy5HZXRUcmFuc2xhdGVTdHJpbmcoKTtcclxuXHJcbiAgICB2YXIgdG9vbHRpcCA9IHRvb2x0aXAucmVwbGFjZShcInttaW59XCIsIHRoaXMuX3JhbmdlaW5wdXQubWluaW11bS50b1N0cmluZygpKTtcclxuICAgIHZhciB0b29sdGlwID0gdG9vbHRpcC5yZXBsYWNlKFwie21heH1cIiwgdGhpcy5fcmFuZ2VpbnB1dC5tYXhpbXVtLnRvU3RyaW5nKCkpO1xyXG5cclxuICAgIHJldHVybiB0b29sdGlwO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBHZXRUcmFuc2xhdGVTdHJpbmcoKTogc3RyaW5nIHtcclxuICAgIGlmICghdGhpcy5fcmFuZ2VpbnB1dC5pbmNsdXNpZWZNaW5pbXVtICYmIHRoaXMuX3JhbmdlaW5wdXQuaW5jbHVzaWVmTWF4aW11bSkge1xyXG4gICAgICByZXR1cm4gdGhpcy5UcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuQ29tbW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LkluY2x1c2l2ZU1heCk7XHJcbiAgICB9XHJcbiAgICBlbHNlIGlmICh0aGlzLl9yYW5nZWlucHV0LmluY2x1c2llZk1pbmltdW0gJiYgIXRoaXMuX3JhbmdlaW5wdXQuaW5jbHVzaWVmTWF4aW11bSkge1xyXG4gICAgICByZXR1cm4gdGhpcy5UcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuQ29tbW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5LkluY2x1c2l2ZU1pbik7XHJcbiAgICB9XHJcbiAgICBlbHNlIGlmICh0aGlzLl9yYW5nZWlucHV0LmluY2x1c2llZk1pbmltdW0gJiYgdGhpcy5fcmFuZ2VpbnB1dC5pbmNsdXNpZWZNYXhpbXVtKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLlRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5Db21tb24sIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuSW5jbHVzaXZlTWluTWF4KTtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICByZXR1cm4gXCJcIjtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiXHJcbiAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCIgY2xhc3M9XCJmdWxsd2lkdGhcIj5cclxuICAgIDxtYXQtbGFiZWw+XHJcbiAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5SYW5nZUlucHV0LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5Lk5hbWUsIHJhbmdlaW5wdXQuaWQpIH19XHJcbiAgICAgIDxzcGFuICpuZ0lmPVwicmFuZ2VpbnB1dC5yZXF1aXJlZFwiPio8L3NwYW4+XHJcbiAgICA8L21hdC1sYWJlbD5cclxuICAgIDxpbnB1dCAqbmdJZj1cIkdldE1pbigpID09IC0xICYmIEdldE1heCgpID09IC0xXCIgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIG1hdFRvb2x0aXA9XCJ7eyBHZXRUb29sVGlwKCkgfX1cIiBbKG5nTW9kZWwpXT1cInZhbHVlXCIgKGNoYW5nZSk9XCJQcm9jZXNzQ2hhbmdlKClcIj5cclxuICAgIDxpbnB1dCAqbmdJZj1cIkdldE1pbigpICE9IC0xICYmIEdldE1heCgpICE9IC0xXCIgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIFttaW5dPVwiR2V0TWluKClcIiBbbWF4XT1cIkdldE1heCgpXCIgbWF0VG9vbHRpcD1cInt7IEdldFRvb2xUaXAoKSB9fVwiIFsobmdNb2RlbCldPVwidmFsdWVcIiAoY2hhbmdlKT1cIlByb2Nlc3NDaGFuZ2UoKVwiPlxyXG4gICAgPGlucHV0ICpuZ0lmPVwiR2V0TWluKCkgPT0gLTEgJiYgR2V0TWF4KCkgIT0gLTFcIiBtYXRJbnB1dCB0eXBlPVwibnVtYmVyXCIgW21heF09XCJHZXRNYXgoKVwiIG1hdFRvb2x0aXA9XCJ7eyBHZXRUb29sVGlwKCkgfX1cIiBbKG5nTW9kZWwpXT1cInZhbHVlXCIgKGNoYW5nZSk9XCJQcm9jZXNzQ2hhbmdlKClcIj5cclxuICAgIDxpbnB1dCAqbmdJZj1cIkdldE1pbigpICE9IC0xICYmIEdldE1heCgpID09IC0xXCIgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIFttaW5dPVwiR2V0TWluKClcIiBtYXRUb29sdGlwPVwie3sgR2V0VG9vbFRpcCgpIH19XCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIChjaGFuZ2UpPVwiUHJvY2Vzc0NoYW5nZSgpXCI+XHJcbiAgICA8bWF0LWVycm9yPnt7IEdldFRvb2xUaXAoKSB9fTwvbWF0LWVycm9yPlxyXG4gIDwvbWF0LWZvcm0tZmllbGQ+XHJcblxyXG4iXX0=

package/esm2022/src/app/modules/fabrikantencore/components/fab-range-input-fold/fab-range-input-fold.component.mjs

@@ -0,0 +1,45 @@
+import { Component, Input } 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/translate.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "../fab-range-input/fab-range-input.component";
+class FabRangeInputFoldComponent {
+    FabrikantenService;
+    TranslateService;
+    ChangeDetectorRef;
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    _rangeinput;
+    get rangeinput() {
+        return this._rangeinput;
+    }
+    set rangeinput(value) {
+        this._rangeinput = value;
+    }
+    Opened = false;
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ChangeState() {
+        this.Opened = !this.Opened;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabRangeInputFoldComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabRangeInputFoldComponent, selector: "app-fab-range-input-fold", inputs: { rangeinput: "rangeinput" }, ngImport: i0, template: "<ng-container *ngIf=\"!rangeinput.hidden\">\r\n  <div class=\"main-fold\" [ngClass]=\"{ 'filled': rangeinput.value != '' }\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.RangeInput, TranslationSubCategory.Name, rangeinput.id) }}\r\n        <span *ngIf=\"rangeinput.required\">*</span>\r\n        <ng-container *ngIf=\"rangeinput.value != ''\">\r\n          ({{ rangeinput.value }})\r\n        </ng-container>\r\n      </div>\r\n      <div>\r\n        <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n        <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <app-fab-range-input [rangeinput]=\"rangeinput\"></app-fab-range-input>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.content{padding:5px}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{width:100%;transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.FabRangeInputComponent, selector: "app-fab-range-input", inputs: ["rangeinput"] }] });
+}
+export { FabRangeInputFoldComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabRangeInputFoldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-range-input-fold', template: "<ng-container *ngIf=\"!rangeinput.hidden\">\r\n  <div class=\"main-fold\" [ngClass]=\"{ 'filled': rangeinput.value != '' }\">\r\n    <div class=\"row selectbar\" (click)=\"ChangeState()\">\r\n      <div class=\"flexauto namebar\">\r\n        {{ TranslateService.GetActiveValue(TranslationCategory.RangeInput, TranslationSubCategory.Name, rangeinput.id) }}\r\n        <span *ngIf=\"rangeinput.required\">*</span>\r\n        <ng-container *ngIf=\"rangeinput.value != ''\">\r\n          ({{ rangeinput.value }})\r\n        </ng-container>\r\n      </div>\r\n      <div>\r\n        <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">add</mat-icon>\r\n        <mat-icon *ngIf=\"Opened\" class=\"expand_less\">remove</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"collapsible-wrapper\" [ngClass]=\"{'collapsed': !Opened}\">\r\n      <div class=\"collapsible\">\r\n        <div class=\"content\">\r\n          <app-fab-range-input [rangeinput]=\"rangeinput\"></app-fab-range-input>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".flexauto{flex:auto}.namebar{font-size:14px;line-height:24px}.main-fold{border:1px solid #AAA;border-radius:2px;margin-bottom:5px}.filled{border-left:3px solid #000}.selectbar{cursor:pointer;padding:5px}.content{padding:5px}.collapsible-wrapper{display:flex;overflow:hidden}.collapsible-wrapper:after{content:\"\";height:50px;transition:height .3s linear,max-height 0s .3s linear;max-height:0px}.collapsible{width:100%;transition:margin-bottom .3s cubic-bezier(0,0,0,1);margin-bottom:0;max-height:1000000px}.collapsible-wrapper.collapsed>.collapsible{margin-bottom:-2000px;transition:margin-bottom .3s cubic-bezier(1,0,1,1),visibility 0s .3s,max-height 0s .3s;visibility:hidden;max-height:0}.collapsible-wrapper.collapsed:after{height:0;transition:height .3s linear;max-height:50px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { rangeinput: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXJhbmdlLWlucHV0LWZvbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1yYW5nZS1pbnB1dC1mb2xkL2ZhYi1yYW5nZS1pbnB1dC1mb2xkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcmFuZ2UtaW5wdXQtZm9sZC9mYWItcmFuZ2UtaW5wdXQtZm9sZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFHNUUsT0FBTyxFQUFrQyxtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7O0FBRTFILE1BS2EsMEJBQTBCO0lBcUJqQjtJQUNYO0lBQ0M7SUFyQlYsSUFBVyxtQkFBbUI7UUFDNUIsT0FBTyxtQkFBbUIsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBVyxzQkFBc0I7UUFDL0IsT0FBTyxzQkFBc0IsQ0FBQztJQUNoQyxDQUFDO0lBRUQsV0FBVyxDQUFpQztJQUM1QyxJQUFJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQWEsVUFBVSxDQUFDLEtBQXFDO1FBQzNELElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFTSxNQUFNLEdBQVksS0FBSyxDQUFDO0lBRS9CLFlBQW9CLGtCQUFzQyxFQUNqRCxnQkFBa0MsRUFDakMsaUJBQW9DO1FBRjFCLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDakQscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNqQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBQUksQ0FBQztJQUU1QyxXQUFXO1FBRWhCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQzdCLENBQUM7dUdBNUJVLDBCQUEwQjsyRkFBMUIsMEJBQTBCLHNHQ1Z2QyxnakNBd0JBOztTRGRhLDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDBCQUEwQjt3S0FtQnZCLFVBQVU7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblJhbmdlSW5wdXRWaWV3TW9kZWwsIFRyYW5zbGF0aW9uQ2F0ZWdvcnksIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkgfSBmcm9tICcuLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZmFiLXJhbmdlLWlucHV0LWZvbGQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItcmFuZ2UtaW5wdXQtZm9sZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLXJhbmdlLWlucHV0LWZvbGQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFiUmFuZ2VJbnB1dEZvbGRDb21wb25lbnQge1xyXG5cclxuICBwdWJsaWMgZ2V0IFRyYW5zbGF0aW9uQ2F0ZWdvcnkoKSB7XHJcbiAgICByZXR1cm4gVHJhbnNsYXRpb25DYXRlZ29yeTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgVHJhbnNsYXRpb25TdWJDYXRlZ29yeSgpIHtcclxuICAgIHJldHVybiBUcmFuc2xhdGlvblN1YkNhdGVnb3J5O1xyXG4gIH1cclxuXHJcbiAgX3JhbmdlaW5wdXQ6IEZhYnJpa2FudGVuUmFuZ2VJbnB1dFZpZXdNb2RlbDtcclxuICBnZXQgcmFuZ2VpbnB1dCgpOiBGYWJyaWthbnRlblJhbmdlSW5wdXRWaWV3TW9kZWwge1xyXG4gICAgcmV0dXJuIHRoaXMuX3JhbmdlaW5wdXQ7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBzZXQgcmFuZ2VpbnB1dCh2YWx1ZTogRmFicmlrYW50ZW5SYW5nZUlucHV0Vmlld01vZGVsKSB7XHJcbiAgICB0aGlzLl9yYW5nZWlucHV0ID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgT3BlbmVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgcHVibGljIENoYW5nZVN0YXRlKCk6IHZvaWQge1xyXG5cclxuICAgIHRoaXMuT3BlbmVkID0gIXRoaXMuT3BlbmVkO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIXJhbmdlaW5wdXQuaGlkZGVuXCI+XHJcbiAgPGRpdiBjbGFzcz1cIm1haW4tZm9sZFwiIFtuZ0NsYXNzXT1cInsgJ2ZpbGxlZCc6IHJhbmdlaW5wdXQudmFsdWUgIT0gJycgfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInJvdyBzZWxlY3RiYXJcIiAoY2xpY2spPVwiQ2hhbmdlU3RhdGUoKVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleGF1dG8gbmFtZWJhclwiPlxyXG4gICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5SYW5nZUlucHV0LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5Lk5hbWUsIHJhbmdlaW5wdXQuaWQpIH19XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJyYW5nZWlucHV0LnJlcXVpcmVkXCI+Kjwvc3Bhbj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicmFuZ2VpbnB1dC52YWx1ZSAhPSAnJ1wiPlxyXG4gICAgICAgICAgKHt7IHJhbmdlaW5wdXQudmFsdWUgfX0pXHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2PlxyXG4gICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFPcGVuZWRcIiBjbGFzcz1cImV4cGFuZF9tb3JlXCI+YWRkPC9tYXQtaWNvbj5cclxuICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJPcGVuZWRcIiBjbGFzcz1cImV4cGFuZF9sZXNzXCI+cmVtb3ZlPC9tYXQtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2xsYXBzaWJsZS13cmFwcGVyXCIgW25nQ2xhc3NdPVwieydjb2xsYXBzZWQnOiAhT3BlbmVkfVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY29sbGFwc2libGVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgICAgPGFwcC1mYWItcmFuZ2UtaW5wdXQgW3JhbmdlaW5wdXRdPVwicmFuZ2VpbnB1dFwiPjwvYXBwLWZhYi1yYW5nZS1pbnB1dD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==

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

@@ -0,0 +1,30 @@
+import { Component } from '@angular/core';
+import { TranslationCategory, TranslationSubCategory } from '../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/translate.service";
+import * as i2 from "../../services/fabrikanten.service";
+import * as i3 from "@angular/common";
+class FabSelectBcbproductComponent {
+    TranslateService;
+    FabrikantenService;
+    ChangeDetectorRef;
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    constructor(TranslateService, FabrikantenService, ChangeDetectorRef) {
+        this.TranslateService = TranslateService;
+        this.FabrikantenService = FabrikantenService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabSelectBcbproductComponent, deps: [{ token: i1.TranslateService }, { token: i2.FabrikantenService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabSelectBcbproductComponent, selector: "app-fab-select-bcbproduct", ngImport: i0, template: "<ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels != null\">\r\n  {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.MultipleVariants) }}\r\n  <br />\r\n  <br />\r\n  <div *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n    <div class=\"bcbproduct-div\" (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n      {{ bcbproduct.name }}\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".bcbproduct-div{border-radius:3px;padding:10px;margin:5px;cursor:pointer;border:1px solid #CCC;box-shadow:0 0 5px -1px #0003;display:inline-block}.bcbproduct-div:hover{background-color:#d3d3d3}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+export { FabSelectBcbproductComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabSelectBcbproductComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-select-bcbproduct', template: "<ng-container *ngIf=\"FabrikantenService.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels != null\">\r\n  {{ TranslateService.GetActiveValue(TranslationCategory.Common, TranslationSubCategory.MultipleVariants) }}\r\n  <br />\r\n  <br />\r\n  <div *ngFor=\"let bcbproduct of FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels\">\r\n    <div class=\"bcbproduct-div\" (click)=\"FabrikantenService.SelectBCBProduct(bcbproduct, this.ChangeDetectorRef)\">\r\n      {{ bcbproduct.name }}\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".bcbproduct-div{border-radius:3px;padding:10px;margin:5px;cursor:pointer;border:1px solid #CCC;box-shadow:0 0 5px -1px #0003;display:inline-block}.bcbproduct-div:hover{background-color:#d3d3d3}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.FabrikantenService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXNlbGVjdC1iY2Jwcm9kdWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItc2VsZWN0LWJjYnByb2R1Y3QvZmFiLXNlbGVjdC1iY2Jwcm9kdWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItc2VsZWN0LWJjYnByb2R1Y3QvZmFiLXNlbGVjdC1iY2Jwcm9kdWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7OztBQUUxRixNQUthLDRCQUE0QjtJQVU5QjtJQUNBO0lBQ0E7SUFYVCxJQUFXLG1CQUFtQjtRQUM1QixPQUFPLG1CQUFtQixDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFXLHNCQUFzQjtRQUMvQixPQUFPLHNCQUFzQixDQUFDO0lBQ2hDLENBQUM7SUFFRCxZQUNTLGdCQUFrQyxFQUNsQyxrQkFBc0MsRUFDdEMsaUJBQW9DO1FBRnBDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBRTdDLENBQUM7dUdBZFUsNEJBQTRCOzJGQUE1Qiw0QkFBNEIsaUVDVnpDLDhrQkFVQTs7U0RBYSw0QkFBNEI7MkZBQTVCLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZhYnJpa2FudGVuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGlvbkNhdGVnb3J5LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5IH0gZnJvbSAnLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1zZWxlY3QtYmNicHJvZHVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1zZWxlY3QtYmNicHJvZHVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLXNlbGVjdC1iY2Jwcm9kdWN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZhYlNlbGVjdEJjYnByb2R1Y3RDb21wb25lbnQge1xyXG4gIHB1YmxpYyBnZXQgVHJhbnNsYXRpb25DYXRlZ29yeSgpIHtcclxuICAgIHJldHVybiBUcmFuc2xhdGlvbkNhdGVnb3J5O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5KCkge1xyXG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBUcmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxyXG4gICAgcHVibGljIEZhYnJpa2FudGVuU2VydmljZTogRmFicmlrYW50ZW5TZXJ2aWNlLFxyXG4gICAgcHVibGljIENoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG5cclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIkZhYnJpa2FudGVuU2VydmljZS5GYWJyaWthbnRlblZpZXdNb2RlbD8uc2VsZWN0ZWRQcm9kdWN0Py5mYWJyaWthbnRlbkJDQlByb2R1Y3RWaWV3TW9kZWxzICE9IG51bGxcIj5cclxuICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuQ29tbW9uLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5Lk11bHRpcGxlVmFyaWFudHMpIH19XHJcbiAgPGJyIC8+XHJcbiAgPGJyIC8+XHJcbiAgPGRpdiAqbmdGb3I9XCJsZXQgYmNicHJvZHVjdCBvZiBGYWJyaWthbnRlblNlcnZpY2UuRmFicmlrYW50ZW5WaWV3TW9kZWwuc2VsZWN0ZWRQcm9kdWN0LmZhYnJpa2FudGVuQkNCUHJvZHVjdFZpZXdNb2RlbHNcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJiY2Jwcm9kdWN0LWRpdlwiIChjbGljayk9XCJGYWJyaWthbnRlblNlcnZpY2UuU2VsZWN0QkNCUHJvZHVjdChiY2Jwcm9kdWN0LCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKVwiPlxyXG4gICAgICB7eyBiY2Jwcm9kdWN0Lm5hbWUgfX1cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj5cclxuIl19

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

@@ -0,0 +1,31 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/fabrikanten.service";
+import * as i2 from "../../services/translate.service";
+import * as i3 from "@angular/router";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/legacy-card";
+import * as i6 from "@angular/material/legacy-progress-spinner";
+class FabStartComponent {
+    FabrikantenService;
+    TranslateService;
+    ChangeDetectorRef;
+    router;
+    constructor(FabrikantenService, TranslateService, ChangeDetectorRef, router) {
+        this.FabrikantenService = FabrikantenService;
+        this.TranslateService = TranslateService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.router = router;
+    }
+    ngOnInit() {
+        this.FabrikantenService.LoadFabrikantenViewModel(this.ChangeDetectorRef);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabStartComponent, deps: [{ token: i1.FabrikantenService }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: FabStartComponent, selector: "app-fab-start", ngImport: i0, template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\n  <mat-card class=\"loader-card\">\n    <mat-card-content>\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\n    </mat-card-content>\n  </mat-card>\n</div>\n", styles: [".loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.loader{display:flex;align-items:center;width:100%;height:100%;justify-content:center;z-index:20;background-color:#ffffffb3;top:0;left:0}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i5.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i6.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
+}
+export { FabStartComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: FabStartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab-start', template: "<div *ngIf=\"FabrikantenService.Loading\" class=\"loader\">\n  <mat-card class=\"loader-card\">\n    <mat-card-content>\n      <mat-spinner class=\"loader-spinner\" [diameter]=\"80\"></mat-spinner>\n    </mat-card-content>\n  </mat-card>\n</div>\n", styles: [".loader-card{margin:auto;width:300px}.loader-subtitle{text-align:center}.loader-spinner{margin:auto}.loader{display:flex;align-items:center;width:100%;height:100%;justify-content:center;z-index:20;background-color:#ffffffb3;top:0;left:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FabrikantenService }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }, { type: i3.Router }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLXN0YXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItc3RhcnQvZmFiLXN0YXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItc3RhcnQvZmFiLXN0YXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQUtyRSxNQUthLGlCQUFpQjtJQUduQjtJQUNBO0lBQ0M7SUFDQTtJQUpWLFlBQ1Msa0JBQXNDLEVBQ3RDLGdCQUFrQyxFQUNqQyxpQkFBb0MsRUFDcEMsTUFBYztRQUhmLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNqQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3BDLFdBQU0sR0FBTixNQUFNLENBQVE7SUFDeEIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLENBQUMsd0JBQXdCLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDM0UsQ0FBQzt1R0FYVSxpQkFBaUI7MkZBQWpCLGlCQUFpQixxRENWOUIseVBBT0E7O1NER2EsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mYWJyaWthbnRlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWZhYi1zdGFydCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi1zdGFydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLXN0YXJ0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZhYlN0YXJ0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgRmFicmlrYW50ZW5TZXJ2aWNlOiBGYWJyaWthbnRlblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgVHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLkZhYnJpa2FudGVuU2VydmljZS5Mb2FkRmFicmlrYW50ZW5WaWV3TW9kZWwodGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2ICpuZ0lmPVwiRmFicmlrYW50ZW5TZXJ2aWNlLkxvYWRpbmdcIiBjbGFzcz1cImxvYWRlclwiPlxuICA8bWF0LWNhcmQgY2xhc3M9XCJsb2FkZXItY2FyZFwiPlxuICAgIDxtYXQtY2FyZC1jb250ZW50PlxuICAgICAgPG1hdC1zcGlubmVyIGNsYXNzPVwibG9hZGVyLXNwaW5uZXJcIiBbZGlhbWV0ZXJdPVwiODBcIj48L21hdC1zcGlubmVyPlxuICAgIDwvbWF0LWNhcmQtY29udGVudD5cbiAgPC9tYXQtY2FyZD5cbjwvZGl2PlxuIl19