fabrikantencore 2.34.6 → 2.35.1

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

@@ -33,7 +33,7 @@ class BeheerBcbInstanceComponent {
         this.ChangeDetectorRef = ChangeDetectorRef;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerBcbInstanceComponent, deps: [{ token: i1.BcbProductInstanceService }, { token: i2.TranslateService }, { token: i3.FabrikantenService }, { token: i4.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", ngImport: i0, template: "<div *ngIf=\"BcbProductInstanceService.IsLoading()\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!BcbProductInstanceService.IsLoading()\">\n  <div class=\"displayflex\">\n    <div style=\"flex: auto;\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, BcbProductInstanceService.BCBProductInstanceViewModel.productId) }}\n    </div>\n\n    <div style=\"padding: 10px;\">\n      <button mat-raised-button (click)=\"BcbProductInstanceService.SaveConfiguration(ChangeDetectorRef)\">\n        Save\n      </button>\n      &nbsp;\n      <button mat-raised-button (click)=\"BcbProductInstanceService.DownloadPDF(this.TranslateService.ActiveLanguage.id)\">\n        Download PDF\n      </button>\n      &nbsp;\n      <button mat-raised-button (click)=\"BcbProductInstanceService.UnselectBCBProductInstance()\">\n        Terug\n      </button>\n    </div>\n  </div>\n  <div class=\"displayflex\">\n    <div class=\"dividercolumn leftcol\">\n      <mat-tab-group style=\"height: 100%;\">\n        <mat-tab label=\"Configuratie\">\n          <div class=\"filter-scroll-section\">\n            <fab-filters-input [displayExtra]=\"true\"></fab-filters-input>\n          </div>\n        </mat-tab>\n        <mat-tab label=\"Info\">\n          <app-fab-form [form]=\"BcbProductInstanceService.FabrikantenCustomFormViewModel\"></app-fab-form>\n        </mat-tab>\n        <mat-tab label=\"Upload\">\n          <br />\n          <app-fab-upload name=\"snede naar onder\" [customid]=\"BcbProductInstanceService.BCBProductInstanceViewModel.id\"></app-fab-upload>\n          <hr />\n          <app-fab-upload name=\"bovenaanzicht\" [customid]=\"BcbProductInstanceService.BCBProductInstanceViewModel.id\"></app-fab-upload>\n          <hr />\n          <app-fab-upload name=\"vooraanzicht\" [customid]=\"BcbProductInstanceService.BCBProductInstanceViewModel.id\"></app-fab-upload>\n          <hr />\n          <app-fab-upload name=\"rechteraanzicht\" [customid]=\"BcbProductInstanceService.BCBProductInstanceViewModel.id\"></app-fab-upload>\n        </mat-tab>\n      </mat-tab-group>\n    </div>\n    <div style=\"width: 50%;\">\n      <ng-container *ngIf=\"!FabrikantenService.ShowVariants()\">\n        <app-fab-svg-viewer></app-fab-svg-viewer>\n      </ng-container>\n      <ng-container *ngIf=\"FabrikantenService.ShowVariants()\">\n        <div style=\"padding: 10px;\">\n          Er zijn nog meerdere varianten van dit product die voldoen aan de huidige filter selectie. Vul meer filters om de selectie te specificeren.\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: ["app-beheer-bcb-instance .displayflex{display:flex}app-beheer-bcb-instance .leftcol{padding:10px}app-beheer-bcb-instance .dividercolumn{width:50%;max-height:calc(100vH - 174px);overflow:auto}app-beheer-bcb-instance .filter-scroll-section{max-height:calc(100vH - 1px)}app-beheer-bcb-instance .filter-affects-sign{display:none}app-beheer-bcb-instance .affects-only-bestek{display:none}app-beheer-bcb-instance .svg-settings{top:80px!important;right:25px!important}app-beheer-bcb-instance .toolbar-button{display:none}app-beheer-bcb-instance .prop{font-size:20px;padding:5px;border-bottom:1px solid #000}app-beheer-bcb-instance .prop-name{width:200px}app-beheer-bcb-instance .prop-value{width:calc(100% - 220px)}app-beheer-bcb-instance .border-bottom{border-bottom:1px solid #000;font-size:20px;padding:4px}app-beheer-bcb-instance .form-button-row{display:none}app-beheer-bcb-instance .value-cell{text-align:right;padding-right:5px}app-beheer-bcb-instance .info-row:hover{background-color:#efefef}app-beheer-bcb-instance .button-row{padding-top:3px;text-align:right}app-beheer-bcb-instance app-fab-loader{position:fixed;background-color:#00000080;width:100%;top:0;left:0;height:100%;z-index:10}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.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: i7.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i7.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i9.FabFiltersInputComponent, selector: "fab-filters-input", inputs: ["displayExtra"] }, { kind: "component", type: i10.FabSvgViewerComponent, selector: "app-fab-svg-viewer" }, { kind: "component", type: i11.FabFormComponent, selector: "app-fab-form", inputs: ["form", "instanceid"], outputs: ["completed"] }, { kind: "component", type: i12.FabUploadComponent, selector: "app-fab-upload", inputs: ["name", "customid"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerBcbInstanceComponent, selector: "app-beheer-bcb-instance", ngImport: i0, template: "<div *ngIf=\"BcbProductInstanceService.IsLoading()\">\n  <app-fab-loader></app-fab-loader>\n</div>\n\n<div *ngIf=\"!BcbProductInstanceService.IsLoading()\">\n  <div class=\"displayflex\">\n    <div style=\"flex: auto;\">\n      {{ TranslateService.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, BcbProductInstanceService.BCBProductInstanceViewModel.productId) }}\n    </div>\n\n    <div style=\"padding: 10px;\">\n      <button mat-raised-button (click)=\"BcbProductInstanceService.SaveConfiguration(ChangeDetectorRef)\">\n        Save\n      </button>\n      &nbsp;\n      <button mat-raised-button (click)=\"BcbProductInstanceService.DownloadPDF(this.TranslateService.ActiveLanguage.id)\">\n        Download PDF\n      </button>\n      &nbsp;\n      <button mat-raised-button (click)=\"BcbProductInstanceService.UnselectBCBProductInstance()\">\n        Terug\n      </button>\n    </div>\n  </div>\n  <div class=\"displayflex\">\n    <div class=\"dividercolumn leftcol\">\n      <mat-tab-group style=\"height: 100%;\">\n        <mat-tab label=\"Configuratie\">\n          <div class=\"filter-scroll-section\">\n            <fab-filters-input [displayExtra]=\"true\"></fab-filters-input>\n          </div>\n        </mat-tab>\n        <mat-tab label=\"Info\">\n          <app-fab-form [form]=\"BcbProductInstanceService.FabrikantenCustomFormViewModel\"></app-fab-form>\n        </mat-tab>\n        <mat-tab label=\"Upload\">\n          <br />\n          <app-fab-upload name=\"snede naar onder\" [customid]=\"BcbProductInstanceService.BCBProductInstanceViewModel.id\"></app-fab-upload>\n          <hr />\n          <app-fab-upload name=\"bovenaanzicht\" [customid]=\"BcbProductInstanceService.BCBProductInstanceViewModel.id\"></app-fab-upload>\n          <hr />\n          <app-fab-upload name=\"vooraanzicht\" [customid]=\"BcbProductInstanceService.BCBProductInstanceViewModel.id\"></app-fab-upload>\n          <hr />\n          <app-fab-upload name=\"rechteraanzicht\" [customid]=\"BcbProductInstanceService.BCBProductInstanceViewModel.id\"></app-fab-upload>\n        </mat-tab>\n      </mat-tab-group>\n    </div>\n    <div style=\"width: 50%;\">\n      <ng-container *ngIf=\"!FabrikantenService.ShowVariants()\">\n        <app-fab-svg-viewer></app-fab-svg-viewer>\n      </ng-container>\n      <ng-container *ngIf=\"FabrikantenService.ShowVariants()\">\n        <div style=\"padding: 10px;\">\n          Er zijn nog meerdere varianten van dit product die voldoen aan de huidige filter selectie. Vul meer filters om de selectie te specificeren.\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: ["app-beheer-bcb-instance .displayflex{display:flex}app-beheer-bcb-instance .leftcol{padding:10px}app-beheer-bcb-instance .dividercolumn{width:50%;max-height:calc(100vH - 174px);overflow:auto}app-beheer-bcb-instance .filter-scroll-section{max-height:calc(100vH - 1px)}app-beheer-bcb-instance .filter-affects-sign{display:none}app-beheer-bcb-instance .affects-only-bestek{display:none}app-beheer-bcb-instance .svg-settings{top:80px!important;right:25px!important}app-beheer-bcb-instance .toolbar-button{display:none}app-beheer-bcb-instance .prop{font-size:20px;padding:5px;border-bottom:1px solid #000}app-beheer-bcb-instance .prop-name{width:200px}app-beheer-bcb-instance .prop-value{width:calc(100% - 220px)}app-beheer-bcb-instance .border-bottom{border-bottom:1px solid #000;font-size:20px;padding:4px}app-beheer-bcb-instance .form-button-row{display:none}app-beheer-bcb-instance .value-cell{text-align:right;padding-right:5px}app-beheer-bcb-instance .info-row:hover{background-color:#efefef}app-beheer-bcb-instance .button-row{padding-top:3px;text-align:right}app-beheer-bcb-instance app-fab-loader{position:fixed;background-color:#00000080;width:100%;top:0;left:0;height:100%;z-index:10}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.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: i7.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i7.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8.FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: i9.FabFiltersInputComponent, selector: "fab-filters-input", inputs: ["displayExtra"] }, { kind: "component", type: i10.FabSvgViewerComponent, selector: "app-fab-svg-viewer" }, { kind: "component", type: i11.FabFormComponent, selector: "app-fab-form", inputs: ["form", "instanceid"], outputs: ["completed"] }, { kind: "component", type: i12.FabUploadComponent, selector: "app-fab-upload", inputs: ["name", "customid"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 export { BeheerBcbInstanceComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerBcbInstanceComponent, decorators: [{

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

@@ -39,7 +39,7 @@ class BeheerCategoriesComponent {
         });
     }
     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" }] });
+    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", inputs: ["text"] }] });
 }
 export { BeheerCategoriesComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerCategoriesComponent, decorators: [{

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

@@ -49,7 +49,7 @@ class BeheerConfiguratorComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerConfiguratorComponent, deps: [{ token: i1.BcbProductInstanceService }, { token: i2.TranslateService }, { token: i3.FabrikantenService }, { token: i4.AuthenticationService }, { token: i5.ActivatedRoute }, { 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=\"BcbProductInstanceService.ProjectViewModel == null\">\n    <mat-card-content>\n\n      <h1>Projects</h1>\n\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 class=\"border-bottom\"></td>\n        </tr>\n        <tr *ngFor=\"let project of BcbProductInstanceService.ConfigurationsViewModel.projects\">\n          <td class=\"selectable\" (click)=\"BcbProductInstanceService.SelectProject(project)\">{{ project.id }}</td>\n          <td class=\"selectable\" (click)=\"BcbProductInstanceService.SelectProject(project)\">\n            {{ project.name }}\n          </td>\n          <td class=\"selectable\" (click)=\"BcbProductInstanceService.SelectProject(project)\">\n            {{ project.lastModified }}\n          </td>\n          <td style=\"width: 150px;\">\n            <button mat-raised-button (click)=\"BcbProductInstanceService.DeleteProject(project)\" style=\"width: 100%;\">\n              Verwijderen\n            </button>\n          </td>\n        </tr>\n      </table>\n      <br />\n      <button mat-raised-button (click)=\"BcbProductInstanceService.CreateProject()\">\n        Nieuw\n      </button>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card *ngIf=\"BcbProductInstanceService.ProjectViewModel != null\">\n    <mat-card-content>\n      <app-beheer-project></app-beheer-project>\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: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.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: i8.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i8.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i10.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i11.BeheerProjectComponent, selector: "app-beheer-project" }] });
+    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=\"BcbProductInstanceService.ProjectViewModel == null\">\n    <mat-card-content>\n\n      <h1>Projects</h1>\n\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 class=\"border-bottom\"></td>\n        </tr>\n        <tr *ngFor=\"let project of BcbProductInstanceService.ConfigurationsViewModel.projects\">\n          <td class=\"selectable\" (click)=\"BcbProductInstanceService.SelectProject(project)\">{{ project.id }}</td>\n          <td class=\"selectable\" (click)=\"BcbProductInstanceService.SelectProject(project)\">\n            {{ project.name }}\n          </td>\n          <td class=\"selectable\" (click)=\"BcbProductInstanceService.SelectProject(project)\">\n            {{ project.lastModified }}\n          </td>\n          <td style=\"width: 150px;\">\n            <button mat-raised-button (click)=\"BcbProductInstanceService.DeleteProject(project)\" style=\"width: 100%;\">\n              Verwijderen\n            </button>\n          </td>\n        </tr>\n      </table>\n      <br />\n      <button mat-raised-button (click)=\"BcbProductInstanceService.CreateProject()\">\n        Nieuw\n      </button>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card *ngIf=\"BcbProductInstanceService.ProjectViewModel != null\">\n    <mat-card-content>\n      <app-beheer-project></app-beheer-project>\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: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.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: i8.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i8.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i10.FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: i11.BeheerProjectComponent, selector: "app-beheer-project" }] });
 }
 export { BeheerConfiguratorComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerConfiguratorComponent, decorators: [{

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

@@ -62,7 +62,7 @@ class BeheerConnectCategoryDialogComponent {
         });
     }
     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" }] });
+    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", inputs: ["text"] }] });
 }
 export { BeheerConnectCategoryDialogComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerConnectCategoryDialogComponent, decorators: [{

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

@@ -44,7 +44,7 @@ class BeheerDeeplinkComponent {
         });
     }
     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" }] });
+    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", inputs: ["text"] }] });
 }
 export { BeheerDeeplinkComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerDeeplinkComponent, decorators: [{

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

@@ -128,7 +128,7 @@ class BeheerDocumentsComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerDocumentsComponent, deps: [{ token: i1.DocumentApiClient }, { token: i2.AuthenticationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerDocumentsComponent, selector: "app-beheer-documents", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<input #fileInput type=\"file\" style=\"display:none\" (change)=\"Handle($event)\">\r\n\r\n<div class=\"displayflex main\">\r\n  <div *ngIf=\"Loading\">\r\n    <app-fab-loader></app-fab-loader>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!Loading\">\r\n    <mat-card class=\"card\">\r\n      <mat-card-content>\r\n        <div class=\"displayflex\">\r\n          <mat-form-field class=\"flexauto\">\r\n            <mat-label>Category</mat-label>\r\n            <mat-select [(ngModel)]=\"SelectedDocumentCategoryViewModel\">\r\n              <ng-container *ngFor=\"let category of GetCategories()\">\r\n                <mat-option [value]=\"category\">{{category.name}}</mat-option>\r\n              </ng-container>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n\r\n    <ng-container *ngIf=\"SelectedDocumentCategoryViewModel != null\">\r\n      <mat-card class=\"card\" *ngFor=\"let documentTemplateItem of SelectedDocumentCategoryViewModel.documentTemplate.items\">\r\n        <mat-card-content>\r\n          <div>\r\n           \r\n              <div class=\"displayflex border-bottom\">\r\n                <div class=\"flexauto lineheight36\">\r\n                  {{ documentTemplateItem.name }}\r\n                </div>\r\n                <div>\r\n                  <div *ngIf=\"SelectedDocumentCategoryViewModel != null && SelectedDocumentCategoryViewModel.add\">\r\n                    <button mat-raised-button (click)=\"Upload(SelectedDocumentCategoryViewModel, documentTemplateItem)\" class=\"save-button\">\r\n                      Upload\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div>\r\n                <div *ngIf=\"documentTemplateItem.documents.length == 0\">\r\n                  No files found in this category...\r\n                </div>\r\n                <div class=\"displayflex file\" *ngFor=\"let document of documentTemplateItem.documents\">\r\n                  <div class=\"lineheight36\">\r\n                    <ng-container *ngIf=\"documentTemplateItem.documentTemplateItemAmount == DocumentTemplateItemAmount.Many\">\r\n                      <mat-checkbox [(ngModel)]=\"document.active\" (click)=\"ChangeActive(document)\"></mat-checkbox>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"documentTemplateItem.documentTemplateItemAmount == DocumentTemplateItemAmount.One\">\r\n                      <mat-radio-group [(ngModel)]=\"document.active\">\r\n                        <mat-radio-button [value]=\"true\" (click)=\"ChangeActive(document)\"></mat-radio-button>\r\n                      </mat-radio-group>\r\n                    </ng-container>\r\n                  </div>\r\n                  <div class=\"flexauto lineheight36 name-box\">\r\n                    <a href=\"{{ document.relativeURL }}\" target=\"_blank\">\r\n                      {{ document.name }}\r\n                    </a>\r\n                  </div>\r\n                  <div>\r\n                    <ng-container *ngIf=\"document.active\">\r\n                      <button mat-raised-button disabled class=\"save-button\">\r\n                        Delete\r\n                      </button>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"!document.active\">\r\n                      <button mat-raised-button (click)=\"Delete(document)\" class=\"save-button\">\r\n                        Delete\r\n                      </button>\r\n                    </ng-container>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </ng-container>\r\n\r\n  </ng-container>\r\n</div>\r\n", styles: [".card{margin:auto auto 10px;min-width:30vW}.file{padding:10px}.lineheight36{line-height:36px}.name-box{padding-left:5px}.main{flex-direction:column}.displayflex{display:flex}.cell{border-bottom:1px solid #000}.headercell-username{min-width:300px}.headercell-role{min-width:200px}.flexauto{flex:auto}.save-button{margin-left:5px}.border-bottom{padding-bottom:10px;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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.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: i7.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i8.MatLegacyRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i8.MatLegacyRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i9.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { 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.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i13.FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerDocumentsComponent, selector: "app-beheer-documents", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<input #fileInput type=\"file\" style=\"display:none\" (change)=\"Handle($event)\">\r\n\r\n<div class=\"displayflex main\">\r\n  <div *ngIf=\"Loading\">\r\n    <app-fab-loader></app-fab-loader>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!Loading\">\r\n    <mat-card class=\"card\">\r\n      <mat-card-content>\r\n        <div class=\"displayflex\">\r\n          <mat-form-field class=\"flexauto\">\r\n            <mat-label>Category</mat-label>\r\n            <mat-select [(ngModel)]=\"SelectedDocumentCategoryViewModel\">\r\n              <ng-container *ngFor=\"let category of GetCategories()\">\r\n                <mat-option [value]=\"category\">{{category.name}}</mat-option>\r\n              </ng-container>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n\r\n    <ng-container *ngIf=\"SelectedDocumentCategoryViewModel != null\">\r\n      <mat-card class=\"card\" *ngFor=\"let documentTemplateItem of SelectedDocumentCategoryViewModel.documentTemplate.items\">\r\n        <mat-card-content>\r\n          <div>\r\n           \r\n              <div class=\"displayflex border-bottom\">\r\n                <div class=\"flexauto lineheight36\">\r\n                  {{ documentTemplateItem.name }}\r\n                </div>\r\n                <div>\r\n                  <div *ngIf=\"SelectedDocumentCategoryViewModel != null && SelectedDocumentCategoryViewModel.add\">\r\n                    <button mat-raised-button (click)=\"Upload(SelectedDocumentCategoryViewModel, documentTemplateItem)\" class=\"save-button\">\r\n                      Upload\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div>\r\n                <div *ngIf=\"documentTemplateItem.documents.length == 0\">\r\n                  No files found in this category...\r\n                </div>\r\n                <div class=\"displayflex file\" *ngFor=\"let document of documentTemplateItem.documents\">\r\n                  <div class=\"lineheight36\">\r\n                    <ng-container *ngIf=\"documentTemplateItem.documentTemplateItemAmount == DocumentTemplateItemAmount.Many\">\r\n                      <mat-checkbox [(ngModel)]=\"document.active\" (click)=\"ChangeActive(document)\"></mat-checkbox>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"documentTemplateItem.documentTemplateItemAmount == DocumentTemplateItemAmount.One\">\r\n                      <mat-radio-group [(ngModel)]=\"document.active\">\r\n                        <mat-radio-button [value]=\"true\" (click)=\"ChangeActive(document)\"></mat-radio-button>\r\n                      </mat-radio-group>\r\n                    </ng-container>\r\n                  </div>\r\n                  <div class=\"flexauto lineheight36 name-box\">\r\n                    <a href=\"{{ document.relativeURL }}\" target=\"_blank\">\r\n                      {{ document.name }}\r\n                    </a>\r\n                  </div>\r\n                  <div>\r\n                    <ng-container *ngIf=\"document.active\">\r\n                      <button mat-raised-button disabled class=\"save-button\">\r\n                        Delete\r\n                      </button>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"!document.active\">\r\n                      <button mat-raised-button (click)=\"Delete(document)\" class=\"save-button\">\r\n                        Delete\r\n                      </button>\r\n                    </ng-container>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </ng-container>\r\n\r\n  </ng-container>\r\n</div>\r\n", styles: [".card{margin:auto auto 10px;min-width:30vW}.file{padding:10px}.lineheight36{line-height:36px}.name-box{padding-left:5px}.main{flex-direction:column}.displayflex{display:flex}.cell{border-bottom:1px solid #000}.headercell-username{min-width:300px}.headercell-role{min-width:200px}.flexauto{flex:auto}.save-button{margin-left:5px}.border-bottom{padding-bottom:10px;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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.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: i7.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i7.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i8.MatLegacyRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i8.MatLegacyRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i9.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { 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.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i13.FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }] });
 }
 export { BeheerDocumentsComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerDocumentsComponent, decorators: [{

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

@@ -129,7 +129,7 @@ class BeheerEboKoppelComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerEboKoppelComponent, deps: [{ token: i1.EBOKoppelApiClient }, { token: i2.ImportSetsService }, { token: i3.MatLegacyDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerEboKoppelComponent, selector: "app-beheer-ebo-koppel", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\" class=\"loader\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div class=\"main-content\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\" *ngIf=\"!ImportSetsService.LoadingImportSets\">\r\n        <mat-label>Import set</mat-label>\r\n        <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (change)=\"LoadModel()\">\r\n          <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n            {{importset.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <button mat-raised-button (click)=\"LoadModel()\">\r\n        Refresh\r\n      </button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <mat-accordion *ngIf=\"EBOKoppelViewModel != null\">\r\n    <mat-expansion-panel *ngFor=\"let type of EBOKoppelViewModel.eboKoppelTypeViewModels\" (click)=\"lastopened = type.type;\" [expanded]=\"lastopened === type.type\">\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{ type.type }}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          {{ type.namen.length }}\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div>\r\n        <mat-card *ngFor=\"let naam of type.namen\" class=\"card\">\r\n          <mat-card-content>\r\n            <div class=\"row\">\r\n              <div class=\"text-div\">\r\n                {{ naam.doNaam }} ({{ naam.ebOs.length }})\r\n              </div>\r\n              <div class=\"button-row\">\r\n                <button mat-raised-button (click)=\"Connect(naam.ebOs[0].id)\">\r\n                  FilterOption\r\n                </button>\r\n                <button mat-raised-button (click)=\"ConnectMany(naam.ebOs[0].id)\">\r\n                  FilterOptionMany\r\n                </button>\r\n                <button mat-raised-button (click)=\"ConnectCategory(naam.ebOs[0].id)\">\r\n                  Category\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div *ngFor=\"let ebo of naam.ebOs\" class=\"row eborow\">\r\n              <div class=\"text-div\">\r\n                {{ ebo.eboNaam }}\r\n              </div>\r\n              <div>\r\n                <div *ngFor=\"let filteroption of ebo.filterOptions\">\r\n                  {{ filteroption.filterName }}: {{ filteroption.filterOptionName }}\r\n                </div>\r\n\r\n                <div *ngFor=\"let category of ebo.categories\">\r\n                  Category: {{ category.categoryName }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n    </mat-expansion-panel>\r\n\r\n  </mat-accordion>\r\n</div>\r\n", styles: [".card{margin:3px}.loader{position:fixed;width:100%;z-index:100;background-color:#fffa;height:100%;top:0}.row{display:flex;align-items:center;cursor:pointer}.eborow{padding:3px;border-bottom:1px solid #000}.main-content{padding:5px}.icon-div{width:24px;height:24px}.text-div{flex:auto}.button-row{display:flex;gap:5px}\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.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.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: "directive", type: i8.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i9.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i9.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { 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.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i13.FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerEboKoppelComponent, selector: "app-beheer-ebo-koppel", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\" class=\"loader\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div class=\"main-content\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <mat-form-field appearance=\"fill\" class=\"full-width\" *ngIf=\"!ImportSetsService.LoadingImportSets\">\r\n        <mat-label>Import set</mat-label>\r\n        <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (change)=\"LoadModel()\">\r\n          <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n            {{importset.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <button mat-raised-button (click)=\"LoadModel()\">\r\n        Refresh\r\n      </button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <mat-accordion *ngIf=\"EBOKoppelViewModel != null\">\r\n    <mat-expansion-panel *ngFor=\"let type of EBOKoppelViewModel.eboKoppelTypeViewModels\" (click)=\"lastopened = type.type;\" [expanded]=\"lastopened === type.type\">\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{ type.type }}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          {{ type.namen.length }}\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div>\r\n        <mat-card *ngFor=\"let naam of type.namen\" class=\"card\">\r\n          <mat-card-content>\r\n            <div class=\"row\">\r\n              <div class=\"text-div\">\r\n                {{ naam.doNaam }} ({{ naam.ebOs.length }})\r\n              </div>\r\n              <div class=\"button-row\">\r\n                <button mat-raised-button (click)=\"Connect(naam.ebOs[0].id)\">\r\n                  FilterOption\r\n                </button>\r\n                <button mat-raised-button (click)=\"ConnectMany(naam.ebOs[0].id)\">\r\n                  FilterOptionMany\r\n                </button>\r\n                <button mat-raised-button (click)=\"ConnectCategory(naam.ebOs[0].id)\">\r\n                  Category\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div *ngFor=\"let ebo of naam.ebOs\" class=\"row eborow\">\r\n              <div class=\"text-div\">\r\n                {{ ebo.eboNaam }}\r\n              </div>\r\n              <div>\r\n                <div *ngFor=\"let filteroption of ebo.filterOptions\">\r\n                  {{ filteroption.filterName }}: {{ filteroption.filterOptionName }}\r\n                </div>\r\n\r\n                <div *ngFor=\"let category of ebo.categories\">\r\n                  Category: {{ category.categoryName }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-card-content>\r\n        </mat-card>\r\n      </div>\r\n    </mat-expansion-panel>\r\n\r\n  </mat-accordion>\r\n</div>\r\n", styles: [".card{margin:3px}.loader{position:fixed;width:100%;z-index:100;background-color:#fffa;height:100%;top:0}.row{display:flex;align-items:center;cursor:pointer}.eborow{padding:3px;border-bottom:1px solid #000}.main-content{padding:5px}.icon-div{width:24px;height:24px}.text-div{flex:auto}.button-row{display:flex;gap:5px}\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.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.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: "directive", type: i8.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i9.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i9.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { 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.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i13.FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }] });
 }
 export { BeheerEboKoppelComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerEboKoppelComponent, decorators: [{

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

@@ -82,7 +82,7 @@ class BeheerFiltersComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerFiltersComponent, deps: [{ token: i1.FiltersApiClient }, { token: i2.AuthenticationService }, { token: i3.MatLegacyDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerFiltersComponent, selector: "app-beheer-filters", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading\" class=\"loader\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"InputsViewModel\" class=\"main-content\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <button mat-raised-button (click)=\"AddCategory()\">Categorie toevoegen</button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <div class=\"displayflex\">\r\n    <div>\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div cdkDropList class=\"input-list\" (cdkDropListDropped)=\"drop($event)\">\r\n            <div class=\"input-item\" *ngFor=\"let input of InputsViewModel.inputs\" cdkDrag>\r\n              <ng-container *ngIf=\"input.filter\">\r\n                <span [ngClass]=\"{'selected': input.filter?.id == InputViewModel?.filter?.id }\">\r\n                  {{ input.filter.name }} (#{{ input.filter.id }})\r\n                </span>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"input.range\">\r\n                <span [ngClass]=\"{'selected': input.range?.id == InputViewModel?.range?.id }\">\r\n                  {{ input.range.name }} (#{{ input.range.id }})\r\n                </span>\r\n                \r\n              </ng-container>\r\n              <button (click)=\"Open(input)\">Select</button>\r\n            </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <div class=\"flexauto\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n         <div *ngIf=\"InputViewModel != undefined\">\r\n           <ng-container *ngIf=\"InputViewModel.filter\">\r\n             <app-beheer-filter [filter]=\"InputViewModel.filter\" (reload)=\"LoadInputs()\"></app-beheer-filter>\r\n           </ng-container>\r\n\r\n           <ng-container *ngIf=\"InputViewModel.range\">\r\n            <app-beheer-rangeinput [rangeinput]=\"InputViewModel.range\" (reload)=\"LoadInputs()\"></app-beheer-rangeinput>\r\n           </ng-container>\r\n         </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".displayflex{display:flex;gap:10px}.required-option{border:1px solid #000;border-radius:2px;padding:2px;margin:2px}.loader{position:fixed;z-index:100;width:100%;background-color:#fffa;top:0;height:100%}.AND{border-color:red}.OR{border-color:#0f0}.filter-row{font-size:20px;line-height:30px;margin-bottom:10px}.flexauto{flex:auto}.main-content{padding:10px}.filter-name{font-size:20px;padding:10px;border-bottom:1px solid #000;display:flex}.filter-option:hover{background-color:gray}.filter-options-container{border:1px solid #000;padding:10px;margin:10px}.filter-option{padding:5px;border-bottom:1px solid #000;display:flex;gap:5px}.filter-option-name{flex:auto;line-height:30px;font-size:20px}.selected{font-weight:700}.input-list{max-width:100%;border:solid 1px #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow-y:scroll;height:calc(100vH - 188px)}.input-item{padding:5px 10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.input-item:last-child{border:none}.input-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: 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: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i8.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i9.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i10.BeheerFilterComponent, selector: "app-beheer-filter", inputs: ["filter"], outputs: ["reload"] }, { kind: "component", type: i11.BeheerRangeinputComponent, selector: "app-beheer-rangeinput", inputs: ["rangeinput"], outputs: ["reload"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerFiltersComponent, selector: "app-beheer-filters", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading\" class=\"loader\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"InputsViewModel\" class=\"main-content\">\r\n  <mat-card>\r\n    <mat-card-content>\r\n      <button mat-raised-button (click)=\"AddCategory()\">Categorie toevoegen</button>\r\n    </mat-card-content>\r\n  </mat-card>\r\n  <br />\r\n  <div class=\"displayflex\">\r\n    <div>\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div cdkDropList class=\"input-list\" (cdkDropListDropped)=\"drop($event)\">\r\n            <div class=\"input-item\" *ngFor=\"let input of InputsViewModel.inputs\" cdkDrag>\r\n              <ng-container *ngIf=\"input.filter\">\r\n                <span [ngClass]=\"{'selected': input.filter?.id == InputViewModel?.filter?.id }\">\r\n                  {{ input.filter.name }} (#{{ input.filter.id }})\r\n                </span>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"input.range\">\r\n                <span [ngClass]=\"{'selected': input.range?.id == InputViewModel?.range?.id }\">\r\n                  {{ input.range.name }} (#{{ input.range.id }})\r\n                </span>\r\n                \r\n              </ng-container>\r\n              <button (click)=\"Open(input)\">Select</button>\r\n            </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <div class=\"flexauto\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n         <div *ngIf=\"InputViewModel != undefined\">\r\n           <ng-container *ngIf=\"InputViewModel.filter\">\r\n             <app-beheer-filter [filter]=\"InputViewModel.filter\" (reload)=\"LoadInputs()\"></app-beheer-filter>\r\n           </ng-container>\r\n\r\n           <ng-container *ngIf=\"InputViewModel.range\">\r\n            <app-beheer-rangeinput [rangeinput]=\"InputViewModel.range\" (reload)=\"LoadInputs()\"></app-beheer-rangeinput>\r\n           </ng-container>\r\n         </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".displayflex{display:flex;gap:10px}.required-option{border:1px solid #000;border-radius:2px;padding:2px;margin:2px}.loader{position:fixed;z-index:100;width:100%;background-color:#fffa;top:0;height:100%}.AND{border-color:red}.OR{border-color:#0f0}.filter-row{font-size:20px;line-height:30px;margin-bottom:10px}.flexauto{flex:auto}.main-content{padding:10px}.filter-name{font-size:20px;padding:10px;border-bottom:1px solid #000;display:flex}.filter-option:hover{background-color:gray}.filter-options-container{border:1px solid #000;padding:10px;margin:10px}.filter-option{padding:5px;border-bottom:1px solid #000;display:flex;gap:5px}.filter-option-name{flex:auto;line-height:30px;font-size:20px}.selected{font-weight:700}.input-list{max-width:100%;border:solid 1px #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow-y:scroll;height:calc(100vH - 188px)}.input-item{padding:5px 10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.input-item:last-child{border:none}.input-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: 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: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i8.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i9.FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: i10.BeheerFilterComponent, selector: "app-beheer-filter", inputs: ["filter"], outputs: ["reload"] }, { kind: "component", type: i11.BeheerRangeinputComponent, selector: "app-beheer-rangeinput", inputs: ["rangeinput"], outputs: ["reload"] }] });
 }
 export { BeheerFiltersComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerFiltersComponent, decorators: [{

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

@@ -50,7 +50,7 @@ class BeheerImportSetsDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerImportSetsDialogComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ImportSetsService }, { token: i2.AuthenticationService }, { token: i3.MatLegacyDialogRef }, { token: MAT_DIALOG_DATA }, { token: i4.ImportApiClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerImportSetsDialogComponent, selector: "app-beheer-import-sets-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-form-field appearance=\"fill\">\r\n    <mat-label>Naam</mat-label>\r\n    <input matInput [(ngModel)]=\"name\">\r\n  </mat-form-field>\r\n\r\n  <button mat-raised-button (click)=\"Opslaan()\">Opslaan</button>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.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: i10.FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerImportSetsDialogComponent, selector: "app-beheer-import-sets-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-form-field appearance=\"fill\">\r\n    <mat-label>Naam</mat-label>\r\n    <input matInput [(ngModel)]=\"name\">\r\n  </mat-form-field>\r\n\r\n  <button mat-raised-button (click)=\"Opslaan()\">Opslaan</button>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.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: i10.FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }] });
 }
 export { BeheerImportSetsDialogComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerImportSetsDialogComponent, decorators: [{

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

@@ -54,7 +54,7 @@ class BeheerImportSetsEboComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerImportSetsEboComponent, deps: [{ token: i1.ImportApiClient }, { token: i2.AuthenticationService }, { token: i3.ImportSetsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerImportSetsEboComponent, selector: "app-beheer-import-sets-ebo", inputs: { ebo: "ebo" }, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"icon-div\" (click)=\"Open()\">\n    <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">expand_more</mat-icon>\n    <mat-icon *ngIf=\"Opened\" class=\"expand_less\">expand_less</mat-icon>\n  </div>\n  <div class=\"text-div\">\n    <div class=\"row\">\n      <div class=\"flex-auto text-box\" *ngFor=\"let do of ebo.dOs\">\n        <mat-form-field class=\"full-width\" appearance=\"fill\">\n          <mat-label>{{ do.doType }}</mat-label>\n          <input matInput value=\"{{do.doNaam}}\" [readonly]=\"true\">\n        </mat-form-field>\n      </div>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"Opened\">\n  <div *ngIf=\"Loading\">\n    <app-fab-loader></app-fab-loader>\n  </div>\n  <div *ngIf=\"!Loading\" class=\"props\">\n    <div class=\"opbouw\">Opbouw</div>\n    <div *ngFor=\"let opbouw of BCBImportOpenResponse.bcbImportOpbouwen\">\n      <app-beheer-import-sets-opbouw [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\n    </div>\n\n    <div class=\"opbouw\">Eigenschap</div>\n    <div *ngFor=\"let eigenschap of BCBImportOpenResponse.bcbImportEigenschappen\">\n      <app-beheer-import-sets-eigenschap [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\n    </div>\n  </div>\n</div>\n\n", styles: ["app-beheer-import-sets-ebo .row{display:flex;align-items:center}app-beheer-import-sets-ebo .full-width{width:100%}app-beheer-import-sets-ebo .icon-div{width:22px;height:24px;cursor:pointer}app-beheer-import-sets-ebo .text-div{flex:auto;cursor:pointer}app-beheer-import-sets-ebo .props{padding-left:20px}app-beheer-import-sets-ebo .opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}app-beheer-import-sets-ebo .flex-auto{flex:auto}app-beheer-import-sets-ebo .check-div{padding-left:5px}app-beheer-import-sets-ebo .card{margin:3px}app-beheer-import-sets-ebo .mat-form-field-wrapper{padding-bottom:0}app-beheer-import-sets-ebo .mat-form-field-underline{bottom:0}app-beheer-import-sets-ebo .mat-form-field-infix{width:auto}app-beheer-import-sets-ebo .text-box{padding-left:3px}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i4.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i5.MatLegacyFormField; }), selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.MatLegacyLabel; }), selector: "mat-label" }, { kind: "directive", type: i0.forwardRef(function () { return i6.MatLegacyInput; }), selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "component", type: i0.forwardRef(function () { return i7.MatIcon; }), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(function () { return i8.FabLoaderComponent; }), selector: "app-fab-loader" }, { kind: "component", type: i0.forwardRef(function () { return BeheerImportSetsOpbouwComponent; }), selector: "app-beheer-import-sets-opbouw", inputs: ["opbouw"] }, { kind: "component", type: i0.forwardRef(function () { return i9.BeheerImportSetsEigenschapComponent; }), selector: "app-beheer-import-sets-eigenschap", inputs: ["eigenschap"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerImportSetsEboComponent, selector: "app-beheer-import-sets-ebo", inputs: { ebo: "ebo" }, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"icon-div\" (click)=\"Open()\">\n    <mat-icon *ngIf=\"!Opened\" class=\"expand_more\">expand_more</mat-icon>\n    <mat-icon *ngIf=\"Opened\" class=\"expand_less\">expand_less</mat-icon>\n  </div>\n  <div class=\"text-div\">\n    <div class=\"row\">\n      <div class=\"flex-auto text-box\" *ngFor=\"let do of ebo.dOs\">\n        <mat-form-field class=\"full-width\" appearance=\"fill\">\n          <mat-label>{{ do.doType }}</mat-label>\n          <input matInput value=\"{{do.doNaam}}\" [readonly]=\"true\">\n        </mat-form-field>\n      </div>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"Opened\">\n  <div *ngIf=\"Loading\">\n    <app-fab-loader></app-fab-loader>\n  </div>\n  <div *ngIf=\"!Loading\" class=\"props\">\n    <div class=\"opbouw\">Opbouw</div>\n    <div *ngFor=\"let opbouw of BCBImportOpenResponse.bcbImportOpbouwen\">\n      <app-beheer-import-sets-opbouw [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\n    </div>\n\n    <div class=\"opbouw\">Eigenschap</div>\n    <div *ngFor=\"let eigenschap of BCBImportOpenResponse.bcbImportEigenschappen\">\n      <app-beheer-import-sets-eigenschap [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\n    </div>\n  </div>\n</div>\n\n", styles: ["app-beheer-import-sets-ebo .row{display:flex;align-items:center}app-beheer-import-sets-ebo .full-width{width:100%}app-beheer-import-sets-ebo .icon-div{width:22px;height:24px;cursor:pointer}app-beheer-import-sets-ebo .text-div{flex:auto;cursor:pointer}app-beheer-import-sets-ebo .props{padding-left:20px}app-beheer-import-sets-ebo .opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}app-beheer-import-sets-ebo .flex-auto{flex:auto}app-beheer-import-sets-ebo .check-div{padding-left:5px}app-beheer-import-sets-ebo .card{margin:3px}app-beheer-import-sets-ebo .mat-form-field-wrapper{padding-bottom:0}app-beheer-import-sets-ebo .mat-form-field-underline{bottom:0}app-beheer-import-sets-ebo .mat-form-field-infix{width:auto}app-beheer-import-sets-ebo .text-box{padding-left:3px}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i4.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i5.MatLegacyFormField; }), selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.MatLegacyLabel; }), selector: "mat-label" }, { kind: "directive", type: i0.forwardRef(function () { return i6.MatLegacyInput; }), selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "component", type: i0.forwardRef(function () { return i7.MatIcon; }), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(function () { return i8.FabLoaderComponent; }), selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: i0.forwardRef(function () { return BeheerImportSetsOpbouwComponent; }), selector: "app-beheer-import-sets-opbouw", inputs: ["opbouw"] }, { kind: "component", type: i0.forwardRef(function () { return i9.BeheerImportSetsEigenschapComponent; }), selector: "app-beheer-import-sets-eigenschap", inputs: ["eigenschap"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 export { BeheerImportSetsEboComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerImportSetsEboComponent, decorators: [{
@@ -100,4 +100,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i3.ImportSetsService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { opbouw: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWltcG9ydC1zZXRzLWViby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1pbXBvcnQtc2V0cy9iZWhlZXItaW1wb3J0LXNldHMtZWJvL2JlaGVlci1pbXBvcnQtc2V0cy1lYm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItaW1wb3J0LXNldHMvYmVoZWVyLWltcG9ydC1zZXRzLWViby9iZWhlZXItaW1wb3J0LXNldHMtZWJvLmNvbXBvbmVudC5odG1sIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItaW1wb3J0LXNldHMvYmVoZWVyLWltcG9ydC1zZXRzLWViby9iZWhlZXItaW1wb3J0LXNldHMtb3Bib3V3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsMEJBQTBCLEVBQThELGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7Ozs7Ozs7OztBQUV6TCxNQU1hLDRCQUE0QjtJQVNuQjtJQUNWO0lBQ0E7SUFUSCxNQUFNLEdBQVksS0FBSyxDQUFDO0lBQ3hCLE9BQU8sR0FBWSxJQUFJLENBQUM7SUFFeEIscUJBQXFCLENBQXdCO0lBRTNDLEdBQUcsQ0FBcUI7SUFFakMsWUFBb0IsZUFBZ0MsRUFDMUMscUJBQTRDLEVBQzVDLGlCQUFvQztRQUYxQixvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDMUMsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF1QjtRQUM1QyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBQUksQ0FBQztJQUVuRCxRQUFRO0lBQ1IsQ0FBQztJQUVNLElBQUk7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUNwQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztZQUNuQixJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQztZQUV6QixJQUFJLEtBQUssSUFBSSxJQUFJLEVBQUU7Z0JBRWpCLElBQUksT0FBTyxHQUFHLElBQUksd0JBQXdCLEVBQUUsQ0FBQztnQkFDN0MsT0FBTyxDQUFDLEdBQUcsR0FBRyxJQUFJLEtBQUssRUFBOEIsQ0FBQztnQkFDdEQsT0FBTyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDN0IsT0FBTyxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLENBQUM7Z0JBRXJFLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUNyQyxJQUFJLEtBQUssR0FBRyxJQUFJLDBCQUEwQixFQUFFLENBQUM7b0JBRTdDLEtBQUssQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztvQkFDN0IsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO29CQUU3QixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDekI7Z0JBRUQsT0FBTyxDQUFDLGtCQUFrQixHQUFHLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGdCQUFnQixDQUFDLENBQUM7Z0JBRWpHLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQTRCLEVBQUUsRUFBRTtvQkFDL0UsSUFBSSxDQUFDLHFCQUFxQixHQUFHLEtBQUssQ0FBQztvQkFDbkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7Z0JBQ3ZCLENBQUMsQ0FBQyxDQUFDO2FBQ0o7U0FDRjthQUNJO1lBQ0gsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7U0FDckI7SUFDSCxDQUFDO3dHQWpEVSw0QkFBNEI7NEZBQTVCLDRCQUE0QiwwRkNUekMsb3VDQWlDQSw4aUVEc0NhLCtCQUErQjs7U0E5RC9CLDRCQUE0Qjs0RkFBNUIsNEJBQTRCO2tCQU54QyxTQUFTOytCQUNFLDRCQUE0QixpQkFHdkIsaUJBQWlCLENBQUMsSUFBSTswS0FTNUIsR0FBRztzQkFBWCxLQUFLOztBQWtEUixNQUthLCtCQUErQjtJQUl0QjtJQUE4QztJQUZ6RCxNQUFNLENBQWtCO0lBRWpDLFlBQW9CLGlCQUFvQyxFQUFVLGlCQUFvQztRQUFsRixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQVUsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtJQUFJLENBQUM7SUFFM0csUUFBUTtJQUNSLENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLG1CQUFtQixJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDekYsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztTQUN0QzthQUNJO1lBQ0gsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVNLGNBQWM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztRQUU3QyxJQUFJLElBQUksR0FBVyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksR0FBRyxFQUFFLENBQUM7UUFFekMsSUFBSSxJQUFJLElBQUksRUFBRSxFQUFFO1lBQ2QsSUFBSSxJQUFJLEdBQUcsQ0FBQztTQUNiO1FBRUQsSUFBSSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUUvQixJQUFJLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNyRyxDQUFDO3dHQTlCVSwrQkFBK0I7NEZBQS9CLCtCQUErQixtR0V2RTVDLDgyQkFvQkEsKzJCRlhhLDRCQUE0Qjs7U0E4RDVCLCtCQUErQjs0RkFBL0IsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLCtCQUErQjt3SUFNaEMsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQkNCSW1wb3J0T3BlblRlbXBSZXF1ZXN0LCBCQ0JJbXBvcnRPcGVuVGVtcERPUmVxdWVzdCwgQkNCSW1wb3J0T3BlblJlc3BvbnNlLCBJbXBvcnRBcGlDbGllbnQsIFdpemFyZEVCT1ZpZXdNb2RlbCwgTG9naW5SZXNwb25zZU1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1lYm8nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iZWhlZXItaW1wb3J0LXNldHMtZWJvLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItaW1wb3J0LXNldHMtZWJvLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmVoZWVySW1wb3J0U2V0c0Vib0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHB1YmxpYyBPcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwdWJsaWMgTG9hZGluZzogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIHB1YmxpYyBCQ0JJbXBvcnRPcGVuUmVzcG9uc2U6IEJDQkltcG9ydE9wZW5SZXNwb25zZTtcclxuXHJcbiAgQElucHV0KCkgZWJvOiBXaXphcmRFQk9WaWV3TW9kZWw7IFxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIEltcG9ydEFwaUNsaWVudDogSW1wb3J0QXBpQ2xpZW50LFxyXG4gICAgcHJpdmF0ZSBhdXRoZW50aWNhdGlvblNlcnZpY2U6IEF1dGhlbnRpY2F0aW9uU2VydmljZSxcclxuICAgIHByaXZhdGUgSW1wb3J0U2V0c1NlcnZpY2U6IEltcG9ydFNldHNTZXJ2aWNlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgT3BlbigpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5PcGVuZWQpIHtcclxuICAgICAgdGhpcy5Mb2FkaW5nID0gdHJ1ZTtcclxuICAgICAgdGhpcy5PcGVuZWQgPSB0cnVlO1xyXG4gICAgICB2YXIgYXJyYXkgPSB0aGlzLmViby5kT3M7XHJcblxyXG4gICAgICBpZiAoYXJyYXkgIT0gbnVsbCkge1xyXG5cclxuICAgICAgICB2YXIgcmVxdWVzdCA9IG5ldyBCQ0JJbXBvcnRPcGVuVGVtcFJlcXVlc3QoKTtcclxuICAgICAgICByZXF1ZXN0LmRPcyA9IG5ldyBBcnJheTxCQ0JJbXBvcnRPcGVuVGVtcERPUmVxdWVzdD4oKTtcclxuICAgICAgICByZXF1ZXN0LmJhc2UgPSB0aGlzLmViby5iYXNlO1xyXG4gICAgICAgIHJlcXVlc3QuYmNiSW1wb3J0U2V0SWQgPSB0aGlzLkltcG9ydFNldHNTZXJ2aWNlLkJDQkltcG9ydFNldFNlbGVjdGVkO1xyXG5cclxuICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGFycmF5Lmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgICAgICB2YXIgbmV3ZG8gPSBuZXcgQkNCSW1wb3J0T3BlblRlbXBET1JlcXVlc3QoKTtcclxuXHJcbiAgICAgICAgICBuZXdkby5uYWFtID0gYXJyYXlbaV0uZG9OYWFtO1xyXG4gICAgICAgICAgbmV3ZG8udHlwZSA9IGFycmF5W2ldLmRvVHlwZTtcclxuXHJcbiAgICAgICAgICByZXF1ZXN0LmRPcy5wdXNoKG5ld2RvKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHJlcXVlc3QubG9naW5SZXNwb25zZU1vZGVsID0gbmV3IExvZ2luUmVzcG9uc2VNb2RlbCh0aGlzLmF1dGhlbnRpY2F0aW9uU2VydmljZS5jdXJyZW50VXNlclZhbHVlKTtcclxuXHJcbiAgICAgICAgdGhpcy5JbXBvcnRBcGlDbGllbnQub3BlbkVCTyhyZXF1ZXN0KS5zdWJzY3JpYmUoKG1vZGVsOiBCQ0JJbXBvcnRPcGVuUmVzcG9uc2UpID0+IHtcclxuICAgICAgICAgIHRoaXMuQkNCSW1wb3J0T3BlblJlc3BvbnNlID0gbW9kZWw7XHJcbiAgICAgICAgICB0aGlzLkxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgICB9KTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIHRoaXMuT3BlbmVkID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG5cclxuaW1wb3J0IHsgSW1wb3J0U2V0c1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9pbXBvcnRzZXRzLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBCQ0JJbXBvcnRPcGJvdXcgfSBmcm9tICcuLi8uLi8uLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5pbXBvcnQgeyBBdXRoZW50aWNhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9hdXRoZW50aWNhdGlvbi5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1vcGJvdXcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iZWhlZXItaW1wb3J0LXNldHMtb3Bib3V3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItaW1wb3J0LXNldHMtb3Bib3V3LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEJlaGVlckltcG9ydFNldHNPcGJvdXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBvcGJvdXc6IEJDQkltcG9ydE9wYm91dztcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBJbXBvcnRTZXRzU2VydmljZTogSW1wb3J0U2V0c1NlcnZpY2UsIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgVG9nZ2xlKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMub3Bib3V3LndpemFyZEVCT1ZpZXdNb2RlbHMgIT0gbnVsbCAmJiB0aGlzLm9wYm91dy53aXphcmRFQk9WaWV3TW9kZWxzLmxlbmd0aCA+IDApIHtcclxuICAgICAgdGhpcy5vcGJvdXcub3BlbiA9ICF0aGlzLm9wYm91dy5vcGVuO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIHRoaXMuVXBkYXRlU2VsZWN0ZWQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBVcGRhdGVTZWxlY3RlZCgpOiB2b2lkIHtcclxuICAgIHRoaXMub3Bib3V3LnNlbGVjdGVkID0gIXRoaXMub3Bib3V3LnNlbGVjdGVkO1xyXG5cclxuICAgIHZhciBiYXNlOiBzdHJpbmcgPSB0aGlzLm9wYm91dy5iYXNlICsgXCJcIjtcclxuXHJcbiAgICBpZiAoYmFzZSAhPSBcIlwiKSB7XHJcbiAgICAgIGJhc2UgKz0gXCIjXCI7XHJcbiAgICB9XHJcblxyXG4gICAgYmFzZSArPSB0aGlzLm9wYm91dy52YWx1ZSArIFwiXCI7XHJcblxyXG4gICAgdGhpcy5JbXBvcnRTZXRzU2VydmljZS5DaGFuZ2VJbXBvcnRTZXRWYWx1ZShiYXNlLCAxLCB0aGlzLm9wYm91dy5zZWxlY3RlZCwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxyXG59XHJcblxyXG4iLCI8ZGl2IGNsYXNzPVwicm93XCI+XG4gIDxkaXYgY2xhc3M9XCJpY29uLWRpdlwiIChjbGljayk9XCJPcGVuKClcIj5cbiAgICA8bWF0LWljb24gKm5nSWY9XCIhT3BlbmVkXCIgY2xhc3M9XCJleHBhbmRfbW9yZVwiPmV4cGFuZF9tb3JlPC9tYXQtaWNvbj5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJPcGVuZWRcIiBjbGFzcz1cImV4cGFuZF9sZXNzXCI+ZXhwYW5kX2xlc3M8L21hdC1pY29uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInRleHQtZGl2XCI+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImZsZXgtYXV0byB0ZXh0LWJveFwiICpuZ0Zvcj1cImxldCBkbyBvZiBlYm8uZE9zXCI+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImZ1bGwtd2lkdGhcIiBhcHBlYXJhbmNlPVwiZmlsbFwiPlxuICAgICAgICAgIDxtYXQtbGFiZWw+e3sgZG8uZG9UeXBlIH19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IHZhbHVlPVwie3tkby5kb05hYW19fVwiIFtyZWFkb25seV09XCJ0cnVlXCI+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbjxkaXYgKm5nSWY9XCJPcGVuZWRcIj5cbiAgPGRpdiAqbmdJZj1cIkxvYWRpbmdcIj5cbiAgICA8YXBwLWZhYi1sb2FkZXI+PC9hcHAtZmFiLWxvYWRlcj5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nSWY9XCIhTG9hZGluZ1wiIGNsYXNzPVwicHJvcHNcIj5cbiAgICA8ZGl2IGNsYXNzPVwib3Bib3V3XCI+T3Bib3V3PC9kaXY+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgb3Bib3V3IG9mIEJDQkltcG9ydE9wZW5SZXNwb25zZS5iY2JJbXBvcnRPcGJvdXdlblwiPlxuICAgICAgPGFwcC1iZWhlZXItaW1wb3J0LXNldHMtb3Bib3V3IFtvcGJvdXddPVwib3Bib3V3XCI+PC9hcHAtYmVoZWVyLWltcG9ydC1zZXRzLW9wYm91dz5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJvcGJvdXdcIj5FaWdlbnNjaGFwPC9kaXY+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgZWlnZW5zY2hhcCBvZiBCQ0JJbXBvcnRPcGVuUmVzcG9uc2UuYmNiSW1wb3J0RWlnZW5zY2hhcHBlblwiPlxuICAgICAgPGFwcC1iZWhlZXItaW1wb3J0LXNldHMtZWlnZW5zY2hhcCBbZWlnZW5zY2hhcF09XCJlaWdlbnNjaGFwXCI+PC9hcHAtYmVoZWVyLWltcG9ydC1zZXRzLWVpZ2Vuc2NoYXA+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbiIsIjxkaXYgY2xhc3M9XCJ0b3Atcm93XCI+XHJcbiAgPGRpdiBjbGFzcz1cImljb24tZGl2XCIgKGNsaWNrKT1cIlRvZ2dsZSgpXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3Bib3V3LndpemFyZEVCT1ZpZXdNb2RlbHMgIT0gbnVsbCAmJiBvcGJvdXcud2l6YXJkRUJPVmlld01vZGVscy5sZW5ndGggPiAwXCI+XHJcbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFvcGJvdXcub3BlblwiIGNsYXNzPVwiZXhwYW5kX21vcmVcIj5leHBhbmRfbW9yZTwvbWF0LWljb24+XHJcbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIm9wYm91dy5vcGVuXCIgY2xhc3M9XCJleHBhbmRfbGVzc1wiPmV4cGFuZF9sZXNzPC9tYXQtaWNvbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgXHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInRleHQtZGl2IGZsZXhhdXRvXCIgKGNsaWNrKT1cIlRvZ2dsZSgpXCI+XHJcbiAgICB7eyBvcGJvdXcubmFtZSB9fVxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJjaGVjay1kaXZcIj5cclxuICAgIDxtYXQtY2hlY2tib3ggW2NoZWNrZWRdPVwib3Bib3V3LnNlbGVjdGVkXCIgKGNoYW5nZSk9XCJVcGRhdGVTZWxlY3RlZCgpXCI+PC9tYXQtY2hlY2tib3g+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiY29udGVudFwiICpuZ0lmPVwib3Bib3V3Lm9wZW5cIj5cclxuICA8ZGl2IGNsYXNzPVwiZWJvYm94XCIgKm5nRm9yPVwibGV0IGVibyBvZiBvcGJvdXcud2l6YXJkRUJPVmlld01vZGVsc1wiPlxyXG4gICAgPGFwcC1iZWhlZXItaW1wb3J0LXNldHMtZWJvIFtlYm9dPVwiZWJvXCI+PC9hcHAtYmVoZWVyLWltcG9ydC1zZXRzLWVibz5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVoZWVyLWltcG9ydC1zZXRzLWViby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvZmFicmlrYW50ZW5jb3JlL2JlaGVlci9jb21wb25lbnRzL2JlaGVlci1pbXBvcnQtc2V0cy9iZWhlZXItaW1wb3J0LXNldHMtZWJvL2JlaGVlci1pbXBvcnQtc2V0cy1lYm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItaW1wb3J0LXNldHMvYmVoZWVyLWltcG9ydC1zZXRzLWViby9iZWhlZXItaW1wb3J0LXNldHMtZWJvLmNvbXBvbmVudC5odG1sIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2ZhYnJpa2FudGVuY29yZS9iZWhlZXIvY29tcG9uZW50cy9iZWhlZXItaW1wb3J0LXNldHMvYmVoZWVyLWltcG9ydC1zZXRzLWViby9iZWhlZXItaW1wb3J0LXNldHMtb3Bib3V3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsMEJBQTBCLEVBQThELGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7Ozs7Ozs7OztBQUV6TCxNQU1hLDRCQUE0QjtJQVNuQjtJQUNWO0lBQ0E7SUFUSCxNQUFNLEdBQVksS0FBSyxDQUFDO0lBQ3hCLE9BQU8sR0FBWSxJQUFJLENBQUM7SUFFeEIscUJBQXFCLENBQXdCO0lBRTNDLEdBQUcsQ0FBcUI7SUFFakMsWUFBb0IsZUFBZ0MsRUFDMUMscUJBQTRDLEVBQzVDLGlCQUFvQztRQUYxQixvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDMUMsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF1QjtRQUM1QyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBQUksQ0FBQztJQUVuRCxRQUFRO0lBQ1IsQ0FBQztJQUVNLElBQUk7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUNwQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztZQUNuQixJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQztZQUV6QixJQUFJLEtBQUssSUFBSSxJQUFJLEVBQUU7Z0JBRWpCLElBQUksT0FBTyxHQUFHLElBQUksd0JBQXdCLEVBQUUsQ0FBQztnQkFDN0MsT0FBTyxDQUFDLEdBQUcsR0FBRyxJQUFJLEtBQUssRUFBOEIsQ0FBQztnQkFDdEQsT0FBTyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDN0IsT0FBTyxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLENBQUM7Z0JBRXJFLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUNyQyxJQUFJLEtBQUssR0FBRyxJQUFJLDBCQUEwQixFQUFFLENBQUM7b0JBRTdDLEtBQUssQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztvQkFDN0IsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO29CQUU3QixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDekI7Z0JBRUQsT0FBTyxDQUFDLGtCQUFrQixHQUFHLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGdCQUFnQixDQUFDLENBQUM7Z0JBRWpHLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQTRCLEVBQUUsRUFBRTtvQkFDL0UsSUFBSSxDQUFDLHFCQUFxQixHQUFHLEtBQUssQ0FBQztvQkFDbkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7Z0JBQ3ZCLENBQUMsQ0FBQyxDQUFDO2FBQ0o7U0FDRjthQUNJO1lBQ0gsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7U0FDckI7SUFDSCxDQUFDO3dHQWpEVSw0QkFBNEI7NEZBQTVCLDRCQUE0QiwwRkNUekMsb3VDQWlDQSxna0VEc0NhLCtCQUErQjs7U0E5RC9CLDRCQUE0Qjs0RkFBNUIsNEJBQTRCO2tCQU54QyxTQUFTOytCQUNFLDRCQUE0QixpQkFHdkIsaUJBQWlCLENBQUMsSUFBSTswS0FTNUIsR0FBRztzQkFBWCxLQUFLOztBQWtEUixNQUthLCtCQUErQjtJQUl0QjtJQUE4QztJQUZ6RCxNQUFNLENBQWtCO0lBRWpDLFlBQW9CLGlCQUFvQyxFQUFVLGlCQUFvQztRQUFsRixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQVUsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtJQUFJLENBQUM7SUFFM0csUUFBUTtJQUNSLENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLG1CQUFtQixJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDekYsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztTQUN0QzthQUNJO1lBQ0gsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVNLGNBQWM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztRQUU3QyxJQUFJLElBQUksR0FBVyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksR0FBRyxFQUFFLENBQUM7UUFFekMsSUFBSSxJQUFJLElBQUksRUFBRSxFQUFFO1lBQ2QsSUFBSSxJQUFJLEdBQUcsQ0FBQztTQUNiO1FBRUQsSUFBSSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUUvQixJQUFJLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNyRyxDQUFDO3dHQTlCVSwrQkFBK0I7NEZBQS9CLCtCQUErQixtR0V2RTVDLDgyQkFvQkEsKzJCRlhhLDRCQUE0Qjs7U0E4RDVCLCtCQUErQjs0RkFBL0IsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLCtCQUErQjt3SUFNaEMsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQkNCSW1wb3J0T3BlblRlbXBSZXF1ZXN0LCBCQ0JJbXBvcnRPcGVuVGVtcERPUmVxdWVzdCwgQkNCSW1wb3J0T3BlblJlc3BvbnNlLCBJbXBvcnRBcGlDbGllbnQsIFdpemFyZEVCT1ZpZXdNb2RlbCwgTG9naW5SZXNwb25zZU1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vLi4vc3dhZ2dlci9Td2FnZ2VyQ2xpZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1lYm8nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iZWhlZXItaW1wb3J0LXNldHMtZWJvLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItaW1wb3J0LXNldHMtZWJvLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmVoZWVySW1wb3J0U2V0c0Vib0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHB1YmxpYyBPcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwdWJsaWMgTG9hZGluZzogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIHB1YmxpYyBCQ0JJbXBvcnRPcGVuUmVzcG9uc2U6IEJDQkltcG9ydE9wZW5SZXNwb25zZTtcclxuXHJcbiAgQElucHV0KCkgZWJvOiBXaXphcmRFQk9WaWV3TW9kZWw7IFxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIEltcG9ydEFwaUNsaWVudDogSW1wb3J0QXBpQ2xpZW50LFxyXG4gICAgcHJpdmF0ZSBhdXRoZW50aWNhdGlvblNlcnZpY2U6IEF1dGhlbnRpY2F0aW9uU2VydmljZSxcclxuICAgIHByaXZhdGUgSW1wb3J0U2V0c1NlcnZpY2U6IEltcG9ydFNldHNTZXJ2aWNlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgT3BlbigpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5PcGVuZWQpIHtcclxuICAgICAgdGhpcy5Mb2FkaW5nID0gdHJ1ZTtcclxuICAgICAgdGhpcy5PcGVuZWQgPSB0cnVlO1xyXG4gICAgICB2YXIgYXJyYXkgPSB0aGlzLmViby5kT3M7XHJcblxyXG4gICAgICBpZiAoYXJyYXkgIT0gbnVsbCkge1xyXG5cclxuICAgICAgICB2YXIgcmVxdWVzdCA9IG5ldyBCQ0JJbXBvcnRPcGVuVGVtcFJlcXVlc3QoKTtcclxuICAgICAgICByZXF1ZXN0LmRPcyA9IG5ldyBBcnJheTxCQ0JJbXBvcnRPcGVuVGVtcERPUmVxdWVzdD4oKTtcclxuICAgICAgICByZXF1ZXN0LmJhc2UgPSB0aGlzLmViby5iYXNlO1xyXG4gICAgICAgIHJlcXVlc3QuYmNiSW1wb3J0U2V0SWQgPSB0aGlzLkltcG9ydFNldHNTZXJ2aWNlLkJDQkltcG9ydFNldFNlbGVjdGVkO1xyXG5cclxuICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGFycmF5Lmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgICAgICB2YXIgbmV3ZG8gPSBuZXcgQkNCSW1wb3J0T3BlblRlbXBET1JlcXVlc3QoKTtcclxuXHJcbiAgICAgICAgICBuZXdkby5uYWFtID0gYXJyYXlbaV0uZG9OYWFtO1xyXG4gICAgICAgICAgbmV3ZG8udHlwZSA9IGFycmF5W2ldLmRvVHlwZTtcclxuXHJcbiAgICAgICAgICByZXF1ZXN0LmRPcy5wdXNoKG5ld2RvKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHJlcXVlc3QubG9naW5SZXNwb25zZU1vZGVsID0gbmV3IExvZ2luUmVzcG9uc2VNb2RlbCh0aGlzLmF1dGhlbnRpY2F0aW9uU2VydmljZS5jdXJyZW50VXNlclZhbHVlKTtcclxuXHJcbiAgICAgICAgdGhpcy5JbXBvcnRBcGlDbGllbnQub3BlbkVCTyhyZXF1ZXN0KS5zdWJzY3JpYmUoKG1vZGVsOiBCQ0JJbXBvcnRPcGVuUmVzcG9uc2UpID0+IHtcclxuICAgICAgICAgIHRoaXMuQkNCSW1wb3J0T3BlblJlc3BvbnNlID0gbW9kZWw7XHJcbiAgICAgICAgICB0aGlzLkxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgICB9KTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIHRoaXMuT3BlbmVkID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG5cclxuaW1wb3J0IHsgSW1wb3J0U2V0c1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9pbXBvcnRzZXRzLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBCQ0JJbXBvcnRPcGJvdXcgfSBmcm9tICcuLi8uLi8uLi8uLi9zd2FnZ2VyL1N3YWdnZXJDbGllbnQnO1xyXG5pbXBvcnQgeyBBdXRoZW50aWNhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9hdXRoZW50aWNhdGlvbi5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWJlaGVlci1pbXBvcnQtc2V0cy1vcGJvdXcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iZWhlZXItaW1wb3J0LXNldHMtb3Bib3V3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWhlZXItaW1wb3J0LXNldHMtb3Bib3V3LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEJlaGVlckltcG9ydFNldHNPcGJvdXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBvcGJvdXc6IEJDQkltcG9ydE9wYm91dztcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBJbXBvcnRTZXRzU2VydmljZTogSW1wb3J0U2V0c1NlcnZpY2UsIHByaXZhdGUgQ2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgVG9nZ2xlKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMub3Bib3V3LndpemFyZEVCT1ZpZXdNb2RlbHMgIT0gbnVsbCAmJiB0aGlzLm9wYm91dy53aXphcmRFQk9WaWV3TW9kZWxzLmxlbmd0aCA+IDApIHtcclxuICAgICAgdGhpcy5vcGJvdXcub3BlbiA9ICF0aGlzLm9wYm91dy5vcGVuO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIHRoaXMuVXBkYXRlU2VsZWN0ZWQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBVcGRhdGVTZWxlY3RlZCgpOiB2b2lkIHtcclxuICAgIHRoaXMub3Bib3V3LnNlbGVjdGVkID0gIXRoaXMub3Bib3V3LnNlbGVjdGVkO1xyXG5cclxuICAgIHZhciBiYXNlOiBzdHJpbmcgPSB0aGlzLm9wYm91dy5iYXNlICsgXCJcIjtcclxuXHJcbiAgICBpZiAoYmFzZSAhPSBcIlwiKSB7XHJcbiAgICAgIGJhc2UgKz0gXCIjXCI7XHJcbiAgICB9XHJcblxyXG4gICAgYmFzZSArPSB0aGlzLm9wYm91dy52YWx1ZSArIFwiXCI7XHJcblxyXG4gICAgdGhpcy5JbXBvcnRTZXRzU2VydmljZS5DaGFuZ2VJbXBvcnRTZXRWYWx1ZShiYXNlLCAxLCB0aGlzLm9wYm91dy5zZWxlY3RlZCwgdGhpcy5DaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgfVxyXG59XHJcblxyXG4iLCI8ZGl2IGNsYXNzPVwicm93XCI+XG4gIDxkaXYgY2xhc3M9XCJpY29uLWRpdlwiIChjbGljayk9XCJPcGVuKClcIj5cbiAgICA8bWF0LWljb24gKm5nSWY9XCIhT3BlbmVkXCIgY2xhc3M9XCJleHBhbmRfbW9yZVwiPmV4cGFuZF9tb3JlPC9tYXQtaWNvbj5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJPcGVuZWRcIiBjbGFzcz1cImV4cGFuZF9sZXNzXCI+ZXhwYW5kX2xlc3M8L21hdC1pY29uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInRleHQtZGl2XCI+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImZsZXgtYXV0byB0ZXh0LWJveFwiICpuZ0Zvcj1cImxldCBkbyBvZiBlYm8uZE9zXCI+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImZ1bGwtd2lkdGhcIiBhcHBlYXJhbmNlPVwiZmlsbFwiPlxuICAgICAgICAgIDxtYXQtbGFiZWw+e3sgZG8uZG9UeXBlIH19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IHZhbHVlPVwie3tkby5kb05hYW19fVwiIFtyZWFkb25seV09XCJ0cnVlXCI+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbjxkaXYgKm5nSWY9XCJPcGVuZWRcIj5cbiAgPGRpdiAqbmdJZj1cIkxvYWRpbmdcIj5cbiAgICA8YXBwLWZhYi1sb2FkZXI+PC9hcHAtZmFiLWxvYWRlcj5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nSWY9XCIhTG9hZGluZ1wiIGNsYXNzPVwicHJvcHNcIj5cbiAgICA8ZGl2IGNsYXNzPVwib3Bib3V3XCI+T3Bib3V3PC9kaXY+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgb3Bib3V3IG9mIEJDQkltcG9ydE9wZW5SZXNwb25zZS5iY2JJbXBvcnRPcGJvdXdlblwiPlxuICAgICAgPGFwcC1iZWhlZXItaW1wb3J0LXNldHMtb3Bib3V3IFtvcGJvdXddPVwib3Bib3V3XCI+PC9hcHAtYmVoZWVyLWltcG9ydC1zZXRzLW9wYm91dz5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJvcGJvdXdcIj5FaWdlbnNjaGFwPC9kaXY+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgZWlnZW5zY2hhcCBvZiBCQ0JJbXBvcnRPcGVuUmVzcG9uc2UuYmNiSW1wb3J0RWlnZW5zY2hhcHBlblwiPlxuICAgICAgPGFwcC1iZWhlZXItaW1wb3J0LXNldHMtZWlnZW5zY2hhcCBbZWlnZW5zY2hhcF09XCJlaWdlbnNjaGFwXCI+PC9hcHAtYmVoZWVyLWltcG9ydC1zZXRzLWVpZ2Vuc2NoYXA+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbiIsIjxkaXYgY2xhc3M9XCJ0b3Atcm93XCI+XHJcbiAgPGRpdiBjbGFzcz1cImljb24tZGl2XCIgKGNsaWNrKT1cIlRvZ2dsZSgpXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3Bib3V3LndpemFyZEVCT1ZpZXdNb2RlbHMgIT0gbnVsbCAmJiBvcGJvdXcud2l6YXJkRUJPVmlld01vZGVscy5sZW5ndGggPiAwXCI+XHJcbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFvcGJvdXcub3BlblwiIGNsYXNzPVwiZXhwYW5kX21vcmVcIj5leHBhbmRfbW9yZTwvbWF0LWljb24+XHJcbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIm9wYm91dy5vcGVuXCIgY2xhc3M9XCJleHBhbmRfbGVzc1wiPmV4cGFuZF9sZXNzPC9tYXQtaWNvbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgXHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInRleHQtZGl2IGZsZXhhdXRvXCIgKGNsaWNrKT1cIlRvZ2dsZSgpXCI+XHJcbiAgICB7eyBvcGJvdXcubmFtZSB9fVxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJjaGVjay1kaXZcIj5cclxuICAgIDxtYXQtY2hlY2tib3ggW2NoZWNrZWRdPVwib3Bib3V3LnNlbGVjdGVkXCIgKGNoYW5nZSk9XCJVcGRhdGVTZWxlY3RlZCgpXCI+PC9tYXQtY2hlY2tib3g+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiY29udGVudFwiICpuZ0lmPVwib3Bib3V3Lm9wZW5cIj5cclxuICA8ZGl2IGNsYXNzPVwiZWJvYm94XCIgKm5nRm9yPVwibGV0IGVibyBvZiBvcGJvdXcud2l6YXJkRUJPVmlld01vZGVsc1wiPlxyXG4gICAgPGFwcC1iZWhlZXItaW1wb3J0LXNldHMtZWJvIFtlYm9dPVwiZWJvXCI+PC9hcHAtYmVoZWVyLWltcG9ydC1zZXRzLWVibz5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

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

@@ -77,7 +77,7 @@ class BeheerImportSetsComponent {
     ConnectRange(value) {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerImportSetsComponent, deps: [{ token: i1.MatLegacyDialog }, { token: i2.ProductsService }, { token: i3.ImportSetsService }, { token: i4.ImportApiClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerImportSetsComponent, selector: "app-beheer-import-sets", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading()\" class=\"main-content\">\r\n  <mat-card>\r\n    <div class=\"toolbar\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Import set</mat-label>\r\n          <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (selectionChange)=\"Reload()\">\r\n            <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n              {{importset.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Wijzig()\">\r\n          Wijzig\r\n        </button>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Toevoegen()\">\r\n          Toevoegen\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"toolbar\" *ngIf=\"GetProducts().length > 0\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Product</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.ProductSelected\">\r\n            <mat-option *ngFor=\"let product of GetProducts()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"toolbar-item flex-auto\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>BCBProduct</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.BCBProductSelected\">\r\n            <mat-option *ngFor=\"let product of ProductsService.GetBCBProductsSelected()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Open()\">\r\n          Open\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n\r\n  <div class=\"main-block\">\r\n    <div class=\"flex-auto block\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div *ngIf=\"ImportSetsService.LoadingOpen\">\r\n            <app-fab-loader></app-fab-loader>\r\n          </div>\r\n          <div *ngIf=\"!ImportSetsService.LoadingOpen && ImportSetsService.BCBImportOpenResponse != null\">\r\n            <h3 class=\"title\">{{ ImportSetsService.BCBImportOpenResponse?.bcbeboViewModel?.name }}</h3>\r\n\r\n            <div class=\"opbouw\">Opbouw</div>\r\n            <app-beheer-import-sets-opbouw *ngFor=\"let opbouw of ImportSetsService.BCBImportOpenResponse.bcbImportOpbouwen\" [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\r\n\r\n            <div class=\"opbouw\">Eigenschap</div>\r\n            <app-beheer-import-sets-eigenschap *ngFor=\"let eigenschap of ImportSetsService.BCBImportOpenResponse.bcbImportEigenschappen\" [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <div class=\"importset-block block\">\r\n      <mat-card>\r\n        <mat-card-title>{{ ImportSetsService.GetActiveImportSet().name }}</mat-card-title>\r\n        <mat-card-content>\r\n          <mat-card class=\"value-block\" *ngFor=\"let value of ImportSetsService.GetActiveImportSet().bcbImportSetValueViewModels\">\r\n            <mat-card-content>\r\n              <div class=\"main-block\">\r\n                <div class=\"flex-auto\">\r\n                  <div>\r\n                    {{ value.value }}\r\n                  </div>\r\n                  <div class=\"main-block\">\r\n                    <button mat-raised-button (click)=\"ConnectFilter(value)\">\r\n                      Filter\r\n                    </button>\r\n                    <button mat-raised-button (click)=\"ConnectRange(value)\">\r\n                      Range\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div>\r\n                  <mat-form-field appearance=\"fill\" style=\"width: 50px;\">\r\n                    <mat-label>\r\n                      Count\r\n                    </mat-label>\r\n                    <input matInput type=\"number\" [(ngModel)]=\"value.count\" (change)=\"ProcessChange(value)\">\r\n                  </mat-form-field>\r\n                </div>\r\n              </div>\r\n              \r\n            </mat-card-content>\r\n          </mat-card>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-import-sets .main-content{padding:5px}app-beheer-import-sets .flex-auto{flex:auto}app-beheer-import-sets .mat-form-field-wrapper{padding-bottom:0}app-beheer-import-sets .mat-form-field-underline{bottom:0}app-beheer-import-sets .full-width{width:100%}app-beheer-import-sets .value-block{margin:3px}app-beheer-import-sets .importset-block{min-width:400px;margin-left:5px}app-beheer-import-sets .full-height{height:100%}app-beheer-import-sets .main-block{display:flex}app-beheer-import-sets .block{margin-top:5px;margin-bottom:5px}app-beheer-import-sets .toolbar{display:flex}app-beheer-import-sets .toolbar-item{margin-right:3px}app-beheer-import-sets .card{margin:3px}app-beheer-import-sets .opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i8.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: i8.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.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: i10.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i10.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i10.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i11.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i13.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i14.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i15.BeheerImportSetsOpbouwComponent, selector: "app-beheer-import-sets-opbouw", inputs: ["opbouw"] }, { kind: "component", type: i16.BeheerImportSetsEigenschapComponent, selector: "app-beheer-import-sets-eigenschap", inputs: ["eigenschap"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerImportSetsComponent, selector: "app-beheer-import-sets", ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<div *ngIf=\"Loading()\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading()\" class=\"main-content\">\r\n  <mat-card>\r\n    <div class=\"toolbar\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Import set</mat-label>\r\n          <mat-select [(ngModel)]=\"ImportSetsService.BCBImportSetSelected\" (selectionChange)=\"Reload()\">\r\n            <mat-option *ngFor=\"let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels\" [value]=\"importset.id\">\r\n              {{importset.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Wijzig()\">\r\n          Wijzig\r\n        </button>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Toevoegen()\">\r\n          Toevoegen\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"toolbar\" *ngIf=\"GetProducts().length > 0\">\r\n      <div class=\"toolbar-item\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Product</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.ProductSelected\">\r\n            <mat-option *ngFor=\"let product of GetProducts()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"toolbar-item flex-auto\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>BCBProduct</mat-label>\r\n          <mat-select [(ngModel)]=\"ProductsService.BCBProductSelected\">\r\n            <mat-option *ngFor=\"let product of ProductsService.GetBCBProductsSelected()\" [value]=\"product.id\">\r\n              {{product.name}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"\">\r\n        <button mat-raised-button (click)=\"Open()\">\r\n          Open\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n\r\n  <div class=\"main-block\">\r\n    <div class=\"flex-auto block\">\r\n      <mat-card>\r\n        <mat-card-content>\r\n          <div *ngIf=\"ImportSetsService.LoadingOpen\">\r\n            <app-fab-loader></app-fab-loader>\r\n          </div>\r\n          <div *ngIf=\"!ImportSetsService.LoadingOpen && ImportSetsService.BCBImportOpenResponse != null\">\r\n            <h3 class=\"title\">{{ ImportSetsService.BCBImportOpenResponse?.bcbeboViewModel?.name }}</h3>\r\n\r\n            <div class=\"opbouw\">Opbouw</div>\r\n            <app-beheer-import-sets-opbouw *ngFor=\"let opbouw of ImportSetsService.BCBImportOpenResponse.bcbImportOpbouwen\" [opbouw]=\"opbouw\"></app-beheer-import-sets-opbouw>\r\n\r\n            <div class=\"opbouw\">Eigenschap</div>\r\n            <app-beheer-import-sets-eigenschap *ngFor=\"let eigenschap of ImportSetsService.BCBImportOpenResponse.bcbImportEigenschappen\" [eigenschap]=\"eigenschap\"></app-beheer-import-sets-eigenschap>\r\n          </div>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n    <div class=\"importset-block block\">\r\n      <mat-card>\r\n        <mat-card-title>{{ ImportSetsService.GetActiveImportSet().name }}</mat-card-title>\r\n        <mat-card-content>\r\n          <mat-card class=\"value-block\" *ngFor=\"let value of ImportSetsService.GetActiveImportSet().bcbImportSetValueViewModels\">\r\n            <mat-card-content>\r\n              <div class=\"main-block\">\r\n                <div class=\"flex-auto\">\r\n                  <div>\r\n                    {{ value.value }}\r\n                  </div>\r\n                  <div class=\"main-block\">\r\n                    <button mat-raised-button (click)=\"ConnectFilter(value)\">\r\n                      Filter\r\n                    </button>\r\n                    <button mat-raised-button (click)=\"ConnectRange(value)\">\r\n                      Range\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div>\r\n                  <mat-form-field appearance=\"fill\" style=\"width: 50px;\">\r\n                    <mat-label>\r\n                      Count\r\n                    </mat-label>\r\n                    <input matInput type=\"number\" [(ngModel)]=\"value.count\" (change)=\"ProcessChange(value)\">\r\n                  </mat-form-field>\r\n                </div>\r\n              </div>\r\n              \r\n            </mat-card-content>\r\n          </mat-card>\r\n        </mat-card-content>\r\n      </mat-card>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-import-sets .main-content{padding:5px}app-beheer-import-sets .flex-auto{flex:auto}app-beheer-import-sets .mat-form-field-wrapper{padding-bottom:0}app-beheer-import-sets .mat-form-field-underline{bottom:0}app-beheer-import-sets .full-width{width:100%}app-beheer-import-sets .value-block{margin:3px}app-beheer-import-sets .importset-block{min-width:400px;margin-left:5px}app-beheer-import-sets .full-height{height:100%}app-beheer-import-sets .main-block{display:flex}app-beheer-import-sets .block{margin-top:5px;margin-bottom:5px}app-beheer-import-sets .toolbar{display:flex}app-beheer-import-sets .toolbar-item{margin-right:3px}app-beheer-import-sets .card{margin:3px}app-beheer-import-sets .opbouw{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i8.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: i8.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.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: i10.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i10.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i10.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i11.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i13.BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: i14.FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: i15.BeheerImportSetsOpbouwComponent, selector: "app-beheer-import-sets-opbouw", inputs: ["opbouw"] }, { kind: "component", type: i16.BeheerImportSetsEigenschapComponent, selector: "app-beheer-import-sets-eigenschap", inputs: ["eigenschap"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 export { BeheerImportSetsComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerImportSetsComponent, decorators: [{

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

@@ -44,7 +44,7 @@ class BeheerInlogComponent {
         beheer.Message = message;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerInlogComponent, deps: [{ token: i1.AuthenticationService }, { token: i2.Router }, { token: i3.SecurityApiClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerInlogComponent, selector: "app-beheer-inlog", ngImport: i0, template: "\r\n<div class=\"container\">\r\n  <div class=\"inlogdialog\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Gebruikersnaam</mat-label>\r\n            <input type=\"text\" [(ngModel)]=\"Username\" matInput value=\"\" (keyup.enter)=\"Login()\">\r\n          </mat-form-field>\r\n        </div>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Wachtwoord</mat-label>\r\n            <input type=\"password\" [(ngModel)]=\"Password\" matInput value=\"\" (keyup.enter)=\"Login()\">\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"button-bar\">\r\n          <span *ngIf=\"authenticationService.LoadingLogin\">\r\n            <app-fab-loader class=\"loader\"></app-fab-loader>\r\n            <br />\r\n            <br />\r\n            <br />\r\n          </span>\r\n\r\n          <ng-container *ngIf=\"!authenticationService.LoadingLogin\">\r\n            <div class=\"error-box\">\r\n              {{ Message }}\r\n            </div>\r\n            <button mat-raised-button (click)=\"Login()\" class=\"login-button\">\r\n              <span >\r\n                Login\r\n              </span>\r\n            </button>\r\n          </ng-container>\r\n        </div>\r\n        <div>\r\n          IP Address: {{ LoginIPResponseModel?.ipAddress }}\r\n        </div>\r\n        <div>\r\n          FabrikantenCore: {{ LoginIPResponseModel?.fabrikantenCoreVersion }}\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n    \r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-inlog .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}app-beheer-inlog .error-box{font-size:12px;text-align:center;color:red;padding:3px}app-beheer-inlog .login-button{width:70px}app-beheer-inlog .loader{height:20px;top:6px;position:relative}app-beheer-inlog .inlogdialog{width:300px}app-beheer-inlog .button-bar{text-align:right}app-beheer-inlog mat-form-field{width:100%}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i9.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i10.FabLoaderComponent, selector: "app-fab-loader" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerInlogComponent, selector: "app-beheer-inlog", ngImport: i0, template: "\r\n<div class=\"container\">\r\n  <div class=\"inlogdialog\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Gebruikersnaam</mat-label>\r\n            <input type=\"text\" [(ngModel)]=\"Username\" matInput value=\"\" (keyup.enter)=\"Login()\">\r\n          </mat-form-field>\r\n        </div>\r\n        <div>\r\n          <mat-form-field appearance=\"fill\">\r\n            <mat-label>Wachtwoord</mat-label>\r\n            <input type=\"password\" [(ngModel)]=\"Password\" matInput value=\"\" (keyup.enter)=\"Login()\">\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"button-bar\">\r\n          <span *ngIf=\"authenticationService.LoadingLogin\">\r\n            <app-fab-loader class=\"loader\"></app-fab-loader>\r\n            <br />\r\n            <br />\r\n            <br />\r\n          </span>\r\n\r\n          <ng-container *ngIf=\"!authenticationService.LoadingLogin\">\r\n            <div class=\"error-box\">\r\n              {{ Message }}\r\n            </div>\r\n            <button mat-raised-button (click)=\"Login()\" class=\"login-button\">\r\n              <span >\r\n                Login\r\n              </span>\r\n            </button>\r\n          </ng-container>\r\n        </div>\r\n        <div>\r\n          IP Address: {{ LoginIPResponseModel?.ipAddress }}\r\n        </div>\r\n        <div>\r\n          FabrikantenCore: {{ LoginIPResponseModel?.fabrikantenCoreVersion }}\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\n    \r\n  </div>\r\n</div>\r\n", styles: ["app-beheer-inlog .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}app-beheer-inlog .error-box{font-size:12px;text-align:center;color:red;padding:3px}app-beheer-inlog .login-button{width:70px}app-beheer-inlog .loader{height:20px;top:6px;position:relative}app-beheer-inlog .inlogdialog{width:300px}app-beheer-inlog .button-bar{text-align:right}app-beheer-inlog mat-form-field{width:100%}body{background:url(/assets/bouwconnect-achtergrond.png) fixed}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i9.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i10.FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 export { BeheerInlogComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerInlogComponent, decorators: [{

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

@@ -48,7 +48,7 @@ class BeheerProductsBcbproductComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerProductsBcbproductComponent, deps: [{ token: i1.ImportApiClient }, { token: i2.ProductsService }, { token: i3.AuthenticationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerProductsBcbproductComponent, selector: "app-beheer-products-bcbproduct", inputs: { BCBProductViewModel: "BCBProductViewModel" }, ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading\">\r\n  <mat-card style=\"margin: 1px;\">\r\n    <div class=\"product-bar\">\r\n      <div class=\"product-first block\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"BCBProductViewModel.name\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"Import()\">\r\n          Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"ResetImport()\">\r\n          Reset Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Opslaan\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Verwijderen\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <br />\r\n  <mat-card style=\"margin: 1px;\" *ngIf=\"BCBProductViewModel?.bcbeboViewModel\">\r\n    <mat-card-content>\r\n      <app-beheer-products-ebo [ebo]=\"BCBProductViewModel.bcbeboViewModel\"></app-beheer-products-ebo>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n\r\n", styles: [".product-bar{display:flex}.product-first{flex:auto}.full-width{width:100%}.card{margin:3px}.block{padding:3px}.row{display:flex;align-items:center;cursor:pointer}.icon-div{width:24px;height:24px}.text-div{flex:auto}.title{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i9.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i10.FabLoaderComponent, selector: "app-fab-loader" }, { kind: "component", type: i11.BeheerProductsEboComponent, selector: "app-beheer-products-ebo", inputs: ["ebo"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerProductsBcbproductComponent, selector: "app-beheer-products-bcbproduct", inputs: { BCBProductViewModel: "BCBProductViewModel" }, ngImport: i0, template: "<div *ngIf=\"Loading\">\r\n  <app-fab-loader></app-fab-loader>\r\n</div>\r\n<div *ngIf=\"!Loading\">\r\n  <mat-card style=\"margin: 1px;\">\r\n    <div class=\"product-bar\">\r\n      <div class=\"product-first block\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Naam</mat-label>\r\n          <input matInput [(ngModel)]=\"BCBProductViewModel.name\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"Import()\">\r\n          Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button (click)=\"ResetImport()\">\r\n          Reset Import\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Opslaan\r\n        </button>\r\n      </div>\r\n      <div class=\"block\">\r\n        <button mat-raised-button [disabled]=\"true\">\r\n          Verwijderen\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <br />\r\n  <mat-card style=\"margin: 1px;\" *ngIf=\"BCBProductViewModel?.bcbeboViewModel\">\r\n    <mat-card-content>\r\n      <app-beheer-products-ebo [ebo]=\"BCBProductViewModel.bcbeboViewModel\"></app-beheer-products-ebo>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n\r\n", styles: [".product-bar{display:flex}.product-first{flex:auto}.full-width{width:100%}.card{margin:3px}.block{padding:3px}.row{display:flex;align-items:center;cursor:pointer}.icon-div{width:24px;height:24px}.text-div{flex:auto}.title{border-bottom:2px solid #000;font-size:20px;margin-top:5px;margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: 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.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i9.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i10.FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }, { kind: "component", type: i11.BeheerProductsEboComponent, selector: "app-beheer-products-ebo", inputs: ["ebo"] }] });
 }
 export { BeheerProductsBcbproductComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerProductsBcbproductComponent, decorators: [{

package/esm2022/src/app/modules/fabrikantencore/beheer/components/beheer-products/beheer-products-connect-rangeinput/beheer-products-connect-rangeinput.component.mjs

@@ -112,7 +112,7 @@ class BeheerProductsConnectRangeinputComponent {
         return this.LoadingRangeInputs || this.LoadingOptions;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerProductsConnectRangeinputComponent, deps: [{ token: i1.MatLegacyDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.ProductsApiClient }, { token: i2.FiltersApiClient }, { token: i3.AuthenticationService }, { token: i4.ImportSetsService }, { token: i5.ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerProductsConnectRangeinputComponent, selector: "app-beheer-products-connect-rangeinput", 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=\"Nieuw\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Range input</mat-label>\r\n          <input matInput [(ngModel)]=\"RangeInputNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\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>Range Input</mat-label>\r\n          <mat-select [(ngModel)]=\"RangeInputSelected\">\r\n            <mat-option *ngFor=\"let range of RangeInputsViewModel.rangeInputs\" [value]=\"range.id\">\r\n              {{range.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()\">Koppel</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n  <div class=\"options-container\">\r\n    <div *ngFor=\"let fullname of Options.eigenschappen\">\r\n      <b>{{ fullname.location }}</b>\r\n      <div *ngFor=\"let ebo of fullname.eigenschappen\">\r\n        {{ ebo }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".options-container{max-height:300px}.tool-bar{padding:2px}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i10.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: i11.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i11.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i12.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i13.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i14.FabLoaderComponent, selector: "app-fab-loader" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BeheerProductsConnectRangeinputComponent, selector: "app-beheer-products-connect-rangeinput", 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=\"Nieuw\">\r\n      <div class=\"bar\">\r\n        <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n          <mat-label>Range input</mat-label>\r\n          <input matInput [(ngModel)]=\"RangeInputNaamNieuw\">\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"bar tool-bar\">\r\n        <button mat-raised-button (click)=\"NieuwToevoegen()\">Toevoegen</button>\r\n      </div>\r\n    </mat-tab>\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>Range Input</mat-label>\r\n          <mat-select [(ngModel)]=\"RangeInputSelected\">\r\n            <mat-option *ngFor=\"let range of RangeInputsViewModel.rangeInputs\" [value]=\"range.id\">\r\n              {{range.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()\">Koppel</button>\r\n      </div>\r\n    </mat-tab>\r\n  </mat-tab-group>\r\n  <div class=\"options-container\">\r\n    <div *ngFor=\"let fullname of Options.eigenschappen\">\r\n      <b>{{ fullname.location }}</b>\r\n      <div *ngFor=\"let ebo of fullname.eigenschappen\">\r\n        {{ ebo }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".options-container{max-height:300px}.tool-bar{padding:2px}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i10.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: i11.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i11.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i12.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i13.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i14.FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }] });
 }
 export { BeheerProductsConnectRangeinputComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeheerProductsConnectRangeinputComponent, decorators: [{