ngx-st-tables 1.1.9 → 1.1.11

package/README.md

@@ -1,24 +1,24 @@
-# NgxLocalTable
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project ngx-st-tables` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-st-tables`.
-> Note: Don't forget to add `--project ngx-st-tables` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build ngx-st-tables` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build ngx-st-tables`, go to the dist folder `cd dist/ngx-st-tables` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test ngx-st-tables` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# NgxStTables
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ngx-st-tables` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-st-tables`.
+> Note: Don't forget to add `--project ngx-st-tables` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ngx-st-tables` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ngx-st-tables`, go to the dist folder `cd dist/ngx-st-tables` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ngx-st-tables` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/assets/base-table.scss

@@ -1,154 +1,155 @@
-
-.search-form {
-  button {
-    height: 40px;
-  }
-
-  mat-form-field {
-    &:first-child {
-      padding-left: 0;
-    }
-
-    &:last-child {
-      padding-right: 0;
-    }
-  }
-
-
-  .clear {
-    padding: 0;
-
-    i {
-      height: 20px;
-      width: 20px;
-      font-size: 20px;
-      cursor: pointer;
-    }
-  }
-}
-
-table {
-  width: 100%;
-  box-shadow: none;
-
-    th.mat-header-cell:first-of-type, td.mat-cell:first-of-type, td.mat-footer-cell:first-of-type {
-        padding-left: 12px;
-    }
-
-    th.mat-header-cell:last-of-type, td.mat-cell:last-of-type, td.mat-footer-cell:last-of-type {
-        padding-right: 12px;
-    }
-
-  &::ng-deep {
-    thead {
-      tr {
-        background-color: #fff9c4;
-
-        th {
-          border-color: #fdd835;
-        }
-      }
-    }
-
-    tbody {
-      & > tr {
-        cursor: pointer;
-
-        &.active {
-          background-color: #a5d6a7;
-        }
-
-        &:hover {
-          background-color: #a5d6a7;
-        }
-
-        &.disabled {
-          cursor: not-allowed;
-
-          &:hover {
-            background-color: inherit;
-          }
-        }
-
-        &.detail-row {
-          height: 0;
-          cursor: default;
-
-          &:hover {
-            background-color: transparent;
-          }
-
-          .element-detail {
-            overflow: hidden;
-            display: flex;
-
-            p {
-              padding: 20px 0;
-              margin-bottom: 0;
-              white-space: pre-wrap
-            }
-          }
-        }
-
-        td {
-          i.active-row {
-            color: #1b5e20;
-            font-weight: bold;
-            font-size: 25px;
-            height: 25px;
-            width: 25px;
-            margin-top: 2px;
-          }
-        }
-
-        td {
-          & > div {
-            max-height: 200px;
-            overflow: hidden;
-            overflow-y: auto;
-          }
-          a {
-            button {
-              color: #000;
-            }
-
-            i {
-              color: #333;
-            }
-          }
-        }
-      }
-    }
-
-    .mat-column-active {
-      width: 48px;
-    }
-  }
-
-  &.no-hover {
-    &::ng-deep {
-
-      tbody {
-        tr {
-          cursor: default;
-
-          &.active {
-            background-color: transparent;
-          }
-
-          &:hover {
-            background-color: transparent;
-          }
-        }
-      }
-    }
-  }
-
-  &.admin-table {
-    &::ng-deep {
-      .actions-cell {
-        width: 100px;
-      }
-    }
-  }
-}
+.search-form {
+  button {
+    height: 40px;
+  }
+
+  mat-form-field {
+    &:first-child {
+      padding-left: 0;
+    }
+
+    &:last-child {
+      padding-right: 0;
+    }
+  }
+
+  .clear {
+    padding: 0;
+
+    i {
+      height: 20px;
+      width: 20px;
+      font-size: 20px;
+      cursor: pointer;
+    }
+  }
+}
+
+table {
+  width: 100%;
+  box-shadow: none;
+
+  th.mat-header-cell:first-of-type,
+  td.mat-cell:first-of-type,
+  td.mat-footer-cell:first-of-type {
+    padding-left: 12px;
+  }
+
+  th.mat-header-cell:last-of-type,
+  td.mat-cell:last-of-type,
+  td.mat-footer-cell:last-of-type {
+    padding-right: 12px;
+  }
+
+  &::ng-deep {
+    thead {
+      tr {
+        background-color: #fff9c4;
+
+        th {
+          border-color: #fdd835;
+        }
+      }
+    }
+
+    tbody {
+      & > tr {
+        cursor: pointer;
+
+        &.active {
+          background-color: #a5d6a7;
+        }
+
+        &:hover {
+          background-color: #a5d6a7;
+        }
+
+        &.disabled {
+          cursor: not-allowed;
+
+          &:hover {
+            background-color: inherit;
+          }
+        }
+
+        &.detail-row {
+          height: 0;
+          cursor: default;
+
+          &:hover {
+            background-color: transparent;
+          }
+
+          .element-detail {
+            overflow: hidden;
+            display: flex;
+
+            p {
+              padding: 20px 0;
+              margin-bottom: 0;
+              white-space: pre-wrap;
+            }
+          }
+        }
+
+        td {
+          i.active-row {
+            color: #1b5e20;
+            font-weight: bold;
+            font-size: 25px;
+            height: 25px;
+            width: 25px;
+            margin-top: 2px;
+          }
+        }
+
+        td {
+          & > div {
+            max-height: 200px;
+            overflow: hidden;
+            overflow-y: auto;
+          }
+          a {
+            button {
+              color: #000;
+            }
+
+            i {
+              color: #333;
+            }
+          }
+        }
+      }
+    }
+
+    .mat-column-active {
+      width: 48px;
+    }
+  }
+
+  &.no-hover {
+    &::ng-deep {
+      tbody {
+        tr {
+          cursor: default;
+
+          &.active {
+            background-color: transparent;
+          }
+
+          &:hover {
+            background-color: transparent;
+          }
+        }
+      }
+    }
+  }
+
+  &.admin-table {
+    &::ng-deep {
+      .actions-cell {
+        width: 100px;
+      }
+    }
+  }
+}

package/esm2020/lib/components/local-table/configurations/configurations.component.mjs

@@ -1,70 +1,69 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/button";
-import * as i3 from "@angular/material/form-field";
-import * as i4 from "@angular/material/input";
-import * as i5 from "@angular/forms";
-import * as i6 from "@angular/material/select";
-import * as i7 from "@angular/material/core";
-export class ConfigurationsComponent {
-    constructor() {
-        this.createNewConfig = new EventEmitter();
-        this.removeConfig = new EventEmitter();
-        this.changeConfig = new EventEmitter();
-        this.creatingConfiguration = false;
-        this.createConfigurationName = '';
-        this.removingConfiguration = false;
-    }
-    set initSelectedConfig(config) {
-        this.selectedConfig = config;
-    }
-    ngOnInit() {
-    }
-    showCreateConfiguration() {
-        this.creatingConfiguration = true;
-        this.createConfigurationName = '';
-    }
-    hideCreateConfiguration() {
-        this.creatingConfiguration = false;
-        this.createConfigurationName = '';
-    }
-    saveCreateConfiguration() {
-        this.creatingConfiguration = false;
-        this.selectedConfig = null;
-        this.createNewConfig.emit(this.createConfigurationName);
-    }
-    deleteConfiguration() {
-        this.removingConfiguration = true;
-    }
-    acceptDeleteConfiguration() {
-        this.removingConfiguration = false;
-        this.selectedConfig = null;
-        this.removeConfig.emit(this.selectedConfig.configId);
-    }
-    declineDeleteConfiguration() {
-        this.removingConfiguration = false;
-    }
-    selectedConfigChanged() {
-        this.changeConfig.emit(this.selectedConfig?.configId || null);
-    }
-}
-ConfigurationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConfigurationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ConfigurationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ConfigurationsComponent, selector: "app-configurations[configurationsSettings]", inputs: { configurationsSettings: "configurationsSettings", configurations: "configurations", initSelectedConfig: "initSelectedConfig" }, outputs: { createNewConfig: "createNewConfig", removeConfig: "removeConfig", changeConfig: "changeConfig" }, ngImport: i0, template: "<div class=\"col-auto row align-items-center\" style=\"padding: 0;\">\r\n    <ng-container *ngIf=\"!creatingConfiguration && !removingConfiguration\">\r\n        <mat-form-field class=\"col-auto\" style=\"padding-right: 0;\">\r\n            <mat-label>{{configurationsSettings.selectLabel}}</mat-label>\r\n            <mat-select [(ngModel)]=\"selectedConfig\" (ngModelChange)=\"selectedConfigChanged()\">\r\n                <mat-option [value]=\"null\"></mat-option>\r\n                <mat-option *ngFor=\"let config of configurations\" [value]=\"config\">{{config.configName}}</mat-option>\r\n            </mat-select>\r\n        </mat-form-field>\r\n        <button mat-icon-button class=\"col-auto green-icon\" (click)=\"showCreateConfiguration()\">\r\n            <span class=\"material-icons-outlined\">\r\n                add\r\n            </span>\r\n        </button>\r\n        <button mat-icon-button class=\"col-auto red-icon\" [disabled]=\"!selectedConfig\" (click)=\"deleteConfiguration()\">\r\n            <span class=\"material-icons-outlined\">\r\n                delete\r\n            </span>\r\n        </button>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"creatingConfiguration\">\r\n        <mat-form-field class=\"col-auto\">\r\n            <mat-label>{{configurationsSettings.createLabel}}</mat-label>\r\n            <input matInput [(ngModel)]=\"createConfigurationName\">\r\n        </mat-form-field>\r\n        <button mat-icon-button class=\"col-auto green-icon\" (click)=\"saveCreateConfiguration()\" [disabled]=\"!createConfigurationName\">\r\n            <span class=\"material-icons-outlined\">\r\n                done\r\n            </span>\r\n        </button>\r\n        <button mat-icon-button class=\"col-auto red-icon\" (click)=\"hideCreateConfiguration()\">\r\n            <span class=\"material-icons-outlined\">\r\n                close\r\n            </span>\r\n        </button>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"removingConfiguration\">\r\n        <p class=\"col-auto\" style=\"margin: 0; font-weight: bold;font-size: 16px;\">{{configurationsSettings.deleteWarningTitle}}</p>\r\n        <button mat-icon-button class=\"col-auto green-icon\" (click)=\"acceptDeleteConfiguration()\">\r\n            <span class=\"material-icons-outlined\">\r\n                done\r\n            </span>\r\n        </button>\r\n        <button mat-icon-button class=\"col-auto red-icon\" (click)=\"declineDeleteConfiguration()\">\r\n            <span class=\"material-icons-outlined\">\r\n                close\r\n            </span>\r\n        </button>\r\n    </ng-container>\r\n</div>\r\n", styles: [".green-icon span{color:#2e7d32}.red-icon span{color:#c62828}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i5.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: 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.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConfigurationsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-configurations[configurationsSettings]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"col-auto row align-items-center\" style=\"padding: 0;\">\r\n    <ng-container *ngIf=\"!creatingConfiguration && !removingConfiguration\">\r\n        <mat-form-field class=\"col-auto\" style=\"padding-right: 0;\">\r\n            <mat-label>{{configurationsSettings.selectLabel}}</mat-label>\r\n            <mat-select [(ngModel)]=\"selectedConfig\" (ngModelChange)=\"selectedConfigChanged()\">\r\n                <mat-option [value]=\"null\"></mat-option>\r\n                <mat-option *ngFor=\"let config of configurations\" [value]=\"config\">{{config.configName}}</mat-option>\r\n            </mat-select>\r\n        </mat-form-field>\r\n        <button mat-icon-button class=\"col-auto green-icon\" (click)=\"showCreateConfiguration()\">\r\n            <span class=\"material-icons-outlined\">\r\n                add\r\n            </span>\r\n        </button>\r\n        <button mat-icon-button class=\"col-auto red-icon\" [disabled]=\"!selectedConfig\" (click)=\"deleteConfiguration()\">\r\n            <span class=\"material-icons-outlined\">\r\n                delete\r\n            </span>\r\n        </button>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"creatingConfiguration\">\r\n        <mat-form-field class=\"col-auto\">\r\n            <mat-label>{{configurationsSettings.createLabel}}</mat-label>\r\n            <input matInput [(ngModel)]=\"createConfigurationName\">\r\n        </mat-form-field>\r\n        <button mat-icon-button class=\"col-auto green-icon\" (click)=\"saveCreateConfiguration()\" [disabled]=\"!createConfigurationName\">\r\n            <span class=\"material-icons-outlined\">\r\n                done\r\n            </span>\r\n        </button>\r\n        <button mat-icon-button class=\"col-auto red-icon\" (click)=\"hideCreateConfiguration()\">\r\n            <span class=\"material-icons-outlined\">\r\n                close\r\n            </span>\r\n        </button>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"removingConfiguration\">\r\n        <p class=\"col-auto\" style=\"margin: 0; font-weight: bold;font-size: 16px;\">{{configurationsSettings.deleteWarningTitle}}</p>\r\n        <button mat-icon-button class=\"col-auto green-icon\" (click)=\"acceptDeleteConfiguration()\">\r\n            <span class=\"material-icons-outlined\">\r\n                done\r\n            </span>\r\n        </button>\r\n        <button mat-icon-button class=\"col-auto red-icon\" (click)=\"declineDeleteConfiguration()\">\r\n            <span class=\"material-icons-outlined\">\r\n                close\r\n            </span>\r\n        </button>\r\n    </ng-container>\r\n</div>\r\n", styles: [".green-icon span{color:#2e7d32}.red-icon span{color:#c62828}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { configurationsSettings: [{
-                type: Input
-            }], configurations: [{
-                type: Input
-            }], initSelectedConfig: [{
-                type: Input
-            }], createNewConfig: [{
-                type: Output
-            }], removeConfig: [{
-                type: Output
-            }], changeConfig: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlndXJhdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXRhYmxlcy9zcmMvbGliL2NvbXBvbmVudHMvbG9jYWwtdGFibGUvY29uZmlndXJhdGlvbnMvY29uZmlndXJhdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXRhYmxlcy9zcmMvbGliL2NvbXBvbmVudHMvbG9jYWwtdGFibGUvY29uZmlndXJhdGlvbnMvY29uZmlndXJhdGlvbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBVXRHLE1BQU0sT0FBTyx1QkFBdUI7SUE2QmhDO1FBZkEsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRzdDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUcxQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO1FBRWpELDBCQUFxQixHQUFHLEtBQUssQ0FBQztRQUM5Qiw0QkFBdUIsR0FBRyxFQUFFLENBQUM7UUFFN0IsMEJBQXFCLEdBQUcsS0FBSyxDQUFDO0lBSzlCLENBQUM7SUF0QkQsSUFDSSxrQkFBa0IsQ0FBQyxNQUErQztRQUNsRSxJQUFJLENBQUMsY0FBYyxHQUFHLE1BQU0sQ0FBQztJQUNqQyxDQUFDO0lBcUJELFFBQVE7SUFDUixDQUFDO0lBRUQsdUJBQXVCO1FBQ25CLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxJQUFJLENBQUM7UUFDbEMsSUFBSSxDQUFDLHVCQUF1QixHQUFHLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsdUJBQXVCO1FBQ25CLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDbkMsSUFBSSxDQUFDLHVCQUF1QixHQUFHLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsdUJBQXVCO1FBQ25CLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDbkMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7UUFDM0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVELG1CQUFtQjtRQUNmLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxJQUFJLENBQUM7SUFDdEMsQ0FBQztJQUVELHlCQUF5QjtRQUNyQixJQUFJLENBQUMscUJBQXFCLEdBQUcsS0FBSyxDQUFDO1FBQ25DLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDO1FBQzNCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFlLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVELDBCQUEwQjtRQUN0QixJQUFJLENBQUMscUJBQXFCLEdBQUcsS0FBSyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxxQkFBcUI7UUFDakIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxRQUFRLElBQUksSUFBSSxDQUFDLENBQUM7SUFDbEUsQ0FBQzs7b0hBbkVRLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHlVQ1ZwQyw0bEZBb0RBOzJGRDFDYSx1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0ksNENBQTRDLG1CQUdyQyx1QkFBdUIsQ0FBQyxNQUFNOzBFQUsvQyxzQkFBc0I7c0JBRHJCLEtBQUs7Z0JBSU4sY0FBYztzQkFEYixLQUFLO2dCQUlGLGtCQUFrQjtzQkFEckIsS0FBSztnQkFNTixlQUFlO3NCQURkLE1BQU07Z0JBSVAsWUFBWTtzQkFEWCxNQUFNO2dCQUlQLFlBQVk7c0JBRFgsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1N0Q29uZmlndXJhdGlvbnNTZXR0aW5nc01vZGVsfSBmcm9tIFwiLi4vLi4vLi4vbW9kZWxzL2xvY2FsLXRhYmxlL3N0LWNvbmZpZ3VyYXRpb25zLXNldHRpbmdzLm1vZGVsXCI7XHJcbmltcG9ydCB7U3RMb2NhbFN0b3JhZ2VDb25maWd1cmF0aW9uTW9kZWx9IGZyb20gXCIuLi8uLi8uLi9tb2RlbHMvbG9jYWwtdGFibGUvc3QtbG9jYWwtc3RvcmFnZS1jb25maWd1cmF0aW9uLm1vZGVsXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXBwLWNvbmZpZ3VyYXRpb25zW2NvbmZpZ3VyYXRpb25zU2V0dGluZ3NdJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb25maWd1cmF0aW9ucy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9jb25maWd1cmF0aW9ucy5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbmZpZ3VyYXRpb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgY29uZmlndXJhdGlvbnNTZXR0aW5nczogU3RDb25maWd1cmF0aW9uc1NldHRpbmdzTW9kZWw7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGNvbmZpZ3VyYXRpb25zOiBTdExvY2FsU3RvcmFnZUNvbmZpZ3VyYXRpb25Nb2RlbFtdO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBzZXQgaW5pdFNlbGVjdGVkQ29uZmlnKGNvbmZpZzogU3RMb2NhbFN0b3JhZ2VDb25maWd1cmF0aW9uTW9kZWwgfCBudWxsKSB7XHJcbiAgICAgICAgdGhpcy5zZWxlY3RlZENvbmZpZyA9IGNvbmZpZztcclxuICAgIH1cclxuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIGNyZWF0ZU5ld0NvbmZpZyA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICAgIEBPdXRwdXQoKVxyXG4gICAgcmVtb3ZlQ29uZmlnID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gICAgQE91dHB1dCgpXHJcbiAgICBjaGFuZ2VDb25maWcgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZyB8IG51bGw+KCk7XHJcblxyXG4gICAgY3JlYXRpbmdDb25maWd1cmF0aW9uID0gZmFsc2U7XHJcbiAgICBjcmVhdGVDb25maWd1cmF0aW9uTmFtZSA9ICcnO1xyXG5cclxuICAgIHJlbW92aW5nQ29uZmlndXJhdGlvbiA9IGZhbHNlO1xyXG5cclxuICAgIHNlbGVjdGVkQ29uZmlnOiBTdExvY2FsU3RvcmFnZUNvbmZpZ3VyYXRpb25Nb2RlbCB8IG51bGw7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB9XHJcblxyXG4gICAgc2hvd0NyZWF0ZUNvbmZpZ3VyYXRpb24oKSB7XHJcbiAgICAgICAgdGhpcy5jcmVhdGluZ0NvbmZpZ3VyYXRpb24gPSB0cnVlO1xyXG4gICAgICAgIHRoaXMuY3JlYXRlQ29uZmlndXJhdGlvbk5hbWUgPSAnJztcclxuICAgIH1cclxuXHJcbiAgICBoaWRlQ3JlYXRlQ29uZmlndXJhdGlvbigpIHtcclxuICAgICAgICB0aGlzLmNyZWF0aW5nQ29uZmlndXJhdGlvbiA9IGZhbHNlO1xyXG4gICAgICAgIHRoaXMuY3JlYXRlQ29uZmlndXJhdGlvbk5hbWUgPSAnJztcclxuICAgIH1cclxuXHJcbiAgICBzYXZlQ3JlYXRlQ29uZmlndXJhdGlvbigpIHtcclxuICAgICAgICB0aGlzLmNyZWF0aW5nQ29uZmlndXJhdGlvbiA9IGZhbHNlO1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRDb25maWcgPSBudWxsO1xyXG4gICAgICAgIHRoaXMuY3JlYXRlTmV3Q29uZmlnLmVtaXQodGhpcy5jcmVhdGVDb25maWd1cmF0aW9uTmFtZSk7XHJcbiAgICB9XHJcblxyXG4gICAgZGVsZXRlQ29uZmlndXJhdGlvbigpIHtcclxuICAgICAgICB0aGlzLnJlbW92aW5nQ29uZmlndXJhdGlvbiA9IHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgYWNjZXB0RGVsZXRlQ29uZmlndXJhdGlvbigpIHtcclxuICAgICAgICB0aGlzLnJlbW92aW5nQ29uZmlndXJhdGlvbiA9IGZhbHNlO1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRDb25maWcgPSBudWxsO1xyXG4gICAgICAgIHRoaXMucmVtb3ZlQ29uZmlnLmVtaXQodGhpcy5zZWxlY3RlZENvbmZpZyEuY29uZmlnSWQpO1xyXG4gICAgfVxyXG5cclxuICAgIGRlY2xpbmVEZWxldGVDb25maWd1cmF0aW9uKCkge1xyXG4gICAgICAgIHRoaXMucmVtb3ZpbmdDb25maWd1cmF0aW9uID0gZmFsc2U7XHJcbiAgICB9XHJcblxyXG4gICAgc2VsZWN0ZWRDb25maWdDaGFuZ2VkKCkge1xyXG4gICAgICAgIHRoaXMuY2hhbmdlQ29uZmlnLmVtaXQodGhpcy5zZWxlY3RlZENvbmZpZz8uY29uZmlnSWQgfHwgbnVsbCk7XHJcbiAgICB9XHJcbn1cclxuXHJcblxyXG4iLCI8ZGl2IGNsYXNzPVwiY29sLWF1dG8gcm93IGFsaWduLWl0ZW1zLWNlbnRlclwiIHN0eWxlPVwicGFkZGluZzogMDtcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhY3JlYXRpbmdDb25maWd1cmF0aW9uICYmICFyZW1vdmluZ0NvbmZpZ3VyYXRpb25cIj5cclxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJjb2wtYXV0b1wiIHN0eWxlPVwicGFkZGluZy1yaWdodDogMDtcIj5cclxuICAgICAgICAgICAgPG1hdC1sYWJlbD57e2NvbmZpZ3VyYXRpb25zU2V0dGluZ3Muc2VsZWN0TGFiZWx9fTwvbWF0LWxhYmVsPlxyXG4gICAgICAgICAgICA8bWF0LXNlbGVjdCBbKG5nTW9kZWwpXT1cInNlbGVjdGVkQ29uZmlnXCIgKG5nTW9kZWxDaGFuZ2UpPVwic2VsZWN0ZWRDb25maWdDaGFuZ2VkKClcIj5cclxuICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJudWxsXCI+PC9tYXQtb3B0aW9uPlxyXG4gICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGNvbmZpZyBvZiBjb25maWd1cmF0aW9uc1wiIFt2YWx1ZV09XCJjb25maWdcIj57e2NvbmZpZy5jb25maWdOYW1lfX08L21hdC1vcHRpb24+XHJcbiAgICAgICAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwiY29sLWF1dG8gZ3JlZW4taWNvblwiIChjbGljayk9XCJzaG93Q3JlYXRlQ29uZmlndXJhdGlvbigpXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWRcIj5cclxuICAgICAgICAgICAgICAgIGFkZFxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJjb2wtYXV0byByZWQtaWNvblwiIFtkaXNhYmxlZF09XCIhc2VsZWN0ZWRDb25maWdcIiAoY2xpY2spPVwiZGVsZXRlQ29uZmlndXJhdGlvbigpXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWRcIj5cclxuICAgICAgICAgICAgICAgIGRlbGV0ZVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3JlYXRpbmdDb25maWd1cmF0aW9uXCI+XHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiY29sLWF1dG9cIj5cclxuICAgICAgICAgICAgPG1hdC1sYWJlbD57e2NvbmZpZ3VyYXRpb25zU2V0dGluZ3MuY3JlYXRlTGFiZWx9fTwvbWF0LWxhYmVsPlxyXG4gICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgWyhuZ01vZGVsKV09XCJjcmVhdGVDb25maWd1cmF0aW9uTmFtZVwiPlxyXG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJjb2wtYXV0byBncmVlbi1pY29uXCIgKGNsaWNrKT1cInNhdmVDcmVhdGVDb25maWd1cmF0aW9uKClcIiBbZGlzYWJsZWRdPVwiIWNyZWF0ZUNvbmZpZ3VyYXRpb25OYW1lXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWRcIj5cclxuICAgICAgICAgICAgICAgIGRvbmVcclxuICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwiY29sLWF1dG8gcmVkLWljb25cIiAoY2xpY2spPVwiaGlkZUNyZWF0ZUNvbmZpZ3VyYXRpb24oKVwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkXCI+XHJcbiAgICAgICAgICAgICAgICBjbG9zZVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicmVtb3ZpbmdDb25maWd1cmF0aW9uXCI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJjb2wtYXV0b1wiIHN0eWxlPVwibWFyZ2luOiAwOyBmb250LXdlaWdodDogYm9sZDtmb250LXNpemU6IDE2cHg7XCI+e3tjb25maWd1cmF0aW9uc1NldHRpbmdzLmRlbGV0ZVdhcm5pbmdUaXRsZX19PC9wPlxyXG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwiY29sLWF1dG8gZ3JlZW4taWNvblwiIChjbGljayk9XCJhY2NlcHREZWxldGVDb25maWd1cmF0aW9uKClcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZFwiPlxyXG4gICAgICAgICAgICAgICAgZG9uZVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJjb2wtYXV0byByZWQtaWNvblwiIChjbGljayk9XCJkZWNsaW5lRGVsZXRlQ29uZmlndXJhdGlvbigpXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWRcIj5cclxuICAgICAgICAgICAgICAgIGNsb3NlXHJcbiAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG48L2Rpdj5cclxuIl19
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/select";
+import * as i7 from "@angular/material/core";
+export class ConfigurationsComponent {
+    constructor() {
+        this.createNewConfig = new EventEmitter();
+        this.removeConfig = new EventEmitter();
+        this.changeConfig = new EventEmitter();
+        this.creatingConfiguration = false;
+        this.createConfigurationName = '';
+        this.removingConfiguration = false;
+    }
+    set initSelectedConfig(config) {
+        this.selectedConfig = config;
+    }
+    ngOnInit() { }
+    showCreateConfiguration() {
+        this.creatingConfiguration = true;
+        this.createConfigurationName = '';
+    }
+    hideCreateConfiguration() {
+        this.creatingConfiguration = false;
+        this.createConfigurationName = '';
+    }
+    saveCreateConfiguration() {
+        this.creatingConfiguration = false;
+        this.selectedConfig = null;
+        this.createNewConfig.emit(this.createConfigurationName);
+    }
+    deleteConfiguration() {
+        this.removingConfiguration = true;
+    }
+    acceptDeleteConfiguration() {
+        this.removingConfiguration = false;
+        this.selectedConfig = null;
+        this.removeConfig.emit(this.selectedConfig.configId);
+    }
+    declineDeleteConfiguration() {
+        this.removingConfiguration = false;
+    }
+    selectedConfigChanged() {
+        this.changeConfig.emit(this.selectedConfig?.configId || null);
+    }
+}
+ConfigurationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConfigurationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ConfigurationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ConfigurationsComponent, selector: "st-configurations[configurationsSettings]", inputs: { configurationsSettings: "configurationsSettings", configurations: "configurations", initSelectedConfig: "initSelectedConfig" }, outputs: { createNewConfig: "createNewConfig", removeConfig: "removeConfig", changeConfig: "changeConfig" }, ngImport: i0, template: "<div class=\"col-auto row align-items-center\" style=\"padding: 0\">\n  <ng-container *ngIf=\"!creatingConfiguration && !removingConfiguration\">\n    <mat-form-field class=\"col-auto\" style=\"padding-right: 0\">\n      <mat-label>{{ configurationsSettings.selectLabel }}</mat-label>\n      <mat-select\n        [(ngModel)]=\"selectedConfig\"\n        (ngModelChange)=\"selectedConfigChanged()\"\n      >\n        <mat-option [value]=\"null\"></mat-option>\n        <mat-option *ngFor=\"let config of configurations\" [value]=\"config\">{{\n          config.configName\n        }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <button\n      mat-icon-button\n      class=\"col-auto green-icon\"\n      (click)=\"showCreateConfiguration()\"\n    >\n      <span class=\"material-icons-outlined\"> add </span>\n    </button>\n    <button\n      mat-icon-button\n      class=\"col-auto red-icon\"\n      [disabled]=\"!selectedConfig\"\n      (click)=\"deleteConfiguration()\"\n    >\n      <span class=\"material-icons-outlined\"> delete </span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"creatingConfiguration\">\n    <mat-form-field class=\"col-auto\">\n      <mat-label>{{ configurationsSettings.createLabel }}</mat-label>\n      <input matInput [(ngModel)]=\"createConfigurationName\" />\n    </mat-form-field>\n    <button\n      mat-icon-button\n      class=\"col-auto green-icon\"\n      (click)=\"saveCreateConfiguration()\"\n      [disabled]=\"!createConfigurationName\"\n    >\n      <span class=\"material-icons-outlined\"> done </span>\n    </button>\n    <button\n      mat-icon-button\n      class=\"col-auto red-icon\"\n      (click)=\"hideCreateConfiguration()\"\n    >\n      <span class=\"material-icons-outlined\"> close </span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"removingConfiguration\">\n    <p class=\"col-auto\" style=\"margin: 0; font-weight: bold; font-size: 16px\">\n      {{ configurationsSettings.deleteWarningTitle }}\n    </p>\n    <button\n      mat-icon-button\n      class=\"col-auto green-icon\"\n      (click)=\"acceptDeleteConfiguration()\"\n    >\n      <span class=\"material-icons-outlined\"> done </span>\n    </button>\n    <button\n      mat-icon-button\n      class=\"col-auto red-icon\"\n      (click)=\"declineDeleteConfiguration()\"\n    >\n      <span class=\"material-icons-outlined\"> close </span>\n    </button>\n  </ng-container>\n</div>\n", styles: [".green-icon span{color:#2e7d32}.red-icon span{color:#c62828}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i5.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: 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.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConfigurationsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'st-configurations[configurationsSettings]', template: "<div class=\"col-auto row align-items-center\" style=\"padding: 0\">\n  <ng-container *ngIf=\"!creatingConfiguration && !removingConfiguration\">\n    <mat-form-field class=\"col-auto\" style=\"padding-right: 0\">\n      <mat-label>{{ configurationsSettings.selectLabel }}</mat-label>\n      <mat-select\n        [(ngModel)]=\"selectedConfig\"\n        (ngModelChange)=\"selectedConfigChanged()\"\n      >\n        <mat-option [value]=\"null\"></mat-option>\n        <mat-option *ngFor=\"let config of configurations\" [value]=\"config\">{{\n          config.configName\n        }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <button\n      mat-icon-button\n      class=\"col-auto green-icon\"\n      (click)=\"showCreateConfiguration()\"\n    >\n      <span class=\"material-icons-outlined\"> add </span>\n    </button>\n    <button\n      mat-icon-button\n      class=\"col-auto red-icon\"\n      [disabled]=\"!selectedConfig\"\n      (click)=\"deleteConfiguration()\"\n    >\n      <span class=\"material-icons-outlined\"> delete </span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"creatingConfiguration\">\n    <mat-form-field class=\"col-auto\">\n      <mat-label>{{ configurationsSettings.createLabel }}</mat-label>\n      <input matInput [(ngModel)]=\"createConfigurationName\" />\n    </mat-form-field>\n    <button\n      mat-icon-button\n      class=\"col-auto green-icon\"\n      (click)=\"saveCreateConfiguration()\"\n      [disabled]=\"!createConfigurationName\"\n    >\n      <span class=\"material-icons-outlined\"> done </span>\n    </button>\n    <button\n      mat-icon-button\n      class=\"col-auto red-icon\"\n      (click)=\"hideCreateConfiguration()\"\n    >\n      <span class=\"material-icons-outlined\"> close </span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"removingConfiguration\">\n    <p class=\"col-auto\" style=\"margin: 0; font-weight: bold; font-size: 16px\">\n      {{ configurationsSettings.deleteWarningTitle }}\n    </p>\n    <button\n      mat-icon-button\n      class=\"col-auto green-icon\"\n      (click)=\"acceptDeleteConfiguration()\"\n    >\n      <span class=\"material-icons-outlined\"> done </span>\n    </button>\n    <button\n      mat-icon-button\n      class=\"col-auto red-icon\"\n      (click)=\"declineDeleteConfiguration()\"\n    >\n      <span class=\"material-icons-outlined\"> close </span>\n    </button>\n  </ng-container>\n</div>\n", styles: [".green-icon span{color:#2e7d32}.red-icon span{color:#c62828}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { configurationsSettings: [{
+                type: Input
+            }], configurations: [{
+                type: Input
+            }], initSelectedConfig: [{
+                type: Input
+            }], createNewConfig: [{
+                type: Output
+            }], removeConfig: [{
+                type: Output
+            }], changeConfig: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlndXJhdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXRhYmxlcy9zcmMvbGliL2NvbXBvbmVudHMvbG9jYWwtdGFibGUvY29uZmlndXJhdGlvbnMvY29uZmlndXJhdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXRhYmxlcy9zcmMvbGliL2NvbXBvbmVudHMvbG9jYWwtdGFibGUvY29uZmlndXJhdGlvbnMvY29uZmlndXJhdGlvbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBUy9FLE1BQU0sT0FBTyx1QkFBdUI7SUEyQmxDO1FBZEEsb0JBQWUsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUczRCxpQkFBWSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3hELGlCQUFZLEdBQWdDLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0QsMEJBQXFCLEdBQVksS0FBSyxDQUFDO1FBQ3ZDLDRCQUF1QixHQUFXLEVBQUUsQ0FBQztRQUNyQywwQkFBcUIsR0FBWSxLQUFLLENBQUM7SUFJeEIsQ0FBQztJQXBCaEIsSUFDSSxrQkFBa0IsQ0FBQyxNQUErQztRQUNwRSxJQUFJLENBQUMsY0FBYyxHQUFHLE1BQU0sQ0FBQztJQUMvQixDQUFDO0lBbUJELFFBQVEsS0FBVSxDQUFDO0lBRW5CLHVCQUF1QjtRQUNyQixJQUFJLENBQUMscUJBQXFCLEdBQUcsSUFBSSxDQUFDO1FBQ2xDLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELHVCQUF1QjtRQUNyQixJQUFJLENBQUMscUJBQXFCLEdBQUcsS0FBSyxDQUFDO1FBQ25DLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELHVCQUF1QjtRQUNyQixJQUFJLENBQUMscUJBQXFCLEdBQUcsS0FBSyxDQUFDO1FBQ25DLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDO1FBQzNCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRCxtQkFBbUI7UUFDakIsSUFBSSxDQUFDLHFCQUFxQixHQUFHLElBQUksQ0FBQztJQUNwQyxDQUFDO0lBRUQseUJBQXlCO1FBQ3ZCLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDbkMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7UUFDM0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWUsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsMEJBQTBCO1FBQ3hCLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxLQUFLLENBQUM7SUFDckMsQ0FBQztJQUVELHFCQUFxQjtRQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLFFBQVEsSUFBSSxJQUFJLENBQUMsQ0FBQztJQUNoRSxDQUFDOztvSEEvRFUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsd1VDVHBDLGs1RUF5RUE7MkZEaEVhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSwyQ0FBMkM7MEVBTXJELHNCQUFzQjtzQkFEckIsS0FBSztnQkFJTixjQUFjO3NCQURiLEtBQUs7Z0JBSUYsa0JBQWtCO3NCQURyQixLQUFLO2dCQU1OLGVBQWU7c0JBRGQsTUFBTTtnQkFJUCxZQUFZO3NCQURYLE1BQU07Z0JBSVAsWUFBWTtzQkFEWCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RDb25maWd1cmF0aW9uc1NldHRpbmdzTW9kZWwgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMvc3QtY29uZmlndXJhdGlvbnMtc2V0dGluZ3MubW9kZWwnO1xuaW1wb3J0IHsgU3RMb2NhbFN0b3JhZ2VDb25maWd1cmF0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMvc3QtbG9jYWwtc3RvcmFnZS1jb25maWd1cmF0aW9uLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3QtY29uZmlndXJhdGlvbnNbY29uZmlndXJhdGlvbnNTZXR0aW5nc10nLFxuICB0ZW1wbGF0ZVVybDogJy4vY29uZmlndXJhdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb25maWd1cmF0aW9ucy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb25maWd1cmF0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIGNvbmZpZ3VyYXRpb25zU2V0dGluZ3M6IFN0Q29uZmlndXJhdGlvbnNTZXR0aW5nc01vZGVsO1xuXG4gIEBJbnB1dCgpXG4gIGNvbmZpZ3VyYXRpb25zOiBTdExvY2FsU3RvcmFnZUNvbmZpZ3VyYXRpb25Nb2RlbFtdO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBpbml0U2VsZWN0ZWRDb25maWcoY29uZmlnOiBTdExvY2FsU3RvcmFnZUNvbmZpZ3VyYXRpb25Nb2RlbCB8IG51bGwpIHtcbiAgICB0aGlzLnNlbGVjdGVkQ29uZmlnID0gY29uZmlnO1xuICB9XG5cbiAgQE91dHB1dCgpXG4gIGNyZWF0ZU5ld0NvbmZpZzogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpXG4gIHJlbW92ZUNvbmZpZzogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpXG4gIGNoYW5nZUNvbmZpZzogRXZlbnRFbWl0dGVyPHN0cmluZyB8IG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNyZWF0aW5nQ29uZmlndXJhdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xuICBjcmVhdGVDb25maWd1cmF0aW9uTmFtZTogc3RyaW5nID0gJyc7XG4gIHJlbW92aW5nQ29uZmlndXJhdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHNlbGVjdGVkQ29uZmlnOiBTdExvY2FsU3RvcmFnZUNvbmZpZ3VyYXRpb25Nb2RlbCB8IG51bGw7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cblxuICBzaG93Q3JlYXRlQ29uZmlndXJhdGlvbigpIHtcbiAgICB0aGlzLmNyZWF0aW5nQ29uZmlndXJhdGlvbiA9IHRydWU7XG4gICAgdGhpcy5jcmVhdGVDb25maWd1cmF0aW9uTmFtZSA9ICcnO1xuICB9XG5cbiAgaGlkZUNyZWF0ZUNvbmZpZ3VyYXRpb24oKSB7XG4gICAgdGhpcy5jcmVhdGluZ0NvbmZpZ3VyYXRpb24gPSBmYWxzZTtcbiAgICB0aGlzLmNyZWF0ZUNvbmZpZ3VyYXRpb25OYW1lID0gJyc7XG4gIH1cblxuICBzYXZlQ3JlYXRlQ29uZmlndXJhdGlvbigpIHtcbiAgICB0aGlzLmNyZWF0aW5nQ29uZmlndXJhdGlvbiA9IGZhbHNlO1xuICAgIHRoaXMuc2VsZWN0ZWRDb25maWcgPSBudWxsO1xuICAgIHRoaXMuY3JlYXRlTmV3Q29uZmlnLmVtaXQodGhpcy5jcmVhdGVDb25maWd1cmF0aW9uTmFtZSk7XG4gIH1cblxuICBkZWxldGVDb25maWd1cmF0aW9uKCkge1xuICAgIHRoaXMucmVtb3ZpbmdDb25maWd1cmF0aW9uID0gdHJ1ZTtcbiAgfVxuXG4gIGFjY2VwdERlbGV0ZUNvbmZpZ3VyYXRpb24oKSB7XG4gICAgdGhpcy5yZW1vdmluZ0NvbmZpZ3VyYXRpb24gPSBmYWxzZTtcbiAgICB0aGlzLnNlbGVjdGVkQ29uZmlnID0gbnVsbDtcbiAgICB0aGlzLnJlbW92ZUNvbmZpZy5lbWl0KHRoaXMuc2VsZWN0ZWRDb25maWchLmNvbmZpZ0lkKTtcbiAgfVxuXG4gIGRlY2xpbmVEZWxldGVDb25maWd1cmF0aW9uKCkge1xuICAgIHRoaXMucmVtb3ZpbmdDb25maWd1cmF0aW9uID0gZmFsc2U7XG4gIH1cblxuICBzZWxlY3RlZENvbmZpZ0NoYW5nZWQoKSB7XG4gICAgdGhpcy5jaGFuZ2VDb25maWcuZW1pdCh0aGlzLnNlbGVjdGVkQ29uZmlnPy5jb25maWdJZCB8fCBudWxsKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNvbC1hdXRvIHJvdyBhbGlnbi1pdGVtcy1jZW50ZXJcIiBzdHlsZT1cInBhZGRpbmc6IDBcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjcmVhdGluZ0NvbmZpZ3VyYXRpb24gJiYgIXJlbW92aW5nQ29uZmlndXJhdGlvblwiPlxuICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImNvbC1hdXRvXCIgc3R5bGU9XCJwYWRkaW5nLXJpZ2h0OiAwXCI+XG4gICAgICA8bWF0LWxhYmVsPnt7IGNvbmZpZ3VyYXRpb25zU2V0dGluZ3Muc2VsZWN0TGFiZWwgfX08L21hdC1sYWJlbD5cbiAgICAgIDxtYXQtc2VsZWN0XG4gICAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRDb25maWdcIlxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJzZWxlY3RlZENvbmZpZ0NoYW5nZWQoKVwiXG4gICAgICA+XG4gICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJudWxsXCI+PC9tYXQtb3B0aW9uPlxuICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgY29uZmlnIG9mIGNvbmZpZ3VyYXRpb25zXCIgW3ZhbHVlXT1cImNvbmZpZ1wiPnt7XG4gICAgICAgICAgY29uZmlnLmNvbmZpZ05hbWVcbiAgICAgICAgfX08L21hdC1vcHRpb24+XG4gICAgICA8L21hdC1zZWxlY3Q+XG4gICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICA8YnV0dG9uXG4gICAgICBtYXQtaWNvbi1idXR0b25cbiAgICAgIGNsYXNzPVwiY29sLWF1dG8gZ3JlZW4taWNvblwiXG4gICAgICAoY2xpY2spPVwic2hvd0NyZWF0ZUNvbmZpZ3VyYXRpb24oKVwiXG4gICAgPlxuICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZFwiPiBhZGQgPC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b25cbiAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgY2xhc3M9XCJjb2wtYXV0byByZWQtaWNvblwiXG4gICAgICBbZGlzYWJsZWRdPVwiIXNlbGVjdGVkQ29uZmlnXCJcbiAgICAgIChjbGljayk9XCJkZWxldGVDb25maWd1cmF0aW9uKClcIlxuICAgID5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWRcIj4gZGVsZXRlIDwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNyZWF0aW5nQ29uZmlndXJhdGlvblwiPlxuICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImNvbC1hdXRvXCI+XG4gICAgICA8bWF0LWxhYmVsPnt7IGNvbmZpZ3VyYXRpb25zU2V0dGluZ3MuY3JlYXRlTGFiZWwgfX08L21hdC1sYWJlbD5cbiAgICAgIDxpbnB1dCBtYXRJbnB1dCBbKG5nTW9kZWwpXT1cImNyZWF0ZUNvbmZpZ3VyYXRpb25OYW1lXCIgLz5cbiAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgIDxidXR0b25cbiAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgY2xhc3M9XCJjb2wtYXV0byBncmVlbi1pY29uXCJcbiAgICAgIChjbGljayk9XCJzYXZlQ3JlYXRlQ29uZmlndXJhdGlvbigpXCJcbiAgICAgIFtkaXNhYmxlZF09XCIhY3JlYXRlQ29uZmlndXJhdGlvbk5hbWVcIlxuICAgID5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWRcIj4gZG9uZSA8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvblxuICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICBjbGFzcz1cImNvbC1hdXRvIHJlZC1pY29uXCJcbiAgICAgIChjbGljayk9XCJoaWRlQ3JlYXRlQ29uZmlndXJhdGlvbigpXCJcbiAgICA+XG4gICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkXCI+IGNsb3NlIDwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInJlbW92aW5nQ29uZmlndXJhdGlvblwiPlxuICAgIDxwIGNsYXNzPVwiY29sLWF1dG9cIiBzdHlsZT1cIm1hcmdpbjogMDsgZm9udC13ZWlnaHQ6IGJvbGQ7IGZvbnQtc2l6ZTogMTZweFwiPlxuICAgICAge3sgY29uZmlndXJhdGlvbnNTZXR0aW5ncy5kZWxldGVXYXJuaW5nVGl0bGUgfX1cbiAgICA8L3A+XG4gICAgPGJ1dHRvblxuICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICBjbGFzcz1cImNvbC1hdXRvIGdyZWVuLWljb25cIlxuICAgICAgKGNsaWNrKT1cImFjY2VwdERlbGV0ZUNvbmZpZ3VyYXRpb24oKVwiXG4gICAgPlxuICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZFwiPiBkb25lIDwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8YnV0dG9uXG4gICAgICBtYXQtaWNvbi1idXR0b25cbiAgICAgIGNsYXNzPVwiY29sLWF1dG8gcmVkLWljb25cIlxuICAgICAgKGNsaWNrKT1cImRlY2xpbmVEZWxldGVDb25maWd1cmF0aW9uKClcIlxuICAgID5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWRcIj4gY2xvc2UgPC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19