fabrikantencore 2.12.16 → 2.13.1

package/esm2022/fabrikantencore.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFicmlrYW50ZW5jb3JlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vZmFicmlrYW50ZW5jb3JlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=

package/esm2022/public_api.mjs

@@ -0,0 +1,24 @@
+export * from './src/app/modules/fabrikantencore/fabrikantencore.module';
+export * from './src/app/modules/fabrikantencore/swagger/SwaggerClient';
+export * from './src/app/modules/fabrikantencore/components/inputs/fab-filter/fab-filter.component';
+export * from './src/app/modules/fabrikantencore/components/inputs/fab-filter-label/fab-filter-label.component';
+export * from './src/app/modules/fabrikantencore/components/inputs/fab-filter-custom/fab-filter-custom.component';
+export * from './src/app/modules/fabrikantencore/components/fab-filters/fab-filters.component';
+export * from './src/app/modules/fabrikantencore/components/fab-category-navigator/fab-category-navigator.component';
+export * from './src/app/modules/fabrikantencore/components/fab-filters-input/fab-filters-input.component';
+export * from './src/app/modules/fabrikantencore/components/fab-actionmenu/fab-actionmenu.component';
+export * from './src/app/modules/fabrikantencore/components/fab-webgl-viewer/fab-webgl-viewer.component';
+export * from './src/app/modules/fabrikantencore/components/fab-svg-viewer/fab-svg-viewer.component';
+export * from './src/app/modules/fabrikantencore/components/fab-product/fab-product-bestek/fab-product-bestek.component';
+export * from './src/app/modules/fabrikantencore/components/fab-loader/fab-loader.component';
+export * from './src/app/modules/fabrikantencore/components/fab-select-bcbproduct/fab-select-bcbproduct.component';
+export * from './src/app/modules/fabrikantencore/components/fab-download-zip/fab-download-zip.component';
+export * from './src/app/modules/fabrikantencore/components/fab-form/fab-form.component';
+export * from './src/app/modules/fabrikantencore/services/mobile.service';
+export * from './src/app/modules/fabrikantencore/services/fabrikanten.service';
+export * from './src/app/modules/fabrikantencore/services/bestek.service';
+export * from './src/app/modules/fabrikantencore/services/translate.service';
+export * from './src/app/modules/fabrikantencore/services/webgl.service';
+export * from './src/app/modules/fabrikantencore/services/svg.service';
+export * from './src/app/modules/fabrikantencore/services/template-component.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwREFBMEQsQ0FBQTtBQUN4RSxjQUFjLHlEQUF5RCxDQUFBO0FBR3ZFLGNBQWMscUZBQXFGLENBQUE7QUFDbkcsY0FBYyxpR0FBaUcsQ0FBQTtBQUMvRyxjQUFjLG1HQUFtRyxDQUFBO0FBRWpILGNBQWMsZ0ZBQWdGLENBQUE7QUFDOUYsY0FBYyxzR0FBc0csQ0FBQTtBQUNwSCxjQUFjLDRGQUE0RixDQUFBO0FBQzFHLGNBQWMsc0ZBQXNGLENBQUE7QUFDcEcsY0FBYywwRkFBMEYsQ0FBQTtBQUN4RyxjQUFjLHNGQUFzRixDQUFBO0FBQ3BHLGNBQWMsMEdBQTBHLENBQUE7QUFDeEgsY0FBYyw4RUFBOEUsQ0FBQTtBQUM1RixjQUFjLG9HQUFvRyxDQUFBO0FBQ2xILGNBQWMsMEZBQTBGLENBQUE7QUFDeEcsY0FBYywwRUFBMEUsQ0FBQTtBQUV4RixjQUFjLDJEQUEyRCxDQUFBO0FBQ3pFLGNBQWMsZ0VBQWdFLENBQUE7QUFDOUUsY0FBYywyREFBMkQsQ0FBQTtBQUN6RSxjQUFjLDhEQUE4RCxDQUFBO0FBQzVFLGNBQWMsMERBQTBELENBQUE7QUFDeEUsY0FBYyx3REFBd0QsQ0FBQTtBQUN0RSxjQUFjLHVFQUF1RSxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2ZhYnJpa2FudGVuY29yZS5tb2R1bGUnXHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnXHJcblxyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvaW5wdXRzL2ZhYi1maWx0ZXIvZmFiLWZpbHRlci5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2lucHV0cy9mYWItZmlsdGVyLWxhYmVsL2ZhYi1maWx0ZXItbGFiZWwuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9pbnB1dHMvZmFiLWZpbHRlci1jdXN0b20vZmFiLWZpbHRlci1jdXN0b20uY29tcG9uZW50J1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLWZpbHRlcnMvZmFiLWZpbHRlcnMuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItY2F0ZWdvcnktbmF2aWdhdG9yL2ZhYi1jYXRlZ29yeS1uYXZpZ2F0b3IuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItZmlsdGVycy1pbnB1dC9mYWItZmlsdGVycy1pbnB1dC5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1hY3Rpb25tZW51L2ZhYi1hY3Rpb25tZW51LmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLXdlYmdsLXZpZXdlci9mYWItd2ViZ2wtdmlld2VyLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLXN2Zy12aWV3ZXIvZmFiLXN2Zy12aWV3ZXIuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvY29tcG9uZW50cy9mYWItcHJvZHVjdC9mYWItcHJvZHVjdC1iZXN0ZWsvZmFiLXByb2R1Y3QtYmVzdGVrLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLWxvYWRlci9mYWItbG9hZGVyLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2NvbXBvbmVudHMvZmFiLXNlbGVjdC1iY2Jwcm9kdWN0L2ZhYi1zZWxlY3QtYmNicHJvZHVjdC5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1kb3dubG9hZC16aXAvZmFiLWRvd25sb2FkLXppcC5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9jb21wb25lbnRzL2ZhYi1mb3JtL2ZhYi1mb3JtLmNvbXBvbmVudCdcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9zZXJ2aWNlcy9tb2JpbGUuc2VydmljZSdcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL3NlcnZpY2VzL2ZhYnJpa2FudGVuLnNlcnZpY2UnXHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9zZXJ2aWNlcy9iZXN0ZWsuc2VydmljZSdcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJ1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvc2VydmljZXMvd2ViZ2wuc2VydmljZSdcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL3NlcnZpY2VzL3N2Zy5zZXJ2aWNlJ1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvc2VydmljZXMvdGVtcGxhdGUtY29tcG9uZW50LnNlcnZpY2UnXHJcbiJdfQ==

package/esm2022/src/app/modules/fabrikantencore/beheer/components/beheer-bcb-instance/beheer-bcb-instance.component.mjs

@@ -0,0 +1,123 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { FabrikantenFormRequestModel, FormInstanceRequestModel, TranslationCategory, TranslationSubCategory, LoginResponseModel, FormType } from '../../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../swagger/SwaggerClient";
+import * as i2 from "../../../services/translate.service";
+import * as i3 from "../../../services/authentication.service";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/legacy-button";
+import * as i6 from "../../../components/fab-loader/fab-loader.component";
+import * as i7 from "../../../components/fab-form/fab-form.component";
+class BeheerBcbInstanceComponent {
+    FormApiClient;
+    TranslateService;
+    authenticationService;
+    ChangeDetectorRef;
+    FormLoaded = false;
+    InstanceLoaded = false;
+    BCBProductInstanceViewModel;
+    LoadingForm = true;
+    LoadingInstance = true;
+    FabrikantenFormViewModel;
+    set input(value) {
+        this.BCBProductInstanceViewModel = value;
+        this.InstanceLoaded = true;
+        this.LoadInstance();
+    }
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    Loading() {
+        return this.LoadingForm || this.LoadingInstance;
+    }
+    constructor(FormApiClient, TranslateService, authenticationService, ChangeDetectorRef) {
+        this.FormApiClient = FormApiClient;
+        this.TranslateService = TranslateService;
+        this.authenticationService = authenticationService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.LoadForm();
+    }
+    Save() {
+        this.LoadingInstance = true;
+        this.FabrikantenFormViewModel.customConnectId = this.BCBProductInstanceViewModel.id;
+        this.FormApiClient.saveForm(this.FabrikantenFormViewModel).subscribe(() => {
+            this.LoadingInstance = false;
+        }, (error) => {
+            alert('An unexpected error occured');
+            this.LoadingInstance = false;
+        });
+    }
+    LoadForm() {
+        this.LoadingForm = true;
+        var request = new FabrikantenFormRequestModel();
+        request.formType = FormType.CustomForm;
+        this.FormApiClient.getForm(request).subscribe((model) => {
+            this.FabrikantenFormViewModel = model;
+            this.LoadingForm = false;
+            this.FormLoaded = true;
+            this.LoadInstance();
+        }, (error) => {
+            alert('An unexpected error occured');
+            this.LoadingForm = false;
+        });
+    }
+    LoadInstance() {
+        if (this.FormLoaded && this.InstanceLoaded) {
+            this.LoadingInstance = true;
+            var request = new FormInstanceRequestModel();
+            request.customConnectId = this.BCBProductInstanceViewModel.id;
+            request.formId = this.FabrikantenFormViewModel.id;
+            request.loginResponseModel = new LoginResponseModel(this.authenticationService.currentUserValue);
+            this.FormApiClient.getFormInstance(request).subscribe((model) => {
+                this.FabrikantenFormViewModel.formInstanceId = model.id;
+                var instances = model.formInputInstances;
+                if (instances != null) {
+                    for (var i = 0; i < instances.length; i++) {
+                        var formcats = this.FabrikantenFormViewModel.formCategories;
+                        if (formcats != null) {
+                            for (var j = 0; j < formcats.length; j++) {
+                                var rows = formcats[j].rows;
+                                if (rows != null) {
+                                    for (var k = 0; k < rows.length; k++) {
+                                        var inputs = rows[k].inputs;
+                                        if (inputs != null) {
+                                            for (var l = 0; l < inputs.length; l++) {
+                                                if (inputs[l].id == instances[i].formInputId) {
+                                                    inputs[l].value = instances[i].value;
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+                this.LoadingInstance = false;
+            }, (error) => {
+                alert('An unexpected error occured');
+                this.LoadingInstance = false;
+            });
+        }
+    }
+    DownloadPDF() {
+        // CreateInstancePDF(int pLanguageId, int pPDFTemplateId, int pBCBInstanceId)
+        var url = "/Download/CreateInstancePDF?pLanguageId=" + this.TranslateService.ActiveLanguage.id;
+        url += "&pPDFTemplateId=1";
+        url += "&pBCBInstanceId=" + this.BCBProductInstanceViewModel.id;
+        window.open(url, "_blank");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerBcbInstanceComponent, deps: [{ token: i1.FormApiClient }, { token: i2.TranslateService }, { token: i3.AuthenticationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerBcbInstanceComponent, selector: "app-beheer-bcb-instance", inputs: { input: "input" }, ngImport: i0, template: "<div *ngIf=\"Loading()\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!Loading()\">\n  <div class=\"displayflex\">\n    <div class=\"prop prop-name\">Product</div>\n    <div class=\"prop prop-value\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, BCBProductInstanceViewModel.productId) }}\n    </div>\n  </div>\n  <div class=\"displayflex\">\n    <div class=\"prop prop-name\">Datum</div>\n    <div class=\"prop prop-value\">\n      {{ BCBProductInstanceViewModel.dateTimeModified }}\n    </div>\n  </div>\n  <br />\n  <br />\n  <br />\n  <div>\n    <div>\n      <table style=\"width: 100%;\">\n        <tr>\n          <td class=\"border-bottom\" colspan=\"2\">Filter</td>\n        </tr>\n        <ng-container *ngFor=\"let filter of BCBProductInstanceViewModel.filters\">\n          <tr *ngIf=\"filter.filterOptions.length > 0\" class=\"info-row\">\n            <td>\n              {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.filterId) }}\n            </td>\n            <td>\n              <div *ngFor=\"let filteroption of filter.filterOptions\" class=\"value-cell\">\n                {{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, filteroption.filterOptionId) }}\n              </div>\n            </td>\n          </tr>\n        </ng-container>\n      </table>\n      <br />\n      <table style=\"width: 100%;\">\n        <tr>\n          <td class=\"border-bottom\" colspan=\"2\">Range Input</td>\n        </tr>\n        <ng-container *ngFor=\"let rangeinput of BCBProductInstanceViewModel.rangeInputs\">\n          <tr *ngIf=\"rangeinput.value != null\" class=\"info-row\">\n            <td>\n              {{ TranslateService.GetActiveValue(TranslationCategory.RangeInput, TranslationSubCategory.Name, rangeinput.rangeInputId) }}\n            </td>\n            <td class=\"value-cell\">\n              {{ rangeinput.value }}\n            </td>\n          </tr>\n        </ng-container>\n      </table>\n    </div>\n\n    <div>\n      <app-fab-form [form]=\"FabrikantenFormViewModel\"></app-fab-form>\n      <div class=\"button-row\">\n        <button mat-raised-button (click)=\"Save()\">\n          Save\n        </button>\n      </div>\n    </div>\n  </div>\n  <br />\n  <br />\n  <button mat-raised-button (click)=\"DownloadPDF()\">\n    Download PDF\n  </button>\n  <br />\n</div>\n", styles: [".displayflex{display:flex}.prop{font-size:20px;padding:5px;border-bottom:1px solid #000}.prop-name{width:200px}.prop-value{width:calc(100% - 220px)}.border-bottom{border-bottom:1px solid #000;font-size:20px;padding:4px}.form-button-row{display:none}.value-cell{text-align:right;padding-right:5px}.info-row:hover{background-color:#efefef}.button-row{padding-top:3px;text-align:right}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i7.FabFormComponent, selector: "app-fab-form", inputs: ["form"], outputs: ["completed"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+export { BeheerBcbInstanceComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerBcbInstanceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-bcb-instance', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"Loading()\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!Loading()\">\n  <div class=\"displayflex\">\n    <div class=\"prop prop-name\">Product</div>\n    <div class=\"prop prop-value\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, BCBProductInstanceViewModel.productId) }}\n    </div>\n  </div>\n  <div class=\"displayflex\">\n    <div class=\"prop prop-name\">Datum</div>\n    <div class=\"prop prop-value\">\n      {{ BCBProductInstanceViewModel.dateTimeModified }}\n    </div>\n  </div>\n  <br />\n  <br />\n  <br />\n  <div>\n    <div>\n      <table style=\"width: 100%;\">\n        <tr>\n          <td class=\"border-bottom\" colspan=\"2\">Filter</td>\n        </tr>\n        <ng-container *ngFor=\"let filter of BCBProductInstanceViewModel.filters\">\n          <tr *ngIf=\"filter.filterOptions.length > 0\" class=\"info-row\">\n            <td>\n              {{ TranslateService.GetActiveValue(TranslationCategory.Filter, TranslationSubCategory.Name, filter.filterId) }}\n            </td>\n            <td>\n              <div *ngFor=\"let filteroption of filter.filterOptions\" class=\"value-cell\">\n                {{ TranslateService.GetActiveValue(TranslationCategory.FilterOption, TranslationSubCategory.Name, filteroption.filterOptionId) }}\n              </div>\n            </td>\n          </tr>\n        </ng-container>\n      </table>\n      <br />\n      <table style=\"width: 100%;\">\n        <tr>\n          <td class=\"border-bottom\" colspan=\"2\">Range Input</td>\n        </tr>\n        <ng-container *ngFor=\"let rangeinput of BCBProductInstanceViewModel.rangeInputs\">\n          <tr *ngIf=\"rangeinput.value != null\" class=\"info-row\">\n            <td>\n              {{ TranslateService.GetActiveValue(TranslationCategory.RangeInput, TranslationSubCategory.Name, rangeinput.rangeInputId) }}\n            </td>\n            <td class=\"value-cell\">\n              {{ rangeinput.value }}\n            </td>\n          </tr>\n        </ng-container>\n      </table>\n    </div>\n\n    <div>\n      <app-fab-form [form]=\"FabrikantenFormViewModel\"></app-fab-form>\n      <div class=\"button-row\">\n        <button mat-raised-button (click)=\"Save()\">\n          Save\n        </button>\n      </div>\n    </div>\n  </div>\n  <br />\n  <br />\n  <button mat-raised-button (click)=\"DownloadPDF()\">\n    Download PDF\n  </button>\n  <br />\n</div>\n", styles: [".displayflex{display:flex}.prop{font-size:20px;padding:5px;border-bottom:1px solid #000}.prop-name{width:200px}.prop-value{width:calc(100% - 220px)}.border-bottom{border-bottom:1px solid #000;font-size:20px;padding:4px}.form-button-row{display:none}.value-cell{text-align:right;padding-right:5px}.info-row:hover{background-color:#efefef}.button-row{padding-top:3px;text-align:right}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FormApiClient }, { type: i2.TranslateService }, { type: i3.AuthenticationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWJjYi1pbnN0YW5jZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1iY2ItaW5zdGFuY2UvYmVoZWVyLWJjYi1pbnN0YW5jZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1iY2ItaW5zdGFuY2UvYmVoZWVyLWJjYi1pbnN0YW5jZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUE2QixLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLHdCQUF3QixFQUErRixtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7O0FBRS9RLE1BTWEsMEJBQTBCO0lBOEJqQjtJQUNYO0lBQ0E7SUFDQTtJQS9CRixVQUFVLEdBQVksS0FBSyxDQUFDO0lBQzVCLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFFaEMsMkJBQTJCLENBQThCO0lBQ3pELFdBQVcsR0FBWSxJQUFJLENBQUM7SUFDNUIsZUFBZSxHQUFZLElBQUksQ0FBQztJQUVoQyx3QkFBd0IsQ0FBMkI7SUFFMUQsSUFBYSxLQUFLLENBQUMsS0FBa0M7UUFDbkQsSUFBSSxDQUFDLDJCQUEyQixHQUFHLEtBQUssQ0FBQztRQUN6QyxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztRQUUzQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQVcsbUJBQW1CO1FBQzVCLE9BQU8sbUJBQW1CLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQVcsc0JBQXNCO1FBQy9CLE9BQU8sc0JBQXNCLENBQUM7SUFDaEMsQ0FBQztJQUVNLE9BQU87UUFDWixPQUFPLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNsRCxDQUFDO0lBRUQsWUFBb0IsYUFBNEIsRUFDdkMsZ0JBQWtDLEVBQ2xDLHFCQUE0QyxFQUM1QyxpQkFBb0M7UUFIekIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDdkMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQywwQkFBcUIsR0FBckIscUJBQXFCLENBQXVCO1FBQzVDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFFM0MsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFTSxJQUFJO1FBQ1QsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7UUFFNUIsSUFBSSxDQUFDLHdCQUF3QixDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsMkJBQTJCLENBQUMsRUFBRSxDQUFDO1FBRXBGLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDeEUsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDL0IsQ0FBQyxFQUFFLENBQUMsS0FBZSxFQUFFLEVBQUU7WUFDckIsS0FBSyxDQUFDLDZCQUE2QixDQUFDLENBQUM7WUFFckMsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBRXhCLElBQUksT0FBTyxHQUFHLElBQUksMkJBQTJCLEVBQUUsQ0FBQztRQUVoRCxPQUFPLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxVQUFVLENBQUM7UUFFdkMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBK0IsRUFBRSxFQUFFO1lBQ2hGLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxLQUFLLENBQUM7WUFDdEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7WUFDekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFFdkIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RCLENBQUMsRUFBRSxDQUFDLEtBQWUsRUFBRSxFQUFFO1lBQ3JCLEtBQUssQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1lBRXJDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDMUMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7WUFFNUIsSUFBSSxPQUFPLEdBQUcsSUFBSSx3QkFBd0IsRUFBRSxDQUFDO1lBRTdDLE9BQU8sQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLDJCQUEyQixDQUFDLEVBQUUsQ0FBQztZQUM5RCxPQUFPLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxFQUFFLENBQUM7WUFDbEQsT0FBTyxDQUFDLGtCQUFrQixHQUFHLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFFakcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBNEIsRUFBRSxFQUFFO2dCQUVyRixJQUFJLENBQUMsd0JBQXdCLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUM7Z0JBRXhELElBQUksU0FBUyxHQUFHLEtBQUssQ0FBQyxrQkFBa0IsQ0FBQztnQkFFekMsSUFBSSxTQUFTLElBQUksSUFBSSxFQUFFO29CQUNyQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTt3QkFFekMsSUFBSSxRQUFRLEdBQUcsSUFBSSxDQUFDLHdCQUF3QixDQUFDLGNBQWMsQ0FBQzt3QkFFNUQsSUFBSSxRQUFRLElBQUksSUFBSSxFQUFFOzRCQUNwQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtnQ0FFeEMsSUFBSSxJQUFJLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztnQ0FFNUIsSUFBSSxJQUFJLElBQUksSUFBSSxFQUFFO29DQUNoQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTt3Q0FFcEMsSUFBSSxNQUFNLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzt3Q0FFNUIsSUFBSSxNQUFNLElBQUksSUFBSSxFQUFFOzRDQUVsQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtnREFDdEMsSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUU7b0RBQzVDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztpREFDdEM7NkNBQ0Y7eUNBRUY7cUNBQ0Y7aUNBQ0Y7NkJBQ0Y7eUJBQ0Y7cUJBQ0Y7aUJBQ0Y7Z0JBRUQsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7WUFDL0IsQ0FBQyxFQUFFLENBQUMsS0FBZSxFQUFFLEVBQUU7Z0JBQ3JCLEtBQUssQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO2dCQUVyQyxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztZQUMvQixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVNLFdBQVc7UUFDaEIsNkVBQTZFO1FBQzdFLElBQUksR0FBRyxHQUFHLDBDQUEwQyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLENBQUMsRUFBRSxDQUFDO1FBQy9GLEdBQUcsSUFBSSxtQkFBbUIsQ0FBQztRQUMzQixHQUFHLElBQUksa0JBQWtCLEdBQUcsSUFBSSxDQUFDLDJCQUEyQixDQUFDLEVBQUUsQ0FBQztRQUVoRSxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUM3QixDQUFDO3dHQXZJVSwwQkFBMEI7NEZBQTFCLDBCQUEwQiwyRkNYdkMseTZFQXlFQTs7U0Q5RGEsMEJBQTBCOzRGQUExQiwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UseUJBQXlCLGlCQUdwQixpQkFBaUIsQ0FBQyxJQUFJO3VNQWF4QixLQUFLO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3RvclJlZiwgT25Jbml0LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF1dGhlbnRpY2F0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2F1dGhlbnRpY2F0aW9uLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdHJhbnNsYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGYWJyaWthbnRlbkZvcm1SZXF1ZXN0TW9kZWwsIEZvcm1JbnN0YW5jZVJlcXVlc3RNb2RlbCwgRm9ybUluc3RhbmNlVmlld01vZGVsLCBGYWJyaWthbnRlbkZvcm1WaWV3TW9kZWwsIEJDQlByb2R1Y3RJbnN0YW5jZVZpZXdNb2RlbCwgRm9ybUFwaUNsaWVudCwgVHJhbnNsYXRpb25DYXRlZ29yeSwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeSwgTG9naW5SZXNwb25zZU1vZGVsLCBGb3JtVHlwZSB9IGZyb20gJy4uLy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWJlaGVlci1iY2ItaW5zdGFuY2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmVoZWVyLWJjYi1pbnN0YW5jZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JlaGVlci1iY2ItaW5zdGFuY2UuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBCZWhlZXJCY2JJbnN0YW5jZUNvbXBvbmVudCB7XG5cbiAgcHVibGljIEZvcm1Mb2FkZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHVibGljIEluc3RhbmNlTG9hZGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIEJDQlByb2R1Y3RJbnN0YW5jZVZpZXdNb2RlbDogQkNCUHJvZHVjdEluc3RhbmNlVmlld01vZGVsO1xuICBwdWJsaWMgTG9hZGluZ0Zvcm06IGJvb2xlYW4gPSB0cnVlO1xuICBwdWJsaWMgTG9hZGluZ0luc3RhbmNlOiBib29sZWFuID0gdHJ1ZTtcblxuICBwdWJsaWMgRmFicmlrYW50ZW5Gb3JtVmlld01vZGVsOiBGYWJyaWthbnRlbkZvcm1WaWV3TW9kZWw7XG5cbiAgQElucHV0KCkgc2V0IGlucHV0KHZhbHVlOiBCQ0JQcm9kdWN0SW5zdGFuY2VWaWV3TW9kZWwpIHtcbiAgICB0aGlzLkJDQlByb2R1Y3RJbnN0YW5jZVZpZXdNb2RlbCA9IHZhbHVlO1xuICAgIHRoaXMuSW5zdGFuY2VMb2FkZWQgPSB0cnVlO1xuXG4gICAgdGhpcy5Mb2FkSW5zdGFuY2UoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgVHJhbnNsYXRpb25DYXRlZ29yeSgpIHtcclxuICAgIHJldHVybiBUcmFuc2xhdGlvbkNhdGVnb3J5O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5KCkge1xyXG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnk7XHJcbiAgfVxuXG4gIHB1YmxpYyBMb2FkaW5nKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLkxvYWRpbmdGb3JtIHx8IHRoaXMuTG9hZGluZ0luc3RhbmNlO1xyXG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIEZvcm1BcGlDbGllbnQ6IEZvcm1BcGlDbGllbnQsXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgcHVibGljIGF1dGhlbnRpY2F0aW9uU2VydmljZTogQXV0aGVudGljYXRpb25TZXJ2aWNlLFxuICAgIHB1YmxpYyBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcblxuICAgIHRoaXMuTG9hZEZvcm0oKTtcclxuICB9XG5cbiAgcHVibGljIFNhdmUoKTogdm9pZCB7XG4gICAgdGhpcy5Mb2FkaW5nSW5zdGFuY2UgPSB0cnVlO1xuXG4gICAgdGhpcy5GYWJyaWthbnRlbkZvcm1WaWV3TW9kZWwuY3VzdG9tQ29ubmVjdElkID0gdGhpcy5CQ0JQcm9kdWN0SW5zdGFuY2VWaWV3TW9kZWwuaWQ7XG4gICAgXG4gICAgdGhpcy5Gb3JtQXBpQ2xpZW50LnNhdmVGb3JtKHRoaXMuRmFicmlrYW50ZW5Gb3JtVmlld01vZGVsKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICB0aGlzLkxvYWRpbmdJbnN0YW5jZSA9IGZhbHNlO1xyXG4gICAgfSwgKGVycm9yOiBSZXNwb25zZSkgPT4ge1xyXG4gICAgICBhbGVydCgnQW4gdW5leHBlY3RlZCBlcnJvciBvY2N1cmVkJyk7XHJcblxyXG4gICAgICB0aGlzLkxvYWRpbmdJbnN0YW5jZSA9IGZhbHNlO1xyXG4gICAgfSk7XHJcbiAgfVxuXG4gIHB1YmxpYyBMb2FkRm9ybSgpOiB2b2lkIHtcbiAgICB0aGlzLkxvYWRpbmdGb3JtID0gdHJ1ZTtcblxuICAgIHZhciByZXF1ZXN0ID0gbmV3IEZhYnJpa2FudGVuRm9ybVJlcXVlc3RNb2RlbCgpO1xuXG4gICAgcmVxdWVzdC5mb3JtVHlwZSA9IEZvcm1UeXBlLkN1c3RvbUZvcm07XG5cbiAgICB0aGlzLkZvcm1BcGlDbGllbnQuZ2V0Rm9ybShyZXF1ZXN0KS5zdWJzY3JpYmUoKG1vZGVsOiBGYWJyaWthbnRlbkZvcm1WaWV3TW9kZWwpID0+IHtcclxuICAgICAgdGhpcy5GYWJyaWthbnRlbkZvcm1WaWV3TW9kZWwgPSBtb2RlbDtcclxuICAgICAgdGhpcy5Mb2FkaW5nRm9ybSA9IGZhbHNlO1xyXG4gICAgICB0aGlzLkZvcm1Mb2FkZWQgPSB0cnVlO1xyXG5cclxuICAgICAgdGhpcy5Mb2FkSW5zdGFuY2UoKTtcclxuICAgIH0sIChlcnJvcjogUmVzcG9uc2UpID0+IHtcclxuICAgICAgYWxlcnQoJ0FuIHVuZXhwZWN0ZWQgZXJyb3Igb2NjdXJlZCcpO1xyXG5cclxuICAgICAgdGhpcy5Mb2FkaW5nRm9ybSA9IGZhbHNlO1xyXG4gICAgfSk7XHJcbiAgfVxuXG4gIHB1YmxpYyBMb2FkSW5zdGFuY2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuRm9ybUxvYWRlZCAmJiB0aGlzLkluc3RhbmNlTG9hZGVkKSB7XG4gICAgICB0aGlzLkxvYWRpbmdJbnN0YW5jZSA9IHRydWU7XG5cbiAgICAgIHZhciByZXF1ZXN0ID0gbmV3IEZvcm1JbnN0YW5jZVJlcXVlc3RNb2RlbCgpO1xuXG4gICAgICByZXF1ZXN0LmN1c3RvbUNvbm5lY3RJZCA9IHRoaXMuQkNCUHJvZHVjdEluc3RhbmNlVmlld01vZGVsLmlkO1xuICAgICAgcmVxdWVzdC5mb3JtSWQgPSB0aGlzLkZhYnJpa2FudGVuRm9ybVZpZXdNb2RlbC5pZDtcbiAgICAgIHJlcXVlc3QubG9naW5SZXNwb25zZU1vZGVsID0gbmV3IExvZ2luUmVzcG9uc2VNb2RlbCh0aGlzLmF1dGhlbnRpY2F0aW9uU2VydmljZS5jdXJyZW50VXNlclZhbHVlKTtcblxuICAgICAgdGhpcy5Gb3JtQXBpQ2xpZW50LmdldEZvcm1JbnN0YW5jZShyZXF1ZXN0KS5zdWJzY3JpYmUoKG1vZGVsOiBGb3JtSW5zdGFuY2VWaWV3TW9kZWwpID0+IHtcclxuXHJcbiAgICAgICAgdGhpcy5GYWJyaWthbnRlbkZvcm1WaWV3TW9kZWwuZm9ybUluc3RhbmNlSWQgPSBtb2RlbC5pZDtcclxuXHJcbiAgICAgICAgdmFyIGluc3RhbmNlcyA9IG1vZGVsLmZvcm1JbnB1dEluc3RhbmNlcztcclxuXHJcbiAgICAgICAgaWYgKGluc3RhbmNlcyAhPSBudWxsKSB7XHJcbiAgICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGluc3RhbmNlcy5sZW5ndGg7IGkrKykge1xyXG5cclxuICAgICAgICAgICAgdmFyIGZvcm1jYXRzID0gdGhpcy5GYWJyaWthbnRlbkZvcm1WaWV3TW9kZWwuZm9ybUNhdGVnb3JpZXM7XHJcblxyXG4gICAgICAgICAgICBpZiAoZm9ybWNhdHMgIT0gbnVsbCkge1xyXG4gICAgICAgICAgICAgIGZvciAodmFyIGogPSAwOyBqIDwgZm9ybWNhdHMubGVuZ3RoOyBqKyspIHtcclxuXHJcbiAgICAgICAgICAgICAgICB2YXIgcm93cyA9IGZvcm1jYXRzW2pdLnJvd3M7XHJcblxyXG4gICAgICAgICAgICAgICAgaWYgKHJvd3MgIT0gbnVsbCkge1xyXG4gICAgICAgICAgICAgICAgICBmb3IgKHZhciBrID0gMDsgayA8IHJvd3MubGVuZ3RoOyBrKyspIHtcclxuXHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIGlucHV0cyA9IHJvd3Nba10uaW5wdXRzO1xyXG5cclxuICAgICAgICAgICAgICAgICAgICBpZiAoaW5wdXRzICE9IG51bGwpIHtcclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICBmb3IgKHZhciBsID0gMDsgbCA8IGlucHV0cy5sZW5ndGg7IGwrKykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAoaW5wdXRzW2xdLmlkID09IGluc3RhbmNlc1tpXS5mb3JtSW5wdXRJZCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGlucHV0c1tsXS52YWx1ZSA9IGluc3RhbmNlc1tpXS52YWx1ZTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHRoaXMuTG9hZGluZ0luc3RhbmNlID0gZmFsc2U7XHJcbiAgICAgIH0sIChlcnJvcjogUmVzcG9uc2UpID0+IHtcclxuICAgICAgICBhbGVydCgnQW4gdW5leHBlY3RlZCBlcnJvciBvY2N1cmVkJyk7XHJcblxyXG4gICAgICAgIHRoaXMuTG9hZGluZ0luc3RhbmNlID0gZmFsc2U7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cblxuICBwdWJsaWMgRG93bmxvYWRQREYoKTogdm9pZCB7XG4gICAgLy8gQ3JlYXRlSW5zdGFuY2VQREYoaW50IHBMYW5ndWFnZUlkLCBpbnQgcFBERlRlbXBsYXRlSWQsIGludCBwQkNCSW5zdGFuY2VJZClcbiAgICB2YXIgdXJsID0gXCIvRG93bmxvYWQvQ3JlYXRlSW5zdGFuY2VQREY/cExhbmd1YWdlSWQ9XCIgKyB0aGlzLlRyYW5zbGF0ZVNlcnZpY2UuQWN0aXZlTGFuZ3VhZ2UuaWQ7XHJcbiAgICB1cmwgKz0gXCImcFBERlRlbXBsYXRlSWQ9MVwiO1xyXG4gICAgdXJsICs9IFwiJnBCQ0JJbnN0YW5jZUlkPVwiICsgdGhpcy5CQ0JQcm9kdWN0SW5zdGFuY2VWaWV3TW9kZWwuaWQ7XHJcblxyXG4gICAgd2luZG93Lm9wZW4odXJsLCBcIl9ibGFua1wiKTtcclxuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiTG9hZGluZygpXCI+XG4gIDxhcHAtZmFiLWxvYWRlcj48L2FwcC1mYWItbG9hZGVyPlxuPC9kaXY+XG5cbjxkaXYgKm5nSWY9XCIhTG9hZGluZygpXCI+XG4gIDxkaXYgY2xhc3M9XCJkaXNwbGF5ZmxleFwiPlxuICAgIDxkaXYgY2xhc3M9XCJwcm9wIHByb3AtbmFtZVwiPlByb2R1Y3Q8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicHJvcCBwcm9wLXZhbHVlXCI+XG4gICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuUHJvZHVjdCwgVHJhbnNsYXRpb25TdWJDYXRlZ29yeS5OYW1lLCBCQ0JQcm9kdWN0SW5zdGFuY2VWaWV3TW9kZWwucHJvZHVjdElkKSB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImRpc3BsYXlmbGV4XCI+XG4gICAgPGRpdiBjbGFzcz1cInByb3AgcHJvcC1uYW1lXCI+RGF0dW08L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicHJvcCBwcm9wLXZhbHVlXCI+XG4gICAgICB7eyBCQ0JQcm9kdWN0SW5zdGFuY2VWaWV3TW9kZWwuZGF0ZVRpbWVNb2RpZmllZCB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGJyIC8+XG4gIDxiciAvPlxuICA8YnIgLz5cbiAgPGRpdj5cbiAgICA8ZGl2PlxuICAgICAgPHRhYmxlIHN0eWxlPVwid2lkdGg6IDEwMCU7XCI+XG4gICAgICAgIDx0cj5cbiAgICAgICAgICA8dGQgY2xhc3M9XCJib3JkZXItYm90dG9tXCIgY29sc3Bhbj1cIjJcIj5GaWx0ZXI8L3RkPlxuICAgICAgICA8L3RyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBmaWx0ZXIgb2YgQkNCUHJvZHVjdEluc3RhbmNlVmlld01vZGVsLmZpbHRlcnNcIj5cbiAgICAgICAgICA8dHIgKm5nSWY9XCJmaWx0ZXIuZmlsdGVyT3B0aW9ucy5sZW5ndGggPiAwXCIgY2xhc3M9XCJpbmZvLXJvd1wiPlxuICAgICAgICAgICAgPHRkPlxuICAgICAgICAgICAgICB7eyBUcmFuc2xhdGVTZXJ2aWNlLkdldEFjdGl2ZVZhbHVlKFRyYW5zbGF0aW9uQ2F0ZWdvcnkuRmlsdGVyLCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5Lk5hbWUsIGZpbHRlci5maWx0ZXJJZCkgfX1cbiAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICA8dGQ+XG4gICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGZpbHRlcm9wdGlvbiBvZiBmaWx0ZXIuZmlsdGVyT3B0aW9uc1wiIGNsYXNzPVwidmFsdWUtY2VsbFwiPlxuICAgICAgICAgICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5GaWx0ZXJPcHRpb24sIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnkuTmFtZSwgZmlsdGVyb3B0aW9uLmZpbHRlck9wdGlvbklkKSB9fVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgPC90cj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L3RhYmxlPlxuICAgICAgPGJyIC8+XG4gICAgICA8dGFibGUgc3R5bGU9XCJ3aWR0aDogMTAwJTtcIj5cbiAgICAgICAgPHRyPlxuICAgICAgICAgIDx0ZCBjbGFzcz1cImJvcmRlci1ib3R0b21cIiBjb2xzcGFuPVwiMlwiPlJhbmdlIElucHV0PC90ZD5cbiAgICAgICAgPC90cj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgcmFuZ2VpbnB1dCBvZiBCQ0JQcm9kdWN0SW5zdGFuY2VWaWV3TW9kZWwucmFuZ2VJbnB1dHNcIj5cbiAgICAgICAgICA8dHIgKm5nSWY9XCJyYW5nZWlucHV0LnZhbHVlICE9IG51bGxcIiBjbGFzcz1cImluZm8tcm93XCI+XG4gICAgICAgICAgICA8dGQ+XG4gICAgICAgICAgICAgIHt7IFRyYW5zbGF0ZVNlcnZpY2UuR2V0QWN0aXZlVmFsdWUoVHJhbnNsYXRpb25DYXRlZ29yeS5SYW5nZUlucHV0LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5Lk5hbWUsIHJhbmdlaW5wdXQucmFuZ2VJbnB1dElkKSB9fVxuICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgIDx0ZCBjbGFzcz1cInZhbHVlLWNlbGxcIj5cbiAgICAgICAgICAgICAge3sgcmFuZ2VpbnB1dC52YWx1ZSB9fVxuICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICA8L3RyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvdGFibGU+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2PlxuICAgICAgPGFwcC1mYWItZm9ybSBbZm9ybV09XCJGYWJyaWthbnRlbkZvcm1WaWV3TW9kZWxcIj48L2FwcC1mYWItZm9ybT5cbiAgICAgIDxkaXYgY2xhc3M9XCJidXR0b24tcm93XCI+XG4gICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIlNhdmUoKVwiPlxuICAgICAgICAgIFNhdmVcbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxiciAvPlxuICA8YnIgLz5cbiAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwiRG93bmxvYWRQREYoKVwiPlxuICAgIERvd25sb2FkIFBERlxuICA8L2J1dHRvbj5cbiAgPGJyIC8+XG48L2Rpdj5cbiJdfQ==

package/esm2022/src/app/modules/fabrikantencore/beheer/components/beheer-categories/beheer-categories.component.mjs

@@ -0,0 +1,49 @@
+import { Component } from '@angular/core';
+import { ClearCategoryRequest } from '../../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../swagger/SwaggerClient";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/legacy-button";
+import * as i4 from "@angular/material/legacy-card";
+import * as i5 from "../beheer-nav/beheer-nav.component";
+import * as i6 from "../../../components/fab-loader/fab-loader.component";
+class BeheerCategoriesComponent {
+    CategoriesApiClient;
+    Loading = true;
+    CategoriesOverviewViewModel;
+    constructor(CategoriesApiClient) {
+        this.CategoriesApiClient = CategoriesApiClient;
+    }
+    ngOnInit() {
+        this.LoadCategories();
+    }
+    Clear(category) {
+        this.Loading = true;
+        var model = new ClearCategoryRequest();
+        model.categoryId = category.id;
+        this.CategoriesApiClient.clearCategory(model).subscribe(() => {
+            this.LoadCategories();
+        }, (error) => {
+            alert('An unexpected error occured');
+            this.Loading = false;
+        });
+    }
+    LoadCategories() {
+        this.Loading = true;
+        this.CategoriesApiClient.getCategoriesOverview().subscribe((model) => {
+            this.CategoriesOverviewViewModel = model;
+            this.Loading = false;
+        }, (error) => {
+            alert('An unexpected error occured');
+            this.Loading = false;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerCategoriesComponent, deps: [{ token: i1.CategoriesApiClient }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerCategoriesComponent, selector: "app-beheer-categories", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\n\n<div *ngIf=\"Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!Loading\">\n  <mat-card>\n    <mat-card-content>\n      <table class=\"fullwidth\">\n        <ng-container *ngFor=\"let categorie of CategoriesOverviewViewModel.categories\">\n          <tr class=\"header\">\n            <td colspan=\"3\">\n              <div style=\"display: flex;\">\n                {{ categorie.name }}\n                <div style=\"flex: auto;\"></div>\n                <button mat-raised-button (click)=\"Clear(categorie)\">\n                  Clear\n                </button>\n              </div>\n            </td>\n          </tr>\n          <ng-container *ngFor=\"let subcategorie of categorie.subCategories\">\n            <tr class=\"header2\">\n              <td>&nbsp;</td>\n              <td colspan=\"2\">{{ subcategorie.name }}</td>\n            </tr>\n            <tr *ngFor=\"let product of subcategorie.products\">\n              <td>&nbsp;</td>\n              <td>&nbsp;</td>\n              <td>{{ product.name }}</td>\n            </tr>\n            <tr>\n              <td>&nbsp;</td>\n            </tr>\n          </ng-container>\n          <tr *ngFor=\"let product of categorie.products\">\n            <td></td>\n            <td colspan=\"2\">{{ product.name }}</td>\n          </tr>\n          <tr>\n            <td>&nbsp;</td>\n          </tr>\n        </ng-container>\n        <tr *ngFor=\"let product of CategoriesOverviewViewModel.products\">\n          <td colspan=\"3\">{{ product.name }}</td>\n        </tr>\n      </table>\n    </mat-card-content>\n  </mat-card>\n  \n</div>\n", styles: [".fullwidth{width:100%}.header td{border-bottom:2px solid #000}.header2 td{border-bottom:1px solid #000}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatLegacyButton, 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: i4.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i4.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i5.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i6.FabLoaderComponent, selector: "app-fab-loader" }] });
+}
+export { BeheerCategoriesComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerCategoriesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-categories', template: "<app-beheer-nav></app-beheer-nav>\n\n<div *ngIf=\"Loading\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!Loading\">\n  <mat-card>\n    <mat-card-content>\n      <table class=\"fullwidth\">\n        <ng-container *ngFor=\"let categorie of CategoriesOverviewViewModel.categories\">\n          <tr class=\"header\">\n            <td colspan=\"3\">\n              <div style=\"display: flex;\">\n                {{ categorie.name }}\n                <div style=\"flex: auto;\"></div>\n                <button mat-raised-button (click)=\"Clear(categorie)\">\n                  Clear\n                </button>\n              </div>\n            </td>\n          </tr>\n          <ng-container *ngFor=\"let subcategorie of categorie.subCategories\">\n            <tr class=\"header2\">\n              <td>&nbsp;</td>\n              <td colspan=\"2\">{{ subcategorie.name }}</td>\n            </tr>\n            <tr *ngFor=\"let product of subcategorie.products\">\n              <td>&nbsp;</td>\n              <td>&nbsp;</td>\n              <td>{{ product.name }}</td>\n            </tr>\n            <tr>\n              <td>&nbsp;</td>\n            </tr>\n          </ng-container>\n          <tr *ngFor=\"let product of categorie.products\">\n            <td></td>\n            <td colspan=\"2\">{{ product.name }}</td>\n          </tr>\n          <tr>\n            <td>&nbsp;</td>\n          </tr>\n        </ng-container>\n        <tr *ngFor=\"let product of CategoriesOverviewViewModel.products\">\n          <td colspan=\"3\">{{ product.name }}</td>\n        </tr>\n      </table>\n    </mat-card-content>\n  </mat-card>\n  \n</div>\n", styles: [".fullwidth{width:100%}.header td{border-bottom:2px solid #000}.header2 td{border-bottom:1px solid #000}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.CategoriesApiClient }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWNhdGVnb3JpZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItY2F0ZWdvcmllcy9iZWhlZXItY2F0ZWdvcmllcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1jYXRlZ29yaWVzL2JlaGVlci1jYXRlZ29yaWVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFvRCxvQkFBb0IsRUFBd0MsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7QUFFOUosTUFLYSx5QkFBeUI7SUFNaEI7SUFKYixPQUFPLEdBQVksSUFBSSxDQUFDO0lBRXhCLDJCQUEyQixDQUE4QjtJQUVoRSxZQUFvQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtJQUFJLENBQUM7SUFFakUsUUFBUTtRQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRU0sS0FBSyxDQUFDLFFBQThDO1FBQ3pELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBRXBCLElBQUksS0FBSyxHQUFHLElBQUksb0JBQW9CLEVBQUUsQ0FBQztRQUN2QyxLQUFLLENBQUMsVUFBVSxHQUFHLFFBQVEsQ0FBQyxFQUFFLENBQUM7UUFFL0IsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQzNELElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN4QixDQUFDLEVBQUUsQ0FBQyxLQUFlLEVBQUUsRUFBRTtZQUNyQixLQUFLLENBQUMsNkJBQTZCLENBQUMsQ0FBQztZQUVyQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxjQUFjO1FBQ3BCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBRXBCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQWtDLEVBQUUsRUFBRTtZQUNoRyxJQUFJLENBQUMsMkJBQTJCLEdBQUcsS0FBSyxDQUFDO1lBQ3pDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsRUFBRSxDQUFDLEtBQWUsRUFBRSxFQUFFO1lBQ3JCLEtBQUssQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1lBRXJDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt3R0F0Q1UseUJBQXlCOzRGQUF6Qix5QkFBeUIsNkRDUnRDLHNuREFvREE7O1NENUNhLHlCQUF5Qjs0RkFBekIseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENhdGVnb3JpZXNBcGlDbGllbnQsIENhdGVnb3JpZXNPdmVydmlld1ZpZXdNb2RlbCwgQ2xlYXJDYXRlZ29yeVJlcXVlc3QsIENhdGVnb3JpZXNPdmVydmlld0NhdGVnb3JpZVZpZXdNb2RlbCB9IGZyb20gJy4uLy4uLy4uL3N3YWdnZXIvU3dhZ2dlckNsaWVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1iZWhlZXItY2F0ZWdvcmllcycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JlaGVlci1jYXRlZ29yaWVzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItY2F0ZWdvcmllcy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCZWhlZXJDYXRlZ29yaWVzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgcHVibGljIExvYWRpbmc6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBwdWJsaWMgQ2F0ZWdvcmllc092ZXJ2aWV3Vmlld01vZGVsOiBDYXRlZ29yaWVzT3ZlcnZpZXdWaWV3TW9kZWw7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgQ2F0ZWdvcmllc0FwaUNsaWVudDogQ2F0ZWdvcmllc0FwaUNsaWVudCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5Mb2FkQ2F0ZWdvcmllcygpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIENsZWFyKGNhdGVnb3J5OiBDYXRlZ29yaWVzT3ZlcnZpZXdDYXRlZ29yaWVWaWV3TW9kZWwpOiB2b2lkIHtcclxuICAgIHRoaXMuTG9hZGluZyA9IHRydWU7XHJcblxyXG4gICAgdmFyIG1vZGVsID0gbmV3IENsZWFyQ2F0ZWdvcnlSZXF1ZXN0KCk7XHJcbiAgICBtb2RlbC5jYXRlZ29yeUlkID0gY2F0ZWdvcnkuaWQ7XHJcblxyXG4gICAgdGhpcy5DYXRlZ29yaWVzQXBpQ2xpZW50LmNsZWFyQ2F0ZWdvcnkobW9kZWwpLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgIHRoaXMuTG9hZENhdGVnb3JpZXMoKTtcclxuICAgIH0sIChlcnJvcjogUmVzcG9uc2UpID0+IHtcclxuICAgICAgYWxlcnQoJ0FuIHVuZXhwZWN0ZWQgZXJyb3Igb2NjdXJlZCcpO1xyXG5cclxuICAgICAgdGhpcy5Mb2FkaW5nID0gZmFsc2U7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgTG9hZENhdGVnb3JpZXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLkxvYWRpbmcgPSB0cnVlO1xyXG5cclxuICAgIHRoaXMuQ2F0ZWdvcmllc0FwaUNsaWVudC5nZXRDYXRlZ29yaWVzT3ZlcnZpZXcoKS5zdWJzY3JpYmUoKG1vZGVsOiBDYXRlZ29yaWVzT3ZlcnZpZXdWaWV3TW9kZWwpID0+IHtcclxuICAgICAgdGhpcy5DYXRlZ29yaWVzT3ZlcnZpZXdWaWV3TW9kZWwgPSBtb2RlbDtcclxuICAgICAgdGhpcy5Mb2FkaW5nID0gZmFsc2U7XHJcbiAgICB9LCAoZXJyb3I6IFJlc3BvbnNlKSA9PiB7XHJcbiAgICAgIGFsZXJ0KCdBbiB1bmV4cGVjdGVkIGVycm9yIG9jY3VyZWQnKTtcclxuXHJcbiAgICAgIHRoaXMuTG9hZGluZyA9IGZhbHNlO1xyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxhcHAtYmVoZWVyLW5hdj48L2FwcC1iZWhlZXItbmF2PlxuXG48ZGl2ICpuZ0lmPVwiTG9hZGluZ1wiPlxuICA8YXBwLWZhYi1sb2FkZXI+PC9hcHAtZmFiLWxvYWRlcj5cbjwvZGl2PlxuXG48ZGl2ICpuZ0lmPVwiIUxvYWRpbmdcIj5cbiAgPG1hdC1jYXJkPlxuICAgIDxtYXQtY2FyZC1jb250ZW50PlxuICAgICAgPHRhYmxlIGNsYXNzPVwiZnVsbHdpZHRoXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNhdGVnb3JpZSBvZiBDYXRlZ29yaWVzT3ZlcnZpZXdWaWV3TW9kZWwuY2F0ZWdvcmllc1wiPlxuICAgICAgICAgIDx0ciBjbGFzcz1cImhlYWRlclwiPlxuICAgICAgICAgICAgPHRkIGNvbHNwYW49XCIzXCI+XG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4O1wiPlxuICAgICAgICAgICAgICAgIHt7IGNhdGVnb3JpZS5uYW1lIH19XG4gICAgICAgICAgICAgICAgPGRpdiBzdHlsZT1cImZsZXg6IGF1dG87XCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwiQ2xlYXIoY2F0ZWdvcmllKVwiPlxuICAgICAgICAgICAgICAgICAgQ2xlYXJcbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc3ViY2F0ZWdvcmllIG9mIGNhdGVnb3JpZS5zdWJDYXRlZ29yaWVzXCI+XG4gICAgICAgICAgICA8dHIgY2xhc3M9XCJoZWFkZXIyXCI+XG4gICAgICAgICAgICAgIDx0ZD4mbmJzcDs8L3RkPlxuICAgICAgICAgICAgICA8dGQgY29sc3Bhbj1cIjJcIj57eyBzdWJjYXRlZ29yaWUubmFtZSB9fTwvdGQ+XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBwcm9kdWN0IG9mIHN1YmNhdGVnb3JpZS5wcm9kdWN0c1wiPlxuICAgICAgICAgICAgICA8dGQ+Jm5ic3A7PC90ZD5cbiAgICAgICAgICAgICAgPHRkPiZuYnNwOzwvdGQ+XG4gICAgICAgICAgICAgIDx0ZD57eyBwcm9kdWN0Lm5hbWUgfX08L3RkPlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgPHRkPiZuYnNwOzwvdGQ+XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDx0ciAqbmdGb3I9XCJsZXQgcHJvZHVjdCBvZiBjYXRlZ29yaWUucHJvZHVjdHNcIj5cbiAgICAgICAgICAgIDx0ZD48L3RkPlxuICAgICAgICAgICAgPHRkIGNvbHNwYW49XCIyXCI+e3sgcHJvZHVjdC5uYW1lIH19PC90ZD5cbiAgICAgICAgICA8L3RyPlxuICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgIDx0ZD4mbmJzcDs8L3RkPlxuICAgICAgICAgIDwvdHI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8dHIgKm5nRm9yPVwibGV0IHByb2R1Y3Qgb2YgQ2F0ZWdvcmllc092ZXJ2aWV3Vmlld01vZGVsLnByb2R1Y3RzXCI+XG4gICAgICAgICAgPHRkIGNvbHNwYW49XCIzXCI+e3sgcHJvZHVjdC5uYW1lIH19PC90ZD5cbiAgICAgICAgPC90cj5cbiAgICAgIDwvdGFibGU+XG4gICAgPC9tYXQtY2FyZC1jb250ZW50PlxuICA8L21hdC1jYXJkPlxuICBcbjwvZGl2PlxuIl19

package/esm2022/src/app/modules/fabrikantencore/beheer/components/beheer-configurator/beheer-configurator.component.mjs

@@ -0,0 +1,83 @@
+import { Component } from '@angular/core';
+import { CreateNewProjectRequestModel, GetConfigurationsRequestModel, LoginResponseModel, TranslationCategory, TranslationSubCategory } from '../../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../swagger/SwaggerClient";
+import * as i2 from "../../../services/translate.service";
+import * as i3 from "../../../services/authentication.service";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/legacy-button";
+import * as i6 from "@angular/material/legacy-card";
+import * as i7 from "../beheer-nav/beheer-nav.component";
+import * as i8 from "../../../components/fab-loader/fab-loader.component";
+import * as i9 from "../beheer-project/beheer-project.component";
+class BeheerConfiguratorComponent {
+    ConfiguratorApiClient;
+    TranslateService;
+    authenticationService;
+    ChangeDetectorRef;
+    Loading = true;
+    ConfigurationsViewModel;
+    ProjectViewModel = null;
+    get TranslationCategory() {
+        return TranslationCategory;
+    }
+    get TranslationSubCategory() {
+        return TranslationSubCategory;
+    }
+    constructor(ConfiguratorApiClient, TranslateService, authenticationService, ChangeDetectorRef) {
+        this.ConfiguratorApiClient = ConfiguratorApiClient;
+        this.TranslateService = TranslateService;
+        this.authenticationService = authenticationService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+    }
+    ngOnInit() {
+        this.TranslateService.LoadTranslations(this.ChangeDetectorRef, null, undefined);
+        this.LoadConfigurations();
+    }
+    SelectProject(project) {
+        this.ProjectViewModel = project;
+    }
+    DeleteProject(project) {
+        //this.ProjectViewModel = project;
+    }
+    CreateProject() {
+        this.Loading = true;
+        var request = new CreateNewProjectRequestModel();
+        request.loginResponseModel = new LoginResponseModel(this.authenticationService.currentUserValue);
+        this.ConfiguratorApiClient.createNewProject(request).subscribe(() => {
+            this.LoadConfigurations();
+        }, (error) => {
+            alert('An unexpected error occured');
+            this.Loading = false;
+        });
+    }
+    IsLoading() {
+        if (this.Loading) {
+            return true;
+        }
+        if (this.TranslateService.Loading) {
+            return true;
+        }
+        return false;
+    }
+    LoadConfigurations() {
+        this.Loading = true;
+        var request = new GetConfigurationsRequestModel();
+        request.loginResponseModel = new LoginResponseModel(this.authenticationService.currentUserValue);
+        this.ConfiguratorApiClient.getConfigurations(request).subscribe((model) => {
+            this.ConfigurationsViewModel = model;
+            this.Loading = false;
+        }, (error) => {
+            alert('An unexpected error occured');
+            this.Loading = false;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerConfiguratorComponent, deps: [{ token: i1.ConfiguratorApiClient }, { token: i2.TranslateService }, { token: i3.AuthenticationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerConfiguratorComponent, selector: "app-beheer-configurator", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\n\n<div *ngIf=\"IsLoading()\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!IsLoading()\" class=\"main-container\">\n  <mat-card *ngIf=\"ProjectViewModel == null\">\n    <mat-card-content>\n      <table style=\"width: 100%;\">\n        <tr>\n          <td class=\"border-bottom\" style=\"width: 20px;\"><b>Id</b></td>\n          <td class=\"border-bottom\"><b>Name</b></td>\n          <td class=\"border-bottom\"></td>\n          <td></td>\n        </tr>\n        <tr *ngFor=\"let project of ConfigurationsViewModel.projects\">\n          <td class=\"selectable\" (click)=\"SelectProject(project)\">{{ project.id }}</td>\n          <td class=\"selectable\" (click)=\"SelectProject(project)\">\n            {{ project.name }}\n          </td>\n          <td class=\"selectable\" (click)=\"SelectProject(project)\">\n            {{ project.lastModified }}\n          </td>\n          <td style=\"width: 150px;\">\n            <button mat-raised-button (click)=\"DeleteProject(project)\" style=\"width: 100%;\">\n              Verwijderen\n            </button>\n          </td>\n        </tr>\n      </table>\n      <br />\n      <button mat-raised-button (click)=\"CreateProject()\">\n        Nieuw\n      </button>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card *ngIf=\"ProjectViewModel != null\">\n    <mat-card-content>\n      <app-beheer-project [input]=\"ProjectViewModel\"></app-beheer-project>\n      <br />\n      <br />\n      <br />\n      <div>\n        <button mat-raised-button (click)=\"SelectProject(null)\">\n          Terug\n        </button>\n      </div>\n\n    </mat-card-content>\n  </mat-card>\n</div>\n", styles: [".main-container{padding:10px}.border-bottom{border-bottom:1px solid #000}.selectable{cursor:pointer}.selectable:hover{background-color:#f0f0f0}.displayflex{display:flex}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i6.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i7.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i8.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i9.BeheerProjectComponent, selector: "app-beheer-project", inputs: ["input"] }] });
+}
+export { BeheerConfiguratorComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerConfiguratorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-configurator', template: "<app-beheer-nav></app-beheer-nav>\n\n<div *ngIf=\"IsLoading()\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!IsLoading()\" class=\"main-container\">\n  <mat-card *ngIf=\"ProjectViewModel == null\">\n    <mat-card-content>\n      <table style=\"width: 100%;\">\n        <tr>\n          <td class=\"border-bottom\" style=\"width: 20px;\"><b>Id</b></td>\n          <td class=\"border-bottom\"><b>Name</b></td>\n          <td class=\"border-bottom\"></td>\n          <td></td>\n        </tr>\n        <tr *ngFor=\"let project of ConfigurationsViewModel.projects\">\n          <td class=\"selectable\" (click)=\"SelectProject(project)\">{{ project.id }}</td>\n          <td class=\"selectable\" (click)=\"SelectProject(project)\">\n            {{ project.name }}\n          </td>\n          <td class=\"selectable\" (click)=\"SelectProject(project)\">\n            {{ project.lastModified }}\n          </td>\n          <td style=\"width: 150px;\">\n            <button mat-raised-button (click)=\"DeleteProject(project)\" style=\"width: 100%;\">\n              Verwijderen\n            </button>\n          </td>\n        </tr>\n      </table>\n      <br />\n      <button mat-raised-button (click)=\"CreateProject()\">\n        Nieuw\n      </button>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card *ngIf=\"ProjectViewModel != null\">\n    <mat-card-content>\n      <app-beheer-project [input]=\"ProjectViewModel\"></app-beheer-project>\n      <br />\n      <br />\n      <br />\n      <div>\n        <button mat-raised-button (click)=\"SelectProject(null)\">\n          Terug\n        </button>\n      </div>\n\n    </mat-card-content>\n  </mat-card>\n</div>\n", styles: [".main-container{padding:10px}.border-bottom{border-bottom:1px solid #000}.selectable{cursor:pointer}.selectable:hover{background-color:#f0f0f0}.displayflex{display:flex}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ConfiguratorApiClient }, { type: i2.TranslateService }, { type: i3.AuthenticationService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWNvbmZpZ3VyYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1jb25maWd1cmF0b3IvYmVoZWVyLWNvbmZpZ3VyYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1jb25maWd1cmF0b3IvYmVoZWVyLWNvbmZpZ3VyYXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUE2QixNQUFNLGVBQWUsQ0FBQztBQUdyRSxPQUFPLEVBQW9CLDRCQUE0QixFQUFxSCw2QkFBNkIsRUFBRSxrQkFBa0IsRUFBRSxtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7Ozs7Ozs7OztBQUVuVCxNQUthLDJCQUEyQjtJQWVsQjtJQUNYO0lBQ0E7SUFDQTtJQWpCRixPQUFPLEdBQVksSUFBSSxDQUFDO0lBRXhCLHVCQUF1QixDQUEwQjtJQUVqRCxnQkFBZ0IsR0FBNEIsSUFBSSxDQUFDO0lBRXhELElBQVcsbUJBQW1CO1FBQzVCLE9BQU8sbUJBQW1CLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQVcsc0JBQXNCO1FBQy9CLE9BQU8sc0JBQXNCLENBQUM7SUFDaEMsQ0FBQztJQUVELFlBQW9CLHFCQUE0QyxFQUN2RCxnQkFBa0MsRUFDbEMscUJBQTRDLEVBQzVDLGlCQUFvQztRQUh6QiwwQkFBcUIsR0FBckIscUJBQXFCLENBQXVCO1FBQ3ZELHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF1QjtRQUM1QyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBRTdDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDaEYsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUlNLGFBQWEsQ0FBQyxPQUF5QjtRQUM1QyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxDQUFDO0lBQ2xDLENBQUM7SUFFTSxhQUFhLENBQUMsT0FBeUI7UUFDNUMsa0NBQWtDO0lBQ3BDLENBQUM7SUFFTSxhQUFhO1FBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBRXBCLElBQUksT0FBTyxHQUFHLElBQUksNEJBQTRCLEVBQUUsQ0FBQztRQUVqRCxPQUFPLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMscUJBQXFCLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUVqRyxJQUFJLENBQUMscUJBQXFCLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNsRSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUM1QixDQUFDLEVBQUUsQ0FBQyxLQUFlLEVBQUUsRUFBRTtZQUNyQixLQUFLLENBQUMsNkJBQTZCLENBQUMsQ0FBQztZQUVyQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxTQUFTO1FBQ2QsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUU7WUFDakMsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVPLGtCQUFrQjtRQUN4QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUVwQixJQUFJLE9BQU8sR0FBRyxJQUFJLDZCQUE2QixFQUFFLENBQUM7UUFFbEQsT0FBTyxDQUFDLGtCQUFrQixHQUFHLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFFakcsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQThCLEVBQUUsRUFBRTtZQUNqRyxJQUFJLENBQUMsdUJBQXVCLEdBQUcsS0FBSyxDQUFDO1lBQ3JDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsRUFBRSxDQUFDLEtBQWUsRUFBRSxFQUFFO1lBQ3JCLEtBQUssQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1lBRXJDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt3R0FoRlUsMkJBQTJCOzRGQUEzQiwyQkFBMkIsK0RDVnhDLHFwREFxREE7O1NEM0NhLDJCQUEyQjs0RkFBM0IsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXV0aGVudGljYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYXV0aGVudGljYXRpb24uc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGUuc2VydmljZSc7XHJcbmltcG9ydCB7IFByb2plY3RWaWV3TW9kZWwsIENyZWF0ZU5ld1Byb2plY3RSZXF1ZXN0TW9kZWwsIERlbGV0ZUJDQlByb2R1Y3RJbnN0YW5jZVJlcXVlc3RNb2RlbCwgQkNCUHJvZHVjdEluc3RhbmNlVmlld01vZGVsLCBDb25maWd1cmF0b3JBcGlDbGllbnQsIENvbmZpZ3VyYXRpb25zVmlld01vZGVsLCBHZXRDb25maWd1cmF0aW9uc1JlcXVlc3RNb2RlbCwgTG9naW5SZXNwb25zZU1vZGVsLCBUcmFuc2xhdGlvbkNhdGVnb3J5LCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5IH0gZnJvbSAnLi4vLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWJlaGVlci1jb25maWd1cmF0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYmVoZWVyLWNvbmZpZ3VyYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JlaGVlci1jb25maWd1cmF0b3IuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCZWhlZXJDb25maWd1cmF0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgTG9hZGluZzogYm9vbGVhbiA9IHRydWU7XG5cbiAgcHVibGljIENvbmZpZ3VyYXRpb25zVmlld01vZGVsOiBDb25maWd1cmF0aW9uc1ZpZXdNb2RlbDtcblxuICBwdWJsaWMgUHJvamVjdFZpZXdNb2RlbDogUHJvamVjdFZpZXdNb2RlbCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBnZXQgVHJhbnNsYXRpb25DYXRlZ29yeSgpIHtcclxuICAgIHJldHVybiBUcmFuc2xhdGlvbkNhdGVnb3J5O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBUcmFuc2xhdGlvblN1YkNhdGVnb3J5KCkge1xyXG4gICAgcmV0dXJuIFRyYW5zbGF0aW9uU3ViQ2F0ZWdvcnk7XHJcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgQ29uZmlndXJhdG9yQXBpQ2xpZW50OiBDb25maWd1cmF0b3JBcGlDbGllbnQsXG4gICAgcHVibGljIFRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgcHVibGljIGF1dGhlbnRpY2F0aW9uU2VydmljZTogQXV0aGVudGljYXRpb25TZXJ2aWNlLFxuICAgIHB1YmxpYyBDaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcblxyXG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuVHJhbnNsYXRlU2VydmljZS5Mb2FkVHJhbnNsYXRpb25zKHRoaXMuQ2hhbmdlRGV0ZWN0b3JSZWYsIG51bGwsIHVuZGVmaW5lZCk7XHJcbiAgICB0aGlzLkxvYWRDb25maWd1cmF0aW9ucygpO1xyXG4gIH1cblxuIFxuXG4gIHB1YmxpYyBTZWxlY3RQcm9qZWN0KHByb2plY3Q6IFByb2plY3RWaWV3TW9kZWwpOiB2b2lkIHtcbiAgICB0aGlzLlByb2plY3RWaWV3TW9kZWwgPSBwcm9qZWN0O1xuICB9XG5cbiAgcHVibGljIERlbGV0ZVByb2plY3QocHJvamVjdDogUHJvamVjdFZpZXdNb2RlbCk6IHZvaWQge1xuICAgIC8vdGhpcy5Qcm9qZWN0Vmlld01vZGVsID0gcHJvamVjdDtcbiAgfVxuXG4gIHB1YmxpYyBDcmVhdGVQcm9qZWN0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5Mb2FkaW5nID0gdHJ1ZTtcclxuXHJcbiAgICB2YXIgcmVxdWVzdCA9IG5ldyBDcmVhdGVOZXdQcm9qZWN0UmVxdWVzdE1vZGVsKCk7XHJcblxyXG4gICAgcmVxdWVzdC5sb2dpblJlc3BvbnNlTW9kZWwgPSBuZXcgTG9naW5SZXNwb25zZU1vZGVsKHRoaXMuYXV0aGVudGljYXRpb25TZXJ2aWNlLmN1cnJlbnRVc2VyVmFsdWUpO1xyXG5cclxuICAgIHRoaXMuQ29uZmlndXJhdG9yQXBpQ2xpZW50LmNyZWF0ZU5ld1Byb2plY3QocmVxdWVzdCkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5Mb2FkQ29uZmlndXJhdGlvbnMoKTtcclxuICAgIH0sIChlcnJvcjogUmVzcG9uc2UpID0+IHtcclxuICAgICAgYWxlcnQoJ0FuIHVuZXhwZWN0ZWQgZXJyb3Igb2NjdXJlZCcpO1xyXG5cclxuICAgICAgdGhpcy5Mb2FkaW5nID0gZmFsc2U7XHJcbiAgICB9KTtcclxuICB9XG5cbiAgcHVibGljIElzTG9hZGluZygpOiBib29sZWFuIHtcbiAgICBpZiAodGhpcy5Mb2FkaW5nKSB7XG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH1cblxuICAgIGlmICh0aGlzLlRyYW5zbGF0ZVNlcnZpY2UuTG9hZGluZykge1xuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XG5cbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxuXG4gIHByaXZhdGUgTG9hZENvbmZpZ3VyYXRpb25zKCk6IHZvaWQge1xuICAgIHRoaXMuTG9hZGluZyA9IHRydWU7XHJcblxyXG4gICAgdmFyIHJlcXVlc3QgPSBuZXcgR2V0Q29uZmlndXJhdGlvbnNSZXF1ZXN0TW9kZWwoKTtcclxuXHJcbiAgICByZXF1ZXN0LmxvZ2luUmVzcG9uc2VNb2RlbCA9IG5ldyBMb2dpblJlc3BvbnNlTW9kZWwodGhpcy5hdXRoZW50aWNhdGlvblNlcnZpY2UuY3VycmVudFVzZXJWYWx1ZSk7XHJcblxyXG4gICAgdGhpcy5Db25maWd1cmF0b3JBcGlDbGllbnQuZ2V0Q29uZmlndXJhdGlvbnMocmVxdWVzdCkuc3Vic2NyaWJlKChtb2RlbDogQ29uZmlndXJhdGlvbnNWaWV3TW9kZWwpID0+IHtcclxuICAgICAgdGhpcy5Db25maWd1cmF0aW9uc1ZpZXdNb2RlbCA9IG1vZGVsO1xyXG4gICAgICB0aGlzLkxvYWRpbmcgPSBmYWxzZTtcclxuICAgIH0sIChlcnJvcjogUmVzcG9uc2UpID0+IHtcclxuICAgICAgYWxlcnQoJ0FuIHVuZXhwZWN0ZWQgZXJyb3Igb2NjdXJlZCcpO1xyXG5cclxuICAgICAgdGhpcy5Mb2FkaW5nID0gZmFsc2U7XHJcbiAgICB9KTtcclxuICB9XG59XG4iLCI8YXBwLWJlaGVlci1uYXY+PC9hcHAtYmVoZWVyLW5hdj5cblxuPGRpdiAqbmdJZj1cIklzTG9hZGluZygpXCI+XG4gIDxhcHAtZmFiLWxvYWRlcj48L2FwcC1mYWItbG9hZGVyPlxuPC9kaXY+XG5cbjxkaXYgKm5nSWY9XCIhSXNMb2FkaW5nKClcIiBjbGFzcz1cIm1haW4tY29udGFpbmVyXCI+XG4gIDxtYXQtY2FyZCAqbmdJZj1cIlByb2plY3RWaWV3TW9kZWwgPT0gbnVsbFwiPlxuICAgIDxtYXQtY2FyZC1jb250ZW50PlxuICAgICAgPHRhYmxlIHN0eWxlPVwid2lkdGg6IDEwMCU7XCI+XG4gICAgICAgIDx0cj5cbiAgICAgICAgICA8dGQgY2xhc3M9XCJib3JkZXItYm90dG9tXCIgc3R5bGU9XCJ3aWR0aDogMjBweDtcIj48Yj5JZDwvYj48L3RkPlxuICAgICAgICAgIDx0ZCBjbGFzcz1cImJvcmRlci1ib3R0b21cIj48Yj5OYW1lPC9iPjwvdGQ+XG4gICAgICAgICAgPHRkIGNsYXNzPVwiYm9yZGVyLWJvdHRvbVwiPjwvdGQ+XG4gICAgICAgICAgPHRkPjwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICAgIDx0ciAqbmdGb3I9XCJsZXQgcHJvamVjdCBvZiBDb25maWd1cmF0aW9uc1ZpZXdNb2RlbC5wcm9qZWN0c1wiPlxuICAgICAgICAgIDx0ZCBjbGFzcz1cInNlbGVjdGFibGVcIiAoY2xpY2spPVwiU2VsZWN0UHJvamVjdChwcm9qZWN0KVwiPnt7IHByb2plY3QuaWQgfX08L3RkPlxuICAgICAgICAgIDx0ZCBjbGFzcz1cInNlbGVjdGFibGVcIiAoY2xpY2spPVwiU2VsZWN0UHJvamVjdChwcm9qZWN0KVwiPlxuICAgICAgICAgICAge3sgcHJvamVjdC5uYW1lIH19XG4gICAgICAgICAgPC90ZD5cbiAgICAgICAgICA8dGQgY2xhc3M9XCJzZWxlY3RhYmxlXCIgKGNsaWNrKT1cIlNlbGVjdFByb2plY3QocHJvamVjdClcIj5cbiAgICAgICAgICAgIHt7IHByb2plY3QubGFzdE1vZGlmaWVkIH19XG4gICAgICAgICAgPC90ZD5cbiAgICAgICAgICA8dGQgc3R5bGU9XCJ3aWR0aDogMTUwcHg7XCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJEZWxldGVQcm9qZWN0KHByb2plY3QpXCIgc3R5bGU9XCJ3aWR0aDogMTAwJTtcIj5cbiAgICAgICAgICAgICAgVmVyd2lqZGVyZW5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICA8L3RhYmxlPlxuICAgICAgPGJyIC8+XG4gICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJDcmVhdGVQcm9qZWN0KClcIj5cbiAgICAgICAgTmlldXdcbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvbWF0LWNhcmQtY29udGVudD5cbiAgPC9tYXQtY2FyZD5cblxuICA8bWF0LWNhcmQgKm5nSWY9XCJQcm9qZWN0Vmlld01vZGVsICE9IG51bGxcIj5cbiAgICA8bWF0LWNhcmQtY29udGVudD5cbiAgICAgIDxhcHAtYmVoZWVyLXByb2plY3QgW2lucHV0XT1cIlByb2plY3RWaWV3TW9kZWxcIj48L2FwcC1iZWhlZXItcHJvamVjdD5cbiAgICAgIDxiciAvPlxuICAgICAgPGJyIC8+XG4gICAgICA8YnIgLz5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIlNlbGVjdFByb2plY3QobnVsbClcIj5cbiAgICAgICAgICBUZXJ1Z1xuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuXG4gICAgPC9tYXQtY2FyZC1jb250ZW50PlxuICA8L21hdC1jYXJkPlxuPC9kaXY+XG4iXX0=

package/esm2022/src/app/modules/fabrikantencore/beheer/components/beheer-connect-category-dialog/beheer-connect-category-dialog.component.mjs

@@ -0,0 +1,75 @@
+import { Component, Inject } from '@angular/core';
+import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
+import { CreateCategoryRequest } from '../../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/legacy-dialog";
+import * as i2 from "../../../swagger/SwaggerClient";
+import * as i3 from "../../../services/products.service";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/legacy-form-field";
+import * as i6 from "@angular/material/legacy-input";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/material/legacy-button";
+import * as i9 from "@angular/material/legacy-tabs";
+import * as i10 from "@angular/material/legacy-select";
+import * as i11 from "@angular/material/legacy-core";
+import * as i12 from "../../../components/fab-loader/fab-loader.component";
+class BeheerConnectCategoryDialogComponent {
+    dialogRef;
+    data;
+    CategoriesApiClient;
+    ProductsService;
+    Loading = true;
+    CategoryName = "";
+    CategoriesViewModel;
+    constructor(dialogRef, data, CategoriesApiClient, ProductsService) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.CategoriesApiClient = CategoriesApiClient;
+        this.ProductsService = ProductsService;
+    }
+    ngOnInit() {
+        this.LoadCategories();
+    }
+    Nieuw() {
+        this.Loading = true;
+        var requestcategory = new CreateCategoryRequest();
+        requestcategory.name = this.CategoryName;
+        this.CategoriesApiClient.createCategory(requestcategory).subscribe((model) => {
+            this.Loading = false;
+            this.dialogRef.close(model.id);
+        }, (error) => {
+            alert('An unexpected error occured');
+            this.Loading = false;
+        });
+    }
+    Bestaand() {
+        this.dialogRef.close(this.ProductsService.CategorySelected);
+    }
+    LoadCategories() {
+        this.Loading = true;
+        this.CategoriesApiClient.getCategoriesViewModel().subscribe((model) => {
+            this.CategoriesViewModel = model;
+            if (this.CategoriesViewModel.categories != null && this.ProductsService.CategorySelected == null) {
+                if (this.CategoriesViewModel.categories.length > 0) {
+                    this.ProductsService.CategorySelected = this.CategoriesViewModel.categories[0].id;
+                }
+            }
+            this.Loading = false;
+        }, (error) => {
+            alert('An unexpected error occured');
+            this.Loading = false;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerConnectCategoryDialogComponent, deps: [{ token: i1.MatLegacyDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.CategoriesApiClient }, { token: i3.ProductsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerConnectCategoryDialogComponent, selector: "app-beheer-connect-category-dialog", ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Bestaand\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Category</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.CategorySelected\">\r\n            <mat-option *ngFor=\"let category of CategoriesViewModel.categories\" [value]=\"category.id\">\r\n              {{category.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Bestaand()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"CategoryName\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Nieuw()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n", styles: [".tool-bar{padding:2px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", 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.MatLegacyButton, 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.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i9.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i10.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i12.FabLoaderComponent, selector: "app-fab-loader" }] });
+}
+export { BeheerConnectCategoryDialogComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerConnectCategoryDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-connect-category-dialog', template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading\">\r\n  <mat-tab-group>\r\n    <mat-tab label=\"Bestaand\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Category</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.CategorySelected\">\r\n            <mat-option *ngFor=\"let category of CategoriesViewModel.categories\" [value]=\"category.id\">\r\n              {{category.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Bestaand()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n    <mat-tab label=\"Nieuw\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"CategoryName\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"Nieuw()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n</div>\r\n", styles: [".tool-bar{padding:2px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatLegacyDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i2.CategoriesApiClient }, { type: i3.ProductsService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWNvbm5lY3QtY2F0ZWdvcnktZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvYmVoZWVyL2NvbXBvbmVudHMvYmVoZWVyLWNvbm5lY3QtY2F0ZWdvcnktZGlhbG9nL2JlaGVlci1jb25uZWN0LWNhdGVnb3J5LWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1jb25uZWN0LWNhdGVnb3J5LWRpYWxvZy9iZWhlZXItY29ubmVjdC1jYXRlZ29yeS1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFzQyxzQkFBc0IsSUFBSSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoSSxPQUFPLEVBQTRDLHFCQUFxQixFQUEwQixNQUFNLGdDQUFnQyxDQUFDOzs7Ozs7Ozs7Ozs7OztBQUd6SSxNQUthLG9DQUFvQztJQVN0QztJQUN5QjtJQUN4QjtJQUNEO0lBVkYsT0FBTyxHQUFZLElBQUksQ0FBQztJQUV4QixZQUFZLEdBQVcsRUFBRSxDQUFDO0lBRTFCLG1CQUFtQixDQUFzQjtJQUVoRCxZQUNTLFNBQTZELEVBQ3BDLElBQVMsRUFDakMsbUJBQXdDLEVBQ3pDLGVBQWdDO1FBSGhDLGNBQVMsR0FBVCxTQUFTLENBQW9EO1FBQ3BDLFNBQUksR0FBSixJQUFJLENBQUs7UUFDakMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUN6QyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7SUFDekMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVNLEtBQUs7UUFDVixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUVwQixJQUFJLGVBQWUsR0FBMEIsSUFBSSxxQkFBcUIsRUFBRSxDQUFDO1FBRXpFLGVBQWUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztRQUV6QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQTZCLEVBQUUsRUFBRTtZQUVqRyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUVyQixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDbkMsQ0FBQyxFQUFFLENBQUMsS0FBZSxFQUFFLEVBQUU7WUFDckIsS0FBSyxDQUFDLDZCQUE2QixDQUFDLENBQUM7WUFFckMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDdkIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUM5RCxDQUFDO0lBRU8sY0FBYztRQUNwQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUVwQixJQUFJLENBQUMsbUJBQW1CLENBQUMsc0JBQXNCLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUEwQixFQUFFLEVBQUU7WUFDekYsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQztZQUVqQyxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsZ0JBQWdCLElBQUksSUFBSSxFQUFFO2dCQUNoRyxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtvQkFDbEQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztpQkFDbkY7YUFDRjtZQUVELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsRUFBRSxDQUFDLEtBQWUsRUFBRSxFQUFFO1lBQ3JCLEtBQUssQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1lBRXJDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt3R0E1RFUsb0NBQW9DLG9EQVVyQyxlQUFlOzRGQVZkLG9DQUFvQywwRUNWakQsOHRDQW9DQTs7U0QxQmEsb0NBQW9DOzRGQUFwQyxvQ0FBb0M7a0JBTGhELFNBQVM7K0JBQ0Usb0NBQW9DOzswQkFjM0MsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRMZWdhY3lEaWFsb2dSZWYgYXMgTWF0RGlhbG9nUmVmLCBNQVRfTEVHQUNZX0RJQUxPR19EQVRBIGFzIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1kaWFsb2cnO1xyXG5pbXBvcnQgeyBDYXRlZ29yaWVzQXBpQ2xpZW50LCBDYXRlZ29yaWVzVmlld01vZGVsLCBDcmVhdGVDYXRlZ29yeVJlcXVlc3QsIENyZWF0ZUNhdGVnb3J5UmVzcG9uc2UgfSBmcm9tICcuLi8uLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5pbXBvcnQgeyBQcm9kdWN0c1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9wcm9kdWN0cy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWJlaGVlci1jb25uZWN0LWNhdGVnb3J5LWRpYWxvZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JlaGVlci1jb25uZWN0LWNhdGVnb3J5LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYmVoZWVyLWNvbm5lY3QtY2F0ZWdvcnktZGlhbG9nLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEJlaGVlckNvbm5lY3RDYXRlZ29yeURpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHB1YmxpYyBMb2FkaW5nOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgcHVibGljIENhdGVnb3J5TmFtZTogc3RyaW5nID0gXCJcIjtcclxuXHJcbiAgcHVibGljIENhdGVnb3JpZXNWaWV3TW9kZWw6IENhdGVnb3JpZXNWaWV3TW9kZWw7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEJlaGVlckNvbm5lY3RDYXRlZ29yeURpYWxvZ0NvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSxcclxuICAgIHByaXZhdGUgQ2F0ZWdvcmllc0FwaUNsaWVudDogQ2F0ZWdvcmllc0FwaUNsaWVudCxcclxuICAgIHB1YmxpYyBQcm9kdWN0c1NlcnZpY2U6IFByb2R1Y3RzU2VydmljZSkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLkxvYWRDYXRlZ29yaWVzKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgTmlldXcoKTogdm9pZCB7XHJcbiAgICB0aGlzLkxvYWRpbmcgPSB0cnVlO1xyXG5cclxuICAgIHZhciByZXF1ZXN0Y2F0ZWdvcnk6IENyZWF0ZUNhdGVnb3J5UmVxdWVzdCA9IG5ldyBDcmVhdGVDYXRlZ29yeVJlcXVlc3QoKTtcclxuXHJcbiAgICByZXF1ZXN0Y2F0ZWdvcnkubmFtZSA9IHRoaXMuQ2F0ZWdvcnlOYW1lO1xyXG5cclxuICAgIHRoaXMuQ2F0ZWdvcmllc0FwaUNsaWVudC5jcmVhdGVDYXRlZ29yeShyZXF1ZXN0Y2F0ZWdvcnkpLnN1YnNjcmliZSgobW9kZWw6IENyZWF0ZUNhdGVnb3J5UmVzcG9uc2UpID0+IHtcclxuXHJcbiAgICAgICAgdGhpcy5Mb2FkaW5nID0gZmFsc2U7XHJcblxyXG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKG1vZGVsLmlkKTtcclxuICAgIH0sIChlcnJvcjogUmVzcG9uc2UpID0+IHtcclxuICAgICAgYWxlcnQoJ0FuIHVuZXhwZWN0ZWQgZXJyb3Igb2NjdXJlZCcpO1xyXG5cclxuICAgICAgdGhpcy5Mb2FkaW5nID0gZmFsc2U7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBCZXN0YWFuZCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRoaXMuUHJvZHVjdHNTZXJ2aWNlLkNhdGVnb3J5U2VsZWN0ZWQpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBMb2FkQ2F0ZWdvcmllcygpOiB2b2lkIHtcclxuICAgIHRoaXMuTG9hZGluZyA9IHRydWU7XHJcblxyXG4gICAgdGhpcy5DYXRlZ29yaWVzQXBpQ2xpZW50LmdldENhdGVnb3JpZXNWaWV3TW9kZWwoKS5zdWJzY3JpYmUoKG1vZGVsOiBDYXRlZ29yaWVzVmlld01vZGVsKSA9PiB7XHJcbiAgICAgIHRoaXMuQ2F0ZWdvcmllc1ZpZXdNb2RlbCA9IG1vZGVsO1xyXG5cclxuICAgICAgaWYgKHRoaXMuQ2F0ZWdvcmllc1ZpZXdNb2RlbC5jYXRlZ29yaWVzICE9IG51bGwgJiYgdGhpcy5Qcm9kdWN0c1NlcnZpY2UuQ2F0ZWdvcnlTZWxlY3RlZCA9PSBudWxsKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuQ2F0ZWdvcmllc1ZpZXdNb2RlbC5jYXRlZ29yaWVzLmxlbmd0aCA+IDApIHtcclxuICAgICAgICAgIHRoaXMuUHJvZHVjdHNTZXJ2aWNlLkNhdGVnb3J5U2VsZWN0ZWQgPSB0aGlzLkNhdGVnb3JpZXNWaWV3TW9kZWwuY2F0ZWdvcmllc1swXS5pZDtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHRoaXMuTG9hZGluZyA9IGZhbHNlO1xyXG4gICAgfSwgKGVycm9yOiBSZXNwb25zZSkgPT4ge1xyXG4gICAgICBhbGVydCgnQW4gdW5leHBlY3RlZCBlcnJvciBvY2N1cmVkJyk7XHJcblxyXG4gICAgICB0aGlzLkxvYWRpbmcgPSBmYWxzZTtcclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2ICpuZ0lmPVwiTG9hZGluZ1wiPlxyXG4gIDxhcHAtZmFiLWxvYWRlcj48L2FwcC1mYWItbG9hZGVyPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgKm5nSWY9XCIhTG9hZGluZ1wiPlxyXG4gIDxtYXQtdGFiLWdyb3VwPlxyXG4gICAgPG1hdC10YWIgbGFiZWw9XCJCZXN0YWFuZFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYmFyXCI+XHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCI+XHJcbiAgICAgICAgICA8bWF0LWxhYmVsPkNhdGVnb3J5PC9tYXQtbGFiZWw+XHJcbiAgICAgICAgICA8bWF0LXNlbGVjdCBbKG5nTW9kZWwpXT1cIlByb2R1Y3RzU2VydmljZS5DYXRlZ29yeVNlbGVjdGVkXCI+XHJcbiAgICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBjYXRlZ29yeSBvZiBDYXRlZ29yaWVzVmlld01vZGVsLmNhdGVnb3JpZXNcIiBbdmFsdWVdPVwiY2F0ZWdvcnkuaWRcIj5cclxuICAgICAgICAgICAgICB7e2NhdGVnb3J5Lm5hbWV9fVxyXG4gICAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgICA8L21hdC1zZWxlY3Q+XHJcbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYmFyIHRvb2wtYmFyXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwiQmVzdGFhbmQoKVwiPlRvZXZvZWdlbjwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbWF0LXRhYj5cclxuICAgIDxtYXQtdGFiIGxhYmVsPVwiTmlldXdcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImJhclwiPlxyXG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwiZmlsbFwiIGNsYXNzPVwiZnVsbC13aWR0aFwiPlxyXG4gICAgICAgICAgPG1hdC1sYWJlbD5OYWFtPC9tYXQtbGFiZWw+XHJcbiAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgWyhuZ01vZGVsKV09XCJDYXRlZ29yeU5hbWVcIj5cclxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJiYXIgdG9vbC1iYXJcIj5cclxuICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJOaWV1dygpXCI+VG9ldm9lZ2VuPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9tYXQtdGFiPlxyXG4gIDwvbWF0LXRhYi1ncm91cD5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/src/app/modules/fabrikantencore/beheer/components/beheer-deeplink/beheer-deeplink.component.mjs

@@ -0,0 +1,54 @@
+import { Component } from '@angular/core';
+import { DeeplinkRequest, LoginResponseModel } from '../../../swagger/SwaggerClient';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../swagger/SwaggerClient";
+import * as i2 from "../../../services/authentication.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/legacy-form-field";
+import * as i5 from "@angular/material/legacy-input";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/material/legacy-card";
+import * as i8 from "../beheer-nav/beheer-nav.component";
+import * as i9 from "../../../components/fab-loader/fab-loader.component";
+class BeheerDeeplinkComponent {
+    ProductsApiClient;
+    authenticationService;
+    ChangeDetectorRef;
+    Loading = true;
+    DeeplinkViewModel;
+    URL = "";
+    constructor(ProductsApiClient, authenticationService, ChangeDetectorRef) {
+        this.ProductsApiClient = ProductsApiClient;
+        this.authenticationService = authenticationService;
+        this.ChangeDetectorRef = ChangeDetectorRef;
+        this.URL = window.location.origin;
+    }
+    ngOnInit() {
+        this.LoadModel();
+    }
+    GetLink(language, product) {
+        return this.URL + "/" + language + "/product/" + product.productURLName;
+    }
+    GetLinkCategory(language, category) {
+        return this.URL + "/" + language + "/" + category;
+    }
+    LoadModel() {
+        this.Loading = true;
+        this.ChangeDetectorRef.detectChanges();
+        var request = new DeeplinkRequest();
+        request.loginResponseModel = new LoginResponseModel(this.authenticationService.currentUserValue);
+        this.ProductsApiClient.getDeeplinkViewModel(request).subscribe((model) => {
+            this.DeeplinkViewModel = model;
+            this.Loading = false;
+            this.ChangeDetectorRef.detectChanges();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerDeeplinkComponent, deps: [{ token: i1.ProductsApiClient }, { token: i2.AuthenticationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerDeeplinkComponent, selector: "app-beheer-deeplink", 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\r\n<div *ngIf=\"!Loading\" class=\"main-window\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Filter</td>\r\n          <td>Option</td>\r\n          <!--<td>URL</td>-->\r\n        </tr>\r\n        <ng-container *ngFor=\"let filter of DeeplinkViewModel.filters\">\r\n          <tr class=\"header\">\r\n            <td>\r\n              {{ filter.filterName }}\r\n            </td>\r\n            <td></td>\r\n          </tr>\r\n          <tr *ngFor=\"let option of filter.optionURLNames\">\r\n            <td></td>\r\n            <td>{{ option }}</td>\r\n            <!--<td>\r\n              <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n                <a href=\"{{ GetLink(language, product) }}\" target=\"_blank\">{{ GetLink(language, product) }}</a>\r\n              </div>\r\n            </td>-->\r\n          </tr>\r\n        </ng-container>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <mat-form-field class=\"full-width\">\r\n        <mat-label>URL</mat-label>\r\n        <input matInput [(ngModel)]=\"URL\">\r\n      </mat-form-field>\r\n\r\n      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Category</td>\r\n          <td>Link</td>\r\n          <!--<td>URL</td>-->\r\n        </tr>\r\n        <ng-container *ngFor=\"let category of DeeplinkViewModel.categories\">\r\n          <tr>\r\n            <td>\r\n              {{ category }}\r\n            </td>\r\n            <td>\r\n              <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n                <a href=\"{{ GetLinkCategory(language, category) }}\" target=\"_blank\">\r\n                {{ GetLinkCategory(language, category) }}\r\n                </a>\r\n              </div>\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </table>\r\n\r\n      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Naam</td>\r\n          <td>URL Naam</td>\r\n          <td>URL</td>\r\n        </tr>\r\n        <tr *ngFor=\"let product of DeeplinkViewModel.products\">\r\n          <td>{{ product.productName }}</td>\r\n          <td>{{ product.productURLName }}</td>\r\n          <td>\r\n            <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n              <a href=\"{{ GetLink(language, product) }}\" target=\"_blank\">{{ GetLink(language, product) }}</a>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".main-window{padding:5px}.full-width{width:100%}.header{font-weight:700}.header td{border-bottom:1px solid #000}\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: i4.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i8.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i9.FabLoaderComponent, selector: "app-fab-loader" }] });
+}
+export { BeheerDeeplinkComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerDeeplinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-beheer-deeplink', 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\r\n<div *ngIf=\"!Loading\" class=\"main-window\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Filter</td>\r\n          <td>Option</td>\r\n          <!--<td>URL</td>-->\r\n        </tr>\r\n        <ng-container *ngFor=\"let filter of DeeplinkViewModel.filters\">\r\n          <tr class=\"header\">\r\n            <td>\r\n              {{ filter.filterName }}\r\n            </td>\r\n            <td></td>\r\n          </tr>\r\n          <tr *ngFor=\"let option of filter.optionURLNames\">\r\n            <td></td>\r\n            <td>{{ option }}</td>\r\n            <!--<td>\r\n              <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n                <a href=\"{{ GetLink(language, product) }}\" target=\"_blank\">{{ GetLink(language, product) }}</a>\r\n              </div>\r\n            </td>-->\r\n          </tr>\r\n        </ng-container>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <mat-form-field class=\"full-width\">\r\n        <mat-label>URL</mat-label>\r\n        <input matInput [(ngModel)]=\"URL\">\r\n      </mat-form-field>\r\n\r\n      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Category</td>\r\n          <td>Link</td>\r\n          <!--<td>URL</td>-->\r\n        </tr>\r\n        <ng-container *ngFor=\"let category of DeeplinkViewModel.categories\">\r\n          <tr>\r\n            <td>\r\n              {{ category }}\r\n            </td>\r\n            <td>\r\n              <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n                <a href=\"{{ GetLinkCategory(language, category) }}\" target=\"_blank\">\r\n                {{ GetLinkCategory(language, category) }}\r\n                </a>\r\n              </div>\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </table>\r\n\r\n      <table class=\"full-width\">\r\n        <tr class=\"header\">\r\n          <td>Naam</td>\r\n          <td>URL Naam</td>\r\n          <td>URL</td>\r\n        </tr>\r\n        <tr *ngFor=\"let product of DeeplinkViewModel.products\">\r\n          <td>{{ product.productName }}</td>\r\n          <td>{{ product.productURLName }}</td>\r\n          <td>\r\n            <div *ngFor=\"let language of DeeplinkViewModel.languages\">\r\n              <a href=\"{{ GetLink(language, product) }}\" target=\"_blank\">{{ GetLink(language, product) }}</a>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </table>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".main-window{padding:5px}.full-width{width:100%}.header{font-weight:700}.header td{border-bottom:1px solid #000}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ProductsApiClient }, { type: i2.AuthenticationService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWRlZXBsaW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9mYWJyaWthbnRlbmNvcmUvYmVoZWVyL2NvbXBvbmVudHMvYmVoZWVyLWRlZXBsaW5rL2JlaGVlci1kZWVwbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1kZWVwbGluay9iZWhlZXItZGVlcGxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFckUsT0FBTyxFQUFxQixlQUFlLEVBQStDLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7Ozs7Ozs7O0FBRXJKLE1BS2EsdUJBQXVCO0lBT3hCO0lBQ0E7SUFDQTtJQVBILE9BQU8sR0FBWSxJQUFJLENBQUM7SUFDeEIsaUJBQWlCLENBQW9CO0lBQ3JDLEdBQUcsR0FBVyxFQUFFLENBQUM7SUFFeEIsWUFDVSxpQkFBb0MsRUFDcEMscUJBQTRDLEVBQzVDLGlCQUFvQztRQUZwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3BDLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBdUI7UUFDNUMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUU1QyxJQUFJLENBQUMsR0FBRyxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFTSxPQUFPLENBQUMsUUFBZ0IsRUFBRSxPQUFpQztRQUNoRSxPQUFPLElBQUksQ0FBQyxHQUFHLEdBQUcsR0FBRyxHQUFHLFFBQVEsR0FBRyxXQUFXLEdBQUcsT0FBTyxDQUFDLGNBQWMsQ0FBQztJQUMxRSxDQUFDO0lBRU0sZUFBZSxDQUFDLFFBQWdCLEVBQUUsUUFBZ0I7UUFDdkQsT0FBTyxJQUFJLENBQUMsR0FBRyxHQUFHLEdBQUcsR0FBRyxRQUFRLEdBQUcsR0FBRyxHQUFHLFFBQVEsQ0FBQztJQUNwRCxDQUFDO0lBRU8sU0FBUztRQUNmLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUV2QyxJQUFJLE9BQU8sR0FBRyxJQUFJLGVBQWUsRUFBRSxDQUFDO1FBRXBDLE9BQU8sQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLGtCQUFrQixDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRWpHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUF3QixFQUFFLEVBQUU7WUFDMUYsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztZQUMvQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDekMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO3dHQXZDVSx1QkFBdUI7NEZBQXZCLHVCQUF1QiwyRENUcEMsdXRGQW9GQTs7U0QzRWEsdUJBQXVCOzRGQUF2Qix1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEF1dGhlbnRpY2F0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2F1dGhlbnRpY2F0aW9uLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBEZWVwbGlua1ZpZXdNb2RlbCwgRGVlcGxpbmtSZXF1ZXN0LCBEZWVwbGlua1Byb2R1Y3RWaWV3TW9kZWwsIFByb2R1Y3RzQXBpQ2xpZW50LCBMb2dpblJlc3BvbnNlTW9kZWwgfSBmcm9tICcuLi8uLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtYmVoZWVyLWRlZXBsaW5rJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmVoZWVyLWRlZXBsaW5rLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItZGVlcGxpbmsuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmVoZWVyRGVlcGxpbmtDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBwdWJsaWMgTG9hZGluZzogYm9vbGVhbiA9IHRydWU7XHJcbiAgcHVibGljIERlZXBsaW5rVmlld01vZGVsOiBEZWVwbGlua1ZpZXdNb2RlbDtcclxuICBwdWJsaWMgVVJMOiBzdHJpbmcgPSBcIlwiO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgUHJvZHVjdHNBcGlDbGllbnQ6IFByb2R1Y3RzQXBpQ2xpZW50LFxyXG4gICAgcHJpdmF0ZSBhdXRoZW50aWNhdGlvblNlcnZpY2U6IEF1dGhlbnRpY2F0aW9uU2VydmljZSxcclxuICAgIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmXHJcbiAgKSB7XHJcbiAgICB0aGlzLlVSTCA9IHdpbmRvdy5sb2NhdGlvbi5vcmlnaW47XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuTG9hZE1vZGVsKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgR2V0TGluayhsYW5ndWFnZTogc3RyaW5nLCBwcm9kdWN0OiBEZWVwbGlua1Byb2R1Y3RWaWV3TW9kZWwpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuVVJMICsgXCIvXCIgKyBsYW5ndWFnZSArIFwiL3Byb2R1Y3QvXCIgKyBwcm9kdWN0LnByb2R1Y3RVUkxOYW1lO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIEdldExpbmtDYXRlZ29yeShsYW5ndWFnZTogc3RyaW5nLCBjYXRlZ29yeTogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLlVSTCArIFwiL1wiICsgbGFuZ3VhZ2UgKyBcIi9cIiArIGNhdGVnb3J5O1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBMb2FkTW9kZWwoKTogdm9pZCB7XHJcbiAgICB0aGlzLkxvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcblxyXG4gICAgdmFyIHJlcXVlc3QgPSBuZXcgRGVlcGxpbmtSZXF1ZXN0KCk7XHJcblxyXG4gICAgcmVxdWVzdC5sb2dpblJlc3BvbnNlTW9kZWwgPSBuZXcgTG9naW5SZXNwb25zZU1vZGVsKHRoaXMuYXV0aGVudGljYXRpb25TZXJ2aWNlLmN1cnJlbnRVc2VyVmFsdWUpO1xyXG5cclxuICAgIHRoaXMuUHJvZHVjdHNBcGlDbGllbnQuZ2V0RGVlcGxpbmtWaWV3TW9kZWwocmVxdWVzdCkuc3Vic2NyaWJlKChtb2RlbDogRGVlcGxpbmtWaWV3TW9kZWwpID0+IHtcclxuICAgICAgdGhpcy5EZWVwbGlua1ZpZXdNb2RlbCA9IG1vZGVsO1xyXG4gICAgICB0aGlzLkxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPGFwcC1iZWhlZXItbmF2PjwvYXBwLWJlaGVlci1uYXY+XHJcblxyXG48ZGl2ICpuZ0lmPVwiTG9hZGluZ1wiPlxyXG4gIDxhcHAtZmFiLWxvYWRlcj48L2FwcC1mYWItbG9hZGVyPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgKm5nSWY9XCIhTG9hZGluZ1wiIGNsYXNzPVwibWFpbi13aW5kb3dcIj5cclxuICA8bWF0LWNhcmQ+XHJcbiAgICA8bWF0LWNhcmQtY29udGVudD5cclxuICAgICAgPHRhYmxlIGNsYXNzPVwiZnVsbC13aWR0aFwiPlxyXG4gICAgICAgIDx0ciBjbGFzcz1cImhlYWRlclwiPlxyXG4gICAgICAgICAgPHRkPkZpbHRlcjwvdGQ+XHJcbiAgICAgICAgICA8dGQ+T3B0aW9uPC90ZD5cclxuICAgICAgICAgIDwhLS08dGQ+VVJMPC90ZD4tLT5cclxuICAgICAgICA8L3RyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGZpbHRlciBvZiBEZWVwbGlua1ZpZXdNb2RlbC5maWx0ZXJzXCI+XHJcbiAgICAgICAgICA8dHIgY2xhc3M9XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgPHRkPlxyXG4gICAgICAgICAgICAgIHt7IGZpbHRlci5maWx0ZXJOYW1lIH19XHJcbiAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgICAgIDx0ZD48L3RkPlxyXG4gICAgICAgICAgPC90cj5cclxuICAgICAgICAgIDx0ciAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGZpbHRlci5vcHRpb25VUkxOYW1lc1wiPlxyXG4gICAgICAgICAgICA8dGQ+PC90ZD5cclxuICAgICAgICAgICAgPHRkPnt7IG9wdGlvbiB9fTwvdGQ+XHJcbiAgICAgICAgICAgIDwhLS08dGQ+XHJcbiAgICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgbGFuZ3VhZ2Ugb2YgRGVlcGxpbmtWaWV3TW9kZWwubGFuZ3VhZ2VzXCI+XHJcbiAgICAgICAgICAgICAgICA8YSBocmVmPVwie3sgR2V0TGluayhsYW5ndWFnZSwgcHJvZHVjdCkgfX1cIiB0YXJnZXQ9XCJfYmxhbmtcIj57eyBHZXRMaW5rKGxhbmd1YWdlLCBwcm9kdWN0KSB9fTwvYT5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC90ZD4tLT5cclxuICAgICAgICAgIDwvdHI+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvdGFibGU+XHJcbiAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgPC9tYXQtY2FyZD5cclxuICA8YnIgLz5cclxuICA8bWF0LWNhcmQ+XHJcbiAgICA8bWF0LWNhcmQtY29udGVudD5cclxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiZnVsbC13aWR0aFwiPlxyXG4gICAgICAgIDxtYXQtbGFiZWw+VVJMPC9tYXQtbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IG1hdElucHV0IFsobmdNb2RlbCldPVwiVVJMXCI+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcblxyXG4gICAgICA8dGFibGUgY2xhc3M9XCJmdWxsLXdpZHRoXCI+XHJcbiAgICAgICAgPHRyIGNsYXNzPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICA8dGQ+Q2F0ZWdvcnk8L3RkPlxyXG4gICAgICAgICAgPHRkPkxpbms8L3RkPlxyXG4gICAgICAgICAgPCEtLTx0ZD5VUkw8L3RkPi0tPlxyXG4gICAgICAgIDwvdHI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY2F0ZWdvcnkgb2YgRGVlcGxpbmtWaWV3TW9kZWwuY2F0ZWdvcmllc1wiPlxyXG4gICAgICAgICAgPHRyPlxyXG4gICAgICAgICAgICA8dGQ+XHJcbiAgICAgICAgICAgICAge3sgY2F0ZWdvcnkgfX1cclxuICAgICAgICAgICAgPC90ZD5cclxuICAgICAgICAgICAgPHRkPlxyXG4gICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGxhbmd1YWdlIG9mIERlZXBsaW5rVmlld01vZGVsLmxhbmd1YWdlc1wiPlxyXG4gICAgICAgICAgICAgICAgPGEgaHJlZj1cInt7IEdldExpbmtDYXRlZ29yeShsYW5ndWFnZSwgY2F0ZWdvcnkpIH19XCIgdGFyZ2V0PVwiX2JsYW5rXCI+XHJcbiAgICAgICAgICAgICAgICB7eyBHZXRMaW5rQ2F0ZWdvcnkobGFuZ3VhZ2UsIGNhdGVnb3J5KSB9fVxyXG4gICAgICAgICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L3RkPlxyXG4gICAgICAgICAgPC90cj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC90YWJsZT5cclxuXHJcbiAgICAgIDx0YWJsZSBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cclxuICAgICAgICA8dHIgY2xhc3M9XCJoZWFkZXJcIj5cclxuICAgICAgICAgIDx0ZD5OYWFtPC90ZD5cclxuICAgICAgICAgIDx0ZD5VUkwgTmFhbTwvdGQ+XHJcbiAgICAgICAgICA8dGQ+VVJMPC90ZD5cclxuICAgICAgICA8L3RyPlxyXG4gICAgICAgIDx0ciAqbmdGb3I9XCJsZXQgcHJvZHVjdCBvZiBEZWVwbGlua1ZpZXdNb2RlbC5wcm9kdWN0c1wiPlxyXG4gICAgICAgICAgPHRkPnt7IHByb2R1Y3QucHJvZHVjdE5hbWUgfX08L3RkPlxyXG4gICAgICAgICAgPHRkPnt7IHByb2R1Y3QucHJvZHVjdFVSTE5hbWUgfX08L3RkPlxyXG4gICAgICAgICAgPHRkPlxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBsYW5ndWFnZSBvZiBEZWVwbGlua1ZpZXdNb2RlbC5sYW5ndWFnZXNcIj5cclxuICAgICAgICAgICAgICA8YSBocmVmPVwie3sgR2V0TGluayhsYW5ndWFnZSwgcHJvZHVjdCkgfX1cIiB0YXJnZXQ9XCJfYmxhbmtcIj57eyBHZXRMaW5rKGxhbmd1YWdlLCBwcm9kdWN0KSB9fTwvYT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L3RkPlxyXG4gICAgICAgIDwvdHI+XHJcbiAgICAgIDwvdGFibGU+XHJcbiAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbiAgPC9tYXQtY2FyZD5cclxuPC9kaXY+XHJcbiJdfQ==