fabrikantencore 2.4.4 → 2.4.6

package/esm2020/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-ebo/beheer-import-sets-ebo.component.mjs

@@ -0,0 +1,90 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { BCBImportOpenTempRequest, BCBImportOpenTempDORequest } from '../../../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../swagger/SwaggerClient";
+import * as i2 from "../../../../services/importsets.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "../../../../components/fab-loader/fab-loader.component";
+import * as i8 from "../beheer-import-sets-eigenschap/beheer-import-sets-eigenschap.component";
+import * as i9 from "@angular/material/checkbox";
+export class BeheerImportSetsEboComponent {
+    constructor(ImportApiClient, ImportSetsService) {
+        this.ImportApiClient = ImportApiClient;
+        this.ImportSetsService = ImportSetsService;
+        this.Opened = false;
+        this.Loading = true;
+    }
+    ngOnInit() {
+    }
+    Open() {
+        if (!this.Opened) {
+            this.Loading = true;
+            this.Opened = true;
+            var array = this.ebo.dOs;
+            if (array != null) {
+                var request = new BCBImportOpenTempRequest();
+                request.dOs = new Array();
+                request.base = this.ebo.base;
+                request.bcbImportSetId = this.ImportSetsService.BCBImportSetSelected;
+                for (var i = 0; i < array.length; i++) {
+                    var newdo = new BCBImportOpenTempDORequest();
+                    newdo.naam = array[i].doNaam;
+                    newdo.type = array[i].doType;
+                    request.dOs.push(newdo);
+                }
+                this.ImportApiClient.openEBO(request).subscribe((model) => {
+                    this.BCBImportOpenResponse = model;
+                    this.Loading = false;
+                });
+            }
+        }
+        else {
+            this.Opened = false;
+        }
+    }
+}
+BeheerImportSetsEboComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsEboComponent, deps: [{ token: i1.ImportApiClient }, { token: i2.ImportSetsService }], target: i0.ɵɵFactoryTarget.Component });
+BeheerImportSetsEboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerImportSetsEboComponent, selector: "app-beheer-import-sets-ebo", inputs: { ebo: "ebo" }, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"icon-div\" (click)=\"Open()\">\n    <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">expand_more</mat-icon>\n    <mat-icon *ngIf=\"Opened\" class=\"expand_less\">expand_less</mat-icon>\n  </div>\n  <div class=\"text-div\">\n    <div class=\"row\">\n      <div class=\"flex-auto text-box\" *ngFor=\"let do of ebo.dOs\">\n        <mat-form-field class=\"full-width\" appearance=\"fill\">\n          <mat-label>{{ do.doType }}</mat-label>\n          <input matInput value=\"{{do.doNaam}}\" [readonly]=\"true\">\n        </mat-form-field>\n      </div>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"Opened\">\n  <div *ngIf=\"Loading\">\n    <app-fab-loader></app-fab-loader>\n  </div>\n  <div *ngIf=\"!Loading\" class=\"props\">\n    <div class=\"opbouw\">Opbouw</div>\n    <div *ngFor=\"let opbouw of BCBImportOpenResponse.bcbImportOpbouwen\">\n      <app-beheer-import-sets-opbouw [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\n    </div>\n\n    <div class=\"opbouw\">Eigenschap</div>\n    <div *ngFor=\"let eigenschap of BCBImportOpenResponse.bcbImportEigenschappen\">\n      <app-beheer-import-sets-eigenschap [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\n    </div>\n  </div>\n</div>\n\n", styles: ["app-beheer-import-sets-ebo .row{display:flex;align-items:center}app-beheer-import-sets-ebo .full-width{width:100%}app-beheer-import-sets-ebo .icon-div{width:22px;height:24px;cursor:pointer}app-beheer-import-sets-ebo .text-div{flex:auto;cursor:pointer}app-beheer-import-sets-ebo .props{padding-left:20px}app-beheer-import-sets-ebo .opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}app-beheer-import-sets-ebo .flex-auto{flex:auto}app-beheer-import-sets-ebo .check-div{padding-left:5px}app-beheer-import-sets-ebo .card{margin:3px}app-beheer-import-sets-ebo .mat-form-field-wrapper{padding-bottom:0}app-beheer-import-sets-ebo .mat-form-field-underline{bottom:0}app-beheer-import-sets-ebo .mat-form-field-infix{width:auto}app-beheer-import-sets-ebo .text-box{padding-left:3px}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i3.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i4.MatFormField; }), selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.MatLabel; }), selector: "mat-label" }, { kind: "directive", type: i0.forwardRef(function () { return i5.MatInput; }), selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i0.forwardRef(function () { return i6.MatIcon; }), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(function () { return i7.FabLoaderComponent; }), selector: "app-fab-loader" }, { kind: "component", type: i0.forwardRef(function () { return BeheerImportSetsOpbouwComponent; }), selector: "app-beheer-import-sets-opbouw", inputs: ["opbouw"] }, { kind: "component", type: i0.forwardRef(function () { return i8.BeheerImportSetsEigenschapComponent; }), selector: "app-beheer-import-sets-eigenschap", inputs: ["eigenschap"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsEboComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-import-sets-ebo', encapsulation: ViewEncapsulation.None, template: "<div class=\"row\">\n  <div class=\"icon-div\" (click)=\"Open()\">\n    <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">expand_more</mat-icon>\n    <mat-icon *ngIf=\"Opened\" class=\"expand_less\">expand_less</mat-icon>\n  </div>\n  <div class=\"text-div\">\n    <div class=\"row\">\n      <div class=\"flex-auto text-box\" *ngFor=\"let do of ebo.dOs\">\n        <mat-form-field class=\"full-width\" appearance=\"fill\">\n          <mat-label>{{ do.doType }}</mat-label>\n          <input matInput value=\"{{do.doNaam}}\" [readonly]=\"true\">\n        </mat-form-field>\n      </div>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"Opened\">\n  <div *ngIf=\"Loading\">\n    <app-fab-loader></app-fab-loader>\n  </div>\n  <div *ngIf=\"!Loading\" class=\"props\">\n    <div class=\"opbouw\">Opbouw</div>\n    <div *ngFor=\"let opbouw of BCBImportOpenResponse.bcbImportOpbouwen\">\n      <app-beheer-import-sets-opbouw [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\n    </div>\n\n    <div class=\"opbouw\">Eigenschap</div>\n    <div *ngFor=\"let eigenschap of BCBImportOpenResponse.bcbImportEigenschappen\">\n      <app-beheer-import-sets-eigenschap [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\n    </div>\n  </div>\n</div>\n\n", styles: ["app-beheer-import-sets-ebo .row{display:flex;align-items:center}app-beheer-import-sets-ebo .full-width{width:100%}app-beheer-import-sets-ebo .icon-div{width:22px;height:24px;cursor:pointer}app-beheer-import-sets-ebo .text-div{flex:auto;cursor:pointer}app-beheer-import-sets-ebo .props{padding-left:20px}app-beheer-import-sets-ebo .opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}app-beheer-import-sets-ebo .flex-auto{flex:auto}app-beheer-import-sets-ebo .check-div{padding-left:5px}app-beheer-import-sets-ebo .card{margin:3px}app-beheer-import-sets-ebo .mat-form-field-wrapper{padding-bottom:0}app-beheer-import-sets-ebo .mat-form-field-underline{bottom:0}app-beheer-import-sets-ebo .mat-form-field-infix{width:auto}app-beheer-import-sets-ebo .text-box{padding-left:3px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ImportApiClient }, { type: i2.ImportSetsService }]; }, propDecorators: { ebo: [{
+                type: Input
+            }] } });
+export class BeheerImportSetsOpbouwComponent {
+    constructor(ImportSetsService, ChangeDetectorRef) {
+        this.ImportSetsService = ImportSetsService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ngOnInit() {
+    }
+    Toggle() {
+        if (this.opbouw.wizardEBOViewModels != null && this.opbouw.wizardEBOViewModels.length > 0) {
+            this.opbouw.open = !this.opbouw.open;
+        }
+        else {
+            this.UpdateSelected();
+        }
+    }
+    UpdateSelected() {
+        this.opbouw.selected = !this.opbouw.selected;
+        var base = this.opbouw.base + "";
+        if (base != "") {
+            base += "#";
+        }
+        base += this.opbouw.value + "";
+        this.ImportSetsService.ChangeImportSetValue(base, this.opbouw.selected, this.ChangeDetectorRef);
+    }
+}
+BeheerImportSetsOpbouwComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsOpbouwComponent, deps: [{ token: i2.ImportSetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BeheerImportSetsOpbouwComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerImportSetsOpbouwComponent, selector: "app-beheer-import-sets-opbouw", inputs: { opbouw: "opbouw" }, ngImport: i0, template: "<div class=\"top-row\">\r\n  <div class=\"icon-div\" (click)=\"Toggle()\">\r\n    <ng-container *ngIf=\"opbouw.wizardEBOViewModels != null && opbouw.wizardEBOViewModels.length > 0\">\r\n      <mat-icon *ngIf=\"!opbouw.open\" class=\"expand_more\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"opbouw.open\" class=\"expand_less\">expand_less</mat-icon>\r\n    </ng-container>\r\n    \r\n  </div>\r\n  <div class=\"text-div flexauto\" (click)=\"Toggle()\">\r\n    {{ opbouw.name }}\r\n  </div>\r\n  <div class=\"check-div\">\r\n    <mat-checkbox [checked]=\"opbouw.selected\" (change)=\"UpdateSelected()\"></mat-checkbox>\r\n  </div>\r\n</div>\r\n<div class=\"content\" *ngIf=\"opbouw.open\">\r\n  <div class=\"ebobox\" *ngFor=\"let ebo of opbouw.wizardEBOViewModels\">\r\n    <app-beheer-import-sets-ebo [ebo]=\"ebo\"></app-beheer-import-sets-ebo>\r\n  </div>\r\n</div>\r\n", styles: [".top-row{display:flex;align-items:center}.icon-div{width:22px;height:24px;cursor:pointer}.text-div{cursor:pointer;padding:3px;border-bottom:1px solid lightgray}.text-div:hover{border-bottom:1px solid #000}.card{margin:3px}.flexauto{flex:auto}.ebobox{padding:10px;margin:10px;border:1px solid}\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"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: BeheerImportSetsEboComponent, selector: "app-beheer-import-sets-ebo", inputs: ["ebo"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsOpbouwComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-import-sets-opbouw', template: "<div class=\"top-row\">\r\n  <div class=\"icon-div\" (click)=\"Toggle()\">\r\n    <ng-container *ngIf=\"opbouw.wizardEBOViewModels != null && opbouw.wizardEBOViewModels.length > 0\">\r\n      <mat-icon *ngIf=\"!opbouw.open\" class=\"expand_more\">expand_more</mat-icon>\r\n      <mat-icon *ngIf=\"opbouw.open\" class=\"expand_less\">expand_less</mat-icon>\r\n    </ng-container>\r\n    \r\n  </div>\r\n  <div class=\"text-div flexauto\" (click)=\"Toggle()\">\r\n    {{ opbouw.name }}\r\n  </div>\r\n  <div class=\"check-div\">\r\n    <mat-checkbox [checked]=\"opbouw.selected\" (change)=\"UpdateSelected()\"></mat-checkbox>\r\n  </div>\r\n</div>\r\n<div class=\"content\" *ngIf=\"opbouw.open\">\r\n  <div class=\"ebobox\" *ngFor=\"let ebo of opbouw.wizardEBOViewModels\">\r\n    <app-beheer-import-sets-ebo [ebo]=\"ebo\"></app-beheer-import-sets-ebo>\r\n  </div>\r\n</div>\r\n", styles: [".top-row{display:flex;align-items:center}.icon-div{width:22px;height:24px;cursor:pointer}.text-div{cursor:pointer;padding:3px;border-bottom:1px solid lightgray}.text-div:hover{border-bottom:1px solid #000}.card{margin:3px}.flexauto{flex:auto}.ebobox{padding:10px;margin:10px;border:1px solid}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.ImportSetsService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { opbouw: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWltcG9ydC1zZXRzLWViby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1pbXBvcnQtc2V0cy9iZWhlZXItaW1wb3J0LXNldHMtZWJvL2JlaGVlci1pbXBvcnQtc2V0cy1lYm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItaW1wb3J0LXNldHMvYmVoZWVyLWltcG9ydC1zZXRzLWViby9iZWhlZXItaW1wb3J0LXNldHMtZWJvLmNvbXBvbmVudC5odG1sIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItaW1wb3J0LXNldHMvYmVoZWVyLWltcG9ydC1zZXRzLWViby9iZWhlZXItaW1wb3J0LXNldHMtb3Bib3V3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsMEJBQTBCLEVBQThELE1BQU0sbUNBQW1DLENBQUM7Ozs7Ozs7Ozs7O0FBUXJLLE1BQU0sT0FBTyw0QkFBNEI7SUFTdkMsWUFBb0IsZUFBZ0MsRUFBVSxpQkFBb0M7UUFBOUUsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQVUsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQVAzRixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLFlBQU8sR0FBWSxJQUFJLENBQUM7SUFNdUUsQ0FBQztJQUV2RyxRQUFRO0lBQ1IsQ0FBQztJQUVNLElBQUk7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUNwQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztZQUNuQixJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQztZQUV6QixJQUFJLEtBQUssSUFBSSxJQUFJLEVBQUU7Z0JBRWpCLElBQUksT0FBTyxHQUFHLElBQUksd0JBQXdCLEVBQUUsQ0FBQztnQkFDN0MsT0FBTyxDQUFDLEdBQUcsR0FBRyxJQUFJLEtBQUssRUFBOEIsQ0FBQztnQkFDdEQsT0FBTyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDN0IsT0FBTyxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLENBQUM7Z0JBRXJFLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUNyQyxJQUFJLEtBQUssR0FBRyxJQUFJLDBCQUEwQixFQUFFLENBQUM7b0JBRTdDLEtBQUssQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztvQkFDN0IsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO29CQUU3QixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDekI7Z0JBRUQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBNEIsRUFBRSxFQUFFO29CQUMvRSxJQUFJLENBQUMscUJBQXFCLEdBQUcsS0FBSyxDQUFDO29CQUNuQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztnQkFDdkIsQ0FBQyxDQUFDLENBQUM7YUFDSjtTQUNGO2FBQ0k7WUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztTQUNyQjtJQUNILENBQUM7O3lIQTdDVSw0QkFBNEI7NkdBQTVCLDRCQUE0QiwwRkNUekMsb3VDQWlDQSxpcUVEaUNhLCtCQUErQjsyRkF6RC9CLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDRSw0QkFBNEIsaUJBR3ZCLGlCQUFpQixDQUFDLElBQUk7c0lBUzVCLEdBQUc7c0JBQVgsS0FBSzs7QUFrRFIsTUFBTSxPQUFPLCtCQUErQjtJQUkxQyxZQUFvQixpQkFBb0MsRUFBVSxpQkFBb0M7UUFBbEYsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUFVLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFBSSxDQUFDO0lBRTNHLFFBQVE7SUFDUixDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ3pGLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7U0FDdEM7YUFDSTtZQUNILElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN2QjtJQUNILENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7UUFFN0MsSUFBSSxJQUFJLEdBQVcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO1FBRXpDLElBQUksSUFBSSxJQUFJLEVBQUUsRUFBRTtZQUNkLElBQUksSUFBSSxHQUFHLENBQUM7U0FDYjtRQUVELElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFFL0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNsRyxDQUFDOzs0SEE5QlUsK0JBQStCO2dIQUEvQiwrQkFBK0IsbUdFbEU1Qyw4MkJBb0JBLHcyQkZYYSw0QkFBNEI7MkZBeUQ1QiwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsK0JBQStCO3dJQU1oQyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCQ0JJbXBvcnRPcGVuVGVtcFJlcXVlc3QsIEJDQkltcG9ydE9wZW5UZW1wRE9SZXF1ZXN0LCBCQ0JJbXBvcnRPcGVuUmVzcG9uc2UsIEltcG9ydEFwaUNsaWVudCwgV2l6YXJkRUJPVmlld01vZGVsIH0gZnJvbSAnLi4vLi4vLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1lYm8nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iZWhlZXItaW1wb3J0LXNldHMtZWJvLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItaW1wb3J0LXNldHMtZWJvLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmVoZWVySW1wb3J0U2V0c0Vib0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHB1YmxpYyBPcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwdWJsaWMgTG9hZGluZzogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIHB1YmxpYyBCQ0JJbXBvcnRPcGVuUmVzcG9uc2U6IEJDQkltcG9ydE9wZW5SZXNwb25zZTtcclxuXHJcbiAgQElucHV0KCkgZWJvOiBXaXphcmRFQk9WaWV3TW9kZWw7IFxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIEltcG9ydEFwaUNsaWVudDogSW1wb3J0QXBpQ2xpZW50LCBwcml2YXRlIEltcG9ydFNldHNTZXJ2aWNlOiBJbXBvcnRTZXRzU2VydmljZSkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgcHVibGljIE9wZW4oKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuT3BlbmVkKSB7XHJcbiAgICAgIHRoaXMuTG9hZGluZyA9IHRydWU7XHJcbiAgICAgIHRoaXMuT3BlbmVkID0gdHJ1ZTtcclxuICAgICAgdmFyIGFycmF5ID0gdGhpcy5lYm8uZE9zO1xyXG5cclxuICAgICAgaWYgKGFycmF5ICE9IG51bGwpIHtcclxuXHJcbiAgICAgICAgdmFyIHJlcXVlc3QgPSBuZXcgQkNCSW1wb3J0T3BlblRlbXBSZXF1ZXN0KCk7XHJcbiAgICAgICAgcmVxdWVzdC5kT3MgPSBuZXcgQXJyYXk8QkNCSW1wb3J0T3BlblRlbXBET1JlcXVlc3Q+KCk7XHJcbiAgICAgICAgcmVxdWVzdC5iYXNlID0gdGhpcy5lYm8uYmFzZTtcclxuICAgICAgICByZXF1ZXN0LmJjYkltcG9ydFNldElkID0gdGhpcy5JbXBvcnRTZXRzU2VydmljZS5CQ0JJbXBvcnRTZXRTZWxlY3RlZDtcclxuXHJcbiAgICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCBhcnJheS5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgICAgdmFyIG5ld2RvID0gbmV3IEJDQkltcG9ydE9wZW5UZW1wRE9SZXF1ZXN0KCk7XHJcblxyXG4gICAgICAgICAgbmV3ZG8ubmFhbSA9IGFycmF5W2ldLmRvTmFhbTtcclxuICAgICAgICAgIG5ld2RvLnR5cGUgPSBhcnJheVtpXS5kb1R5cGU7XHJcblxyXG4gICAgICAgICAgcmVxdWVzdC5kT3MucHVzaChuZXdkbyk7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICB0aGlzLkltcG9ydEFwaUNsaWVudC5vcGVuRUJPKHJlcXVlc3QpLnN1YnNjcmliZSgobW9kZWw6IEJDQkltcG9ydE9wZW5SZXNwb25zZSkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5CQ0JJbXBvcnRPcGVuUmVzcG9uc2UgPSBtb2RlbDtcclxuICAgICAgICAgIHRoaXMuTG9hZGluZyA9IGZhbHNlO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgdGhpcy5PcGVuZWQgPSBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcblxyXG5pbXBvcnQgeyBJbXBvcnRTZXRzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL2ltcG9ydHNldHMuc2VydmljZSc7XHJcbmltcG9ydCB7IEJDQkltcG9ydE9wYm91dyB9IGZyb20gJy4uLy4uLy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1iZWhlZXItaW1wb3J0LXNldHMtb3Bib3V3JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmVoZWVyLWltcG9ydC1zZXRzLW9wYm91dy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYmVoZWVyLWltcG9ydC1zZXRzLW9wYm91dy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCZWhlZXJJbXBvcnRTZXRzT3Bib3V3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgb3Bib3V3OiBCQ0JJbXBvcnRPcGJvdXc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgSW1wb3J0U2V0c1NlcnZpY2U6IEltcG9ydFNldHNTZXJ2aWNlLCBwcml2YXRlIENoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFRvZ2dsZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLm9wYm91dy53aXphcmRFQk9WaWV3TW9kZWxzICE9IG51bGwgJiYgdGhpcy5vcGJvdXcud2l6YXJkRUJPVmlld01vZGVscy5sZW5ndGggPiAwKSB7XHJcbiAgICAgIHRoaXMub3Bib3V3Lm9wZW4gPSAhdGhpcy5vcGJvdXcub3BlbjtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLlVwZGF0ZVNlbGVjdGVkKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgVXBkYXRlU2VsZWN0ZWQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9wYm91dy5zZWxlY3RlZCA9ICF0aGlzLm9wYm91dy5zZWxlY3RlZDtcclxuXHJcbiAgICB2YXIgYmFzZTogc3RyaW5nID0gdGhpcy5vcGJvdXcuYmFzZSArIFwiXCI7XHJcblxyXG4gICAgaWYgKGJhc2UgIT0gXCJcIikge1xyXG4gICAgICBiYXNlICs9IFwiI1wiO1xyXG4gICAgfVxyXG5cclxuICAgIGJhc2UgKz0gdGhpcy5vcGJvdXcudmFsdWUgKyBcIlwiO1xyXG5cclxuICAgIHRoaXMuSW1wb3J0U2V0c1NlcnZpY2UuQ2hhbmdlSW1wb3J0U2V0VmFsdWUoYmFzZSwgdGhpcy5vcGJvdXcuc2VsZWN0ZWQsIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYpO1xyXG4gIH1cclxufVxyXG5cclxuIiwiPGRpdiBjbGFzcz1cInJvd1wiPlxuICA8ZGl2IGNsYXNzPVwiaWNvbi1kaXZcIiAoY2xpY2spPVwiT3BlbigpXCI+XG4gICAgPG1hdC1pY29uICpuZ0lmPVwiIU9wZW5lZFwiIGNsYXNzPVwiZXhwYW5kX21vcmVcIj5leHBhbmRfbW9yZTwvbWF0LWljb24+XG4gICAgPG1hdC1pY29uICpuZ0lmPVwiT3BlbmVkXCIgY2xhc3M9XCJleHBhbmRfbGVzc1wiPmV4cGFuZF9sZXNzPC9tYXQtaWNvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ0ZXh0LWRpdlwiPlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4LWF1dG8gdGV4dC1ib3hcIiAqbmdGb3I9XCJsZXQgZG8gb2YgZWJvLmRPc1wiPlxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJmdWxsLXdpZHRoXCIgYXBwZWFyYW5jZT1cImZpbGxcIj5cbiAgICAgICAgICA8bWF0LWxhYmVsPnt7IGRvLmRvVHlwZSB9fTwvbWF0LWxhYmVsPlxuICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCB2YWx1ZT1cInt7ZG8uZG9OYWFtfX1cIiBbcmVhZG9ubHldPVwidHJ1ZVwiPlxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwiT3BlbmVkXCI+XG4gIDxkaXYgKm5nSWY9XCJMb2FkaW5nXCI+XG4gICAgPGFwcC1mYWItbG9hZGVyPjwvYXBwLWZhYi1sb2FkZXI+XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwiIUxvYWRpbmdcIiBjbGFzcz1cInByb3BzXCI+XG4gICAgPGRpdiBjbGFzcz1cIm9wYm91d1wiPk9wYm91dzwvZGl2PlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IG9wYm91dyBvZiBCQ0JJbXBvcnRPcGVuUmVzcG9uc2UuYmNiSW1wb3J0T3Bib3V3ZW5cIj5cbiAgICAgIDxhcHAtYmVoZWVyLWltcG9ydC1zZXRzLW9wYm91dyBbb3Bib3V3XT1cIm9wYm91d1wiPjwvYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1vcGJvdXc+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwib3Bib3V3XCI+RWlnZW5zY2hhcDwvZGl2PlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGVpZ2Vuc2NoYXAgb2YgQkNCSW1wb3J0T3BlblJlc3BvbnNlLmJjYkltcG9ydEVpZ2Vuc2NoYXBwZW5cIj5cbiAgICAgIDxhcHAtYmVoZWVyLWltcG9ydC1zZXRzLWVpZ2Vuc2NoYXAgW2VpZ2Vuc2NoYXBdPVwiZWlnZW5zY2hhcFwiPjwvYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1laWdlbnNjaGFwPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuXG4iLCI8ZGl2IGNsYXNzPVwidG9wLXJvd1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJpY29uLWRpdlwiIChjbGljayk9XCJUb2dnbGUoKVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wYm91dy53aXphcmRFQk9WaWV3TW9kZWxzICE9IG51bGwgJiYgb3Bib3V3LndpemFyZEVCT1ZpZXdNb2RlbHMubGVuZ3RoID4gMFwiPlxyXG4gICAgICA8bWF0LWljb24gKm5nSWY9XCIhb3Bib3V3Lm9wZW5cIiBjbGFzcz1cImV4cGFuZF9tb3JlXCI+ZXhwYW5kX21vcmU8L21hdC1pY29uPlxyXG4gICAgICA8bWF0LWljb24gKm5nSWY9XCJvcGJvdXcub3BlblwiIGNsYXNzPVwiZXhwYW5kX2xlc3NcIj5leHBhbmRfbGVzczwvbWF0LWljb24+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIFxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJ0ZXh0LWRpdiBmbGV4YXV0b1wiIChjbGljayk9XCJUb2dnbGUoKVwiPlxyXG4gICAge3sgb3Bib3V3Lm5hbWUgfX1cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiY2hlY2stZGl2XCI+XHJcbiAgICA8bWF0LWNoZWNrYm94IFtjaGVja2VkXT1cIm9wYm91dy5zZWxlY3RlZFwiIChjaGFuZ2UpPVwiVXBkYXRlU2VsZWN0ZWQoKVwiPjwvbWF0LWNoZWNrYm94PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuPGRpdiBjbGFzcz1cImNvbnRlbnRcIiAqbmdJZj1cIm9wYm91dy5vcGVuXCI+XHJcbiAgPGRpdiBjbGFzcz1cImVib2JveFwiICpuZ0Zvcj1cImxldCBlYm8gb2Ygb3Bib3V3LndpemFyZEVCT1ZpZXdNb2RlbHNcIj5cclxuICAgIDxhcHAtYmVoZWVyLWltcG9ydC1zZXRzLWVibyBbZWJvXT1cImVib1wiPjwvYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1lYm8+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2020/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-eigenschap/beheer-import-sets-eigenschap.component.mjs

@@ -0,0 +1,30 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../services/importsets.service";
+import * as i2 from "@angular/material/checkbox";
+export class BeheerImportSetsEigenschapComponent {
+    constructor(ImportSetsService, ChangeDetectorRef) {
+        this.ImportSetsService = ImportSetsService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ngOnInit() {
+    }
+    UpdateSelected() {
+        this.eigenschap.selected = !this.eigenschap.selected;
+        var base = this.eigenschap.base + "";
+        if (base != "") {
+            base += "#";
+        }
+        base += this.eigenschap.value + "";
+        this.ImportSetsService.ChangeImportSetValue(base, this.eigenschap.selected, this.ChangeDetectorRef);
+    }
+}
+BeheerImportSetsEigenschapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsEigenschapComponent, deps: [{ token: i1.ImportSetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BeheerImportSetsEigenschapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerImportSetsEigenschapComponent, selector: "app-beheer-import-sets-eigenschap", inputs: { eigenschap: "eigenschap" }, ngImport: i0, template: "<div class=\"top-row\">\n  <div class=\"text-div flexauto\" (click)=\"UpdateSelected()\">\n    {{ eigenschap.name }}\n  </div>\n  <div class=\"check-div\">\n    <mat-checkbox [checked]=\"eigenschap.selected\" (change)=\"UpdateSelected()\"></mat-checkbox>\n  </div>\n</div>\n", styles: [".top-row{display:flex;align-items:center}.icon-div{width:22px;height:24px;cursor:pointer}.text-div{cursor:pointer;padding:3px;border-bottom:1px solid lightgray}.text-div:hover{border-bottom:1px solid #000}.card{margin:3px}.flexauto{flex:auto}\n"], dependencies: [{ kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsEigenschapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-import-sets-eigenschap', template: "<div class=\"top-row\">\n  <div class=\"text-div flexauto\" (click)=\"UpdateSelected()\">\n    {{ eigenschap.name }}\n  </div>\n  <div class=\"check-div\">\n    <mat-checkbox [checked]=\"eigenschap.selected\" (change)=\"UpdateSelected()\"></mat-checkbox>\n  </div>\n</div>\n", styles: [".top-row{display:flex;align-items:center}.icon-div{width:22px;height:24px;cursor:pointer}.text-div{cursor:pointer;padding:3px;border-bottom:1px solid lightgray}.text-div:hover{border-bottom:1px solid #000}.card{margin:3px}.flexauto{flex:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ImportSetsService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { eigenschap: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWltcG9ydC1zZXRzLWVpZ2Vuc2NoYXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItaW1wb3J0LXNldHMvYmVoZWVyLWltcG9ydC1zZXRzLWVpZ2Vuc2NoYXAvYmVoZWVyLWltcG9ydC1zZXRzLWVpZ2Vuc2NoYXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItaW1wb3J0LXNldHMvYmVoZWVyLWltcG9ydC1zZXRzLWVpZ2Vuc2NoYXAvYmVoZWVyLWltcG9ydC1zZXRzLWVpZ2Vuc2NoYXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUzVFLE1BQU0sT0FBTyxtQ0FBbUM7SUFJOUMsWUFBb0IsaUJBQW9DLEVBQVUsaUJBQW9DO1FBQWxGLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFBVSxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBQUksQ0FBQztJQUUzRyxRQUFRO0lBQ1IsQ0FBQztJQUVNLGNBQWM7UUFDbkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQztRQUVyRCxJQUFJLElBQUksR0FBVyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksR0FBRyxFQUFFLENBQUM7UUFFN0MsSUFBSSxJQUFJLElBQUksRUFBRSxFQUFFO1lBQ2QsSUFBSSxJQUFJLEdBQUcsQ0FBQztTQUNiO1FBRUQsSUFBSSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUVuQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3RHLENBQUM7O2dJQXJCVSxtQ0FBbUM7b0hBQW5DLG1DQUFtQywrR0NUaEQsb1JBUUE7MkZEQ2EsbUNBQW1DO2tCQUwvQyxTQUFTOytCQUNFLG1DQUFtQzt3SUFNcEMsVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSW1wb3J0U2V0c1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9pbXBvcnRzZXRzLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBCQ0JJbXBvcnRFaWdlbnNjaGFwIH0gZnJvbSAnLi4vLi4vLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1laWdlbnNjaGFwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmVoZWVyLWltcG9ydC1zZXRzLWVpZ2Vuc2NoYXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2JlaGVlci1pbXBvcnQtc2V0cy1laWdlbnNjaGFwLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEJlaGVlckltcG9ydFNldHNFaWdlbnNjaGFwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgZWlnZW5zY2hhcDogQkNCSW1wb3J0RWlnZW5zY2hhcDtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBJbXBvcnRTZXRzU2VydmljZTogSW1wb3J0U2V0c1NlcnZpY2UsIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgVXBkYXRlU2VsZWN0ZWQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmVpZ2Vuc2NoYXAuc2VsZWN0ZWQgPSAhdGhpcy5laWdlbnNjaGFwLnNlbGVjdGVkO1xyXG5cclxuICAgIHZhciBiYXNlOiBzdHJpbmcgPSB0aGlzLmVpZ2Vuc2NoYXAuYmFzZSArIFwiXCI7XHJcblxyXG4gICAgaWYgKGJhc2UgIT0gXCJcIikge1xyXG4gICAgICBiYXNlICs9IFwiI1wiO1xyXG4gICAgfVxyXG5cclxuICAgIGJhc2UgKz0gdGhpcy5laWdlbnNjaGFwLnZhbHVlICsgXCJcIjtcclxuXHJcbiAgICB0aGlzLkltcG9ydFNldHNTZXJ2aWNlLkNoYW5nZUltcG9ydFNldFZhbHVlKGJhc2UsIHRoaXMuZWlnZW5zY2hhcC5zZWxlY3RlZCwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwidG9wLXJvd1wiPlxuICA8ZGl2IGNsYXNzPVwidGV4dC1kaXYgZmxleGF1dG9cIiAoY2xpY2spPVwiVXBkYXRlU2VsZWN0ZWQoKVwiPlxuICAgIHt7IGVpZ2Vuc2NoYXAubmFtZSB9fVxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNoZWNrLWRpdlwiPlxuICAgIDxtYXQtY2hlY2tib3ggW2NoZWNrZWRdPVwiZWlnZW5zY2hhcC5zZWxlY3RlZFwiIChjaGFuZ2UpPVwiVXBkYXRlU2VsZWN0ZWQoKVwiPjwvbWF0LWNoZWNrYm94PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets.component.mjs

@@ -0,0 +1,74 @@
+import { Component } from '@angular/core';
+import { BeheerImportSetsDialogComponent } from './beheer-import-sets-dialog/beheer-import-sets-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "../../../services/products.service";
+import * as i3 from "../../../services/importsets.service";
+import * as i4 from "../../../swagger/SwaggerClient";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/card";
+import * as i10 from "@angular/material/select";
+import * as i11 from "@angular/material/core";
+import * as i12 from "../beheer-nav/beheer-nav.component";
+import * as i13 from "../../../components/fab-loader/fab-loader.component";
+import * as i14 from "./beheer-import-sets-ebo/beheer-import-sets-ebo.component";
+import * as i15 from "./beheer-import-sets-eigenschap/beheer-import-sets-eigenschap.component";
+export class BeheerImportSetsComponent {
+    constructor(dialog, ProductsService, ImportSetsService, ImportApiClient, ChangeDetectorRef) {
+        this.dialog = dialog;
+        this.ProductsService = ProductsService;
+        this.ImportSetsService = ImportSetsService;
+        this.ImportApiClient = ImportApiClient;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ngOnInit() {
+        this.ImportSetsService.LoadImportSets(this.ChangeDetectorRef);
+    }
+    Wijzig() {
+        var dialogRef = this.dialog.open(BeheerImportSetsDialogComponent, {
+            data: {
+                id: this.ImportSetsService.GetActiveImportSet().id,
+                name: this.ImportSetsService.GetActiveImportSet().name
+            }
+        });
+    }
+    Toevoegen() {
+        var dialogRef = this.dialog.open(BeheerImportSetsDialogComponent, {
+            data: {
+                id: -1,
+                name: ""
+            }
+        });
+    }
+    Loading() {
+        return this.ProductsService.Loading() || this.ImportSetsService.LoadingImportSets;
+    }
+    Open() {
+        this.ImportSetsService.Open(this.ProductsService.BCBProductSelected, this.ChangeDetectorRef);
+    }
+    Reload() {
+        this.ProductsService.Reload(this.ChangeDetectorRef);
+    }
+    GetProducts() {
+        var array = new Array();
+        var products = this.ProductsService.ProductsViewModel?.productViewModels;
+        if (products != null) {
+            for (var i = 0; i < products.length; i++) {
+                if (products[i].importSetId == this.ImportSetsService.GetActiveImportSet().id) {
+                    array.push(products[i]);
+                }
+            }
+        }
+        return array;
+    }
+}
+BeheerImportSetsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsComponent, deps: [{ token: i1.MatDialog }, { token: i2.ProductsService }, { token: i3.ImportSetsService }, { token: i4.ImportApiClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BeheerImportSetsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerImportSetsComponent, selector: "app-beheer-import-sets", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading()\" class=\"main-content\">\r\n  <mat-card>\r\n    <div class=\"toolbar\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Import set</mat-label>\r\n          <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (selectionChange)=\"Reload()\">\r\n            <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n              {{importset.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Wijzig()\">\r\n          Wijzig\r\n        </button>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Toevoegen()\">\r\n          Toevoegen\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"toolbar\" *ngIf=\"GetProducts().length > 0\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Product</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.ProductSelected\">\r\n            <mat-option *ngFor=\"let product of GetProducts()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"toolbar-item flex-auto\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>BCBProduct</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.BCBProductSelected\">\r\n            <mat-option *ngFor=\"let product of ProductsService.GetBCBProductsSelected()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Open()\">\r\n          Open\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n\r\n  <div class=\"main-block\">\r\n    <div class=\"flex-auto block\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div *ngIf=\"ImportSetsService.LoadingOpen\">\r\n            <app-fab-loader></app-fab-loader>\r\n          </div>\r\n          <div *ngIf=\"!ImportSetsService.LoadingOpen && ImportSetsService.BCBImportOpenResponse != null\">\r\n            <h3 class=\"title\">{{ ImportSetsService.BCBImportOpenResponse?.bcbeboViewModel?.name }}</h3>\r\n\r\n            <div class=\"opbouw\">Opbouw</div>\r\n            <app-beheer-import-sets-opbouw *ngFor=\"let opbouw of ImportSetsService.BCBImportOpenResponse.bcbImportOpbouwen\" [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\r\n\r\n            <div class=\"opbouw\">Eigenschap</div>\r\n            <app-beheer-import-sets-eigenschap *ngFor=\"let eigenschap of ImportSetsService.BCBImportOpenResponse.bcbImportEigenschappen\" [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n\r\n    </div>\r\n    <div class=\"importset-block block\">\r\n      <mat-card>\r\n        <mat-card-title>{{ ImportSetsService.GetActiveImportSet().name }}</mat-card-title>\r\n        <mat-card-content>\r\n          <mat-card class=\"value-block\" *ngFor=\"let value of ImportSetsService.GetActiveImportSet().bcbImportSetValueViewModels\">\r\n            <mat-card-content>\r\n              {{ value.value }}\r\n            </mat-card-content>\r\n          </mat-card>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".main-content{padding:5px}.flex-auto{flex:auto}.full-width{width:100%}.value-block{margin:3px}.importset-block{min-width:300px}.full-height{height:100%}.main-block{display:flex}.block{margin:5px}.toolbar{display:flex}.toolbar-item{margin-right:3px}.card{margin:3px}.opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i9.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i9.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i12.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i13.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i14.BeheerImportSetsOpbouwComponent, selector: "app-beheer-import-sets-opbouw", inputs: ["opbouw"] }, { kind: "component", type: i15.BeheerImportSetsEigenschapComponent, selector: "app-beheer-import-sets-eigenschap", inputs: ["eigenschap"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerImportSetsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-import-sets', template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading()\" class=\"main-content\">\r\n  <mat-card>\r\n    <div class=\"toolbar\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Import set</mat-label>\r\n          <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (selectionChange)=\"Reload()\">\r\n            <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n              {{importset.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Wijzig()\">\r\n          Wijzig\r\n        </button>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Toevoegen()\">\r\n          Toevoegen\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"toolbar\" *ngIf=\"GetProducts().length > 0\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Product</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.ProductSelected\">\r\n            <mat-option *ngFor=\"let product of GetProducts()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"toolbar-item flex-auto\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>BCBProduct</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.BCBProductSelected\">\r\n            <mat-option *ngFor=\"let product of ProductsService.GetBCBProductsSelected()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Open()\">\r\n          Open\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n\r\n  <div class=\"main-block\">\r\n    <div class=\"flex-auto block\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div *ngIf=\"ImportSetsService.LoadingOpen\">\r\n            <app-fab-loader></app-fab-loader>\r\n          </div>\r\n          <div *ngIf=\"!ImportSetsService.LoadingOpen && ImportSetsService.BCBImportOpenResponse != null\">\r\n            <h3 class=\"title\">{{ ImportSetsService.BCBImportOpenResponse?.bcbeboViewModel?.name }}</h3>\r\n\r\n            <div class=\"opbouw\">Opbouw</div>\r\n            <app-beheer-import-sets-opbouw *ngFor=\"let opbouw of ImportSetsService.BCBImportOpenResponse.bcbImportOpbouwen\" [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\r\n\r\n            <div class=\"opbouw\">Eigenschap</div>\r\n            <app-beheer-import-sets-eigenschap *ngFor=\"let eigenschap of ImportSetsService.BCBImportOpenResponse.bcbImportEigenschappen\" [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n\r\n    </div>\r\n    <div class=\"importset-block block\">\r\n      <mat-card>\r\n        <mat-card-title>{{ ImportSetsService.GetActiveImportSet().name }}</mat-card-title>\r\n        <mat-card-content>\r\n          <mat-card class=\"value-block\" *ngFor=\"let value of ImportSetsService.GetActiveImportSet().bcbImportSetValueViewModels\">\r\n            <mat-card-content>\r\n              {{ value.value }}\r\n            </mat-card-content>\r\n          </mat-card>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".main-content{padding:5px}.flex-auto{flex:auto}.full-width{width:100%}.value-block{margin:3px}.importset-block{min-width:300px}.full-height{height:100%}.main-block{display:flex}.block{margin:5px}.toolbar{display:flex}.toolbar-item{margin-right:3px}.card{margin:3px}.opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.ProductsService }, { type: i3.ImportSetsService }, { type: i4.ImportApiClient }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWltcG9ydC1zZXRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvYmVoZWVyL2NvbXBvbmVudHMvYmVoZWVyLWltcG9ydC1zZXRzL2JlaGVlci1pbXBvcnQtc2V0cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1pbXBvcnQtc2V0cy9iZWhlZXItaW1wb3J0LXNldHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFLckUsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0saUVBQWlFLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBT2xILE1BQU0sT0FBTyx5QkFBeUI7SUFFcEMsWUFDUyxNQUFpQixFQUNqQixlQUFnQyxFQUNoQyxpQkFBb0MsRUFDcEMsZUFBZ0MsRUFDL0IsaUJBQW9DO1FBSnJDLFdBQU0sR0FBTixNQUFNLENBQVc7UUFDakIsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2hDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFDcEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQy9CLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFFOUMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2hFLENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsK0JBQStCLEVBQUU7WUFDaEUsSUFBSSxFQUFFO2dCQUNKLEVBQUUsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxFQUFFO2dCQUNsRCxJQUFJLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixFQUFFLENBQUMsSUFBSTthQUN2RDtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxTQUFTO1FBQ2QsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsK0JBQStCLEVBQUU7WUFDaEUsSUFBSSxFQUFFO2dCQUNKLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQ04sSUFBSSxFQUFFLEVBQUU7YUFDVDtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxPQUFPO1FBQ1osT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sRUFBRSxJQUFJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxpQkFBaUIsQ0FBQztJQUNwRixDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxrQkFBa0IsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUMvRixDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksS0FBSyxHQUFHLElBQUksS0FBSyxFQUFvQixDQUFDO1FBRTFDLElBQUksUUFBUSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsaUJBQWlCLEVBQUUsaUJBQWlCLENBQUM7UUFFekUsSUFBSSxRQUFRLElBQUksSUFBSSxFQUFFO1lBQ3BCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUN4QyxJQUFJLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixFQUFFLENBQUMsRUFBRSxFQUFFO29CQUM3RSxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2lCQUN6QjthQUNGO1NBQ0Y7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O3NIQTNEVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qiw4RENadEMsb3hIQTRGQTsyRkRoRmEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBJbXBvcnRTZXRzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2ltcG9ydHNldHMuc2VydmljZSc7XHJcbmltcG9ydCB7IFByb2R1Y3RzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3Byb2R1Y3RzLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJbXBvcnRBcGlDbGllbnQsIEJDQkltcG9ydFNldHNWaWV3TW9kZWwsIEJDQkltcG9ydFNldFZpZXdNb2RlbCwgUHJvZHVjdFZpZXdNb2RlbCwgQkNCUHJvZHVjdFZpZXdNb2RlbCwgQkNCSW1wb3J0T3BlblJlcXVlc3QsIEJDQkltcG9ydE9wZW5SZXNwb25zZSB9IGZyb20gJy4uLy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcbmltcG9ydCB7IEJlaGVlckltcG9ydFNldHNEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL2JlaGVlci1pbXBvcnQtc2V0cy1kaWFsb2cvYmVoZWVyLWltcG9ydC1zZXRzLWRpYWxvZy5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtYmVoZWVyLWltcG9ydC1zZXRzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmVoZWVyLWltcG9ydC1zZXRzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItaW1wb3J0LXNldHMuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmVoZWVySW1wb3J0U2V0c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZzogTWF0RGlhbG9nLFxyXG4gICAgcHVibGljIFByb2R1Y3RzU2VydmljZTogUHJvZHVjdHNTZXJ2aWNlLFxyXG4gICAgcHVibGljIEltcG9ydFNldHNTZXJ2aWNlOiBJbXBvcnRTZXRzU2VydmljZSxcclxuICAgIHB1YmxpYyBJbXBvcnRBcGlDbGllbnQ6IEltcG9ydEFwaUNsaWVudCxcclxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcblxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLkltcG9ydFNldHNTZXJ2aWNlLkxvYWRJbXBvcnRTZXRzKHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFdpanppZygpOiB2b2lkIHtcclxuICAgIHZhciBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKEJlaGVlckltcG9ydFNldHNEaWFsb2dDb21wb25lbnQsIHtcclxuICAgICAgZGF0YToge1xyXG4gICAgICAgIGlkOiB0aGlzLkltcG9ydFNldHNTZXJ2aWNlLkdldEFjdGl2ZUltcG9ydFNldCgpLmlkLFxyXG4gICAgICAgIG5hbWU6IHRoaXMuSW1wb3J0U2V0c1NlcnZpY2UuR2V0QWN0aXZlSW1wb3J0U2V0KCkubmFtZVxyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBUb2V2b2VnZW4oKTogdm9pZCB7XHJcbiAgICB2YXIgZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihCZWhlZXJJbXBvcnRTZXRzRGlhbG9nQ29tcG9uZW50LCB7XHJcbiAgICAgIGRhdGE6IHtcclxuICAgICAgICBpZDogLTEsXHJcbiAgICAgICAgbmFtZTogXCJcIlxyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBMb2FkaW5nKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuUHJvZHVjdHNTZXJ2aWNlLkxvYWRpbmcoKSB8fCB0aGlzLkltcG9ydFNldHNTZXJ2aWNlLkxvYWRpbmdJbXBvcnRTZXRzO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIE9wZW4oKTogdm9pZCB7XHJcbiAgICB0aGlzLkltcG9ydFNldHNTZXJ2aWNlLk9wZW4odGhpcy5Qcm9kdWN0c1NlcnZpY2UuQkNCUHJvZHVjdFNlbGVjdGVkLCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBSZWxvYWQoKTogdm9pZCB7XHJcbiAgICB0aGlzLlByb2R1Y3RzU2VydmljZS5SZWxvYWQodGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgR2V0UHJvZHVjdHMoKTogQXJyYXk8UHJvZHVjdFZpZXdNb2RlbD4ge1xyXG4gICAgdmFyIGFycmF5ID0gbmV3IEFycmF5PFByb2R1Y3RWaWV3TW9kZWw+KCk7XHJcblxyXG4gICAgdmFyIHByb2R1Y3RzID0gdGhpcy5Qcm9kdWN0c1NlcnZpY2UuUHJvZHVjdHNWaWV3TW9kZWw/LnByb2R1Y3RWaWV3TW9kZWxzO1xyXG5cclxuICAgIGlmIChwcm9kdWN0cyAhPSBudWxsKSB7XHJcbiAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgcHJvZHVjdHMubGVuZ3RoOyBpKyspIHtcclxuICAgICAgICBpZiAocHJvZHVjdHNbaV0uaW1wb3J0U2V0SWQgPT0gdGhpcy5JbXBvcnRTZXRzU2VydmljZS5HZXRBY3RpdmVJbXBvcnRTZXQoKS5pZCkge1xyXG4gICAgICAgICAgYXJyYXkucHVzaChwcm9kdWN0c1tpXSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGFycmF5O1xyXG4gIH1cclxufVxyXG4iLCI8YXBwLWJlaGVlci1uYXY+PC9hcHAtYmVoZWVyLW5hdj5cclxuXHJcbjxkaXYgKm5nSWY9XCJMb2FkaW5nKClcIj5cclxuICA8YXBwLWZhYi1sb2FkZXI+PC9hcHAtZmFiLWxvYWRlcj5cclxuPC9kaXY+XHJcbjxkaXYgKm5nSWY9XCIhTG9hZGluZygpXCIgY2xhc3M9XCJtYWluLWNvbnRlbnRcIj5cclxuICA8bWF0LWNhcmQ+XHJcbiAgICA8ZGl2IGNsYXNzPVwidG9vbGJhclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidG9vbGJhci1pdGVtXCI+XHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCI+XHJcbiAgICAgICAgICA8bWF0LWxhYmVsPkltcG9ydCBzZXQ8L21hdC1sYWJlbD5cclxuICAgICAgICAgIDxtYXQtc2VsZWN0IFsobmdNb2RlbCldPVwiSW1wb3J0U2V0c1NlcnZpY2UuQkNCSW1wb3J0U2V0U2VsZWN0ZWRcIiAoc2VsZWN0aW9uQ2hhbmdlKT1cIlJlbG9hZCgpXCI+XHJcbiAgICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBpbXBvcnRzZXQgb2YgSW1wb3J0U2V0c1NlcnZpY2UuQkNCSW1wb3J0U2V0c1ZpZXdNb2RlbC5iY2JJbXBvcnRTZXRWaWV3TW9kZWxzXCIgW3ZhbHVlXT1cImltcG9ydHNldC5pZFwiPlxyXG4gICAgICAgICAgICAgIHt7aW1wb3J0c2V0Lm5hbWV9fVxyXG4gICAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgICA8L21hdC1zZWxlY3Q+XHJcbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJcIj5cclxuICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJXaWp6aWcoKVwiPlxyXG4gICAgICAgICAgV2lqemlnXHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwiVG9ldm9lZ2VuKClcIj5cclxuICAgICAgICAgIFRvZXZvZWdlblxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInRvb2xiYXJcIiAqbmdJZj1cIkdldFByb2R1Y3RzKCkubGVuZ3RoID4gMFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidG9vbGJhci1pdGVtXCI+XHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCI+XHJcbiAgICAgICAgICA8bWF0LWxhYmVsPlByb2R1Y3Q8L21hdC1sYWJlbD5cclxuICAgICAgICAgIDxtYXQtc2VsZWN0IFsobmdNb2RlbCldPVwiUHJvZHVjdHNTZXJ2aWNlLlByb2R1Y3RTZWxlY3RlZFwiPlxyXG4gICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgcHJvZHVjdCBvZiBHZXRQcm9kdWN0cygpXCIgW3ZhbHVlXT1cInByb2R1Y3QuaWRcIj5cclxuICAgICAgICAgICAgICB7e3Byb2R1Y3QubmFtZX19XHJcbiAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgICAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInRvb2xiYXItaXRlbSBmbGV4LWF1dG9cIj5cclxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cclxuICAgICAgICAgIDxtYXQtbGFiZWw+QkNCUHJvZHVjdDwvbWF0LWxhYmVsPlxyXG4gICAgICAgICAgPG1hdC1zZWxlY3QgWyhuZ01vZGVsKV09XCJQcm9kdWN0c1NlcnZpY2UuQkNCUHJvZHVjdFNlbGVjdGVkXCI+XHJcbiAgICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBwcm9kdWN0IG9mIFByb2R1Y3RzU2VydmljZS5HZXRCQ0JQcm9kdWN0c1NlbGVjdGVkKClcIiBbdmFsdWVdPVwicHJvZHVjdC5pZFwiPlxyXG4gICAgICAgICAgICAgIHt7cHJvZHVjdC5uYW1lfX1cclxuICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwiT3BlbigpXCI+XHJcbiAgICAgICAgICBPcGVuXHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9tYXQtY2FyZD5cclxuXHJcbiAgPGRpdiBjbGFzcz1cIm1haW4tYmxvY2tcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4LWF1dG8gYmxvY2tcIj5cclxuICAgICAgPG1hdC1jYXJkPlxyXG4gICAgICAgIDxtYXQtY2FyZC1jb250ZW50PlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cIkltcG9ydFNldHNTZXJ2aWNlLkxvYWRpbmdPcGVuXCI+XHJcbiAgICAgICAgICAgIDxhcHAtZmFiLWxvYWRlcj48L2FwcC1mYWItbG9hZGVyPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIUltcG9ydFNldHNTZXJ2aWNlLkxvYWRpbmdPcGVuICYmIEltcG9ydFNldHNTZXJ2aWNlLkJDQkltcG9ydE9wZW5SZXNwb25zZSAhPSBudWxsXCI+XHJcbiAgICAgICAgICAgIDxoMyBjbGFzcz1cInRpdGxlXCI+e3sgSW1wb3J0U2V0c1NlcnZpY2UuQkNCSW1wb3J0T3BlblJlc3BvbnNlPy5iY2JlYm9WaWV3TW9kZWw/Lm5hbWUgfX08L2gzPlxyXG5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm9wYm91d1wiPk9wYm91dzwvZGl2PlxyXG4gICAgICAgICAgICA8YXBwLWJlaGVlci1pbXBvcnQtc2V0cy1vcGJvdXcgKm5nRm9yPVwibGV0IG9wYm91dyBvZiBJbXBvcnRTZXRzU2VydmljZS5CQ0JJbXBvcnRPcGVuUmVzcG9uc2UuYmNiSW1wb3J0T3Bib3V3ZW5cIiBbb3Bib3V3XT1cIm9wYm91d1wiPjwvYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1vcGJvdXc+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwib3Bib3V3XCI+RWlnZW5zY2hhcDwvZGl2PlxyXG4gICAgICAgICAgICA8YXBwLWJlaGVlci1pbXBvcnQtc2V0cy1laWdlbnNjaGFwICpuZ0Zvcj1cImxldCBlaWdlbnNjaGFwIG9mIEltcG9ydFNldHNTZXJ2aWNlLkJDQkltcG9ydE9wZW5SZXNwb25zZS5iY2JJbXBvcnRFaWdlbnNjaGFwcGVuXCIgW2VpZ2Vuc2NoYXBdPVwiZWlnZW5zY2hhcFwiPjwvYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1laWdlbnNjaGFwPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9tYXQtY2FyZC1jb250ZW50PlxyXG4gICAgICA8L21hdC1jYXJkPlxyXG5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImltcG9ydHNldC1ibG9jayBibG9ja1wiPlxyXG4gICAgICA8bWF0LWNhcmQ+XHJcbiAgICAgICAgPG1hdC1jYXJkLXRpdGxlPnt7IEltcG9ydFNldHNTZXJ2aWNlLkdldEFjdGl2ZUltcG9ydFNldCgpLm5hbWUgfX08L21hdC1jYXJkLXRpdGxlPlxyXG4gICAgICAgIDxtYXQtY2FyZC1jb250ZW50PlxyXG4gICAgICAgICAgPG1hdC1jYXJkIGNsYXNzPVwidmFsdWUtYmxvY2tcIiAqbmdGb3I9XCJsZXQgdmFsdWUgb2YgSW1wb3J0U2V0c1NlcnZpY2UuR2V0QWN0aXZlSW1wb3J0U2V0KCkuYmNiSW1wb3J0U2V0VmFsdWVWaWV3TW9kZWxzXCI+XHJcbiAgICAgICAgICAgIDxtYXQtY2FyZC1jb250ZW50PlxyXG4gICAgICAgICAgICAgIHt7IHZhbHVlLnZhbHVlIH19XHJcbiAgICAgICAgICAgIDwvbWF0LWNhcmQtY29udGVudD5cclxuICAgICAgICAgIDwvbWF0LWNhcmQ+XHJcbiAgICAgICAgPC9tYXQtY2FyZC1jb250ZW50PlxyXG4gICAgICA8L21hdC1jYXJkPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2020/src/app/modules/fabrikantencore/beheer/components/beheer-inlog/beheer-inlog.component.mjs

@@ -0,0 +1,44 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./../../../services/authentication.service";
+import * as i2 from "@angular/router";
+import * as i3 from "../../../swagger/SwaggerClient";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/card";
+import * as i10 from "../../../components/fab-loader/fab-loader.component";
+export class BeheerInlogComponent {
+    constructor(authenticationService, router, securityApiClient) {
+        this.authenticationService = authenticationService;
+        this.router = router;
+        this.securityApiClient = securityApiClient;
+        this.Username = "";
+        this.Password = "";
+        this.Message = "";
+        this.securityApiClient.getLoginIPResponseModel().subscribe((model) => {
+            this.LoginIPResponseModel = model;
+        });
+    }
+    ngOnInit() {
+    }
+    Login() {
+        this.Message = "";
+        this.authenticationService.login(this.Username, this.Password, this, this.Success, this.Failure);
+    }
+    Success(beheer) {
+        beheer.router.navigateByUrl('/beheer');
+    }
+    Failure(beheer, message) {
+        beheer.Message = message;
+    }
+}
+BeheerInlogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerInlogComponent, deps: [{ token: i1.AuthenticationService }, { token: i2.Router }, { token: i3.SecurityApiClient }], target: i0.ɵɵFactoryTarget.Component });
+BeheerInlogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerInlogComponent, selector: "app-beheer-inlog", ngImport: i0, template: "\r\n<div class=\"container\">\r\n  <div class=\"inlogdialog\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Gebruikersnaam</mat-label>\r\n            <input type=\"text\" [(ngModel)]=\"Username\" matInput value=\"\">\r\n          </mat-form-field>\r\n        </div>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Wachtwoord</mat-label>\r\n            <input type=\"password\" [(ngModel)]=\"Password\" matInput value=\"\">\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"button-bar\">\r\n          <div class=\"error-box\">\r\n            {{ Message }}\r\n          </div>\r\n          <button mat-raised-button (click)=\"Login()\" class=\"login-button\">\r\n            <span *ngIf=\"!authenticationService.LoadingLogin\">\r\n              Login\r\n            </span>\r\n            <span *ngIf=\"authenticationService.LoadingLogin\">\r\n              <app-fab-loader class=\"loader\"></app-fab-loader>\r\n            </span>\r\n          </button>\r\n        </div>\r\n        <div>\r\n          IP Address: {{ LoginIPResponseModel?.ipAddress }}\r\n        </div>\r\n        <div>\r\n          FabrikantenCore: {{ LoginIPResponseModel?.fabrikantenCoreVersion }}\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n    \r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-inlog .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}app-beheer-inlog .error-box{font-size:12px;text-align:center;color:red;padding:3px}app-beheer-inlog .login-button{width:70px}app-beheer-inlog .loader{height:20px;top:6px;position:relative}app-beheer-inlog .inlogdialog{width:300px}app-beheer-inlog .button-bar{text-align:right}app-beheer-inlog mat-form-field{width:100%}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i9.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i10.FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerInlogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-inlog', encapsulation: ViewEncapsulation.None, template: "\r\n<div class=\"container\">\r\n  <div class=\"inlogdialog\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Gebruikersnaam</mat-label>\r\n            <input type=\"text\" [(ngModel)]=\"Username\" matInput value=\"\">\r\n          </mat-form-field>\r\n        </div>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Wachtwoord</mat-label>\r\n            <input type=\"password\" [(ngModel)]=\"Password\" matInput value=\"\">\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"button-bar\">\r\n          <div class=\"error-box\">\r\n            {{ Message }}\r\n          </div>\r\n          <button mat-raised-button (click)=\"Login()\" class=\"login-button\">\r\n            <span *ngIf=\"!authenticationService.LoadingLogin\">\r\n              Login\r\n            </span>\r\n            <span *ngIf=\"authenticationService.LoadingLogin\">\r\n              <app-fab-loader class=\"loader\"></app-fab-loader>\r\n            </span>\r\n          </button>\r\n        </div>\r\n        <div>\r\n          IP Address: {{ LoginIPResponseModel?.ipAddress }}\r\n        </div>\r\n        <div>\r\n          FabrikantenCore: {{ LoginIPResponseModel?.fabrikantenCoreVersion }}\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n    \r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-inlog .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}app-beheer-inlog .error-box{font-size:12px;text-align:center;color:red;padding:3px}app-beheer-inlog .login-button{width:70px}app-beheer-inlog .loader{height:20px;top:6px;position:relative}app-beheer-inlog .inlogdialog{width:300px}app-beheer-inlog .button-bar{text-align:right}app-beheer-inlog mat-form-field{width:100%}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.AuthenticationService }, { type: i2.Router }, { type: i3.SecurityApiClient }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWlubG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvYmVoZWVyL2NvbXBvbmVudHMvYmVoZWVyLWlubG9nL2JlaGVlci1pbmxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1pbmxvZy9iZWhlZXItaW5sb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7O0FBV3JFLE1BQU0sT0FBTyxvQkFBb0I7SUFTL0IsWUFBbUIscUJBQTRDLEVBQVMsTUFBYyxFQUFVLGlCQUFvQztRQUFqSCwwQkFBcUIsR0FBckIscUJBQXFCLENBQXVCO1FBQVMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUFVLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFQN0gsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBRXRCLFlBQU8sR0FBVyxFQUFFLENBQUM7UUFNekIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLHVCQUF1QixFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBMkIsRUFBRSxFQUFFO1lBQzFGLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxLQUFLLENBQUM7UUFDcEMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFTSxLQUFLO1FBQ1YsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ25HLENBQUM7SUFFTSxPQUFPLENBQUMsTUFBNEI7UUFDekMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVNLE9BQU8sQ0FBQyxNQUE0QixFQUFFLE9BQWU7UUFDMUQsTUFBTSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7SUFDM0IsQ0FBQzs7aUhBOUJVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdEQ1hqQywwNUNBMENBOzJGRC9CYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0Usa0JBQWtCLGlCQUdiLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgTG9naW5JUFJlc3BvbnNlTW9kZWwsIFNlY3VyaXR5QXBpQ2xpZW50IH0gZnJvbSAnLi4vLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuaW1wb3J0IHsgQXV0aGVudGljYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi8uLi8uLi8uLi9zZXJ2aWNlcy9hdXRoZW50aWNhdGlvbi5zZXJ2aWNlJ1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtYmVoZWVyLWlubG9nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmVoZWVyLWlubG9nLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItaW5sb2cuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCZWhlZXJJbmxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHB1YmxpYyBVc2VybmFtZTogc3RyaW5nID0gXCJcIjtcclxuICBwdWJsaWMgUGFzc3dvcmQ6IHN0cmluZyA9IFwiXCI7XHJcblxyXG4gIHB1YmxpYyBNZXNzYWdlOiBzdHJpbmcgPSBcIlwiO1xyXG5cclxuICBwdWJsaWMgTG9naW5JUFJlc3BvbnNlTW9kZWw6IExvZ2luSVBSZXNwb25zZU1vZGVsO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgYXV0aGVudGljYXRpb25TZXJ2aWNlOiBBdXRoZW50aWNhdGlvblNlcnZpY2UsIHB1YmxpYyByb3V0ZXI6IFJvdXRlciwgcHJpdmF0ZSBzZWN1cml0eUFwaUNsaWVudDogU2VjdXJpdHlBcGlDbGllbnQpIHtcclxuXHJcbiAgICAgdGhpcy5zZWN1cml0eUFwaUNsaWVudC5nZXRMb2dpbklQUmVzcG9uc2VNb2RlbCgpLnN1YnNjcmliZSgobW9kZWw6IExvZ2luSVBSZXNwb25zZU1vZGVsKSA9PiB7XHJcbiAgICAgIHRoaXMuTG9naW5JUFJlc3BvbnNlTW9kZWwgPSBtb2RlbDtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgTG9naW4oKTogdm9pZCB7XHJcbiAgICB0aGlzLk1lc3NhZ2UgPSBcIlwiO1xyXG4gICAgdGhpcy5hdXRoZW50aWNhdGlvblNlcnZpY2UubG9naW4odGhpcy5Vc2VybmFtZSwgdGhpcy5QYXNzd29yZCwgdGhpcywgdGhpcy5TdWNjZXNzLCB0aGlzLkZhaWx1cmUpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIFN1Y2Nlc3MoYmVoZWVyOiBCZWhlZXJJbmxvZ0NvbXBvbmVudCk6IHZvaWQge1xyXG4gICAgYmVoZWVyLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKCcvYmVoZWVyJyk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgRmFpbHVyZShiZWhlZXI6IEJlaGVlcklubG9nQ29tcG9uZW50LCBtZXNzYWdlOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIGJlaGVlci5NZXNzYWdlID0gbWVzc2FnZTtcclxuICB9XHJcbn1cclxuIiwiXHJcbjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwiaW5sb2dkaWFsb2dcIj5cclxuICAgIDxtYXQtY2FyZD5cclxuICAgICAgPG1hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwiZmlsbFwiPlxyXG4gICAgICAgICAgICA8bWF0LWxhYmVsPkdlYnJ1aWtlcnNuYWFtPC9tYXQtbGFiZWw+XHJcbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIFsobmdNb2RlbCldPVwiVXNlcm5hbWVcIiBtYXRJbnB1dCB2YWx1ZT1cIlwiPlxyXG4gICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCI+XHJcbiAgICAgICAgICAgIDxtYXQtbGFiZWw+V2FjaHR3b29yZDwvbWF0LWxhYmVsPlxyXG4gICAgICAgICAgICA8aW5wdXQgdHlwZT1cInBhc3N3b3JkXCIgWyhuZ01vZGVsKV09XCJQYXNzd29yZFwiIG1hdElucHV0IHZhbHVlPVwiXCI+XHJcbiAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLWJhclwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImVycm9yLWJveFwiPlxyXG4gICAgICAgICAgICB7eyBNZXNzYWdlIH19XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIkxvZ2luKClcIiBjbGFzcz1cImxvZ2luLWJ1dHRvblwiPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cIiFhdXRoZW50aWNhdGlvblNlcnZpY2UuTG9hZGluZ0xvZ2luXCI+XHJcbiAgICAgICAgICAgICAgTG9naW5cclxuICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImF1dGhlbnRpY2F0aW9uU2VydmljZS5Mb2FkaW5nTG9naW5cIj5cclxuICAgICAgICAgICAgICA8YXBwLWZhYi1sb2FkZXIgY2xhc3M9XCJsb2FkZXJcIj48L2FwcC1mYWItbG9hZGVyPlxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgSVAgQWRkcmVzczoge3sgTG9naW5JUFJlc3BvbnNlTW9kZWw/LmlwQWRkcmVzcyB9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXY+XHJcbiAgICAgICAgICBGYWJyaWthbnRlbkNvcmU6IHt7IExvZ2luSVBSZXNwb25zZU1vZGVsPy5mYWJyaWthbnRlbkNvcmVWZXJzaW9uIH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbWF0LWNhcmQtY29udGVudD5cclxuICAgIDwvbWF0LWNhcmQ+XHJcbiAgICBcclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/src/app/modules/fabrikantencore/beheer/components/beheer-main/beheer-main.component.mjs

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../beheer-nav/beheer-nav.component";
+export class BeheerMainComponent {
+    constructor() {
+    }
+    ngOnInit() {
+    }
+}
+BeheerMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerMainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BeheerMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerMainComponent, selector: "app-beheer-main", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1.BeheerNavComponent, selector: "app-beheer-nav" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerMainComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-main', template: "<app-beheer-nav></app-beheer-nav>\r\n" }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLW1haW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItbWFpbi9iZWhlZXItbWFpbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1tYWluL2JlaGVlci1tYWluLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQU9sRCxNQUFNLE9BQU8sbUJBQW1CO0lBRTlCO0lBRUEsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDOztnSEFQVSxtQkFBbUI7b0dBQW5CLG1CQUFtQix1RENQaEMsdUNBQ0E7MkZETWEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1iZWhlZXItbWFpbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JlaGVlci1tYWluLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItbWFpbi5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEJlaGVlck1haW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgXHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxhcHAtYmVoZWVyLW5hdj48L2FwcC1iZWhlZXItbmF2PlxyXG4iXX0=

package/esm2020/src/app/modules/fabrikantencore/beheer/components/beheer-nav/beheer-nav.component.mjs

@@ -0,0 +1,47 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./../../../services/authentication.service";
+import * as i2 from "@angular/router";
+import * as i3 from "../../../swagger/SwaggerClient";
+import * as i4 from "@angular/material/button";
+export class BeheerNavComponent {
+    constructor(authenticationService, router, FabrikantenApiClient) {
+        this.authenticationService = authenticationService;
+        this.router = router;
+        this.FabrikantenApiClient = FabrikantenApiClient;
+        this.ResetCacheTitle = "Reset Cache";
+    }
+    ngOnInit() {
+    }
+    LogOff() {
+        this.authenticationService.logout();
+        this.router.navigateByUrl('/beheer/inloggen');
+    }
+    NavigateTo(name) {
+        this.router.navigateByUrl('/beheer/' + name);
+    }
+    IsActive(name) {
+        return window.location.href.toLowerCase().indexOf(name.toLowerCase()) != -1;
+    }
+    ResetCache() {
+        this.ResetCacheTitle = "...";
+        this.FabrikantenApiClient.resetCache().subscribe(() => {
+            this.ResetCacheTitle = "Reset Cache";
+            alert('cache reset success');
+        }, (error) => {
+            if (error.status == 400)
+                console.log(error.json());
+            else {
+                console.log('An unexpected error occured');
+                console.log(error);
+            }
+        });
+    }
+}
+BeheerNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerNavComponent, deps: [{ token: i1.AuthenticationService }, { token: i2.Router }, { token: i3.FabrikantenApiClient }], target: i0.ɵɵFactoryTarget.Component });
+BeheerNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerNavComponent, selector: "app-beheer-nav", ngImport: i0, template: "<div class=\"main-block\">\r\n  <div class=\"row\">\r\n    <div class=\"cell left-block\">\r\n      <button mat-raised-button (click)=\"NavigateTo('searchproducts')\" class=\"link\" [disabled]=\"IsActive('/searchproducts')\">\r\n        Zoeken\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('importsets')\" class=\"link\" [disabled]=\"IsActive('/importsets')\">\r\n        Import\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('products')\" class=\"link\" [disabled]=\"IsActive('/products')\">\r\n        Products\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('filters')\" class=\"link\" [disabled]=\"IsActive('/filters')\">\r\n        Filters\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('ebokoppel')\" class=\"link\" [disabled]=\"IsActive('/ebokoppel')\">\r\n        EBO Koppel\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('categories')\" class=\"link\" [disabled]=\"IsActive('/categories')\">\r\n        Categories\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('deeplink')\" class=\"link\" [disabled]=\"IsActive('/deeplink')\">\r\n        Deeplink\r\n      </button>\r\n    </div>\r\n    <div class=\"cell right-block\">\r\n      <button mat-raised-button (click)=\"ResetCache()\" class=\"link\">\r\n        {{ ResetCacheTitle }}\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('settings')\" class=\"link\" [disabled]=\"IsActive('/settings')\">\r\n        Settings\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('translate')\" class=\"link\" [disabled]=\"IsActive('/translate')\">\r\n        Translate\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('users')\" class=\"link\" [disabled]=\"IsActive('/users')\">\r\n        Users\r\n      </button>\r\n      <button mat-raised-button (click)=\"LogOff()\" class=\"link\">\r\n        Uitloggen\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-nav .main-block{width:100%;display:table}app-beheer-nav .main-block .left-block{text-align:left}app-beheer-nav .main-block .right-block{text-align:right}app-beheer-nav .main-block .row{display:table-row}app-beheer-nav .main-block .cell{display:table-cell}app-beheer-nav .main-block .link{margin:5px}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}.full-width{width:100%}\n"], dependencies: [{ kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-nav', encapsulation: ViewEncapsulation.None, template: "<div class=\"main-block\">\r\n  <div class=\"row\">\r\n    <div class=\"cell left-block\">\r\n      <button mat-raised-button (click)=\"NavigateTo('searchproducts')\" class=\"link\" [disabled]=\"IsActive('/searchproducts')\">\r\n        Zoeken\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('importsets')\" class=\"link\" [disabled]=\"IsActive('/importsets')\">\r\n        Import\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('products')\" class=\"link\" [disabled]=\"IsActive('/products')\">\r\n        Products\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('filters')\" class=\"link\" [disabled]=\"IsActive('/filters')\">\r\n        Filters\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('ebokoppel')\" class=\"link\" [disabled]=\"IsActive('/ebokoppel')\">\r\n        EBO Koppel\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('categories')\" class=\"link\" [disabled]=\"IsActive('/categories')\">\r\n        Categories\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('deeplink')\" class=\"link\" [disabled]=\"IsActive('/deeplink')\">\r\n        Deeplink\r\n      </button>\r\n    </div>\r\n    <div class=\"cell right-block\">\r\n      <button mat-raised-button (click)=\"ResetCache()\" class=\"link\">\r\n        {{ ResetCacheTitle }}\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('settings')\" class=\"link\" [disabled]=\"IsActive('/settings')\">\r\n        Settings\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('translate')\" class=\"link\" [disabled]=\"IsActive('/translate')\">\r\n        Translate\r\n      </button>\r\n      <button mat-raised-button (click)=\"NavigateTo('users')\" class=\"link\" [disabled]=\"IsActive('/users')\">\r\n        Users\r\n      </button>\r\n      <button mat-raised-button (click)=\"LogOff()\" class=\"link\">\r\n        Uitloggen\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-nav .main-block{width:100%;display:table}app-beheer-nav .main-block .left-block{text-align:left}app-beheer-nav .main-block .right-block{text-align:right}app-beheer-nav .main-block .row{display:table-row}app-beheer-nav .main-block .cell{display:table-cell}app-beheer-nav .main-block .link{margin:5px}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}.full-width{width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.AuthenticationService }, { type: i2.Router }, { type: i3.FabrikantenApiClient }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1uYXYvYmVoZWVyLW5hdi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1uYXYvYmVoZWVyLW5hdi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFZckUsTUFBTSxPQUFPLGtCQUFrQjtJQUk3QixZQUFtQixxQkFBNEMsRUFBVSxNQUFjLEVBQVUsb0JBQTBDO1FBQXhILDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBdUI7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUseUJBQW9CLEdBQXBCLG9CQUFvQixDQUFzQjtRQUZwSSxvQkFBZSxHQUFXLGFBQWEsQ0FBQztJQUkvQyxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLHFCQUFxQixDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVNLFVBQVUsQ0FBQyxJQUFZO1FBQzVCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRU0sUUFBUSxDQUFDLElBQVk7UUFDMUIsT0FBTyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVNLFVBQVU7UUFDZixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMsb0JBQW9CLENBQUMsVUFBVSxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNwRCxJQUFJLENBQUMsZUFBZSxHQUFHLGFBQWEsQ0FBQztZQUNyQyxLQUFLLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUMvQixDQUFDLEVBQUUsQ0FBQyxLQUFlLEVBQUUsRUFBRTtZQUNyQixJQUFJLEtBQUssQ0FBQyxNQUFNLElBQUksR0FBRztnQkFDckIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztpQkFDdkI7Z0JBQ0gsT0FBTyxDQUFDLEdBQUcsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO2dCQUMzQyxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ3BCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzsrR0FyQ1Usa0JBQWtCO21HQUFsQixrQkFBa0Isc0RDWi9CLDJnRUE0Q0E7MkZEaENhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDRSxnQkFBZ0IsaUJBR1gsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyLCBOYXZpZ2F0aW9uRW5kIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgVGl0bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHsgRmFicmlrYW50ZW5BcGlDbGllbnQgfSBmcm9tICcuLi8uLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5pbXBvcnQgeyBBdXRoZW50aWNhdGlvblNlcnZpY2UgfSBmcm9tICcuLy4uLy4uLy4uL3NlcnZpY2VzL2F1dGhlbnRpY2F0aW9uLnNlcnZpY2UnXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1iZWhlZXItbmF2JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmVoZWVyLW5hdi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYmVoZWVyLW5hdi5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEJlaGVlck5hdkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHB1YmxpYyBSZXNldENhY2hlVGl0bGU6IHN0cmluZyA9IFwiUmVzZXQgQ2FjaGVcIjtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGF1dGhlbnRpY2F0aW9uU2VydmljZTogQXV0aGVudGljYXRpb25TZXJ2aWNlLCBwcml2YXRlIHJvdXRlcjogUm91dGVyLCBwcml2YXRlIEZhYnJpa2FudGVuQXBpQ2xpZW50OiBGYWJyaWthbnRlbkFwaUNsaWVudCkge1xyXG4gICAgXHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBMb2dPZmYoKTogdm9pZCB7XHJcbiAgICB0aGlzLmF1dGhlbnRpY2F0aW9uU2VydmljZS5sb2dvdXQoKTtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwoJy9iZWhlZXIvaW5sb2dnZW4nKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBOYXZpZ2F0ZVRvKG5hbWU6IHN0cmluZykge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCgnL2JlaGVlci8nICsgbmFtZSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgSXNBY3RpdmUobmFtZTogc3RyaW5nKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gd2luZG93LmxvY2F0aW9uLmhyZWYudG9Mb3dlckNhc2UoKS5pbmRleE9mKG5hbWUudG9Mb3dlckNhc2UoKSkgIT0gLTE7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgUmVzZXRDYWNoZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuUmVzZXRDYWNoZVRpdGxlID0gXCIuLi5cIjtcclxuICAgIHRoaXMuRmFicmlrYW50ZW5BcGlDbGllbnQucmVzZXRDYWNoZSgpLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgIHRoaXMuUmVzZXRDYWNoZVRpdGxlID0gXCJSZXNldCBDYWNoZVwiO1xyXG4gICAgICBhbGVydCgnY2FjaGUgcmVzZXQgc3VjY2VzcycpO1xyXG4gICAgfSwgKGVycm9yOiBSZXNwb25zZSkgPT4ge1xyXG4gICAgICBpZiAoZXJyb3Iuc3RhdHVzID09IDQwMClcclxuICAgICAgICBjb25zb2xlLmxvZyhlcnJvci5qc29uKCkpO1xyXG4gICAgICBlbHNlIHtcclxuICAgICAgICBjb25zb2xlLmxvZygnQW4gdW5leHBlY3RlZCBlcnJvciBvY2N1cmVkJyk7XHJcbiAgICAgICAgY29uc29sZS5sb2coZXJyb3IpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1haW4tYmxvY2tcIj5cclxuICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2VsbCBsZWZ0LWJsb2NrXCI+XHJcbiAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIk5hdmlnYXRlVG8oJ3NlYXJjaHByb2R1Y3RzJylcIiBjbGFzcz1cImxpbmtcIiBbZGlzYWJsZWRdPVwiSXNBY3RpdmUoJy9zZWFyY2hwcm9kdWN0cycpXCI+XHJcbiAgICAgICAgWm9la2VuXHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJOYXZpZ2F0ZVRvKCdpbXBvcnRzZXRzJylcIiBjbGFzcz1cImxpbmtcIiBbZGlzYWJsZWRdPVwiSXNBY3RpdmUoJy9pbXBvcnRzZXRzJylcIj5cclxuICAgICAgICBJbXBvcnRcclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIk5hdmlnYXRlVG8oJ3Byb2R1Y3RzJylcIiBjbGFzcz1cImxpbmtcIiBbZGlzYWJsZWRdPVwiSXNBY3RpdmUoJy9wcm9kdWN0cycpXCI+XHJcbiAgICAgICAgUHJvZHVjdHNcclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIk5hdmlnYXRlVG8oJ2ZpbHRlcnMnKVwiIGNsYXNzPVwibGlua1wiIFtkaXNhYmxlZF09XCJJc0FjdGl2ZSgnL2ZpbHRlcnMnKVwiPlxyXG4gICAgICAgIEZpbHRlcnNcclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIk5hdmlnYXRlVG8oJ2Vib2tvcHBlbCcpXCIgY2xhc3M9XCJsaW5rXCIgW2Rpc2FibGVkXT1cIklzQWN0aXZlKCcvZWJva29wcGVsJylcIj5cclxuICAgICAgICBFQk8gS29wcGVsXHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJOYXZpZ2F0ZVRvKCdjYXRlZ29yaWVzJylcIiBjbGFzcz1cImxpbmtcIiBbZGlzYWJsZWRdPVwiSXNBY3RpdmUoJy9jYXRlZ29yaWVzJylcIj5cclxuICAgICAgICBDYXRlZ29yaWVzXHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJOYXZpZ2F0ZVRvKCdkZWVwbGluaycpXCIgY2xhc3M9XCJsaW5rXCIgW2Rpc2FibGVkXT1cIklzQWN0aXZlKCcvZGVlcGxpbmsnKVwiPlxyXG4gICAgICAgIERlZXBsaW5rXHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2VsbCByaWdodC1ibG9ja1wiPlxyXG4gICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJSZXNldENhY2hlKClcIiBjbGFzcz1cImxpbmtcIj5cclxuICAgICAgICB7eyBSZXNldENhY2hlVGl0bGUgfX1cclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIk5hdmlnYXRlVG8oJ3NldHRpbmdzJylcIiBjbGFzcz1cImxpbmtcIiBbZGlzYWJsZWRdPVwiSXNBY3RpdmUoJy9zZXR0aW5ncycpXCI+XHJcbiAgICAgICAgU2V0dGluZ3NcclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIk5hdmlnYXRlVG8oJ3RyYW5zbGF0ZScpXCIgY2xhc3M9XCJsaW5rXCIgW2Rpc2FibGVkXT1cIklzQWN0aXZlKCcvdHJhbnNsYXRlJylcIj5cclxuICAgICAgICBUcmFuc2xhdGVcclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIk5hdmlnYXRlVG8oJ3VzZXJzJylcIiBjbGFzcz1cImxpbmtcIiBbZGlzYWJsZWRdPVwiSXNBY3RpdmUoJy91c2VycycpXCI+XHJcbiAgICAgICAgVXNlcnNcclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIkxvZ09mZigpXCIgY2xhc3M9XCJsaW5rXCI+XHJcbiAgICAgICAgVWl0bG9nZ2VuXHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2020/src/app/modules/fabrikantencore/beheer/components/beheer-products/beheer-products-bcbproduct/beheer-products-bcbproduct.component.mjs

@@ -0,0 +1,56 @@
+import { Component, Input } from '@angular/core';
+import { BCBImportProductRequest } from '../../../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../swagger/SwaggerClient";
+import * as i2 from "../../../../services/products.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/card";
+import * as i9 from "../../../../components/fab-loader/fab-loader.component";
+import * as i10 from "../beheer-products-ebo/beheer-products-ebo.component";
+export class BeheerProductsBcbproductComponent {
+    constructor(ImportApiClient, ProductsService, ChangeDetectorRef) {
+        this.ImportApiClient = ImportApiClient;
+        this.ProductsService = ProductsService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.Loading = false;
+    }
+    ngOnInit() {
+    }
+    ResetImport() {
+        this.ProductsService.ResetImport(-1, this.BCBProductViewModel.id, this.ChangeDetectorRef);
+    }
+    Import() {
+        var request = new BCBImportProductRequest();
+        request.bcbProductId = this.BCBProductViewModel.id;
+        this.Loading = true;
+        this.ChangeDetectorRef.detectChanges();
+        this.ImportApiClient.importBCBProduct(request).subscribe((model) => {
+            if (!model.success) {
+                alert(model.message);
+            }
+            this.Loading = false;
+            this.ChangeDetectorRef.detectChanges();
+            this.ProductsService.LoadProduct(this.ChangeDetectorRef);
+        }, (error) => {
+            if (error.status == 400)
+                console.log(error.json());
+            else {
+                console.log('An unexpected error occured');
+                console.log(error);
+            }
+        });
+    }
+}
+BeheerProductsBcbproductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsBcbproductComponent, deps: [{ token: i1.ImportApiClient }, { token: i2.ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BeheerProductsBcbproductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: BeheerProductsBcbproductComponent, selector: "app-beheer-products-bcbproduct", inputs: { BCBProductViewModel: "BCBProductViewModel" }, ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading\">\r\n  <mat-card>\r\n    <div class=\"product-bar\">\r\n      <div class=\"product-first block\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"BCBProductViewModel.name\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"Import()\">\r\n          Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"ResetImport()\">\r\n          Reset Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Opslaan\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Verwijderen\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <br />\r\n  <mat-card *ngIf=\"BCBProductViewModel?.bcbeboViewModel\">\r\n    <mat-card-content>\r\n      <app-beheer-products-ebo [ebo]=\"BCBProductViewModel.bcbeboViewModel\"></app-beheer-products-ebo>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n\r\n", styles: [".product-bar{display:flex}.product-first{flex:auto}.full-width{width:100%}.card{margin:3px}.block{padding:3px}.row{display:flex;align-items:center;cursor:pointer}.icon-div{width:24px;height:24px}.text-div{flex:auto}.title{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i10.BeheerProductsEboComponent, selector: "app-beheer-products-ebo", inputs: ["ebo"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: BeheerProductsBcbproductComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-products-bcbproduct', template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading\">\r\n  <mat-card>\r\n    <div class=\"product-bar\">\r\n      <div class=\"product-first block\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"BCBProductViewModel.name\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"Import()\">\r\n          Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"ResetImport()\">\r\n          Reset Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Opslaan\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Verwijderen\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <br />\r\n  <mat-card *ngIf=\"BCBProductViewModel?.bcbeboViewModel\">\r\n    <mat-card-content>\r\n      <app-beheer-products-ebo [ebo]=\"BCBProductViewModel.bcbeboViewModel\"></app-beheer-products-ebo>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n\r\n", styles: [".product-bar{display:flex}.product-first{flex:auto}.full-width{width:100%}.card{margin:3px}.block{padding:3px}.row{display:flex;align-items:center;cursor:pointer}.icon-div{width:24px;height:24px}.text-div{flex:auto}.title{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ImportApiClient }, { type: i2.ProductsService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { BCBProductViewModel: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLXByb2R1Y3RzLWJjYnByb2R1Y3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItcHJvZHVjdHMvYmVoZWVyLXByb2R1Y3RzLWJjYnByb2R1Y3QvYmVoZWVyLXByb2R1Y3RzLWJjYnByb2R1Y3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItcHJvZHVjdHMvYmVoZWVyLXByb2R1Y3RzLWJjYnByb2R1Y3QvYmVoZWVyLXByb2R1Y3RzLWJjYnByb2R1Y3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBRTVFLE9BQU8sRUFBdUIsdUJBQXVCLEVBQTZDLE1BQU0sbUNBQW1DLENBQUM7Ozs7Ozs7Ozs7OztBQU81SSxNQUFNLE9BQU8saUNBQWlDO0lBTTVDLFlBQW9CLGVBQWdDLEVBQVMsZUFBZ0MsRUFBVSxpQkFBb0M7UUFBdkgsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQVMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQVUsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUZwSSxZQUFPLEdBQVksS0FBSyxDQUFDO0lBRStHLENBQUM7SUFFaEosUUFBUTtJQUNSLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDNUYsQ0FBQztJQUVNLE1BQU07UUFFWCxJQUFJLE9BQU8sR0FBRyxJQUFJLHVCQUF1QixFQUFFLENBQUM7UUFFNUMsT0FBTyxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsRUFBRSxDQUFDO1FBRW5ELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUV2QyxJQUFJLENBQUMsZUFBZSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQStCLEVBQUUsRUFBRTtZQUMzRixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDbEIsS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQzthQUN0QjtZQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBQ3JCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUMzRCxDQUFDLEVBQUUsQ0FBQyxLQUFlLEVBQUUsRUFBRTtZQUNyQixJQUFJLEtBQUssQ0FBQyxNQUFNLElBQUksR0FBRztnQkFDckIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztpQkFDdkI7Z0JBQ0gsT0FBTyxDQUFDLEdBQUcsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO2dCQUMzQyxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ3BCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzs4SEF2Q1UsaUNBQWlDO2tIQUFqQyxpQ0FBaUMsOEhDVDlDLGd6Q0EwQ0E7MkZEakNhLGlDQUFpQztrQkFMN0MsU0FBUzsrQkFDRSxnQ0FBZ0M7b0tBTWpDLG1CQUFtQjtzQkFBM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUHJvZHVjdHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvcHJvZHVjdHMuc2VydmljZSc7XHJcbmltcG9ydCB7IEJDQlByb2R1Y3RWaWV3TW9kZWwsIEJDQkltcG9ydFByb2R1Y3RSZXF1ZXN0LCBJbXBvcnRBcGlDbGllbnQsIEJDQkltcG9ydFByb2R1Y3RSZXNwb25zZSB9IGZyb20gJy4uLy4uLy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1iZWhlZXItcHJvZHVjdHMtYmNicHJvZHVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JlaGVlci1wcm9kdWN0cy1iY2Jwcm9kdWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItcHJvZHVjdHMtYmNicHJvZHVjdC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCZWhlZXJQcm9kdWN0c0JjYnByb2R1Y3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBCQ0JQcm9kdWN0Vmlld01vZGVsOiBCQ0JQcm9kdWN0Vmlld01vZGVsO1xyXG5cclxuICBwdWJsaWMgTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIEltcG9ydEFwaUNsaWVudDogSW1wb3J0QXBpQ2xpZW50LCBwdWJsaWMgUHJvZHVjdHNTZXJ2aWNlOiBQcm9kdWN0c1NlcnZpY2UsIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgUmVzZXRJbXBvcnQoKTogdm9pZCB7XHJcbiAgICB0aGlzLlByb2R1Y3RzU2VydmljZS5SZXNldEltcG9ydCgtMSwgdGhpcy5CQ0JQcm9kdWN0Vmlld01vZGVsLmlkLCB0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBJbXBvcnQoKTogdm9pZCB7XHJcblxyXG4gICAgdmFyIHJlcXVlc3QgPSBuZXcgQkNCSW1wb3J0UHJvZHVjdFJlcXVlc3QoKTtcclxuXHJcbiAgICByZXF1ZXN0LmJjYlByb2R1Y3RJZCA9IHRoaXMuQkNCUHJvZHVjdFZpZXdNb2RlbC5pZDtcclxuXHJcbiAgICB0aGlzLkxvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcblxyXG4gICAgdGhpcy5JbXBvcnRBcGlDbGllbnQuaW1wb3J0QkNCUHJvZHVjdChyZXF1ZXN0KS5zdWJzY3JpYmUoKG1vZGVsOiBCQ0JJbXBvcnRQcm9kdWN0UmVzcG9uc2UpID0+IHtcclxuICAgICAgaWYgKCFtb2RlbC5zdWNjZXNzKSB7XHJcbiAgICAgICAgYWxlcnQobW9kZWwubWVzc2FnZSk7XHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5Mb2FkaW5nID0gZmFsc2U7XHJcbiAgICAgIHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgICB0aGlzLlByb2R1Y3RzU2VydmljZS5Mb2FkUHJvZHVjdCh0aGlzLkNoYW5nZURldGVjdG9yUmVmKTtcclxuICAgIH0sIChlcnJvcjogUmVzcG9uc2UpID0+IHtcclxuICAgICAgaWYgKGVycm9yLnN0YXR1cyA9PSA0MDApXHJcbiAgICAgICAgY29uc29sZS5sb2coZXJyb3IuanNvbigpKTtcclxuICAgICAgZWxzZSB7XHJcbiAgICAgICAgY29uc29sZS5sb2coJ0FuIHVuZXhwZWN0ZWQgZXJyb3Igb2NjdXJlZCcpO1xyXG4gICAgICAgIGNvbnNvbGUubG9nKGVycm9yKTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2ICpuZ0lmPVwiTG9hZGluZ1wiPlxyXG4gIDxhcHAtZmFiLWxvYWRlcj48L2FwcC1mYWItbG9hZGVyPlxyXG48L2Rpdj5cclxuPGRpdiAqbmdJZj1cIiFMb2FkaW5nXCI+XHJcbiAgPG1hdC1jYXJkPlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2R1Y3QtYmFyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJwcm9kdWN0LWZpcnN0IGJsb2NrXCI+XHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCI+XHJcbiAgICAgICAgICA8bWF0LWxhYmVsPk5hYW08L21hdC1sYWJlbD5cclxuICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCBbKG5nTW9kZWwpXT1cIkJDQlByb2R1Y3RWaWV3TW9kZWwubmFtZVwiPlxyXG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYmxvY2tcIj5cclxuICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJJbXBvcnQoKVwiPlxyXG4gICAgICAgICAgSW1wb3J0XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYmxvY2tcIj5cclxuICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJSZXNldEltcG9ydCgpXCI+XHJcbiAgICAgICAgICBSZXNldCBJbXBvcnRcclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJibG9ja1wiPlxyXG4gICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gW2Rpc2FibGVkXT1cInRydWVcIj5cclxuICAgICAgICAgIE9wc2xhYW5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJibG9ja1wiPlxyXG4gICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gW2Rpc2FibGVkXT1cInRydWVcIj5cclxuICAgICAgICAgIFZlcndpamRlcmVuXHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9tYXQtY2FyZD5cclxuICA8YnIgLz5cclxuICA8bWF0LWNhcmQgKm5nSWY9XCJCQ0JQcm9kdWN0Vmlld01vZGVsPy5iY2JlYm9WaWV3TW9kZWxcIj5cclxuICAgIDxtYXQtY2FyZC1jb250ZW50PlxyXG4gICAgICA8YXBwLWJlaGVlci1wcm9kdWN0cy1lYm8gW2Vib109XCJCQ0JQcm9kdWN0Vmlld01vZGVsLmJjYmVib1ZpZXdNb2RlbFwiPjwvYXBwLWJlaGVlci1wcm9kdWN0cy1lYm8+XHJcbiAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgPC9tYXQtY2FyZD5cclxuPC9kaXY+XHJcblxyXG4iXX0=