@firestitch/app-acl 12.3.1 → 12.3.4

package/app/components/acl-entries/acl-entries.component.d.ts

@@ -17,6 +17,7 @@ export declare class FsAclEntriesComponent implements OnInit, OnDestroy {
     saveAclObjectEntry: (aclObjectEntry: AclObjectEntry) => Observable<any>;
     environmentShow: boolean;
     environmentLabel: string;
+    environmentKey: string;
     actions: FsListAction[];
     aclEntriesList: FsListComponent;
     aclEntriesConfig: FsListConfig;
@@ -28,5 +29,5 @@ export declare class FsAclEntriesComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     reload(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FsAclEntriesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FsAclEntriesComponent, "fs-acl-entries", never, { "loadAclEntries": "loadAclEntries"; "loadAclRoles": "loadAclRoles"; "saveAclObjectEntry": "saveAclObjectEntry"; "environmentShow": "environmentShow"; "environmentLabel": "environmentLabel"; "actions": "actions"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FsAclEntriesComponent, "fs-acl-entries", never, { "loadAclEntries": "loadAclEntries"; "loadAclRoles": "loadAclRoles"; "saveAclObjectEntry": "saveAclObjectEntry"; "environmentShow": "environmentShow"; "environmentLabel": "environmentLabel"; "environmentKey": "environmentKey"; "actions": "actions"; }, {}, never, never>;
 }

package/app/components/acl-entry/acl-entry.component.d.ts

@@ -5,6 +5,7 @@ import { AclRole } from './../../interfaces/acl-role';
 import { AclEntryData } from './../../interfaces/acl-entry-data';
 import { AclObjectRole } from './../../interfaces/acl-object-role';
 import { AclObjectEntry } from './../../interfaces/acl-object-entry';
+import { AclEntry } from './../../interfaces/acl-entry';
 import { FsAppAclService } from './../../services/app-acl.service';
 import * as i0 from "@angular/core";
 export declare class FsAclEntryComponent implements OnInit {
@@ -15,14 +16,15 @@ export declare class FsAclEntryComponent implements OnInit {
     aclRoles: AclRole[];
     aclObjectEntry: AclObjectEntry;
     aclObjectRole: AclObjectRole;
+    aclEntries: AclEntry[];
     indexedAclRoleLevels: {};
     titleEdit: string;
     titleAdd: string;
     required: boolean;
     constructor(_appAclService: FsAppAclService, _dialogRef: MatDialogRef<FsAclEntryComponent>, _message: FsMessage, _data: AclEntryData);
-    save: () => import("rxjs").Subscription;
     ngOnInit(): void;
     aclObjectRoleChange(aclObjectRoles: AclObjectRole[]): void;
+    save: () => import("rxjs").Subscription;
     close(data?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FsAclEntryComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FsAclEntryComponent, "ng-component", never, {}, {}, never, never>;

package/app/services/app-acl.service.d.ts

@@ -11,8 +11,6 @@ export declare class FsAppAclService {
     getPermissions(): ReplaySubject<AclPermission[]>;
     getLevels(): ReplaySubject<AclLevel[]>;
     getIndexedLevels(): import("rxjs").Observable<any>;
-    input(data: any): any;
-    output(data: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<FsAppAclService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FsAppAclService>;
 }

package/bundles/firestitch-app-acl.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/flex-layout'), require('@angular/material/input'), require('@angular/material/radio'), require('@angular/material/button'), require('@angular/material/select'), require('@angular/material/checkbox'), require('@angular/material/dialog'), require('@angular/core'), require('@angular/common'), require('@firestitch/list'), require('@firestitch/popover'), require('@firestitch/dialog'), require('@firestitch/form'), require('@firestitch/label'), require('@firestitch/radiogroup'), require('@firestitch/badge'), require('@firestitch/checkboxgroup'), require('rxjs/operators'), require('@firestitch/filter'), require('@firestitch/common'), require('rxjs'), require('lodash-es'), require('snakecase-keys'), require('camelcase-keys'), require('@firestitch/message'), require('@angular/material/form-field'), require('@angular/material/core'), require('@angular/forms'), require('@angular/flex-layout/flex'), require('@firestitch/prompt')) :
-    typeof define === 'function' && define.amd ? define('@firestitch/app-acl', ['exports', '@angular/flex-layout', '@angular/material/input', '@angular/material/radio', '@angular/material/button', '@angular/material/select', '@angular/material/checkbox', '@angular/material/dialog', '@angular/core', '@angular/common', '@firestitch/list', '@firestitch/popover', '@firestitch/dialog', '@firestitch/form', '@firestitch/label', '@firestitch/radiogroup', '@firestitch/badge', '@firestitch/checkboxgroup', 'rxjs/operators', '@firestitch/filter', '@firestitch/common', 'rxjs', 'lodash-es', 'snakecase-keys', 'camelcase-keys', '@firestitch/message', '@angular/material/form-field', '@angular/material/core', '@angular/forms', '@angular/flex-layout/flex', '@firestitch/prompt'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch["app-acl"] = {}), global.ng.flexLayout, global.ng.material.input, global.ng.material.radio, global.ng.material.button, global.ng.material.select, global.ng.material.checkbox, global.ng.material.dialog, global.ng.core, global.ng.common, global.i12, global.i2$1, global.i4, global.i15, global.i6, global.i7, global.i5$1, global.i1, global.rxjs.operators, global.filter, global.common, global.rxjs, global.lodashEs, global._snakecaseKeys, global._camelcaseKeys, global.i3, global.ng.material.formField, global.ng.material.core, global.ng.forms, global.ng.flexLayout.flex, global.i3$1));
-})(this, (function (exports, flexLayout, i18, i8, i13, i10, i9, i2, i0, i7$1, i12, i2$1, i4, i15, i6, i7, i5$1, i1, operators, filter, common, rxjs, lodashEs, _snakecaseKeys, _camelcaseKeys, i3, i5, i11, i14, i17, i3$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/flex-layout'), require('@angular/material/input'), require('@angular/material/radio'), require('@angular/material/button'), require('@angular/material/select'), require('@angular/material/checkbox'), require('@angular/material/dialog'), require('@angular/core'), require('@angular/common'), require('@firestitch/list'), require('@firestitch/popover'), require('@firestitch/dialog'), require('@firestitch/form'), require('@firestitch/label'), require('@firestitch/radiogroup'), require('@firestitch/badge'), require('@firestitch/checkboxgroup'), require('rxjs/operators'), require('@firestitch/filter'), require('@firestitch/common'), require('rxjs'), require('@firestitch/message'), require('@angular/material/form-field'), require('@angular/material/core'), require('@angular/forms'), require('@angular/flex-layout/flex'), require('lodash-es'), require('@firestitch/prompt')) :
+    typeof define === 'function' && define.amd ? define('@firestitch/app-acl', ['exports', '@angular/flex-layout', '@angular/material/input', '@angular/material/radio', '@angular/material/button', '@angular/material/select', '@angular/material/checkbox', '@angular/material/dialog', '@angular/core', '@angular/common', '@firestitch/list', '@firestitch/popover', '@firestitch/dialog', '@firestitch/form', '@firestitch/label', '@firestitch/radiogroup', '@firestitch/badge', '@firestitch/checkboxgroup', 'rxjs/operators', '@firestitch/filter', '@firestitch/common', 'rxjs', '@firestitch/message', '@angular/material/form-field', '@angular/material/core', '@angular/forms', '@angular/flex-layout/flex', 'lodash-es', '@firestitch/prompt'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch["app-acl"] = {}), global.ng.flexLayout, global.ng.material.input, global.ng.material.radio, global.ng.material.button, global.ng.material.select, global.ng.material.checkbox, global.ng.material.dialog, global.ng.core, global.ng.common, global.i12, global.i2$1, global.i4, global.i15, global.i6, global.i7, global.i5$1, global.i1, global.rxjs.operators, global.filter, global.common, global.rxjs, global.i3, global.ng.material.formField, global.ng.material.core, global.ng.forms, global.ng.flexLayout.flex, global.lodashEs, global.i3$1));
+})(this, (function (exports, flexLayout, i18, i8, i13, i10, i9, i2, i0, i7$1, i12, i2$1, i4, i15, i6, i7, i5$1, i1, operators, filter, common, rxjs, i3, i5, i11, i14, i17, lodashEs, i3$1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -38,8 +38,6 @@
     var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
     var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var _snakecaseKeys__namespace = /*#__PURE__*/_interopNamespace(_snakecaseKeys);
-    var _camelcaseKeys__namespace = /*#__PURE__*/_interopNamespace(_camelcaseKeys);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
@@ -382,8 +380,6 @@
 
     var FS_APP_ACL_CONFIG = new i0.InjectionToken('fs-app-acl-config');
 
-    var snakecaseKeys = _snakecaseKeys__namespace;
-    var camelcaseKeys = _camelcaseKeys__namespace;
     var FsAppAclService = /** @class */ (function () {
         function FsAppAclService(_appAclConfig) {
             this._appAclConfig = _appAclConfig;
@@ -393,7 +389,6 @@
             if (!this._permissions$) {
                 this._permissions$ = new rxjs.ReplaySubject();
                 this._appAclConfig.permissions
-                    .pipe(operators.map(function (data) { return _this.input(data); }))
                     .subscribe(function (permissions) {
                     _this._permissions$.next(permissions);
                     _this._permissions$.complete();
@@ -406,7 +401,6 @@
             if (!this._levels$) {
                 this._levels$ = new rxjs.ReplaySubject();
                 this._appAclConfig.levels
-                    .pipe(operators.map(function (data) { return _this.input(data); }))
                     .subscribe(function (levels) {
                     _this._levels$.next(levels);
                     _this._levels$.complete();
@@ -420,28 +414,6 @@
                 return common.list(data, 'name', 'value');
             }));
         };
-        FsAppAclService.prototype.input = function (data) {
-            var _this = this;
-            if (lodashEs.isArray(data)) {
-                return data.map(function (item) {
-                    return _this._appAclConfig.case === 'snake' ? camelcaseKeys(item, { deep: true }) : item;
-                });
-            }
-            else {
-                return this._appAclConfig.case === 'snake' ? camelcaseKeys(data, { deep: true }) : data;
-            }
-        };
-        FsAppAclService.prototype.output = function (data) {
-            var _this = this;
-            if (lodashEs.isArray(data)) {
-                return data.map(function (item) {
-                    return _this._appAclConfig.case === 'snake' ? snakecaseKeys(item, { deep: true }) : item;
-                });
-            }
-            else {
-                return this._appAclConfig.case === 'snake' ? snakecaseKeys(data, { deep: true }) : data;
-            }
-        };
         return FsAppAclService;
     }());
     FsAppAclService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsAppAclService, deps: [{ token: FS_APP_ACL_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
@@ -491,7 +463,7 @@
                             data: item.data,
                         };
                     }) });
-                return _this._data.saveAclRole(_this._appAclService.output(aclRole))
+                return _this._data.saveAclRole(aclRole)
                     .pipe(operators.tap(function (response) {
                     _this._message.success('Saved Changes');
                     _this.close(response);
@@ -575,7 +547,6 @@
             });
         };
         FsAclRoleComponent.prototype.getRole = function () {
-            var _this = this;
             if (!this._data.aclRole.id) {
                 return rxjs.of(this._data.aclRole);
             }
@@ -586,8 +557,7 @@
             if (!this.environment) {
                 query.environmentId = null;
             }
-            return this._data.loadAclRole(this._data.aclRole, query)
-                .pipe(operators.map(function (data) { return _this._appAclService.input(data); }));
+            return this._data.loadAclRole(this._data.aclRole, query);
         };
         FsAclRoleComponent.prototype.close = function (data) {
             if (data === void 0) { data = null; }
@@ -765,7 +735,7 @@
                 rowActions: [
                     {
                         click: function (data) {
-                            return _this.deleteAclRole(_this._appAclService.output(data));
+                            return _this.deleteAclRole(data);
                         },
                         remove: {
                             title: 'Confirm',
@@ -779,7 +749,7 @@
                 fetch: function (query) {
                     query.permissions = true;
                     return _this.loadAclRoles(query)
-                        .pipe(operators.map(function (data) { return _this._appAclService.input(data); }));
+                        .pipe(operators.map(function (data) { return data; }));
                 },
             };
         };
@@ -900,12 +870,14 @@
             this._message = _message;
             this._data = _data;
             this.aclRoles = [];
+            this.aclEntries = [];
             this.indexedAclRoleLevels = {};
             this.titleEdit = 'Edit Roles';
             this.titleAdd = 'Assign Roles';
             this.required = true;
             this.save = function () {
-                return _this._data.saveAclObjectEntry(_this._appAclService.output(_this.aclObjectEntry))
+                var aclObjectEntry = Object.assign(Object.assign({}, _this.aclObjectEntry), { aclEntries: _this.aclEntries });
+                return _this._data.saveAclObjectEntry(aclObjectEntry)
                     .subscribe(function (data) {
                     _this._message.success('Saved Changes');
                     _this.close(data);
@@ -922,8 +894,7 @@
         }
         FsAclEntryComponent.prototype.ngOnInit = function () {
             var _this = this;
-            rxjs.forkJoin(this._data.loadAclRoles(this.aclObjectEntry)
-                .pipe(operators.map(function (data) { return _this._appAclService.input(data); })), this._appAclService.getIndexedLevels())
+            rxjs.forkJoin(this._data.loadAclRoles(this.aclObjectEntry), this._appAclService.getIndexedLevels())
                 .subscribe(function (_b) {
                 var _c = __read(_b, 2), aclRoles = _c[0], levels = _c[1];
                 _this.aclRoles = aclRoles;
@@ -933,12 +904,12 @@
                     aclRoles: _this.aclObjectEntry.aclEntries
                         .map(function (aclEntry) {
                         return aclEntry.aclRole;
-                    })
+                    }),
                 };
             });
         };
         FsAclEntryComponent.prototype.aclObjectRoleChange = function (aclObjectRoles) {
-            this.aclObjectEntry.aclEntries = aclObjectRoles.reduce(function (aclEntries, aclObjectRole) {
+            this.aclEntries = aclObjectRoles.reduce(function (aclEntries, aclObjectRole) {
                 aclObjectRole.aclRoles.forEach(function (aclRole) {
                     aclEntries.push({
                         aclRoleId: aclRole.id,
@@ -978,6 +949,7 @@
             this._confirm = _confirm;
             this.environmentShow = true;
             this.environmentLabel = 'Environment';
+            this.environmentKey = 'environment';
             this.actions = [];
             this.aclEntriesList = null;
             this.aclEntriesConfig = null;
@@ -1003,7 +975,7 @@
                                 title: 'Remove All Roles',
                                 template: 'Are you sure you would like to remove all roles?',
                             }).subscribe(function () {
-                                var data = _this._appAclService.output(Object.assign(Object.assign({}, aclObjectEntry), { aclEntries: [] }));
+                                var data = Object.assign(Object.assign({}, aclObjectEntry), { aclEntries: [] });
                                 _this.saveAclObjectEntry(data)
                                     .subscribe(function () {
                                     _this.aclEntriesList.reload();
@@ -1020,50 +992,57 @@
                             objects: true,
                             aclRoleState: 'active',
                         })
-                            .pipe(operators.map(function (response) { return _this._appAclService.input(response); }))
                             .subscribe(function (aclEntries) {
-                            var objects = aclEntries.reduce(function (items, item) {
-                                if (item.object) {
-                                    items[item.object.id] = item.object;
-                                }
-                                return items;
+                            var objects = aclEntries
+                                .filter(function (aclEntry) { return (!!aclEntry.object); })
+                                .reduce(function (items, item) {
+                                var _b;
+                                return Object.assign(Object.assign({}, items), (_b = {}, _b[item.object.id] = item.object, _b));
                             }, {});
-                            var environments = aclEntries.reduce(function (items, item) {
-                                if (item.environment) {
-                                    items[item.environment.id] = item.environment;
-                                }
-                                return items;
+                            var environments = aclEntries
+                                .filter(function (aclEntry) { return (!!aclEntry[_this.environmentKey]); })
+                                .reduce(function (items, item) {
+                                var _b;
+                                var environment = item[_this.environmentKey];
+                                return Object.assign(Object.assign({}, items), (_b = {}, _b[environment.id] = environment, _b));
                             }, {});
-                            var aclObjectEntry = [];
-                            var grouped = lodashEs.groupBy(aclEntries, function (item) {
-                                return [item.aclRole.level, item.environmentId, item.objectId];
+                            var groupedAclEntries = lodashEs.groupBy(aclEntries, function (item) {
+                                var _a;
+                                var environmentId = (_a = (item[_this.environmentKey])) === null || _a === void 0 ? void 0 : _a.id;
+                                return [item.aclRole.level, environmentId, item.objectId];
                             });
-                            lodashEs.forOwn(grouped, function (group, key) {
-                                key = key.split(',');
-                                aclObjectEntry.push({
-                                    object: objects[key[2]],
-                                    level: key[0],
-                                    environmentId: key[1] ? parseInt(key[1]) : null,
-                                    environment: environments[key[1]],
-                                    aclEntries: group,
-                                });
-                            });
-                            var hasApp = aclObjectEntry.some(function (item) {
+                            var aclObjectEntries = Object.keys(groupedAclEntries)
+                                .reduce(function (accum, key) {
+                                var _b;
+                                var parts = key.split(',');
+                                return __spreadArray(__spreadArray([], __read(accum)), [
+                                    (_b = {
+                                            object: objects[parts[2]],
+                                            level: parts[0]
+                                        },
+                                        _b[_this.environmentKey + "Id"] = parts[1] ? parseInt(parts[1]) : null,
+                                        _b[_this.environmentKey] = environments[parts[1]],
+                                        _b.aclEntries = groupedAclEntries[key],
+                                        _b)
+                                ]);
+                            }, []);
+                            var hasApp = aclObjectEntries.some(function (item) {
                                 return item.aclEntries.some(function (entry) {
                                     return !entry.objectId;
                                 });
                             });
                             if (!hasApp) {
-                                aclObjectEntry.unshift({
-                                    object: null, aclEntries: [],
+                                aclObjectEntries.unshift({
+                                    object: null,
+                                    aclEntries: [],
                                     level: 'app',
                                     environmentId: null,
                                 });
                             }
-                            aclObjectEntry = lodashEs.sortBy(aclObjectEntry, function (item) {
+                            aclObjectEntries = lodashEs.sortBy(aclObjectEntries, function (item) {
                                 return item.object ? item.level : '';
                             });
-                            observer.next({ data: aclObjectEntry });
+                            observer.next({ data: aclObjectEntries });
                             observer.complete();
                         });
                     });
@@ -1097,7 +1076,7 @@
         return FsAclEntriesComponent;
     }());
     FsAclEntriesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsAclEntriesComponent, deps: [{ token: FsAppAclService }, { token: i2__namespace.MatDialog }, { token: i3__namespace$1.FsPrompt }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FsAclEntriesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsAclEntriesComponent, selector: "fs-acl-entries", inputs: { loadAclEntries: "loadAclEntries", loadAclRoles: "loadAclRoles", saveAclObjectEntry: "saveAclObjectEntry", environmentShow: "environmentShow", environmentLabel: "environmentLabel", actions: "actions" }, viewQueries: [{ propertyName: "aclEntriesList", first: true, predicate: i12.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "\n<fs-list [config]=\"aclEntriesConfig\">\n  <fs-list-column>\n    <ng-template fs-list-header>Context</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <div\n        *ngIf=\"row.object; else elseObject\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"start center\"\n        fxLayoutGap=\"10px\">\n          <fs-badge *ngIf=\"row.object.imageUrl\" shape=\"circle\" image=\"{{ row.object.imageUrl }}\"></fs-badge>\n          <span>\n            <div><small>{{ row.object.className }}</small></div>\n            <a (click)=\"update(row)\">{{ row.object.name }}</a>\n          </span>\n      </div>\n\n      <ng-template #elseObject>\n        <a (click)=\"update(row)\">App</a>\n      </ng-template>\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column [show]=\"environmentShow\">\n    <ng-template fs-list-header>{{environmentLabel}}</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.environment?.name}}\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Roles</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n        <div div *ngFor=\"let aclEntry of row.aclEntries\">\n          <ng-container [ngSwitch]=\"row.level\">\n            <ng-container *ngSwitchCase=\"'app'\">\n              <fs-acl-role-popover [aclRole]=\"aclEntry.aclRole\" objectName=\"App\">{{aclEntry.aclRole.name}}</fs-acl-role-popover>\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n              <ng-container *ngIf=\"row.object\">\n                <fs-acl-role-popover [aclRole]=\"aclEntry.aclRole\">{{aclEntry.aclRole.name}}</fs-acl-role-popover>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i12__namespace.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i5__namespace$1.FsBadgeComponent, selector: "fs-badge", inputs: ["color", "text", "tooltip", "size", "shape", "image", "icon", "iconSize", "iconColor", "backgroundSize"] }, { type: FsAclRolePopoverComponent, selector: "fs-acl-role-popover", inputs: ["aclRole", "objectName"] }], directives: [{ type: i12__namespace.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i12__namespace.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i12__namespace.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i17__namespace.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i17__namespace.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i17__namespace.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7__namespace$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
+    FsAclEntriesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsAclEntriesComponent, selector: "fs-acl-entries", inputs: { loadAclEntries: "loadAclEntries", loadAclRoles: "loadAclRoles", saveAclObjectEntry: "saveAclObjectEntry", environmentShow: "environmentShow", environmentLabel: "environmentLabel", environmentKey: "environmentKey", actions: "actions" }, viewQueries: [{ propertyName: "aclEntriesList", first: true, predicate: i12.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "\n<fs-list [config]=\"aclEntriesConfig\">\n  <fs-list-column>\n    <ng-template fs-list-header>Context</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <div\n          *ngIf=\"row.object; else elseObject\"\n          fxLayout=\"row\"\n          fxLayoutAlign=\"start center\"\n          fxLayoutGap=\"10px\">\n        <fs-badge *ngIf=\"row.object.imageUrl\" shape=\"circle\" image=\"{{ row.object.imageUrl }}\"></fs-badge>\n        <span>\n          <div><small>{{ row.object.className }}</small></div>\n          <a (click)=\"update(row)\">{{ row.object.name }}</a>\n        </span>\n      </div>\n\n      <ng-template #elseObject>\n        <a (click)=\"update(row)\">App</a>\n      </ng-template>\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column [show]=\"environmentShow\">\n    <ng-template fs-list-header>{{environmentLabel}}</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.environment?.name}}\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Roles</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n        <div div *ngFor=\"let aclEntry of row.aclEntries\">\n          <ng-container [ngSwitch]=\"row.level\">\n            <ng-container *ngSwitchCase=\"'app'\">\n              <fs-acl-role-popover [aclRole]=\"aclEntry.aclRole\" objectName=\"App\">{{aclEntry.aclRole.name}}</fs-acl-role-popover>\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n              <ng-container *ngIf=\"row.object\">\n                <fs-acl-role-popover [aclRole]=\"aclEntry.aclRole\">{{aclEntry.aclRole.name}}</fs-acl-role-popover>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i12__namespace.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i5__namespace$1.FsBadgeComponent, selector: "fs-badge", inputs: ["color", "text", "tooltip", "size", "shape", "image", "icon", "iconSize", "iconColor", "backgroundSize"] }, { type: FsAclRolePopoverComponent, selector: "fs-acl-role-popover", inputs: ["aclRole", "objectName"] }], directives: [{ type: i12__namespace.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i12__namespace.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i12__namespace.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i17__namespace.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i17__namespace.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i17__namespace.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7__namespace$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsAclEntriesComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1115,6 +1094,8 @@
                     type: i0.Input
                 }], environmentLabel: [{
                     type: i0.Input
+                }], environmentKey: [{
+                    type: i0.Input
                 }], actions: [{
                     type: i0.Input
                 }], aclEntriesList: [{