@firestitch/app-acl 12.4.6 → 12.4.7

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

@@ -45,1354 +45,1384 @@
   var i17__namespace = /*#__PURE__*/_interopNamespace(i17);
   var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
 
-  /******************************************************************************
-  Copyright (c) Microsoft Corporation.
-
-  Permission to use, copy, modify, and/or distribute this software for any
-  purpose with or without fee is hereby granted.
-
-  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-  PERFORMANCE OF THIS SOFTWARE.
-  ***************************************************************************** */
-  /* global Reflect, Promise, SuppressedError, Symbol */
-  var extendStatics = function (d, b) {
-      extendStatics = Object.setPrototypeOf ||
-          ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-          function (d, b) { for (var p in b)
-              if (Object.prototype.hasOwnProperty.call(b, p))
-                  d[p] = b[p]; };
-      return extendStatics(d, b);
-  };
-  function __extends(d, b) {
-      if (typeof b !== "function" && b !== null)
-          throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-      extendStatics(d, b);
-      function __() { this.constructor = d; }
-      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  }
-  var __assign = function () {
-      __assign = Object.assign || function __assign(t) {
-          for (var s, i = 1, n = arguments.length; i < n; i++) {
-              s = arguments[i];
-              for (var p in s)
-                  if (Object.prototype.hasOwnProperty.call(s, p))
-                      t[p] = s[p];
-          }
-          return t;
-      };
-      return __assign.apply(this, arguments);
-  };
-  function __rest(s, e) {
-      var t = {};
-      for (var p in s)
-          if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-              t[p] = s[p];
-      if (s != null && typeof Object.getOwnPropertySymbols === "function")
-          for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-              if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                  t[p[i]] = s[p[i]];
-          }
-      return t;
-  }
-  function __decorate(decorators, target, key, desc) {
-      var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-      if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-          r = Reflect.decorate(decorators, target, key, desc);
-      else
-          for (var i = decorators.length - 1; i >= 0; i--)
-              if (d = decorators[i])
-                  r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-      return c > 3 && r && Object.defineProperty(target, key, r), r;
-  }
-  function __param(paramIndex, decorator) {
-      return function (target, key) { decorator(target, key, paramIndex); };
-  }
-  function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-      function accept(f) { if (f !== void 0 && typeof f !== "function")
-          throw new TypeError("Function expected"); return f; }
-      var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-      var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-      var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-      var _, done = false;
-      for (var i = decorators.length - 1; i >= 0; i--) {
-          var context = {};
-          for (var p in contextIn)
-              context[p] = p === "access" ? {} : contextIn[p];
-          for (var p in contextIn.access)
-              context.access[p] = contextIn.access[p];
-          context.addInitializer = function (f) { if (done)
-              throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-          var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-          if (kind === "accessor") {
-              if (result === void 0)
-                  continue;
-              if (result === null || typeof result !== "object")
-                  throw new TypeError("Object expected");
-              if (_ = accept(result.get))
-                  descriptor.get = _;
-              if (_ = accept(result.set))
-                  descriptor.set = _;
-              if (_ = accept(result.init))
-                  initializers.unshift(_);
-          }
-          else if (_ = accept(result)) {
-              if (kind === "field")
-                  initializers.unshift(_);
-              else
-                  descriptor[key] = _;
-          }
-      }
-      if (target)
-          Object.defineProperty(target, contextIn.name, descriptor);
-      done = true;
-  }
-  ;
-  function __runInitializers(thisArg, initializers, value) {
-      var useValue = arguments.length > 2;
-      for (var i = 0; i < initializers.length; i++) {
-          value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-      }
-      return useValue ? value : void 0;
-  }
-  ;
-  function __propKey(x) {
-      return typeof x === "symbol" ? x : "".concat(x);
-  }
-  ;
-  function __setFunctionName(f, name, prefix) {
-      if (typeof name === "symbol")
-          name = name.description ? "[".concat(name.description, "]") : "";
-      return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
-  }
-  ;
-  function __metadata(metadataKey, metadataValue) {
-      if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-          return Reflect.metadata(metadataKey, metadataValue);
-  }
-  function __awaiter(thisArg, _arguments, P, generator) {
-      function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-      return new (P || (P = Promise))(function (resolve, reject) {
-          function fulfilled(value) { try {
-              step(generator.next(value));
-          }
-          catch (e) {
-              reject(e);
-          } }
-          function rejected(value) { try {
-              step(generator["throw"](value));
-          }
-          catch (e) {
-              reject(e);
-          } }
-          function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-          step((generator = generator.apply(thisArg, _arguments || [])).next());
-      });
-  }
-  function __generator(thisArg, body) {
-      var _ = { label: 0, sent: function () { if (t[0] & 1)
-              throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-      return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-      function verb(n) { return function (v) { return step([n, v]); }; }
-      function step(op) {
-          if (f)
-              throw new TypeError("Generator is already executing.");
-          while (g && (g = 0, op[0] && (_ = 0)), _)
-              try {
-                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                      return t;
-                  if (y = 0, t)
-                      op = [op[0] & 2, t.value];
-                  switch (op[0]) {
-                      case 0:
-                      case 1:
-                          t = op;
-                          break;
-                      case 4:
-                          _.label++;
-                          return { value: op[1], done: false };
-                      case 5:
-                          _.label++;
-                          y = op[1];
-                          op = [0];
-                          continue;
-                      case 7:
-                          op = _.ops.pop();
-                          _.trys.pop();
-                          continue;
-                      default:
-                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                              _ = 0;
-                              continue;
-                          }
-                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                              _.label = op[1];
-                              break;
-                          }
-                          if (op[0] === 6 && _.label < t[1]) {
-                              _.label = t[1];
-                              t = op;
-                              break;
-                          }
-                          if (t && _.label < t[2]) {
-                              _.label = t[2];
-                              _.ops.push(op);
-                              break;
-                          }
-                          if (t[2])
-                              _.ops.pop();
-                          _.trys.pop();
-                          continue;
-                  }
-                  op = body.call(thisArg, _);
-              }
-              catch (e) {
-                  op = [6, e];
-                  y = 0;
-              }
-              finally {
-                  f = t = 0;
-              }
-          if (op[0] & 5)
-              throw op[1];
-          return { value: op[0] ? op[1] : void 0, done: true };
-      }
-  }
-  var __createBinding = Object.create ? (function (o, m, k, k2) {
-      if (k2 === undefined)
-          k2 = k;
-      var desc = Object.getOwnPropertyDescriptor(m, k);
-      if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-          desc = { enumerable: true, get: function () { return m[k]; } };
-      }
-      Object.defineProperty(o, k2, desc);
-  }) : (function (o, m, k, k2) {
-      if (k2 === undefined)
-          k2 = k;
-      o[k2] = m[k];
-  });
-  function __exportStar(m, o) {
-      for (var p in m)
-          if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-              __createBinding(o, m, p);
-  }
-  function __values(o) {
-      var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-      if (m)
-          return m.call(o);
-      if (o && typeof o.length === "number")
-          return {
-              next: function () {
-                  if (o && i >= o.length)
-                      o = void 0;
-                  return { value: o && o[i++], done: !o };
-              }
-          };
-      throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-  }
-  function __read(o, n) {
-      var m = typeof Symbol === "function" && o[Symbol.iterator];
-      if (!m)
-          return o;
-      var i = m.call(o), r, ar = [], e;
-      try {
-          while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-              ar.push(r.value);
-      }
-      catch (error) {
-          e = { error: error };
-      }
-      finally {
-          try {
-              if (r && !r.done && (m = i["return"]))
-                  m.call(i);
-          }
-          finally {
-              if (e)
-                  throw e.error;
-          }
-      }
-      return ar;
-  }
-  /** @deprecated */
-  function __spread() {
-      for (var ar = [], i = 0; i < arguments.length; i++)
-          ar = ar.concat(__read(arguments[i]));
-      return ar;
-  }
-  /** @deprecated */
-  function __spreadArrays() {
-      for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-          s += arguments[i].length;
-      for (var r = Array(s), k = 0, i = 0; i < il; i++)
-          for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-              r[k] = a[j];
-      return r;
-  }
-  function __spreadArray(to, from, pack) {
-      if (pack || arguments.length === 2)
-          for (var i = 0, l = from.length, ar; i < l; i++) {
-              if (ar || !(i in from)) {
-                  if (!ar)
-                      ar = Array.prototype.slice.call(from, 0, i);
-                  ar[i] = from[i];
-              }
-          }
-      return to.concat(ar || Array.prototype.slice.call(from));
-  }
-  function __await(v) {
-      return this instanceof __await ? (this.v = v, this) : new __await(v);
-  }
-  function __asyncGenerator(thisArg, _arguments, generator) {
-      if (!Symbol.asyncIterator)
-          throw new TypeError("Symbol.asyncIterator is not defined.");
-      var g = generator.apply(thisArg, _arguments || []), i, q = [];
-      return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-      function verb(n) { if (g[n])
-          i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-      function resume(n, v) { try {
-          step(g[n](v));
-      }
-      catch (e) {
-          settle(q[0][3], e);
-      } }
-      function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-      function fulfill(value) { resume("next", value); }
-      function reject(value) { resume("throw", value); }
-      function settle(f, v) { if (f(v), q.shift(), q.length)
-          resume(q[0][0], q[0][1]); }
-  }
-  function __asyncDelegator(o) {
-      var i, p;
-      return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-      function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
-  }
-  function __asyncValues(o) {
-      if (!Symbol.asyncIterator)
-          throw new TypeError("Symbol.asyncIterator is not defined.");
-      var m = o[Symbol.asyncIterator], i;
-      return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-      function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-      function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-  }
-  function __makeTemplateObject(cooked, raw) {
-      if (Object.defineProperty) {
-          Object.defineProperty(cooked, "raw", { value: raw });
-      }
-      else {
-          cooked.raw = raw;
-      }
-      return cooked;
-  }
-  ;
-  var __setModuleDefault = Object.create ? (function (o, v) {
-      Object.defineProperty(o, "default", { enumerable: true, value: v });
-  }) : function (o, v) {
-      o["default"] = v;
-  };
-  function __importStar(mod) {
-      if (mod && mod.__esModule)
-          return mod;
-      var result = {};
-      if (mod != null)
-          for (var k in mod)
-              if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                  __createBinding(result, mod, k);
-      __setModuleDefault(result, mod);
-      return result;
-  }
-  function __importDefault(mod) {
-      return (mod && mod.__esModule) ? mod : { default: mod };
-  }
-  function __classPrivateFieldGet(receiver, state, kind, f) {
-      if (kind === "a" && !f)
-          throw new TypeError("Private accessor was defined without a getter");
-      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-          throw new TypeError("Cannot read private member from an object whose class did not declare it");
-      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-  }
-  function __classPrivateFieldSet(receiver, state, value, kind, f) {
-      if (kind === "m")
-          throw new TypeError("Private method is not writable");
-      if (kind === "a" && !f)
-          throw new TypeError("Private accessor was defined without a setter");
-      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-          throw new TypeError("Cannot write private member to an object whose class did not declare it");
-      return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-  }
-  function __classPrivateFieldIn(state, receiver) {
-      if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
-          throw new TypeError("Cannot use 'in' operator on non-object");
-      return typeof state === "function" ? receiver === state : state.has(receiver);
-  }
-  function __addDisposableResource(env, value, async) {
-      if (value !== null && value !== void 0) {
-          if (typeof value !== "object")
-              throw new TypeError("Object expected.");
-          var dispose;
-          if (async) {
-              if (!Symbol.asyncDispose)
-                  throw new TypeError("Symbol.asyncDispose is not defined.");
-              dispose = value[Symbol.asyncDispose];
-          }
-          if (dispose === void 0) {
-              if (!Symbol.dispose)
-                  throw new TypeError("Symbol.dispose is not defined.");
-              dispose = value[Symbol.dispose];
-          }
-          if (typeof dispose !== "function")
-              throw new TypeError("Object not disposable.");
-          env.stack.push({ value: value, dispose: dispose, async: async });
-      }
-      else if (async) {
-          env.stack.push({ async: true });
-      }
-      return value;
-  }
-  var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-      var e = new Error(message);
-      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-  };
-  function __disposeResources(env) {
-      function fail(e) {
-          env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
-          env.hasError = true;
-      }
-      function next() {
-          while (env.stack.length) {
-              var rec = env.stack.pop();
-              try {
-                  var result = rec.dispose && rec.dispose.call(rec.value);
-                  if (rec.async)
-                      return Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
-              }
-              catch (e) {
-                  fail(e);
-              }
-          }
-          if (env.hasError)
-              throw env.error;
-      }
-      return next();
-  }
-  var tslib_es6 = {
-      __extends: __extends,
-      __assign: __assign,
-      __rest: __rest,
-      __decorate: __decorate,
-      __param: __param,
-      __metadata: __metadata,
-      __awaiter: __awaiter,
-      __generator: __generator,
-      __createBinding: __createBinding,
-      __exportStar: __exportStar,
-      __values: __values,
-      __read: __read,
-      __spread: __spread,
-      __spreadArrays: __spreadArrays,
-      __spreadArray: __spreadArray,
-      __await: __await,
-      __asyncGenerator: __asyncGenerator,
-      __asyncDelegator: __asyncDelegator,
-      __asyncValues: __asyncValues,
-      __makeTemplateObject: __makeTemplateObject,
-      __importStar: __importStar,
-      __importDefault: __importDefault,
-      __classPrivateFieldGet: __classPrivateFieldGet,
-      __classPrivateFieldSet: __classPrivateFieldSet,
-      __classPrivateFieldIn: __classPrivateFieldIn,
-      __addDisposableResource: __addDisposableResource,
-      __disposeResources: __disposeResources,
+  /******************************************************************************
+  Copyright (c) Microsoft Corporation.
+
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** */
+  /* global Reflect, Promise, SuppressedError, Symbol */
+  var extendStatics = function (d, b) {
+      extendStatics = Object.setPrototypeOf ||
+          ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+          function (d, b) { for (var p in b)
+              if (Object.prototype.hasOwnProperty.call(b, p))
+                  d[p] = b[p]; };
+      return extendStatics(d, b);
+  };
+  function __extends(d, b) {
+      if (typeof b !== "function" && b !== null)
+          throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+      extendStatics(d, b);
+      function __() { this.constructor = d; }
+      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  }
+  var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+          for (var s, i = 1, n = arguments.length; i < n; i++) {
+              s = arguments[i];
+              for (var p in s)
+                  if (Object.prototype.hasOwnProperty.call(s, p))
+                      t[p] = s[p];
+          }
+          return t;
+      };
+      return __assign.apply(this, arguments);
+  };
+  function __rest(s, e) {
+      var t = {};
+      for (var p in s)
+          if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+              t[p] = s[p];
+      if (s != null && typeof Object.getOwnPropertySymbols === "function")
+          for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+              if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                  t[p[i]] = s[p[i]];
+          }
+      return t;
+  }
+  function __decorate(decorators, target, key, desc) {
+      var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+      if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+          r = Reflect.decorate(decorators, target, key, desc);
+      else
+          for (var i = decorators.length - 1; i >= 0; i--)
+              if (d = decorators[i])
+                  r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+      return c > 3 && r && Object.defineProperty(target, key, r), r;
+  }
+  function __param(paramIndex, decorator) {
+      return function (target, key) { decorator(target, key, paramIndex); };
+  }
+  function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+      function accept(f) { if (f !== void 0 && typeof f !== "function")
+          throw new TypeError("Function expected"); return f; }
+      var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+      var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+      var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+      var _, done = false;
+      for (var i = decorators.length - 1; i >= 0; i--) {
+          var context = {};
+          for (var p in contextIn)
+              context[p] = p === "access" ? {} : contextIn[p];
+          for (var p in contextIn.access)
+              context.access[p] = contextIn.access[p];
+          context.addInitializer = function (f) { if (done)
+              throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+          var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+          if (kind === "accessor") {
+              if (result === void 0)
+                  continue;
+              if (result === null || typeof result !== "object")
+                  throw new TypeError("Object expected");
+              if (_ = accept(result.get))
+                  descriptor.get = _;
+              if (_ = accept(result.set))
+                  descriptor.set = _;
+              if (_ = accept(result.init))
+                  initializers.unshift(_);
+          }
+          else if (_ = accept(result)) {
+              if (kind === "field")
+                  initializers.unshift(_);
+              else
+                  descriptor[key] = _;
+          }
+      }
+      if (target)
+          Object.defineProperty(target, contextIn.name, descriptor);
+      done = true;
+  }
+  ;
+  function __runInitializers(thisArg, initializers, value) {
+      var useValue = arguments.length > 2;
+      for (var i = 0; i < initializers.length; i++) {
+          value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+      }
+      return useValue ? value : void 0;
+  }
+  ;
+  function __propKey(x) {
+      return typeof x === "symbol" ? x : "".concat(x);
+  }
+  ;
+  function __setFunctionName(f, name, prefix) {
+      if (typeof name === "symbol")
+          name = name.description ? "[".concat(name.description, "]") : "";
+      return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+  }
+  ;
+  function __metadata(metadataKey, metadataValue) {
+      if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+          return Reflect.metadata(metadataKey, metadataValue);
+  }
+  function __awaiter(thisArg, _arguments, P, generator) {
+      function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+      return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) { try {
+              step(generator.next(value));
+          }
+          catch (e) {
+              reject(e);
+          } }
+          function rejected(value) { try {
+              step(generator["throw"](value));
+          }
+          catch (e) {
+              reject(e);
+          } }
+          function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+      });
+  }
+  function __generator(thisArg, body) {
+      var _ = { label: 0, sent: function () { if (t[0] & 1)
+              throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+      return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+      function verb(n) { return function (v) { return step([n, v]); }; }
+      function step(op) {
+          if (f)
+              throw new TypeError("Generator is already executing.");
+          while (g && (g = 0, op[0] && (_ = 0)), _)
+              try {
+                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                      return t;
+                  if (y = 0, t)
+                      op = [op[0] & 2, t.value];
+                  switch (op[0]) {
+                      case 0:
+                      case 1:
+                          t = op;
+                          break;
+                      case 4:
+                          _.label++;
+                          return { value: op[1], done: false };
+                      case 5:
+                          _.label++;
+                          y = op[1];
+                          op = [0];
+                          continue;
+                      case 7:
+                          op = _.ops.pop();
+                          _.trys.pop();
+                          continue;
+                      default:
+                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                              _ = 0;
+                              continue;
+                          }
+                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                              _.label = op[1];
+                              break;
+                          }
+                          if (op[0] === 6 && _.label < t[1]) {
+                              _.label = t[1];
+                              t = op;
+                              break;
+                          }
+                          if (t && _.label < t[2]) {
+                              _.label = t[2];
+                              _.ops.push(op);
+                              break;
+                          }
+                          if (t[2])
+                              _.ops.pop();
+                          _.trys.pop();
+                          continue;
+                  }
+                  op = body.call(thisArg, _);
+              }
+              catch (e) {
+                  op = [6, e];
+                  y = 0;
+              }
+              finally {
+                  f = t = 0;
+              }
+          if (op[0] & 5)
+              throw op[1];
+          return { value: op[0] ? op[1] : void 0, done: true };
+      }
+  }
+  var __createBinding = Object.create ? (function (o, m, k, k2) {
+      if (k2 === undefined)
+          k2 = k;
+      var desc = Object.getOwnPropertyDescriptor(m, k);
+      if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = { enumerable: true, get: function () { return m[k]; } };
+      }
+      Object.defineProperty(o, k2, desc);
+  }) : (function (o, m, k, k2) {
+      if (k2 === undefined)
+          k2 = k;
+      o[k2] = m[k];
+  });
+  function __exportStar(m, o) {
+      for (var p in m)
+          if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+              __createBinding(o, m, p);
+  }
+  function __values(o) {
+      var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+      if (m)
+          return m.call(o);
+      if (o && typeof o.length === "number")
+          return {
+              next: function () {
+                  if (o && i >= o.length)
+                      o = void 0;
+                  return { value: o && o[i++], done: !o };
+              }
+          };
+      throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+  }
+  function __read(o, n) {
+      var m = typeof Symbol === "function" && o[Symbol.iterator];
+      if (!m)
+          return o;
+      var i = m.call(o), r, ar = [], e;
+      try {
+          while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+              ar.push(r.value);
+      }
+      catch (error) {
+          e = { error: error };
+      }
+      finally {
+          try {
+              if (r && !r.done && (m = i["return"]))
+                  m.call(i);
+          }
+          finally {
+              if (e)
+                  throw e.error;
+          }
+      }
+      return ar;
+  }
+  /** @deprecated */
+  function __spread() {
+      for (var ar = [], i = 0; i < arguments.length; i++)
+          ar = ar.concat(__read(arguments[i]));
+      return ar;
+  }
+  /** @deprecated */
+  function __spreadArrays() {
+      for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+          s += arguments[i].length;
+      for (var r = Array(s), k = 0, i = 0; i < il; i++)
+          for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+              r[k] = a[j];
+      return r;
+  }
+  function __spreadArray(to, from, pack) {
+      if (pack || arguments.length === 2)
+          for (var i = 0, l = from.length, ar; i < l; i++) {
+              if (ar || !(i in from)) {
+                  if (!ar)
+                      ar = Array.prototype.slice.call(from, 0, i);
+                  ar[i] = from[i];
+              }
+          }
+      return to.concat(ar || Array.prototype.slice.call(from));
+  }
+  function __await(v) {
+      return this instanceof __await ? (this.v = v, this) : new __await(v);
+  }
+  function __asyncGenerator(thisArg, _arguments, generator) {
+      if (!Symbol.asyncIterator)
+          throw new TypeError("Symbol.asyncIterator is not defined.");
+      var g = generator.apply(thisArg, _arguments || []), i, q = [];
+      return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+      function verb(n) { if (g[n])
+          i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+      function resume(n, v) { try {
+          step(g[n](v));
+      }
+      catch (e) {
+          settle(q[0][3], e);
+      } }
+      function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+      function fulfill(value) { resume("next", value); }
+      function reject(value) { resume("throw", value); }
+      function settle(f, v) { if (f(v), q.shift(), q.length)
+          resume(q[0][0], q[0][1]); }
+  }
+  function __asyncDelegator(o) {
+      var i, p;
+      return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+      function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+  }
+  function __asyncValues(o) {
+      if (!Symbol.asyncIterator)
+          throw new TypeError("Symbol.asyncIterator is not defined.");
+      var m = o[Symbol.asyncIterator], i;
+      return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+      function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+      function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+  }
+  function __makeTemplateObject(cooked, raw) {
+      if (Object.defineProperty) {
+          Object.defineProperty(cooked, "raw", { value: raw });
+      }
+      else {
+          cooked.raw = raw;
+      }
+      return cooked;
+  }
+  ;
+  var __setModuleDefault = Object.create ? (function (o, v) {
+      Object.defineProperty(o, "default", { enumerable: true, value: v });
+  }) : function (o, v) {
+      o["default"] = v;
+  };
+  function __importStar(mod) {
+      if (mod && mod.__esModule)
+          return mod;
+      var result = {};
+      if (mod != null)
+          for (var k in mod)
+              if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                  __createBinding(result, mod, k);
+      __setModuleDefault(result, mod);
+      return result;
+  }
+  function __importDefault(mod) {
+      return (mod && mod.__esModule) ? mod : { default: mod };
+  }
+  function __classPrivateFieldGet(receiver, state, kind, f) {
+      if (kind === "a" && !f)
+          throw new TypeError("Private accessor was defined without a getter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+          throw new TypeError("Cannot read private member from an object whose class did not declare it");
+      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+  }
+  function __classPrivateFieldSet(receiver, state, value, kind, f) {
+      if (kind === "m")
+          throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f)
+          throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+          throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+  }
+  function __classPrivateFieldIn(state, receiver) {
+      if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
+          throw new TypeError("Cannot use 'in' operator on non-object");
+      return typeof state === "function" ? receiver === state : state.has(receiver);
+  }
+  function __addDisposableResource(env, value, async) {
+      if (value !== null && value !== void 0) {
+          if (typeof value !== "object")
+              throw new TypeError("Object expected.");
+          var dispose;
+          if (async) {
+              if (!Symbol.asyncDispose)
+                  throw new TypeError("Symbol.asyncDispose is not defined.");
+              dispose = value[Symbol.asyncDispose];
+          }
+          if (dispose === void 0) {
+              if (!Symbol.dispose)
+                  throw new TypeError("Symbol.dispose is not defined.");
+              dispose = value[Symbol.dispose];
+          }
+          if (typeof dispose !== "function")
+              throw new TypeError("Object not disposable.");
+          env.stack.push({ value: value, dispose: dispose, async: async });
+      }
+      else if (async) {
+          env.stack.push({ async: true });
+      }
+      return value;
+  }
+  var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+  };
+  function __disposeResources(env) {
+      function fail(e) {
+          env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+          env.hasError = true;
+      }
+      function next() {
+          while (env.stack.length) {
+              var rec = env.stack.pop();
+              try {
+                  var result = rec.dispose && rec.dispose.call(rec.value);
+                  if (rec.async)
+                      return Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
+              }
+              catch (e) {
+                  fail(e);
+              }
+          }
+          if (env.hasError)
+              throw env.error;
+      }
+      return next();
+  }
+  var tslib_es6 = {
+      __extends: __extends,
+      __assign: __assign,
+      __rest: __rest,
+      __decorate: __decorate,
+      __param: __param,
+      __metadata: __metadata,
+      __awaiter: __awaiter,
+      __generator: __generator,
+      __createBinding: __createBinding,
+      __exportStar: __exportStar,
+      __values: __values,
+      __read: __read,
+      __spread: __spread,
+      __spreadArrays: __spreadArrays,
+      __spreadArray: __spreadArray,
+      __await: __await,
+      __asyncGenerator: __asyncGenerator,
+      __asyncDelegator: __asyncDelegator,
+      __asyncValues: __asyncValues,
+      __makeTemplateObject: __makeTemplateObject,
+      __importStar: __importStar,
+      __importDefault: __importDefault,
+      __classPrivateFieldGet: __classPrivateFieldGet,
+      __classPrivateFieldSet: __classPrivateFieldSet,
+      __classPrivateFieldIn: __classPrivateFieldIn,
+      __addDisposableResource: __addDisposableResource,
+      __disposeResources: __disposeResources,
   };
 
-  var AclRoleAccess;
-  (function (AclRoleAccess) {
-      AclRoleAccess[AclRoleAccess["None"] = 0] = "None";
-      AclRoleAccess[AclRoleAccess["Read"] = 5] = "Read";
-      AclRoleAccess[AclRoleAccess["Write"] = 10] = "Write";
-      AclRoleAccess[AclRoleAccess["Full"] = 15] = "Full";
+  var AclRoleAccess;
+  (function (AclRoleAccess) {
+      AclRoleAccess[AclRoleAccess["None"] = 0] = "None";
+      AclRoleAccess[AclRoleAccess["Read"] = 5] = "Read";
+      AclRoleAccess[AclRoleAccess["Write"] = 10] = "Write";
+      AclRoleAccess[AclRoleAccess["Full"] = 15] = "Full";
   })(AclRoleAccess || (AclRoleAccess = {}));
 
-  var AclRoleAccesses = [
-      { name: 'None', value: AclRoleAccess.None },
-      { name: 'Read', value: AclRoleAccess.Read },
-      { name: 'Write', value: AclRoleAccess.Write },
-      { name: 'Full', value: AclRoleAccess.Full }
+  var AclRoleAccesses = [
+      { name: 'None', value: AclRoleAccess.None },
+      { name: 'Read', value: AclRoleAccess.Read },
+      { name: 'Write', value: AclRoleAccess.Write },
+      { name: 'Full', value: AclRoleAccess.Full }
   ];
 
   var FS_APP_ACL_CONFIG = new i0.InjectionToken('fs-app-acl-config');
 
-  var FsAppAclService = /** @class */ (function () {
-      function FsAppAclService(_appAclConfig) {
-          this._appAclConfig = _appAclConfig;
-      }
-      FsAppAclService.prototype.getPermissions = function () {
-          var _this = this;
-          if (!this._permissions$) {
-              this._permissions$ = new rxjs.ReplaySubject();
-              this._appAclConfig.permissions
-                  .subscribe(function (permissions) {
-                  _this._permissions$.next(permissions);
-                  _this._permissions$.complete();
-              });
-          }
-          return this._permissions$;
-      };
-      FsAppAclService.prototype.getLevels = function () {
-          var _this = this;
-          if (!this._levels$) {
-              this._levels$ = new rxjs.ReplaySubject();
-              this._appAclConfig.levels
-                  .subscribe(function (levels) {
-                  _this._levels$.next(levels);
-                  _this._levels$.complete();
-              });
-          }
-          return this._levels$;
-      };
-      FsAppAclService.prototype.getIndexedLevels = function () {
-          return this.getLevels()
-              .pipe(operators.map(function (data) {
-              return common.list(data, 'name', 'value');
-          }));
-      };
-      return FsAppAclService;
-  }());
-  FsAppAclService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclService, deps: [{ token: FS_APP_ACL_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  FsAppAclService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root',
-                  }]
-          }], ctorParameters: function () {
-          return [{ type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: [FS_APP_ACL_CONFIG]
-                      }] }];
+  var FsAppAclService = /** @class */ (function () {
+      function FsAppAclService(_appAclConfig) {
+          this._appAclConfig = _appAclConfig;
+      }
+      FsAppAclService.prototype.getPermissions = function () {
+          var _this = this;
+          if (!this._permissions$) {
+              this._permissions$ = new rxjs.ReplaySubject();
+              this._appAclConfig.permissions
+                  .subscribe(function (permissions) {
+                  _this._permissions$.next(permissions);
+                  _this._permissions$.complete();
+              });
+          }
+          return this._permissions$;
+      };
+      FsAppAclService.prototype.getLevels = function () {
+          var _this = this;
+          if (!this._levels$) {
+              this._levels$ = new rxjs.ReplaySubject();
+              this._appAclConfig.levels
+                  .subscribe(function (levels) {
+                  _this._levels$.next(levels);
+                  _this._levels$.complete();
+              });
+          }
+          return this._levels$;
+      };
+      FsAppAclService.prototype.getIndexedLevels = function () {
+          return this.getLevels()
+              .pipe(operators.map(function (data) {
+              return common.list(data, 'name', 'value');
+          }));
+      };
+      return FsAppAclService;
+  }());
+  FsAppAclService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclService, deps: [{ token: FS_APP_ACL_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  FsAppAclService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root',
+                  }]
+          }], ctorParameters: function () {
+          return [{ type: undefined, decorators: [{
+                          type: i0.Inject,
+                          args: [FS_APP_ACL_CONFIG]
+                      }] }];
       } });
 
-  var FsAclRoleComponent = /** @class */ (function () {
-      function FsAclRoleComponent(_data, _appAclService, _dialogRef, _message, _cdRef) {
-          var _this = this;
-          this._data = _data;
-          this._appAclService = _appAclService;
-          this._dialogRef = _dialogRef;
-          this._message = _message;
-          this._cdRef = _cdRef;
-          this.aclRole = null;
-          this.permissions = [];
-          this.levelPermissions = [];
-          this.AclRoleAccesses = AclRoleAccesses;
-          this.indexedAccesses = {};
-          this.aclLevels = [];
-          this.indexedAclLevels = {};
-          this.onlyFullAccess = false;
-          this.AclLevels = {};
-          this.roleConfigs = [];
-          this.aclRoleConfigValues = {};
-          this.aclRolePermissions = {};
-          this._destroy$ = new rxjs.Subject();
-          this.save = function () {
-              var aclRoleConfigs = _this.roleConfigs
-                  .map(function (roleConfig) {
-                  return {
-                      name: roleConfig.name,
-                      value: _this.aclRoleConfigValues[roleConfig.name],
-                  };
-              });
-              var aclRole = Object.assign(Object.assign({}, _this.aclRole), { permissions: _this.levelPermissions.map(function (permission) {
-                      return {
-                          value: permission.value,
-                          access: _this.aclRolePermissions[permission.value] || 0,
-                      };
-                  }), aclRoleConfigs: aclRoleConfigs });
-              return _this._data.saveAclRole(aclRole)
-                  .pipe(operators.tap(function (response) {
-                  _this._message.success('Saved Changes');
-                  _this.close(response);
-              }));
-          };
-      }
-      FsAclRoleComponent.prototype.ngOnInit = function () {
-          var _this = this;
-          rxjs.forkJoin(this.getRole(), this._appAclService.getPermissions())
-              .pipe(operators.takeUntil(this._destroy$))
-              .subscribe(function (_a) {
-              var _b = __read(_a, 2), aclRole = _b[0], aclPermissions = _b[1];
-              _this.permissions = aclPermissions;
-              _this.aclLevels = _this._data.aclLevels;
-              _this.indexedAclLevels = common.list(_this.aclLevels, 'name', 'value');
-              _this.indexedAccesses = common.list(AclRoleAccesses, 'name', 'value');
-              _this.aclRole = Object.assign({
-                  aclPermissions: [],
-                  allPermissions: true,
-                  aclRoleConfigs: [],
-                  permissions: {},
-                  level: _this.aclLevels[0].value,
-              }, aclRole);
-              _this.aclRoleConfigValues = (aclRole.aclRoleConfigs || [])
-                  .reduce(function (accum, aclRoleConfig) {
-                  var _a;
-                  return Object.assign(Object.assign({}, accum), (_a = {}, _a[aclRoleConfig.name] = aclRoleConfig.value, _a));
-              }, {});
-              if (_this.aclRole.id) {
-                  _this.permissions.forEach(function (permission) {
-                      var access = 0;
-                      var aclPermission = _this.aclRole.aclPermissions.find(function (item) {
-                          return item.permission === permission.value;
-                      });
-                      if (aclPermission) {
-                          access = aclPermission.access;
-                      }
-                      _this.aclRolePermissions[permission.value] = access;
-                  });
-              }
-              if (_this.aclRole.allPermissions) {
-                  _this._applyMaxPermissionAccess();
-              }
-              _this._updatePermissions();
-              _this._updateRoleConfigs();
-              _this._cdRef.markForCheck();
-          });
-          this.listConfig = {
-              status: false,
-              paging: false,
-              noResults: {
-                  message: '',
-              },
-              group: {
-                  initialExpand: true,
-                  groupBy: function (data) {
-                      return data;
-                  },
-                  compareBy: function (data) {
-                      return data.category || 'General';
-                  },
-              },
-              fetch: function () {
-                  return rxjs.of({
-                      data: _this.levelPermissions.sort(function (a, b) {
-                          a = a.name.toUpperCase();
-                          b = b.name.toUpperCase();
-                          if (a < b) {
-                              return -1;
-                          }
-                          else if (a > b) {
-                              return 1;
-                          }
-                          return 0;
-                      }),
-                  });
-              },
-          };
-      };
-      FsAclRoleComponent.prototype.bulkChange = function (event, groupChildren, group) {
-          var _this = this;
-          groupChildren
-              .forEach(function (permission) {
-              var access = permission.accesses
-                  .find(function (access) { return event.value === access; });
-              if (access || !event.value) {
-                  _this.aclRolePermissions[permission.value] = event.value;
-              }
-          });
-          event.source.writeValue(null);
-      };
-      FsAclRoleComponent.prototype.levelChange = function () {
-          this._updatePermissions();
-          this._updateRoleConfigs();
-          this.list.reload();
-      };
-      FsAclRoleComponent.prototype.getRole = function () {
-          if (!this._data.aclRole.id) {
-              return rxjs.of(this._data.aclRole);
-          }
-          var query = {
-              aclPermissions: true,
-              aclRoleConfigs: true,
-          };
-          if (!this.environment) {
-              query.environmentId = null;
-          }
-          return this._data.loadAclRole(this._data.aclRole, query);
-      };
-      FsAclRoleComponent.prototype.close = function (data) {
-          if (data === void 0) { data = null; }
-          this._dialogRef.close(data);
-      };
-      FsAclRoleComponent.prototype.allPermissionsChange = function (all) {
-          this._updatePermissions();
-          if (all) {
-              this._applyMaxPermissionAccess();
-          }
-      };
-      FsAclRoleComponent.prototype.ngOnDestroy = function () {
-          this._destroy$.next();
-          this._destroy$.complete();
-      };
-      FsAclRoleComponent.prototype._updatePermissions = function () {
-          var _this = this;
-          this.levelPermissions = this.permissions.filter(function (permission) {
-              return permission.levels.some(function (item) {
-                  return item === _this.aclRole.level;
-              });
-          });
-      };
-      FsAclRoleComponent.prototype._updateRoleConfigs = function () {
-          var _this = this;
-          if (this._data.loadRoleConfigs) {
-              this._data.loadRoleConfigs()
-                  .subscribe(function (roleConfigs) {
-                  _this.roleConfigs = roleConfigs
-                      .filter(function (roleConfig) { return roleConfig.level === _this.aclRole.level; });
-                  _this._cdRef.markForCheck();
-              });
-          }
-      };
-      FsAclRoleComponent.prototype._applyMaxPermissionAccess = function () {
-          var _this = this;
-          this.permissions.forEach(function (permission) {
-              _this.aclRolePermissions[permission.value] = Math.max.apply(Math, __spreadArray([], __read(permission.accesses)));
-          });
-      };
-      return FsAclRoleComponent;
-  }());
-  FsAclRoleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRoleComponent, deps: [{ token: i2.MAT_DIALOG_DATA }, { token: FsAppAclService }, { token: i2__namespace.MatDialogRef }, { token: i3__namespace.FsMessage }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  FsAclRoleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclRoleComponent, selector: "ng-component", viewQueries: [{ propertyName: "list", first: true, predicate: i12.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "<form fsForm [submit]=\"save\">\n  <fs-dialog>\n    <ng-container *ngIf=\"aclRole\">\n      <div mat-dialog-title>{{ aclRole.id ? 'Edit' : 'Create' }} Role</div>\n      <mat-dialog-content>\n        <div fxLayout=\"row\" fxLayout.lt-md=\"column\" fxLayoutGap=\"40px\" fxLayoutGap.lt-md=\"0\">\n          <div fxLayout=\"column\" fxFlex fxFlex.lt-md=\"0\">\n            <mat-form-field>\n              <input \n                matInput \n                placeholder=\"Name\" \n                [(ngModel)]=\"aclRole.name\" \n                name=\"name\" \n                fsFormRequired>\n            </mat-form-field>\n\n            <mat-form-field>\n              <input \n                matInput \n                placeholder=\"Description\" \n                [(ngModel)]=\"aclRole.description\"\n                name=\"description\">\n            </mat-form-field>            \n\n            <fs-label-field *ngIf=\"aclRole.id || aclLevels.length === 1; else levels\">\n              <fs-label>Level</fs-label>\n              {{indexedAclLevels[aclRole.level]}}\n            </fs-label-field>\n\n            <ng-template #levels>\n              <div class=\"level\">\n                <fs-radio-group\n                  [(ngModel)]=\"aclRole.level\"\n                  (ngModelChange)=\"levelChange()\"\n                  fsFormRequired\n                  label=\"Level\"\n                  orientation=\"vertical\"\n                  name=\"level\">\n                  <mat-radio-button\n                    *ngFor=\"let item of aclLevels\"\n                    [value]=\"item.value\"\n                    [disabled]=\"!!aclRole.protected\">\n                      {{ item.name }}\n                  </mat-radio-button>\n                </fs-radio-group>\n              </div>\n            </ng-template>\n\n            <fs-label-field *ngIf=\"levelPermissions.length\">\n              <fs-label>All Permissions</fs-label>\n              <mat-checkbox\n                  [(ngModel)]=\"aclRole.allPermissions\"\n                  (ngModelChange)=\"allPermissionsChange($event)\"\n                  [disabled]=\"!!aclRole.protected\"\n                  name=\"allPermissions\">\n                Enable\n              </mat-checkbox>\n            </fs-label-field>\n\n            <div fxLayout=\"column\" *ngFor=\"let roleConfig of roleConfigs\">\n              <fs-label-field *ngIf=\"roleConfig.type === 'checkbox'\">\n                <fs-label>{{roleConfig.label}}</fs-label>\n                <mat-checkbox\n                    [(ngModel)]=\"aclRoleConfigValues[roleConfig.name]\"\n                    [name]=\"roleConfig.name\">\n                  Enable\n                </mat-checkbox>\n                <fs-label-message>\n                  <mat-hint>{{roleConfig.description}}</mat-hint>\n                </fs-label-message>\n              </fs-label-field>\n\n              <mat-form-field *ngIf=\"roleConfig.type === 'select'\">\n                <mat-select\n                  [(ngModel)]=\"aclRoleConfigValues[roleConfig.name]\"\n                  [name]=\"roleConfig.name\"\n                  [required]=\"roleConfig.required\"\n                  [placeholder]=\"roleConfig.label\">\n                    <mat-option\n                        *ngFor=\"let item of roleConfig.values\"\n                        [value]=\"item.value\">\n                      {{ item.name }}\n                    </mat-option>\n                </mat-select>\n                <mat-hint>{{roleConfig.description}}</mat-hint>\n              </mat-form-field>\n            </div>\n          </div>\n\n          <div fxLayout=\"column\" fxFlex=\"65\" fxFlex.lt-md=\"0\" *ngIf=\"aclRole.level\" [hidden]=\"!levelPermissions.length\" class=\"permissions\">\n            <fs-list [config]=\"listConfig\">\n              <fs-list-column title=\"Permissions\">\n                <ng-template fs-list-group-cell let-row=\"row\" class=\"permission-group\">\n                  <small><b>{{row.category || 'General'}}</b></small>\n                </ng-template>  \n                <ng-template fs-list-cell let-row=\"row\">\n                  <div class=\"permission\">{{ row.name }}</div>\n                  <div class=\"description small\">{{ row.description }}</div>\n                </ng-template>\n              </fs-list-column>\n              <fs-list-column title=\"Access\" width=\"1%\" class=\"access\">              \n                <ng-template fs-list-group-cell let-row=\"row\" let-group=\"group\" let-groupChildren=\"groupChildren\" class=\"permission-group\">\n                  <ng-container *ngIf=\"!aclRole.allPermissions\">\n                    <mat-form-field>\n                      <mat-select\n                          [ngModel]=\"group.bulk\"\n                          (selectionChange)=\"bulkChange($event, groupChildren, group)\"\n                          [name]=\"'bulk-' + row.category\">\n                        <ng-container *ngFor=\"let access of AclRoleAccesses\">\n                          <mat-option\n                              [value]=\"access.value\">\n                            {{ access.name }}\n                          </mat-option>\n                        </ng-container>\n                      </mat-select>\n                    </mat-form-field>\n                  </ng-container>\n                </ng-template>\n                <ng-template fs-list-cell let-row=\"permission\" let-permission=\"row\">\n                  <span *ngIf=\"aclRole.allPermissions; else elseAll\">\n                    {{ indexedAccesses[aclRolePermissions[permission.value]] }}\n                  </span>\n                  <ng-template #elseAll>\n                    <mat-form-field>\n                      <mat-select\n                          [(ngModel)]=\"aclRolePermissions[permission.value]\"\n                          [disabled]=\"!!aclRole.protected\"\n                          required\n                          name=\"access-{{ permission.value }}\">\n                        <ng-container *ngFor=\"let access of AclRoleAccesses\">\n                          <mat-option\n                              *ngIf=\"access.value === 0 || permission.accesses.indexOf(access.value) !== -1\"\n                              [value]=\"access.value\">\n                            {{ access.name }}\n                          </mat-option>\n                        </ng-container>\n                      </mat-select>\n                    </mat-form-field>\n                  </ng-template>\n                </ng-template>\n              </fs-list-column>\n            </fs-list>\n          </div>\n        </div>\n      </mat-dialog-content>\n      <mat-dialog-actions>\n        <button mat-button type=\"submit\" color=\"primary\">{{ aclRole.id ? 'Save' : 'Create' }}</button>\n        <button mat-button [mat-dialog-close]=\"null\" type=\"button\">Cancel</button>\n      </mat-dialog-actions>\n    </ng-container>\n  </fs-dialog>\n</form>\n", styles: [":host .permissions ::ng-deep .fs-list-row-group{background-color:#f6f6f6}:host .permissions ::ng-deep fs-list .access{white-space:nowrap}:host .permissions ::ng-deep .mat-form-field{width:100px}:host .permissions ::ng-deep .mat-form-field .mat-form-field-wrapper{padding-bottom:0}:host .permissions ::ng-deep .mat-form-field .mat-form-field-infix{border-top:0}:host .permissions ::ng-deep .mat-form-field .mat-form-field-underline{bottom:0}:host ::ng-deep fs-radio-group{width:100%}:host ::ng-deep fs-label-field{width:100%}:host .level{width:100%}\n"], components: [{ type: i4__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i5__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i6__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i6__namespace.FsLabelComponent, selector: "fs-label" }, { type: i7__namespace.FsRadioGroupComponent, selector: "fs-radio-group", inputs: ["orientation", "label", "name", "disabled", "radioPosition", "compareWith", "required"] }, { type: i8__namespace.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i9__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i6__namespace.FsLabelMessageComponent, selector: "fs-label-message" }, { type: i10__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i11__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i12__namespace.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i13__namespace.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"] }], directives: [{ type: i14__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i14__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i14__namespace.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i15__namespace.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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.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: i17__namespace.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i18__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i14__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i15__namespace.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i14__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i14__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i15__namespace.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i14__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i12__namespace.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i12__namespace.FsListGroupHeaderDirective, selector: "[fs-list-group-cell],[fs-list-group-header]" }, { type: i12__namespace.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i2__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i15__namespace.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { type: i2__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRoleComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      templateUrl: './acl-role.component.html',
-                      styleUrls: ['./acl-role.component.scss'],
-                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                  }]
-          }], ctorParameters: function () {
-          return [{ type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: [i2.MAT_DIALOG_DATA]
-                      }] }, { type: FsAppAclService }, { type: i2__namespace.MatDialogRef }, { type: i3__namespace.FsMessage }, { type: i0__namespace.ChangeDetectorRef }];
-      }, propDecorators: { list: [{
-                  type: i0.ViewChild,
-                  args: [i12.FsListComponent]
+  var BulkOptionsFilterPipe = /** @class */ (function () {
+      function BulkOptionsFilterPipe() {
+      }
+      BulkOptionsFilterPipe.prototype.transform = function (rolesList, children) {
+          var accessLevels = this._uniqListOfAccessLevels(children);
+          return rolesList.filter(function (permission) {
+              return permission.value === 0 || accessLevels.has(permission.value);
+          });
+      };
+      BulkOptionsFilterPipe.prototype._uniqListOfAccessLevels = function (children) {
+          return children.reduce(function (acc, value) {
+              value.accesses.forEach(function (access) {
+                  acc.add(access);
+              });
+              return acc;
+          }, (new Set));
+      };
+      return BulkOptionsFilterPipe;
+  }());
+  BulkOptionsFilterPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BulkOptionsFilterPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  BulkOptionsFilterPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BulkOptionsFilterPipe, name: "builkOptionsFilter" });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BulkOptionsFilterPipe, decorators: [{
+              type: i0.Pipe,
+              args: [{
+                      name: 'builkOptionsFilter'
+                  }]
+          }] });
+
+  var FsAclRoleComponent = /** @class */ (function () {
+      function FsAclRoleComponent(_data, _appAclService, _dialogRef, _message, _cdRef) {
+          var _this = this;
+          this._data = _data;
+          this._appAclService = _appAclService;
+          this._dialogRef = _dialogRef;
+          this._message = _message;
+          this._cdRef = _cdRef;
+          this.aclRole = null;
+          this.permissions = [];
+          this.levelPermissions = [];
+          this.AclRoleAccesses = AclRoleAccesses;
+          this.indexedAccesses = {};
+          this.aclLevels = [];
+          this.indexedAclLevels = {};
+          this.onlyFullAccess = false;
+          this.AclLevels = {};
+          this.roleConfigs = [];
+          this.aclRoleConfigValues = {};
+          this.aclRolePermissions = {};
+          this._destroy$ = new rxjs.Subject();
+          this.save = function () {
+              var aclRoleConfigs = _this.roleConfigs
+                  .map(function (roleConfig) {
+                  return {
+                      name: roleConfig.name,
+                      value: _this.aclRoleConfigValues[roleConfig.name],
+                  };
+              });
+              var aclRole = Object.assign(Object.assign({}, _this.aclRole), { permissions: _this.levelPermissions.map(function (permission) {
+                      return {
+                          value: permission.value,
+                          access: _this.aclRolePermissions[permission.value] || 0,
+                      };
+                  }), aclRoleConfigs: aclRoleConfigs });
+              return _this._data.saveAclRole(aclRole)
+                  .pipe(operators.tap(function (response) {
+                  _this._message.success('Saved Changes');
+                  _this.close(response);
+              }));
+          };
+      }
+      FsAclRoleComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          rxjs.forkJoin(this.getRole(), this._appAclService.getPermissions())
+              .pipe(operators.takeUntil(this._destroy$))
+              .subscribe(function (_a) {
+              var _b = __read(_a, 2), aclRole = _b[0], aclPermissions = _b[1];
+              _this.permissions = aclPermissions;
+              _this.aclLevels = _this._data.aclLevels;
+              _this.indexedAclLevels = common.list(_this.aclLevels, 'name', 'value');
+              _this.indexedAccesses = common.list(AclRoleAccesses, 'name', 'value');
+              _this.aclRole = Object.assign({
+                  aclPermissions: [],
+                  allPermissions: true,
+                  aclRoleConfigs: [],
+                  permissions: {},
+                  level: _this.aclLevels[0].value,
+              }, aclRole);
+              _this.aclRoleConfigValues = (aclRole.aclRoleConfigs || [])
+                  .reduce(function (accum, aclRoleConfig) {
+                  var _a;
+                  return Object.assign(Object.assign({}, accum), (_a = {}, _a[aclRoleConfig.name] = aclRoleConfig.value, _a));
+              }, {});
+              if (_this.aclRole.id) {
+                  _this.permissions.forEach(function (permission) {
+                      var access = 0;
+                      var aclPermission = _this.aclRole.aclPermissions.find(function (item) {
+                          return item.permission === permission.value;
+                      });
+                      if (aclPermission) {
+                          access = aclPermission.access;
+                      }
+                      _this.aclRolePermissions[permission.value] = access;
+                  });
+              }
+              if (_this.aclRole.allPermissions) {
+                  _this._applyMaxPermissionAccess();
+              }
+              _this._updatePermissions();
+              _this._updateRoleConfigs();
+              _this._cdRef.markForCheck();
+          });
+          this.listConfig = {
+              status: false,
+              paging: false,
+              noResults: {
+                  message: '',
+              },
+              group: {
+                  initialExpand: true,
+                  groupBy: function (data) {
+                      return data;
+                  },
+                  compareBy: function (data) {
+                      return data.category || 'General';
+                  },
+              },
+              fetch: function () {
+                  return rxjs.of({
+                      data: _this.levelPermissions.sort(function (a, b) {
+                          a = a.name.toUpperCase();
+                          b = b.name.toUpperCase();
+                          if (a < b) {
+                              return -1;
+                          }
+                          else if (a > b) {
+                              return 1;
+                          }
+                          return 0;
+                      }),
+                  });
+              },
+          };
+      };
+      FsAclRoleComponent.prototype.bulkChange = function (event, groupChildren, group) {
+          var _this = this;
+          groupChildren
+              .forEach(function (permission) {
+              var access = permission.accesses
+                  .find(function (access) { return event.value === access; });
+              if (access || !event.value) {
+                  _this.aclRolePermissions[permission.value] = event.value;
+              }
+          });
+          event.source.writeValue(null);
+      };
+      FsAclRoleComponent.prototype.levelChange = function () {
+          this._updatePermissions();
+          this._updateRoleConfigs();
+          this.list.reload();
+      };
+      FsAclRoleComponent.prototype.getRole = function () {
+          if (!this._data.aclRole.id) {
+              return rxjs.of(this._data.aclRole);
+          }
+          var query = {
+              aclPermissions: true,
+              aclRoleConfigs: true,
+          };
+          if (!this.environment) {
+              query.environmentId = null;
+          }
+          return this._data.loadAclRole(this._data.aclRole, query);
+      };
+      FsAclRoleComponent.prototype.close = function (data) {
+          if (data === void 0) { data = null; }
+          this._dialogRef.close(data);
+      };
+      FsAclRoleComponent.prototype.allPermissionsChange = function (all) {
+          this._updatePermissions();
+          if (all) {
+              this._applyMaxPermissionAccess();
+          }
+      };
+      FsAclRoleComponent.prototype.ngOnDestroy = function () {
+          this._destroy$.next();
+          this._destroy$.complete();
+      };
+      FsAclRoleComponent.prototype._updatePermissions = function () {
+          var _this = this;
+          this.levelPermissions = this.permissions.filter(function (permission) {
+              return permission.levels.some(function (item) {
+                  return item === _this.aclRole.level;
+              });
+          });
+      };
+      FsAclRoleComponent.prototype._updateRoleConfigs = function () {
+          var _this = this;
+          if (this._data.loadRoleConfigs) {
+              this._data.loadRoleConfigs()
+                  .subscribe(function (roleConfigs) {
+                  _this.roleConfigs = roleConfigs
+                      .filter(function (roleConfig) { return roleConfig.level === _this.aclRole.level; });
+                  _this._cdRef.markForCheck();
+              });
+          }
+      };
+      FsAclRoleComponent.prototype._applyMaxPermissionAccess = function () {
+          var _this = this;
+          this.permissions.forEach(function (permission) {
+              _this.aclRolePermissions[permission.value] = Math.max.apply(Math, __spreadArray([], __read(permission.accesses)));
+          });
+      };
+      return FsAclRoleComponent;
+  }());
+  FsAclRoleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRoleComponent, deps: [{ token: i2.MAT_DIALOG_DATA }, { token: FsAppAclService }, { token: i2__namespace.MatDialogRef }, { token: i3__namespace.FsMessage }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  FsAclRoleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclRoleComponent, selector: "ng-component", viewQueries: [{ propertyName: "list", first: true, predicate: i12.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "<form fsForm [submit]=\"save\">\n  <fs-dialog>\n    <ng-container *ngIf=\"aclRole\">\n      <div mat-dialog-title>{{ aclRole.id ? 'Edit' : 'Create' }} Role</div>\n      <mat-dialog-content>\n        <div fxLayout=\"row\" fxLayout.lt-md=\"column\" fxLayoutGap=\"40px\" fxLayoutGap.lt-md=\"0\">\n          <div fxLayout=\"column\" fxFlex fxFlex.lt-md=\"0\">\n            <mat-form-field>\n              <input\n                matInput\n                placeholder=\"Name\"\n                [(ngModel)]=\"aclRole.name\"\n                name=\"name\"\n                fsFormRequired>\n            </mat-form-field>\n\n            <mat-form-field>\n              <input\n                matInput\n                placeholder=\"Description\"\n                [(ngModel)]=\"aclRole.description\"\n                name=\"description\">\n            </mat-form-field>\n\n            <fs-label-field *ngIf=\"aclRole.id || aclLevels.length === 1; else levels\">\n              <fs-label>Level</fs-label>\n              {{indexedAclLevels[aclRole.level]}}\n            </fs-label-field>\n\n            <ng-template #levels>\n              <div class=\"level\">\n                <fs-radio-group\n                  [(ngModel)]=\"aclRole.level\"\n                  (ngModelChange)=\"levelChange()\"\n                  fsFormRequired\n                  label=\"Level\"\n                  orientation=\"vertical\"\n                  name=\"level\">\n                  <mat-radio-button\n                    *ngFor=\"let item of aclLevels\"\n                    [value]=\"item.value\"\n                    [disabled]=\"!!aclRole.protected\">\n                      {{ item.name }}\n                  </mat-radio-button>\n                </fs-radio-group>\n              </div>\n            </ng-template>\n\n            <fs-label-field *ngIf=\"levelPermissions.length\">\n              <fs-label>All Permissions</fs-label>\n              <mat-checkbox\n                  [(ngModel)]=\"aclRole.allPermissions\"\n                  (ngModelChange)=\"allPermissionsChange($event)\"\n                  [disabled]=\"!!aclRole.protected\"\n                  name=\"allPermissions\">\n                Enable\n              </mat-checkbox>\n            </fs-label-field>\n\n            <div fxLayout=\"column\" *ngFor=\"let roleConfig of roleConfigs\">\n              <fs-label-field *ngIf=\"roleConfig.type === 'checkbox'\">\n                <fs-label>{{roleConfig.label}}</fs-label>\n                <mat-checkbox\n                    [(ngModel)]=\"aclRoleConfigValues[roleConfig.name]\"\n                    [name]=\"roleConfig.name\">\n                  Enable\n                </mat-checkbox>\n                <fs-label-message>\n                  <mat-hint>{{roleConfig.description}}</mat-hint>\n                </fs-label-message>\n              </fs-label-field>\n\n              <mat-form-field *ngIf=\"roleConfig.type === 'select'\">\n                <mat-select\n                  [(ngModel)]=\"aclRoleConfigValues[roleConfig.name]\"\n                  [name]=\"roleConfig.name\"\n                  [required]=\"roleConfig.required\"\n                  [placeholder]=\"roleConfig.label\">\n                    <mat-option\n                        *ngFor=\"let item of roleConfig.values\"\n                        [value]=\"item.value\">\n                      {{ item.name }}\n                    </mat-option>\n                </mat-select>\n                <mat-hint>{{roleConfig.description}}</mat-hint>\n              </mat-form-field>\n            </div>\n          </div>\n\n          <div fxLayout=\"column\" fxFlex=\"65\" fxFlex.lt-md=\"0\" *ngIf=\"aclRole.level\" [hidden]=\"!levelPermissions.length\" class=\"permissions\">\n            <fs-list [config]=\"listConfig\">\n              <fs-list-column title=\"Permissions\">\n                <ng-template fs-list-group-cell let-row=\"row\" class=\"permission-group\">\n                  <small><b>{{row.category || 'General'}}</b></small>\n                </ng-template>\n                <ng-template fs-list-cell let-row=\"row\">\n                  <div class=\"permission\">{{ row.name }}</div>\n                  <div class=\"description small\">{{ row.description }}</div>\n                </ng-template>\n              </fs-list-column>\n              <fs-list-column title=\"Access\" width=\"1%\" class=\"access\">\n                <ng-template fs-list-group-cell let-row=\"row\" let-group=\"group\" let-groupChildren=\"groupChildren\" class=\"permission-group\">\n                  <ng-container *ngIf=\"!aclRole.allPermissions\">\n                    <mat-form-field>\n                      <mat-select\n                          [ngModel]=\"group.bulk\"\n                          (selectionChange)=\"bulkChange($event, groupChildren, group)\"\n                          [name]=\"'bulk-' + row.category\">\n                        <ng-container *ngFor=\"let access of AclRoleAccesses | builkOptionsFilter: groupChildren\">\n                          <mat-option\n                              [value]=\"access.value\">\n                            {{ access.name }}\n                          </mat-option>\n                        </ng-container>\n                      </mat-select>\n                    </mat-form-field>\n                  </ng-container>\n                </ng-template>\n                <ng-template fs-list-cell let-row=\"permission\" let-permission=\"row\">\n                  <span *ngIf=\"aclRole.allPermissions; else elseAll\">\n                    {{ indexedAccesses[aclRolePermissions[permission.value]] }}\n                  </span>\n                  <ng-template #elseAll>\n                    <mat-form-field>\n                      <mat-select\n                          [(ngModel)]=\"aclRolePermissions[permission.value]\"\n                          [disabled]=\"!!aclRole.protected\"\n                          required\n                          name=\"access-{{ permission.value }}\">\n                        <ng-container *ngFor=\"let access of AclRoleAccesses\">\n                          <mat-option\n                              *ngIf=\"access.value === 0 || permission.accesses.indexOf(access.value) !== -1\"\n                              [value]=\"access.value\">\n                            {{ access.name }}\n                          </mat-option>\n                        </ng-container>\n                      </mat-select>\n                    </mat-form-field>\n                  </ng-template>\n                </ng-template>\n              </fs-list-column>\n            </fs-list>\n          </div>\n        </div>\n      </mat-dialog-content>\n      <mat-dialog-actions>\n        <button mat-button type=\"submit\" color=\"primary\">{{ aclRole.id ? 'Save' : 'Create' }}</button>\n        <button mat-button [mat-dialog-close]=\"null\" type=\"button\">Cancel</button>\n      </mat-dialog-actions>\n    </ng-container>\n  </fs-dialog>\n</form>\n", styles: [":host .permissions ::ng-deep .fs-list-row-group{background-color:#f6f6f6}:host .permissions ::ng-deep fs-list .access{white-space:nowrap}:host .permissions ::ng-deep .mat-form-field{width:100px}:host .permissions ::ng-deep .mat-form-field .mat-form-field-wrapper{padding-bottom:0}:host .permissions ::ng-deep .mat-form-field .mat-form-field-infix{border-top:0}:host .permissions ::ng-deep .mat-form-field .mat-form-field-underline{bottom:0}:host ::ng-deep fs-radio-group{width:100%}:host ::ng-deep fs-label-field{width:100%}:host .level{width:100%}\n"], components: [{ type: i4__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i5__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i6__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i6__namespace.FsLabelComponent, selector: "fs-label" }, { type: i7__namespace.FsRadioGroupComponent, selector: "fs-radio-group", inputs: ["orientation", "label", "name", "disabled", "radioPosition", "compareWith", "required"] }, { type: i8__namespace.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i9__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i6__namespace.FsLabelMessageComponent, selector: "fs-label-message" }, { type: i10__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i11__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i12__namespace.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i13__namespace.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"] }], directives: [{ type: i14__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i14__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i14__namespace.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i15__namespace.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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.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: i17__namespace.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i18__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i14__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i15__namespace.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i14__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i14__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i15__namespace.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i14__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i12__namespace.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i12__namespace.FsListGroupHeaderDirective, selector: "[fs-list-group-cell],[fs-list-group-header]" }, { type: i12__namespace.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i2__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i15__namespace.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { type: i2__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "builkOptionsFilter": BulkOptionsFilterPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRoleComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      templateUrl: './acl-role.component.html',
+                      styleUrls: ['./acl-role.component.scss'],
+                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                  }]
+          }], ctorParameters: function () {
+          return [{ type: undefined, decorators: [{
+                          type: i0.Inject,
+                          args: [i2.MAT_DIALOG_DATA]
+                      }] }, { type: FsAppAclService }, { type: i2__namespace.MatDialogRef }, { type: i3__namespace.FsMessage }, { type: i0__namespace.ChangeDetectorRef }];
+      }, propDecorators: { list: [{
+                  type: i0.ViewChild,
+                  args: [i12.FsListComponent]
               }] } });
 
-  var FsAclPermissionPopoverComponent = /** @class */ (function () {
-      function FsAclPermissionPopoverComponent(_appAclService) {
-          this._appAclService = _appAclService;
-      }
-      FsAclPermissionPopoverComponent.prototype.ngOnInit = function () {
-          var _this = this;
-          this._appAclService.getPermissions()
-              .subscribe(function (permissions) {
-              _this.description = permissions.filter(function (item) {
-                  return item.value === _this.permission.value;
-              }).map(function (item) {
-                  return item.description;
-              })[0];
-          });
-      };
-      return FsAclPermissionPopoverComponent;
-  }());
-  FsAclPermissionPopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclPermissionPopoverComponent, deps: [{ token: FsAppAclService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  FsAclPermissionPopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclPermissionPopoverComponent, selector: "acl-permission-popover", inputs: { permission: "permission" }, ngImport: i0__namespace, template: "\n<fs-popover [template]=\"popover\" [maxWidth]=\"400\">\n  <ng-content></ng-content>\n</fs-popover>\n\n<ng-template #popover>\n  {{permission.name}}\n  <div class=\"small\">{{description}}</div>\n</ng-template>\n\n", styles: [":host{cursor:pointer}\n"], components: [{ type: i2__namespace$1.FsPopoverComponent, selector: "fs-popover", inputs: ["template", "data", "leaveDelay", "showDelay", "maxWidth", "wrapperClass", "autoShow", "autoClose", "loadingDiameter", "loading", "indication", "position", "theme", "size", "trigger"] }] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclPermissionPopoverComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'acl-permission-popover',
-                      templateUrl: './acl-permission-popover.component.html',
-                      styleUrls: ['./acl-permission-popover.component.scss']
-                  }]
-          }], ctorParameters: function () { return [{ type: FsAppAclService }]; }, propDecorators: { permission: [{
-                  type: i0.Input
+  var FsAclPermissionPopoverComponent = /** @class */ (function () {
+      function FsAclPermissionPopoverComponent(_appAclService) {
+          this._appAclService = _appAclService;
+      }
+      FsAclPermissionPopoverComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          this._appAclService.getPermissions()
+              .subscribe(function (permissions) {
+              _this.description = permissions.filter(function (item) {
+                  return item.value === _this.permission.value;
+              }).map(function (item) {
+                  return item.description;
+              })[0];
+          });
+      };
+      return FsAclPermissionPopoverComponent;
+  }());
+  FsAclPermissionPopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclPermissionPopoverComponent, deps: [{ token: FsAppAclService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  FsAclPermissionPopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclPermissionPopoverComponent, selector: "acl-permission-popover", inputs: { permission: "permission" }, ngImport: i0__namespace, template: "\n<fs-popover [template]=\"popover\" [maxWidth]=\"400\">\n  <ng-content></ng-content>\n</fs-popover>\n\n<ng-template #popover>\n  {{permission.name}}\n  <div class=\"small\">{{description}}</div>\n</ng-template>\n\n", styles: [":host{cursor:pointer}\n"], components: [{ type: i2__namespace$1.FsPopoverComponent, selector: "fs-popover", inputs: ["template", "data", "leaveDelay", "showDelay", "maxWidth", "wrapperClass", "autoShow", "autoClose", "loadingDiameter", "loading", "indication", "position", "theme", "size", "trigger"] }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclPermissionPopoverComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'acl-permission-popover',
+                      templateUrl: './acl-permission-popover.component.html',
+                      styleUrls: ['./acl-permission-popover.component.scss']
+                  }]
+          }], ctorParameters: function () { return [{ type: FsAppAclService }]; }, propDecorators: { permission: [{
+                  type: i0.Input
               }] } });
 
-  var FsAclRolesComponent = /** @class */ (function () {
-      function FsAclRolesComponent(_appAclService, _dialog) {
-          this._appAclService = _appAclService;
-          this._dialog = _dialog;
-          this.aclLevels = [];
-          this.list = new i0.QueryList();
-          this.indexedAclRoleLevels = {};
-          this._destroy$ = new rxjs.Subject();
-      }
-      FsAclRolesComponent.prototype.ngOnInit = function () {
-          var _this = this;
-          new rxjs.Observable(function (observer) {
-              if (_this.aclLevels.length) {
-                  observer.next(_this.aclLevels);
-                  observer.complete();
-              }
-              else {
-                  _this._appAclService.getLevels()
-                      .subscribe(function (aclLevels) {
-                      observer.next(aclLevels);
-                      observer.complete();
-                  });
-              }
-          })
-              .subscribe(function (aclLevels) {
-              _this.aclLevels = aclLevels;
-              _this.indexedAclRoleLevels = common.list(_this.aclLevels, 'name', 'value');
-              _this._loadListConfig();
-          });
-      };
-      FsAclRolesComponent.prototype.openDialog = function (aclRole) {
-          var _this = this;
-          if (aclRole === void 0) { aclRole = { id: null }; }
-          this._dialog.open(FsAclRoleComponent, {
-              width: '70%',
-              data: {
-                  aclRole: aclRole,
-                  aclLevels: this.aclLevels,
-                  loadAclRole: this.loadAclRole,
-                  saveAclRole: this.saveAclRole,
-                  loadRoleConfigs: this.loadRoleConfigs,
-              },
-          })
-              .afterClosed()
-              .pipe(operators.takeUntil(this._destroy$), operators.filter(function (response) { return !!response; }))
-              .subscribe(function (response) {
-              _this.list.forEach(function (list) {
-                  list.reload();
-              });
-          });
-      };
-      FsAclRolesComponent.prototype.ngOnDestroy = function () {
-          this._destroy$.next();
-          this._destroy$.complete();
-      };
-      FsAclRolesComponent.prototype._loadListConfig = function () {
-          var _this = this;
-          this.listConfig = {
-              sort: { value: 'hierarchy' },
-              filters: [
-                  {
-                      name: 'keyword',
-                      type: filter.ItemType.Keyword,
-                      label: 'Search',
-                  },
-                  {
-                      name: 'level',
-                      label: 'Level',
-                      type: filter.ItemType.Select,
-                      values: this.aclLevels,
-                      hide: this.aclLevels.length <= 1
-                  },
-                  {
-                      name: 'state',
-                      label: 'Show Deleted',
-                      type: filter.ItemType.Checkbox,
-                      unchecked: 'active',
-                      checked: 'deleted',
-                  },
-              ],
-              actions: [
-                  {
-                      click: function (event) {
-                          _this.openDialog();
-                      },
-                      label: 'Create',
-                  },
-              ],
-              rowActions: [
-                  {
-                      click: function (data) {
-                          return _this.deleteAclRole(data);
-                      },
-                      remove: {
-                          title: 'Confirm',
-                          template: 'Are you sure you would like to delete this role?',
-                      },
-                      menu: true,
-                      label: 'Delete',
-                      show: function (row) { return !!_this.deleteAclRole && row.state !== 'deleted'; },
-                  },
-                  {
-                      click: function (data) {
-                          return _this.restoreAclRole(data)
-                              .pipe(operators.tap(function () {
-                              _this.list.forEach(function (l) {
-                                  l.reload();
-                              });
-                          }), operators.takeUntil(_this._destroy$))
-                              .subscribe();
-                      },
-                      label: 'Restore',
-                      show: function (row) { return !!_this.restoreAclRole && row.state === 'deleted'; },
-                  },
-              ],
-              fetch: function (query) {
-                  query.permissions = true;
-                  return _this.loadAclRoles(query)
-                      .pipe(operators.map(function (data) { return data; }));
-              },
-          };
-      };
-      return FsAclRolesComponent;
-  }());
-  FsAclRolesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRolesComponent, deps: [{ token: FsAppAclService }, { token: i2__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  FsAclRolesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclRolesComponent, selector: "fs-acl-roles", inputs: { deleteAclRole: "deleteAclRole", restoreAclRole: "restoreAclRole", saveAclRole: "saveAclRole", loadAclRoles: "loadAclRoles", loadAclRole: "loadAclRole", loadRoleConfigs: "loadRoleConfigs", aclLevels: "aclLevels" }, viewQueries: [{ propertyName: "list", predicate: i12.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"listConfig\" *ngIf=\"listConfig\">\n  <fs-list-column title=\"Name\" name=\"name\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.state !== 'deleted' else deletedRole\">\n        <a (click)=\"openDialog(row)\">{{ row.name }}</a>\n      </ng-container>\n      <ng-template #deletedRole>\n        {{ row.name }}\n      </ng-template>\n      <div class=\"small\">{{row.description}}</div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column name=\"hierarchy\" title=\"Level\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ indexedAclRoleLevels[row.level] }}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Permissions\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <div class=\"permissions\">\n        <ng-container *ngFor=\"let permission of row.permissions\">\n          <span *ngIf=\"permission.access\" class=\"permission\">\n            <acl-permission-popover [permission]=\"permission\">{{permission.name}}</acl-permission-popover>\n          </span>\n        </ng-container>\n      </div>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [".permissions .permission+.permission:before{content:\", \"}\n"], components: [{ type: i12__namespace.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: FsAclPermissionPopoverComponent, selector: "acl-permission-popover", inputs: ["permission"] }], directives: [{ type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12__namespace.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i12__namespace.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRolesComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'fs-acl-roles',
-                      templateUrl: 'acl-roles.component.html',
-                      styleUrls: ['acl-roles.component.scss'],
-                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                  }]
-          }], ctorParameters: function () { return [{ type: FsAppAclService }, { type: i2__namespace.MatDialog }]; }, propDecorators: { deleteAclRole: [{
-                  type: i0.Input
-              }], restoreAclRole: [{
-                  type: i0.Input
-              }], saveAclRole: [{
-                  type: i0.Input
-              }], loadAclRoles: [{
-                  type: i0.Input
-              }], loadAclRole: [{
-                  type: i0.Input
-              }], loadRoleConfigs: [{
-                  type: i0.Input
-              }], aclLevels: [{
-                  type: i0.Input
-              }], list: [{
-                  type: i0.ViewChildren,
-                  args: [i12.FsListComponent]
+  var FsAclRolesComponent = /** @class */ (function () {
+      function FsAclRolesComponent(_appAclService, _dialog) {
+          this._appAclService = _appAclService;
+          this._dialog = _dialog;
+          this.aclLevels = [];
+          this.list = new i0.QueryList();
+          this.indexedAclRoleLevels = {};
+          this._destroy$ = new rxjs.Subject();
+      }
+      FsAclRolesComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          new rxjs.Observable(function (observer) {
+              if (_this.aclLevels.length) {
+                  observer.next(_this.aclLevels);
+                  observer.complete();
+              }
+              else {
+                  _this._appAclService.getLevels()
+                      .subscribe(function (aclLevels) {
+                      observer.next(aclLevels);
+                      observer.complete();
+                  });
+              }
+          })
+              .subscribe(function (aclLevels) {
+              _this.aclLevels = aclLevels;
+              _this.indexedAclRoleLevels = common.list(_this.aclLevels, 'name', 'value');
+              _this._loadListConfig();
+          });
+      };
+      FsAclRolesComponent.prototype.openDialog = function (aclRole) {
+          var _this = this;
+          if (aclRole === void 0) { aclRole = { id: null }; }
+          this._dialog.open(FsAclRoleComponent, {
+              width: '70%',
+              data: {
+                  aclRole: aclRole,
+                  aclLevels: this.aclLevels,
+                  loadAclRole: this.loadAclRole,
+                  saveAclRole: this.saveAclRole,
+                  loadRoleConfigs: this.loadRoleConfigs,
+              },
+          })
+              .afterClosed()
+              .pipe(operators.takeUntil(this._destroy$), operators.filter(function (response) { return !!response; }))
+              .subscribe(function (response) {
+              _this.list.forEach(function (list) {
+                  list.reload();
+              });
+          });
+      };
+      FsAclRolesComponent.prototype.ngOnDestroy = function () {
+          this._destroy$.next();
+          this._destroy$.complete();
+      };
+      FsAclRolesComponent.prototype._loadListConfig = function () {
+          var _this = this;
+          this.listConfig = {
+              sort: { value: 'hierarchy' },
+              filters: [
+                  {
+                      name: 'keyword',
+                      type: filter.ItemType.Keyword,
+                      label: 'Search',
+                  },
+                  {
+                      name: 'level',
+                      label: 'Level',
+                      type: filter.ItemType.Select,
+                      values: this.aclLevels,
+                      hide: this.aclLevels.length <= 1
+                  },
+                  {
+                      name: 'state',
+                      label: 'Show Deleted',
+                      type: filter.ItemType.Checkbox,
+                      unchecked: 'active',
+                      checked: 'deleted',
+                  },
+              ],
+              actions: [
+                  {
+                      click: function (event) {
+                          _this.openDialog();
+                      },
+                      label: 'Create',
+                  },
+              ],
+              rowActions: [
+                  {
+                      click: function (data) {
+                          return _this.deleteAclRole(data);
+                      },
+                      remove: {
+                          title: 'Confirm',
+                          template: 'Are you sure you would like to delete this role?',
+                      },
+                      menu: true,
+                      label: 'Delete',
+                      show: function (row) { return !!_this.deleteAclRole && row.state !== 'deleted'; },
+                  },
+                  {
+                      click: function (data) {
+                          return _this.restoreAclRole(data)
+                              .pipe(operators.tap(function () {
+                              _this.list.forEach(function (l) {
+                                  l.reload();
+                              });
+                          }), operators.takeUntil(_this._destroy$))
+                              .subscribe();
+                      },
+                      label: 'Restore',
+                      show: function (row) { return !!_this.restoreAclRole && row.state === 'deleted'; },
+                  },
+              ],
+              fetch: function (query) {
+                  query.permissions = true;
+                  return _this.loadAclRoles(query)
+                      .pipe(operators.map(function (data) { return data; }));
+              },
+          };
+      };
+      return FsAclRolesComponent;
+  }());
+  FsAclRolesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRolesComponent, deps: [{ token: FsAppAclService }, { token: i2__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  FsAclRolesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclRolesComponent, selector: "fs-acl-roles", inputs: { deleteAclRole: "deleteAclRole", restoreAclRole: "restoreAclRole", saveAclRole: "saveAclRole", loadAclRoles: "loadAclRoles", loadAclRole: "loadAclRole", loadRoleConfigs: "loadRoleConfigs", aclLevels: "aclLevels" }, viewQueries: [{ propertyName: "list", predicate: i12.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"listConfig\" *ngIf=\"listConfig\">\n  <fs-list-column title=\"Name\" name=\"name\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.state !== 'deleted' else deletedRole\">\n        <a (click)=\"openDialog(row)\">{{ row.name }}</a>\n      </ng-container>\n      <ng-template #deletedRole>\n        {{ row.name }}\n      </ng-template>\n      <div class=\"small\">{{row.description}}</div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column name=\"hierarchy\" title=\"Level\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ indexedAclRoleLevels[row.level] }}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Permissions\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <div class=\"permissions\">\n        <ng-container *ngFor=\"let permission of row.permissions\">\n          <span *ngIf=\"permission.access\" class=\"permission\">\n            <acl-permission-popover [permission]=\"permission\">{{permission.name}}</acl-permission-popover>\n          </span>\n        </ng-container>\n      </div>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [".permissions .permission+.permission:before{content:\", \"}\n"], components: [{ type: i12__namespace.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: FsAclPermissionPopoverComponent, selector: "acl-permission-popover", inputs: ["permission"] }], directives: [{ type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12__namespace.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i12__namespace.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRolesComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'fs-acl-roles',
+                      templateUrl: 'acl-roles.component.html',
+                      styleUrls: ['acl-roles.component.scss'],
+                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                  }]
+          }], ctorParameters: function () { return [{ type: FsAppAclService }, { type: i2__namespace.MatDialog }]; }, propDecorators: { deleteAclRole: [{
+                  type: i0.Input
+              }], restoreAclRole: [{
+                  type: i0.Input
+              }], saveAclRole: [{
+                  type: i0.Input
+              }], loadAclRoles: [{
+                  type: i0.Input
+              }], loadAclRole: [{
+                  type: i0.Input
+              }], loadRoleConfigs: [{
+                  type: i0.Input
+              }], aclLevels: [{
+                  type: i0.Input
+              }], list: [{
+                  type: i0.ViewChildren,
+                  args: [i12.FsListComponent]
               }] } });
 
-  var FsAclRolePopoverComponent = /** @class */ (function () {
-      function FsAclRolePopoverComponent(_appAclService) {
-          this._appAclService = _appAclService;
-          this.permissions = [];
-      }
-      FsAclRolePopoverComponent.prototype.ngOnInit = function () {
-          var _this = this;
-          var aclRolePermissions = this.aclRole.permissions || [];
-          this._appAclService.getPermissions()
-              .subscribe(function (response) {
-              _this.permissions = response.filter(function (item) {
-                  return aclRolePermissions.some(function (permission) {
-                      return item.value === permission.value;
-                  });
-              });
-          });
-      };
-      return FsAclRolePopoverComponent;
-  }());
-  FsAclRolePopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRolePopoverComponent, deps: [{ token: FsAppAclService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  FsAclRolePopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclRolePopoverComponent, selector: "fs-acl-role-popover", inputs: { aclRole: "aclRole", objectName: "objectName" }, ngImport: i0__namespace, template: "\n<fs-popover [template]=\"popover\" [maxWidth]=\"400\">\n  <ng-content></ng-content>\n</fs-popover>\n\n<ng-template #popover>\n  <div class=\"name small\">{{aclRole.name}}<span *ngIf=\"objectName\">: {{objectName}}</span></div>\n\n  <ng-container *ngIf=\"permissions.length; else nonePermission\">\n    <div *ngFor=\"let permission of permissions\" class=\"permission\">\n      <div>{{permission.name}}</div>\n      <div class=\"small\">{{permission.description}}</div>\n    </div>\n  </ng-container>\n\n  <ng-template #nonePermission>\n    None\n  </ng-template>\n</ng-template>\n", styles: [".name{padding-bottom:10px}.permission+.permission{padding-top:5px}:host{cursor:pointer}\n"], components: [{ type: i2__namespace$1.FsPopoverComponent, selector: "fs-popover", inputs: ["template", "data", "leaveDelay", "showDelay", "maxWidth", "wrapperClass", "autoShow", "autoClose", "loadingDiameter", "loading", "indication", "position", "theme", "size", "trigger"] }], directives: [{ type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRolePopoverComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'fs-acl-role-popover',
-                      templateUrl: './acl-role-popover.component.html',
-                      styleUrls: ['./acl-role-popover.component.scss']
-                  }]
-          }], ctorParameters: function () { return [{ type: FsAppAclService }]; }, propDecorators: { aclRole: [{
-                  type: i0.Input
-              }], objectName: [{
-                  type: i0.Input
+  var FsAclRolePopoverComponent = /** @class */ (function () {
+      function FsAclRolePopoverComponent(_appAclService) {
+          this._appAclService = _appAclService;
+          this.permissions = [];
+      }
+      FsAclRolePopoverComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          var aclRolePermissions = this.aclRole.permissions || [];
+          this._appAclService.getPermissions()
+              .subscribe(function (response) {
+              _this.permissions = response.filter(function (item) {
+                  return aclRolePermissions.some(function (permission) {
+                      return item.value === permission.value;
+                  });
+              });
+          });
+      };
+      return FsAclRolePopoverComponent;
+  }());
+  FsAclRolePopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRolePopoverComponent, deps: [{ token: FsAppAclService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  FsAclRolePopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclRolePopoverComponent, selector: "fs-acl-role-popover", inputs: { aclRole: "aclRole", objectName: "objectName" }, ngImport: i0__namespace, template: "\n<fs-popover [template]=\"popover\" [maxWidth]=\"400\">\n  <ng-content></ng-content>\n</fs-popover>\n\n<ng-template #popover>\n  <div class=\"name small\">{{aclRole.name}}<span *ngIf=\"objectName\">: {{objectName}}</span></div>\n\n  <ng-container *ngIf=\"permissions.length; else nonePermission\">\n    <div *ngFor=\"let permission of permissions\" class=\"permission\">\n      <div>{{permission.name}}</div>\n      <div class=\"small\">{{permission.description}}</div>\n    </div>\n  </ng-container>\n\n  <ng-template #nonePermission>\n    None\n  </ng-template>\n</ng-template>\n", styles: [".name{padding-bottom:10px}.permission+.permission{padding-top:5px}:host{cursor:pointer}\n"], components: [{ type: i2__namespace$1.FsPopoverComponent, selector: "fs-popover", inputs: ["template", "data", "leaveDelay", "showDelay", "maxWidth", "wrapperClass", "autoShow", "autoClose", "loadingDiameter", "loading", "indication", "position", "theme", "size", "trigger"] }], directives: [{ type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclRolePopoverComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'fs-acl-role-popover',
+                      templateUrl: './acl-role-popover.component.html',
+                      styleUrls: ['./acl-role-popover.component.scss']
+                  }]
+          }], ctorParameters: function () { return [{ type: FsAppAclService }]; }, propDecorators: { aclRole: [{
+                  type: i0.Input
+              }], objectName: [{
+                  type: i0.Input
               }] } });
 
-  var FsAclObjectRolesComponent = /** @class */ (function () {
-      function FsAclObjectRolesComponent() {
-          this.aclRoles = [];
-          this.required = false;
-          this.multiple = false;
-          this.disabled = false;
-          this.aclObjectRoles = [];
-          this.rolesLabel = 'Roles';
-          this.levelLabel = '';
-          this.change = new i0.EventEmitter();
-          this.compareAclRole = function (o1, o2) {
-              return o1 && o2 && o1.id === o2.id;
-          };
-      }
-      FsAclObjectRolesComponent.prototype.changed = function () {
-          this.change.emit(this.aclObjectRoles);
-      };
-      return FsAclObjectRolesComponent;
-  }());
-  FsAclObjectRolesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclObjectRolesComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  FsAclObjectRolesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclObjectRolesComponent, selector: "fs-acl-object-roles", inputs: { aclRoles: "aclRoles", required: "required", multiple: "multiple", disabled: "disabled", aclObjectRoles: "aclObjectRoles", rolesLabel: "rolesLabel", levelLabel: "levelLabel" }, outputs: { change: "change" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!multiple\">\n  <ng-container *ngFor=\"let aclObjectRole of aclObjectRoles\">\n    <fs-checkbox-group\n      [(ngModel)]=\"aclObjectRole.aclRoles\"\n      (ngModelChange)=\"changed()\"\n      name=\"roles\"\n      [compareWith]=\"compareAclRole\"\n      [disabled]=\"disabled\"\n      [label]=\"rolesLabel\"\n      [fsFormRequired]=\"required\"\n      orientation=\"vertical\">\n      <mat-checkbox [disabled]=\"disabled\" *ngFor=\"let aclRole of aclRoles\" [value]=\"$any(aclRole)\">\n        {{ aclRole.name }}\n      </mat-checkbox>\n    </fs-checkbox-group>\n  </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"multiple\">\n  <table>\n    <tr>\n      <td>\n        <small>{{levelLabel}}</small>\n      </td>\n      <td>\n        <small>{{rolesLabel}}</small>\n      </td>\n    </tr>\n    <tr *ngFor=\"let aclObjectRole of aclObjectRoles\">\n      <td>{{aclObjectRole.object.name}}</td>\n      <td>\n        <mat-form-field class=\"form-field-padless\">\n          <mat-select\n            [(ngModel)]=\"aclObjectRole.aclRoles\"\n            multiple=\"true\"\n            [disabled]=\"disabled\"\n            [compareWith]=\"compareAclRole\"\n            (ngModelChange)=\"changed()\"\n            name=\"aclRole_{{ aclObjectRole.object.id }}\">\n            <mat-option *ngFor=\"let aclRole of aclRoles\" [value]=\"aclRole\">\n              {{ aclRole.name }}\n            </mat-option>\n          </mat-select>\n        </mat-form-field>\n      </td>\n    </tr>\n  </table>\n</ng-container>\n", styles: ["table tr td:first-child{padding-right:15px}\n"], components: [{ type: i1__namespace.FsCheckboxGroupComponent, selector: "fs-checkbox-group", inputs: ["orientation", "position", "label", "disabled", "compareWith"], outputs: ["change"] }, { type: i9__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i5__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i10__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i11__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i14__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i14__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i15__namespace.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i15__namespace.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }], viewProviders: [{ provide: i14.ControlContainer, useExisting: i14.NgForm }] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclObjectRolesComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'fs-acl-object-roles',
-                      templateUrl: './acl-object-roles.component.html',
-                      styleUrls: ['./acl-object-roles.component.scss'],
-                      viewProviders: [{ provide: i14.ControlContainer, useExisting: i14.NgForm }]
-                  }]
-          }], propDecorators: { aclRoles: [{
-                  type: i0.Input
-              }], required: [{
-                  type: i0.Input
-              }], multiple: [{
-                  type: i0.Input
-              }], disabled: [{
-                  type: i0.Input
-              }], aclObjectRoles: [{
-                  type: i0.Input
-              }], rolesLabel: [{
-                  type: i0.Input
-              }], levelLabel: [{
-                  type: i0.Input
-              }], change: [{
-                  type: i0.Output
+  var FsAclObjectRolesComponent = /** @class */ (function () {
+      function FsAclObjectRolesComponent() {
+          this.aclRoles = [];
+          this.required = false;
+          this.multiple = false;
+          this.disabled = false;
+          this.aclObjectRoles = [];
+          this.rolesLabel = 'Roles';
+          this.levelLabel = '';
+          this.change = new i0.EventEmitter();
+          this.compareAclRole = function (o1, o2) {
+              return o1 && o2 && o1.id === o2.id;
+          };
+      }
+      FsAclObjectRolesComponent.prototype.changed = function () {
+          this.change.emit(this.aclObjectRoles);
+      };
+      return FsAclObjectRolesComponent;
+  }());
+  FsAclObjectRolesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclObjectRolesComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+  FsAclObjectRolesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclObjectRolesComponent, selector: "fs-acl-object-roles", inputs: { aclRoles: "aclRoles", required: "required", multiple: "multiple", disabled: "disabled", aclObjectRoles: "aclObjectRoles", rolesLabel: "rolesLabel", levelLabel: "levelLabel" }, outputs: { change: "change" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!multiple\">\n  <ng-container *ngFor=\"let aclObjectRole of aclObjectRoles\">\n    <fs-checkbox-group\n      [(ngModel)]=\"aclObjectRole.aclRoles\"\n      (ngModelChange)=\"changed()\"\n      name=\"roles\"\n      [compareWith]=\"compareAclRole\"\n      [disabled]=\"disabled\"\n      [label]=\"rolesLabel\"\n      [fsFormRequired]=\"required\"\n      orientation=\"vertical\">\n      <mat-checkbox [disabled]=\"disabled\" *ngFor=\"let aclRole of aclRoles\" [value]=\"$any(aclRole)\">\n        {{ aclRole.name }}\n      </mat-checkbox>\n    </fs-checkbox-group>\n  </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"multiple\">\n  <table>\n    <tr>\n      <td>\n        <small>{{levelLabel}}</small>\n      </td>\n      <td>\n        <small>{{rolesLabel}}</small>\n      </td>\n    </tr>\n    <tr *ngFor=\"let aclObjectRole of aclObjectRoles\">\n      <td>{{aclObjectRole.object.name}}</td>\n      <td>\n        <mat-form-field class=\"form-field-padless\">\n          <mat-select\n            [(ngModel)]=\"aclObjectRole.aclRoles\"\n            multiple=\"true\"\n            [disabled]=\"disabled\"\n            [compareWith]=\"compareAclRole\"\n            (ngModelChange)=\"changed()\"\n            name=\"aclRole_{{ aclObjectRole.object.id }}\">\n            <mat-option *ngFor=\"let aclRole of aclRoles\" [value]=\"aclRole\">\n              {{ aclRole.name }}\n            </mat-option>\n          </mat-select>\n        </mat-form-field>\n      </td>\n    </tr>\n  </table>\n</ng-container>\n", styles: ["table tr td:first-child{padding-right:15px}\n"], components: [{ type: i1__namespace.FsCheckboxGroupComponent, selector: "fs-checkbox-group", inputs: ["orientation", "position", "label", "disabled", "compareWith"], outputs: ["change"] }, { type: i9__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i5__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i10__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i11__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i14__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i14__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i15__namespace.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i15__namespace.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }], viewProviders: [{ provide: i14.ControlContainer, useExisting: i14.NgForm }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclObjectRolesComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'fs-acl-object-roles',
+                      templateUrl: './acl-object-roles.component.html',
+                      styleUrls: ['./acl-object-roles.component.scss'],
+                      viewProviders: [{ provide: i14.ControlContainer, useExisting: i14.NgForm }]
+                  }]
+          }], propDecorators: { aclRoles: [{
+                  type: i0.Input
+              }], required: [{
+                  type: i0.Input
+              }], multiple: [{
+                  type: i0.Input
+              }], disabled: [{
+                  type: i0.Input
+              }], aclObjectRoles: [{
+                  type: i0.Input
+              }], rolesLabel: [{
+                  type: i0.Input
+              }], levelLabel: [{
+                  type: i0.Input
+              }], change: [{
+                  type: i0.Output
               }] } });
 
-  var FsAclEntryComponent = /** @class */ (function () {
-      function FsAclEntryComponent(_appAclService, _dialogRef, _message, _data) {
-          var _this = this;
-          var _a;
-          this._appAclService = _appAclService;
-          this._dialogRef = _dialogRef;
-          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 () {
-              var aclObjectEntry = Object.assign(Object.assign({}, _this.aclObjectEntry), { aclEntries: _this.aclEntries });
-              return _this._data.saveAclObjectEntry(aclObjectEntry)
-                  .pipe(operators.tap(function (data) {
-                  _this._message.success('Saved Changes');
-                  _this.close(data);
-              }));
-          };
-          this.aclObjectEntry = Object.assign({}, _data.aclObjectEntry);
-          this.required = (_a = _data.required) !== null && _a !== void 0 ? _a : true;
-          if (_data.titleEdit) {
-              this.titleEdit = _data.titleEdit;
-          }
-          if (_data.titleAdd) {
-              this.titleAdd = _data.titleAdd;
-          }
-      }
-      FsAclEntryComponent.prototype.ngOnInit = function () {
-          var _this = this;
-          rxjs.forkJoin(this._data.loadAclRoles({
-              level: this.aclObjectEntry.level,
-              environmentId: this.aclObjectEntry.environmentId || null,
-          }), this._appAclService.getIndexedLevels())
-              .subscribe(function (_b) {
-              var _c = __read(_b, 2), aclRoles = _c[0], levels = _c[1];
-              _this.aclRoles = aclRoles;
-              _this.indexedAclRoleLevels = levels;
-              _this.aclObjectRole = {
-                  object: _this.aclObjectEntry.object,
-                  aclRoles: _this.aclObjectEntry.aclEntries
-                      .map(function (aclEntry) {
-                      return aclEntry.aclRole;
-                  }),
-              };
-          });
-      };
-      FsAclEntryComponent.prototype.aclObjectRoleChange = function (aclObjectRoles) {
-          this.aclEntries = aclObjectRoles.reduce(function (aclEntries, aclObjectRole) {
-              aclObjectRole.aclRoles.forEach(function (aclRole) {
-                  aclEntries.push({
-                      aclRoleId: aclRole.id,
-                      aclRole: aclRole,
-                      objectId: aclObjectRole.object ? aclObjectRole.object.id : null,
-                      object: aclObjectRole.object || null
-                  });
-              });
-              return aclEntries;
-          }, []);
-      };
-      FsAclEntryComponent.prototype.close = function (data) {
-          if (data === void 0) { data = null; }
-          this._dialogRef.close(data);
-      };
-      return FsAclEntryComponent;
-  }());
-  FsAclEntryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclEntryComponent, deps: [{ token: FsAppAclService }, { token: i2__namespace.MatDialogRef }, { token: i3__namespace.FsMessage }, { token: i2.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  FsAclEntryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclEntryComponent, selector: "ng-component", ngImport: i0__namespace, template: "<form fsForm [submit]=\"save\">\n  <fs-dialog>\n    <div mat-dialog-title>{{ titleEdit? titleEdit : titleAdd }}</div>\n    <mat-dialog-content>\n      <div *ngIf=\"aclObjectRole\">\n        <fs-label-field *ngIf=\"aclObjectEntry.object\">\n          <fs-label>{{indexedAclRoleLevels[aclObjectEntry.level]}}</fs-label>\n          {{aclObjectEntry.object.name}}\n        </fs-label-field>\n\n        <fs-acl-object-roles\n          [aclRoles]=\"aclRoles\"\n          [aclObjectRoles]=\"[aclObjectRole]\"\n          [required]=\"required\"\n          (change)=\"aclObjectRoleChange($event)\">\n        </fs-acl-object-roles>\n      </div>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button type=\"submit\" color=\"primary\">Save</button>\n      <button mat-button mat-dialog-close type=\"button\">Cancel</button>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: ["::ng-deep .account-roles-autocomplete-panel .mat-option{line-height:normal}::ng-deep .account-roles-autocomplete-panel .mat-option .mat-option-text{display:flex;flex-direction:row;align-items:center}::ng-deep .account-roles-autocomplete-panel .mat-option .mat-option-text fs-badge{margin-right:5px}\n"], components: [{ type: i4__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i6__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i6__namespace.FsLabelComponent, selector: "fs-label" }, { type: FsAclObjectRolesComponent, selector: "fs-acl-object-roles", inputs: ["aclRoles", "required", "multiple", "disabled", "aclObjectRoles", "rolesLabel", "levelLabel"], outputs: ["change"] }, { type: i13__namespace.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"] }], directives: [{ type: i14__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i14__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i14__namespace.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i15__namespace.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i2__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i15__namespace.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { type: i2__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclEntryComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      templateUrl: './acl-entry.component.html',
-                      styleUrls: ['./acl-entry.component.scss'],
-                  }]
-          }], ctorParameters: function () {
-          return [{ type: FsAppAclService }, { type: i2__namespace.MatDialogRef }, { type: i3__namespace.FsMessage }, { type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: [i2.MAT_DIALOG_DATA]
-                      }] }];
+  var FsAclEntryComponent = /** @class */ (function () {
+      function FsAclEntryComponent(_appAclService, _dialogRef, _message, _data) {
+          var _this = this;
+          var _a;
+          this._appAclService = _appAclService;
+          this._dialogRef = _dialogRef;
+          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 () {
+              var aclObjectEntry = Object.assign(Object.assign({}, _this.aclObjectEntry), { aclEntries: _this.aclEntries });
+              return _this._data.saveAclObjectEntry(aclObjectEntry)
+                  .pipe(operators.tap(function (data) {
+                  _this._message.success('Saved Changes');
+                  _this.close(data);
+              }));
+          };
+          this.aclObjectEntry = Object.assign({}, _data.aclObjectEntry);
+          this.required = (_a = _data.required) !== null && _a !== void 0 ? _a : true;
+          if (_data.titleEdit) {
+              this.titleEdit = _data.titleEdit;
+          }
+          if (_data.titleAdd) {
+              this.titleAdd = _data.titleAdd;
+          }
+      }
+      FsAclEntryComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          rxjs.forkJoin(this._data.loadAclRoles({
+              level: this.aclObjectEntry.level,
+              environmentId: this.aclObjectEntry.environmentId || null,
+          }), this._appAclService.getIndexedLevels())
+              .subscribe(function (_b) {
+              var _c = __read(_b, 2), aclRoles = _c[0], levels = _c[1];
+              _this.aclRoles = aclRoles;
+              _this.indexedAclRoleLevels = levels;
+              _this.aclObjectRole = {
+                  object: _this.aclObjectEntry.object,
+                  aclRoles: _this.aclObjectEntry.aclEntries
+                      .map(function (aclEntry) {
+                      return aclEntry.aclRole;
+                  }),
+              };
+          });
+      };
+      FsAclEntryComponent.prototype.aclObjectRoleChange = function (aclObjectRoles) {
+          this.aclEntries = aclObjectRoles.reduce(function (aclEntries, aclObjectRole) {
+              aclObjectRole.aclRoles.forEach(function (aclRole) {
+                  aclEntries.push({
+                      aclRoleId: aclRole.id,
+                      aclRole: aclRole,
+                      objectId: aclObjectRole.object ? aclObjectRole.object.id : null,
+                      object: aclObjectRole.object || null
+                  });
+              });
+              return aclEntries;
+          }, []);
+      };
+      FsAclEntryComponent.prototype.close = function (data) {
+          if (data === void 0) { data = null; }
+          this._dialogRef.close(data);
+      };
+      return FsAclEntryComponent;
+  }());
+  FsAclEntryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclEntryComponent, deps: [{ token: FsAppAclService }, { token: i2__namespace.MatDialogRef }, { token: i3__namespace.FsMessage }, { token: i2.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  FsAclEntryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsAclEntryComponent, selector: "ng-component", ngImport: i0__namespace, template: "<form fsForm [submit]=\"save\">\n  <fs-dialog>\n    <div mat-dialog-title>{{ titleEdit? titleEdit : titleAdd }}</div>\n    <mat-dialog-content>\n      <div *ngIf=\"aclObjectRole\">\n        <fs-label-field *ngIf=\"aclObjectEntry.object\">\n          <fs-label>{{indexedAclRoleLevels[aclObjectEntry.level]}}</fs-label>\n          {{aclObjectEntry.object.name}}\n        </fs-label-field>\n\n        <fs-acl-object-roles\n          [aclRoles]=\"aclRoles\"\n          [aclObjectRoles]=\"[aclObjectRole]\"\n          [required]=\"required\"\n          (change)=\"aclObjectRoleChange($event)\">\n        </fs-acl-object-roles>\n      </div>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button type=\"submit\" color=\"primary\">Save</button>\n      <button mat-button mat-dialog-close type=\"button\">Cancel</button>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: ["::ng-deep .account-roles-autocomplete-panel .mat-option{line-height:normal}::ng-deep .account-roles-autocomplete-panel .mat-option .mat-option-text{display:flex;flex-direction:row;align-items:center}::ng-deep .account-roles-autocomplete-panel .mat-option .mat-option-text fs-badge{margin-right:5px}\n"], components: [{ type: i4__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i6__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i6__namespace.FsLabelComponent, selector: "fs-label" }, { type: FsAclObjectRolesComponent, selector: "fs-acl-object-roles", inputs: ["aclRoles", "required", "multiple", "disabled", "aclObjectRoles", "rolesLabel", "levelLabel"], outputs: ["change"] }, { type: i13__namespace.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"] }], directives: [{ type: i14__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i14__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i14__namespace.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i15__namespace.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i2__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i15__namespace.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { type: i2__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAclEntryComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      templateUrl: './acl-entry.component.html',
+                      styleUrls: ['./acl-entry.component.scss'],
+                  }]
+          }], ctorParameters: function () {
+          return [{ type: FsAppAclService }, { type: i2__namespace.MatDialogRef }, { type: i3__namespace.FsMessage }, { type: undefined, decorators: [{
+                          type: i0.Inject,
+                          args: [i2.MAT_DIALOG_DATA]
+                      }] }];
       } });
 
-  var FsAclEntriesComponent = /** @class */ (function () {
-      function FsAclEntriesComponent(_appAclService, _dialog, _confirm) {
-          this._appAclService = _appAclService;
-          this._dialog = _dialog;
-          this._confirm = _confirm;
-          this.environmentShow = true;
-          this.environmentLabel = 'Environment';
-          this.environmentKey = 'environment';
-          this.actions = [];
-          this.aclEntriesList = null;
-          this.aclEntriesConfig = null;
-          this.permissions = [];
-          this._destroy$ = new rxjs.Subject();
-      }
-      FsAclEntriesComponent.prototype.ngOnInit = function () {
-          var _this = this;
-          this._appAclService.getPermissions()
-              .subscribe(function (response) {
-              _this.permissions = response;
-          });
-          this.aclEntriesConfig = {
-              status: false,
-              paging: false,
-              actions: this.actions,
-              rowActions: [
-                  {
-                      label: 'Remove All Roles',
-                      click: function (aclObjectEntry) {
-                          _this._confirm
-                              .confirm({
-                              title: 'Remove All Roles',
-                              commitLabel: 'Save',
-                              template: "Please note that removing roles may prevent users from being able to successfully login.<br>\n                  These changes are effective immediately.<br>\n                  Are you sure you would like to continue?",
-                          }).subscribe(function () {
-                              var data = Object.assign(Object.assign({}, aclObjectEntry), { aclEntries: [] });
-                              _this.saveAclObjectEntry(data)
-                                  .subscribe(function () {
-                                  _this.aclEntriesList.reload();
-                              });
-                          });
-                      }
-                  }
-              ],
-              fetch: function () {
-                  return new rxjs.Observable(function (observer) {
-                      _this.loadAclEntries({
-                          aclRoles: true,
-                          aclRolePermissions: true,
-                          objects: true,
-                          aclRoleState: 'active',
-                      })
-                          .subscribe(function (aclEntries) {
-                          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
-                              .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 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];
-                          });
-                          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) {
-                              aclObjectEntries.unshift({
-                                  object: null,
-                                  aclEntries: [],
-                                  level: 'app',
-                                  environmentId: null,
-                              });
-                          }
-                          aclObjectEntries = lodashEs.sortBy(aclObjectEntries, function (item) {
-                              return item.object ? item.level : '';
-                          });
-                          observer.next({ data: aclObjectEntries });
-                          observer.complete();
-                      });
-                  });
-              },
-          };
-      };
-      FsAclEntriesComponent.prototype.update = function (aclObjectEntry) {
-          var _this = this;
-          var data = {
-              aclObjectEntry: aclObjectEntry,
-              required: false,
-              loadAclRoles: this.loadAclRoles,
-              saveAclObjectEntry: this.saveAclObjectEntry
-          };
-          this._dialog.open(FsAclEntryComponent, {
-              data: data
-          })
-              .afterClosed()
-              .pipe(operators.takeUntil(this._destroy$))
-              .subscribe(function () {
-              _this.aclEntriesList.reload();
-          });
-      };
-      FsAclEntriesComponent.prototype.ngOnDestroy = function () {
-          this._destroy$.next();
-          this._destroy$.complete();
-      };
-      FsAclEntriesComponent.prototype.reload = function () {
-          this.aclEntriesList.reload();
-      };
-      return FsAclEntriesComponent;
-  }());
-  FsAclEntriesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", 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.17", 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.17", ngImport: i0__namespace, type: FsAclEntriesComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'fs-acl-entries',
-                      templateUrl: './acl-entries.component.html',
-                      styleUrls: ['./acl-entries.component.scss']
-                  }]
-          }], ctorParameters: function () { return [{ type: FsAppAclService }, { type: i2__namespace.MatDialog }, { type: i3__namespace$1.FsPrompt }]; }, propDecorators: { loadAclEntries: [{
-                  type: i0.Input
-              }], loadAclRoles: [{
-                  type: i0.Input
-              }], saveAclObjectEntry: [{
-                  type: i0.Input
-              }], environmentShow: [{
-                  type: i0.Input
-              }], environmentLabel: [{
-                  type: i0.Input
-              }], environmentKey: [{
-                  type: i0.Input
-              }], actions: [{
-                  type: i0.Input
-              }], aclEntriesList: [{
-                  type: i0.ViewChild,
-                  args: [i12.FsListComponent]
+  var FsAclEntriesComponent = /** @class */ (function () {
+      function FsAclEntriesComponent(_appAclService, _dialog, _confirm) {
+          this._appAclService = _appAclService;
+          this._dialog = _dialog;
+          this._confirm = _confirm;
+          this.environmentShow = true;
+          this.environmentLabel = 'Environment';
+          this.environmentKey = 'environment';
+          this.actions = [];
+          this.aclEntriesList = null;
+          this.aclEntriesConfig = null;
+          this.permissions = [];
+          this._destroy$ = new rxjs.Subject();
+      }
+      FsAclEntriesComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          this._appAclService.getPermissions()
+              .subscribe(function (response) {
+              _this.permissions = response;
+          });
+          this.aclEntriesConfig = {
+              status: false,
+              paging: false,
+              actions: this.actions,
+              rowActions: [
+                  {
+                      label: 'Remove All Roles',
+                      click: function (aclObjectEntry) {
+                          _this._confirm
+                              .confirm({
+                              title: 'Remove All Roles',
+                              commitLabel: 'Save',
+                              template: "Please note that removing roles may prevent users from being able to successfully login.<br>\n                  These changes are effective immediately.<br>\n                  Are you sure you would like to continue?",
+                          }).subscribe(function () {
+                              var data = Object.assign(Object.assign({}, aclObjectEntry), { aclEntries: [] });
+                              _this.saveAclObjectEntry(data)
+                                  .subscribe(function () {
+                                  _this.aclEntriesList.reload();
+                              });
+                          });
+                      }
+                  }
+              ],
+              fetch: function () {
+                  return new rxjs.Observable(function (observer) {
+                      _this.loadAclEntries({
+                          aclRoles: true,
+                          aclRolePermissions: true,
+                          objects: true,
+                          aclRoleState: 'active',
+                      })
+                          .subscribe(function (aclEntries) {
+                          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
+                              .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 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];
+                          });
+                          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) {
+                              aclObjectEntries.unshift({
+                                  object: null,
+                                  aclEntries: [],
+                                  level: 'app',
+                                  environmentId: null,
+                              });
+                          }
+                          aclObjectEntries = lodashEs.sortBy(aclObjectEntries, function (item) {
+                              return item.object ? item.level : '';
+                          });
+                          observer.next({ data: aclObjectEntries });
+                          observer.complete();
+                      });
+                  });
+              },
+          };
+      };
+      FsAclEntriesComponent.prototype.update = function (aclObjectEntry) {
+          var _this = this;
+          var data = {
+              aclObjectEntry: aclObjectEntry,
+              required: false,
+              loadAclRoles: this.loadAclRoles,
+              saveAclObjectEntry: this.saveAclObjectEntry
+          };
+          this._dialog.open(FsAclEntryComponent, {
+              data: data
+          })
+              .afterClosed()
+              .pipe(operators.takeUntil(this._destroy$))
+              .subscribe(function () {
+              _this.aclEntriesList.reload();
+          });
+      };
+      FsAclEntriesComponent.prototype.ngOnDestroy = function () {
+          this._destroy$.next();
+          this._destroy$.complete();
+      };
+      FsAclEntriesComponent.prototype.reload = function () {
+          this.aclEntriesList.reload();
+      };
+      return FsAclEntriesComponent;
+  }());
+  FsAclEntriesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", 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.17", 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.17", ngImport: i0__namespace, type: FsAclEntriesComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'fs-acl-entries',
+                      templateUrl: './acl-entries.component.html',
+                      styleUrls: ['./acl-entries.component.scss']
+                  }]
+          }], ctorParameters: function () { return [{ type: FsAppAclService }, { type: i2__namespace.MatDialog }, { type: i3__namespace$1.FsPrompt }]; }, propDecorators: { loadAclEntries: [{
+                  type: i0.Input
+              }], loadAclRoles: [{
+                  type: i0.Input
+              }], saveAclObjectEntry: [{
+                  type: i0.Input
+              }], environmentShow: [{
+                  type: i0.Input
+              }], environmentLabel: [{
+                  type: i0.Input
+              }], environmentKey: [{
+                  type: i0.Input
+              }], actions: [{
+                  type: i0.Input
+              }], aclEntriesList: [{
+                  type: i0.ViewChild,
+                  args: [i12.FsListComponent]
               }] } });
 
-  var FsAppAclModule = /** @class */ (function () {
-      function FsAppAclModule() {
-      }
-      return FsAppAclModule;
-  }());
-  FsAppAclModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  FsAppAclModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclModule, declarations: [FsAclRolesComponent,
-          FsAclPermissionPopoverComponent,
-          FsAclRoleComponent,
-          FsAclEntriesComponent,
-          FsAclRolePopoverComponent,
-          FsAclObjectRolesComponent,
-          FsAclEntryComponent], imports: [i7$1.CommonModule,
-          i14.FormsModule,
-          i2.MatDialogModule,
-          i5.MatFormFieldModule,
-          i9.MatCheckboxModule,
-          i10.MatSelectModule,
-          i13.MatButtonModule,
-          i8.MatRadioModule,
-          i18.MatInputModule,
-          flexLayout.FlexLayoutModule,
-          i12.FsListModule,
-          i2$1.FsPopoverModule,
-          i4.FsDialogModule,
-          i15.FsFormModule,
-          i6.FsLabelModule,
-          i7.FsRadioGroupModule,
-          i5$1.FsBadgeModule,
-          i1.FsCheckboxGroupModule], exports: [FsAclRolesComponent,
-          FsAclPermissionPopoverComponent,
-          FsAclRoleComponent,
-          FsAclEntriesComponent,
-          FsAclRolePopoverComponent,
-          FsAclObjectRolesComponent,
-          FsAclEntryComponent] });
-  FsAppAclModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclModule, imports: [[
-              i7$1.CommonModule,
-              i14.FormsModule,
-              i2.MatDialogModule,
-              i5.MatFormFieldModule,
-              i9.MatCheckboxModule,
-              i10.MatSelectModule,
-              i13.MatButtonModule,
-              i8.MatRadioModule,
-              i18.MatInputModule,
-              flexLayout.FlexLayoutModule,
-              i12.FsListModule,
-              i2$1.FsPopoverModule,
-              i4.FsDialogModule,
-              i15.FsFormModule,
-              i6.FsLabelModule,
-              i7.FsRadioGroupModule,
-              i5$1.FsBadgeModule,
-              i1.FsCheckboxGroupModule,
-          ]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      imports: [
-                          i7$1.CommonModule,
-                          i14.FormsModule,
-                          i2.MatDialogModule,
-                          i5.MatFormFieldModule,
-                          i9.MatCheckboxModule,
-                          i10.MatSelectModule,
-                          i13.MatButtonModule,
-                          i8.MatRadioModule,
-                          i18.MatInputModule,
-                          flexLayout.FlexLayoutModule,
-                          i12.FsListModule,
-                          i2$1.FsPopoverModule,
-                          i4.FsDialogModule,
-                          i15.FsFormModule,
-                          i6.FsLabelModule,
-                          i7.FsRadioGroupModule,
-                          i5$1.FsBadgeModule,
-                          i1.FsCheckboxGroupModule,
-                      ],
-                      declarations: [
-                          FsAclRolesComponent,
-                          FsAclPermissionPopoverComponent,
-                          FsAclRoleComponent,
-                          FsAclEntriesComponent,
-                          FsAclRolePopoverComponent,
-                          FsAclObjectRolesComponent,
-                          FsAclEntryComponent,
-                      ],
-                      exports: [
-                          FsAclRolesComponent,
-                          FsAclPermissionPopoverComponent,
-                          FsAclRoleComponent,
-                          FsAclEntriesComponent,
-                          FsAclRolePopoverComponent,
-                          FsAclObjectRolesComponent,
-                          FsAclEntryComponent,
-                      ],
-                  }]
+  var FsAppAclModule = /** @class */ (function () {
+      function FsAppAclModule() {
+      }
+      return FsAppAclModule;
+  }());
+  FsAppAclModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  FsAppAclModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclModule, declarations: [FsAclRolesComponent,
+          FsAclPermissionPopoverComponent,
+          FsAclRoleComponent,
+          FsAclEntriesComponent,
+          FsAclRolePopoverComponent,
+          FsAclObjectRolesComponent,
+          FsAclEntryComponent,
+          BulkOptionsFilterPipe], imports: [i7$1.CommonModule,
+          i14.FormsModule,
+          i2.MatDialogModule,
+          i5.MatFormFieldModule,
+          i9.MatCheckboxModule,
+          i10.MatSelectModule,
+          i13.MatButtonModule,
+          i8.MatRadioModule,
+          i18.MatInputModule,
+          flexLayout.FlexLayoutModule,
+          i12.FsListModule,
+          i2$1.FsPopoverModule,
+          i4.FsDialogModule,
+          i15.FsFormModule,
+          i6.FsLabelModule,
+          i7.FsRadioGroupModule,
+          i5$1.FsBadgeModule,
+          i1.FsCheckboxGroupModule], exports: [FsAclRolesComponent,
+          FsAclPermissionPopoverComponent,
+          FsAclRoleComponent,
+          FsAclEntriesComponent,
+          FsAclRolePopoverComponent,
+          FsAclObjectRolesComponent,
+          FsAclEntryComponent] });
+  FsAppAclModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclModule, imports: [[
+              i7$1.CommonModule,
+              i14.FormsModule,
+              i2.MatDialogModule,
+              i5.MatFormFieldModule,
+              i9.MatCheckboxModule,
+              i10.MatSelectModule,
+              i13.MatButtonModule,
+              i8.MatRadioModule,
+              i18.MatInputModule,
+              flexLayout.FlexLayoutModule,
+              i12.FsListModule,
+              i2$1.FsPopoverModule,
+              i4.FsDialogModule,
+              i15.FsFormModule,
+              i6.FsLabelModule,
+              i7.FsRadioGroupModule,
+              i5$1.FsBadgeModule,
+              i1.FsCheckboxGroupModule,
+          ]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FsAppAclModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      imports: [
+                          i7$1.CommonModule,
+                          i14.FormsModule,
+                          i2.MatDialogModule,
+                          i5.MatFormFieldModule,
+                          i9.MatCheckboxModule,
+                          i10.MatSelectModule,
+                          i13.MatButtonModule,
+                          i8.MatRadioModule,
+                          i18.MatInputModule,
+                          flexLayout.FlexLayoutModule,
+                          i12.FsListModule,
+                          i2$1.FsPopoverModule,
+                          i4.FsDialogModule,
+                          i15.FsFormModule,
+                          i6.FsLabelModule,
+                          i7.FsRadioGroupModule,
+                          i5$1.FsBadgeModule,
+                          i1.FsCheckboxGroupModule,
+                      ],
+                      declarations: [
+                          FsAclRolesComponent,
+                          FsAclPermissionPopoverComponent,
+                          FsAclRoleComponent,
+                          FsAclEntriesComponent,
+                          FsAclRolePopoverComponent,
+                          FsAclObjectRolesComponent,
+                          FsAclEntryComponent,
+                          BulkOptionsFilterPipe,
+                      ],
+                      exports: [
+                          FsAclRolesComponent,
+                          FsAclPermissionPopoverComponent,
+                          FsAclRoleComponent,
+                          FsAclEntriesComponent,
+                          FsAclRolePopoverComponent,
+                          FsAclObjectRolesComponent,
+                          FsAclEntryComponent,
+                      ],
+                  }]
           }] });
 
-  /**
-   * Generated bundle index. Do not edit.
+  /**
+   * Generated bundle index. Do not edit.
    */
 
   exports.FS_APP_ACL_CONFIG = FS_APP_ACL_CONFIG;