@abp/ng.permission-management 4.4.2 → 5.0.0-beta.2

package/abp-ng.permission-management.d.ts

@@ -1,9 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@abp/ng.permission-management" />
 export * from './public-api';
-export { GetPermissions as ɵd, UpdatePermissions as ɵe } from './lib/actions/permission-management.actions';
-export { PermissionManagementComponent as ɵa } from './lib/components/permission-management.component';
-export { ProviderInfoDto as ɵf } from './lib/proxy/models';
-export { PermissionsService as ɵc } from './lib/proxy/permissions.service';
-export { PermissionManagementState as ɵb } from './lib/states/permission-management.state';

package/bundles/abp-ng.permission-management-proxy.umd.js

@@ -0,0 +1,67 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@abp/ng.core')) :
+    typeof define === 'function' && define.amd ? define('@abp/ng.permission-management/proxy', ['exports', '@angular/core', '@abp/ng.core'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.abp = global.abp || {}, global.abp.ng = global.abp.ng || {}, global.abp.ng['permission-management'] = global.abp.ng['permission-management'] || {}, global.abp.ng['permission-management'].proxy = {}), global.ng.core, global.i1));
+}(this, (function (exports, i0, i1) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+
+    var PermissionsService = /** @class */ (function () {
+        function PermissionsService(restService) {
+            var _this = this;
+            this.restService = restService;
+            this.apiName = 'AbpPermissionManagement';
+            this.get = function (providerName, providerKey) { return _this.restService.request({
+                method: 'GET',
+                url: '/api/permission-management/permissions',
+                params: { providerName: providerName, providerKey: providerKey },
+            }, { apiName: _this.apiName }); };
+            this.update = function (providerName, providerKey, input) { return _this.restService.request({
+                method: 'PUT',
+                url: '/api/permission-management/permissions',
+                params: { providerName: providerName, providerKey: providerKey },
+                body: input,
+            }, { apiName: _this.apiName }); };
+        }
+        return PermissionsService;
+    }());
+    PermissionsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionsService, deps: [{ token: i1__namespace.RestService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    PermissionsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionsService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionsService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.RestService }]; } });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.PermissionsService = PermissionsService;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=abp-ng.permission-management-proxy.umd.js.map

package/bundles/abp-ng.permission-management-proxy.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"abp-ng.permission-management-proxy.umd.js","sources":["../../../../packages/permission-management/proxy/src/lib/proxy/permissions.service.ts","../../../../packages/permission-management/proxy/src/abp-ng.permission-management-proxy.ts"],"sourcesContent":["import type { GetPermissionListResultDto, UpdatePermissionsDto } from './models';\nimport { RestService } from '@abp/ng.core';\nimport { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PermissionsService {\n  apiName = 'AbpPermissionManagement';\n\n  get = (providerName: string, providerKey: string) =>\n    this.restService.request<any, GetPermissionListResultDto>({\n      method: 'GET',\n      url: '/api/permission-management/permissions',\n      params: { providerName, providerKey },\n    },\n    { apiName: this.apiName });\n\n  update = (providerName: string, providerKey: string, input: UpdatePermissionsDto) =>\n    this.restService.request<any, void>({\n      method: 'PUT',\n      url: '/api/permission-management/permissions',\n      params: { providerName, providerKey },\n      body: input,\n    },\n    { apiName: this.apiName });\n\n  constructor(private restService: RestService) {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Injectable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA2BE,4BAAoB,WAAwB;YAA5C,iBAAgD;YAA5B,gBAAW,GAAX,WAAW,CAAa;YAnB5C,YAAO,GAAG,yBAAyB,CAAC;YAEpC,QAAG,GAAG,UAAC,YAAoB,EAAE,WAAmB,IAC9C,OAAA,KAAI,CAAC,WAAW,CAAC,OAAO,CAAkC;gBACxD,MAAM,EAAE,KAAK;gBACb,GAAG,EAAE,wCAAwC;gBAC7C,MAAM,EAAE,EAAE,YAAY,cAAA,EAAE,WAAW,aAAA,EAAE;aACtC,EACD,EAAE,OAAO,EAAE,KAAI,CAAC,OAAO,EAAE,CAAC,GAAA,CAAC;YAE7B,WAAM,GAAG,UAAC,YAAoB,EAAE,WAAmB,EAAE,KAA2B,IAC9E,OAAA,KAAI,CAAC,WAAW,CAAC,OAAO,CAAY;gBAClC,MAAM,EAAE,KAAK;gBACb,GAAG,EAAE,wCAAwC;gBAC7C,MAAM,EAAE,EAAE,YAAY,cAAA,EAAE,WAAW,aAAA,EAAE;gBACrC,IAAI,EAAE,KAAK;aACZ,EACD,EAAE,OAAO,EAAE,KAAI,CAAC,OAAO,EAAE,CAAC,GAAA,CAAC;SAEmB;;;yIApBrC,kBAAkB;6IAAlB,kBAAkB,cAFjB,MAAM;qHAEP,kBAAkB;sBAH9BA,aAAU;uBAAC;wBACV,UAAU,EAAE,MAAM;qBACnB;;;ICND;;;;;;;;;;;;"}

package/bundles/abp-ng.permission-management.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@abp/ng.core'), require('@abp/ng.theme.shared'), require('@angular/core'), require('@ngxs/store'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@abp/ng.permission-management', ['exports', '@abp/ng.core', '@abp/ng.theme.shared', '@angular/core', '@ngxs/store', 'rxjs', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.abp = global.abp || {}, global.abp.ng = global.abp.ng || {}, global.abp.ng['permission-management'] = {}), global.i1, global.ng_theme_shared, global.ng.core, global.i1$1, global.rxjs, global.rxjs.operators));
-}(this, (function (exports, i1, ng_theme_shared, i0, i1$1, rxjs, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@abp/ng.permission-management/proxy'), require('@abp/ng.core'), require('@abp/ng.theme.shared'), require('@angular/common'), require('@angular/forms')) :
+    typeof define === 'function' && define.amd ? define('@abp/ng.permission-management', ['exports', '@angular/core', 'rxjs', 'rxjs/operators', '@abp/ng.permission-management/proxy', '@abp/ng.core', '@abp/ng.theme.shared', '@angular/common', '@angular/forms'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.abp = global.abp || {}, global.abp.ng = global.abp.ng || {}, global.abp.ng['permission-management'] = {}), global.ng.core, global.rxjs, global.rxjs.operators, global.abp.ng['permission-management'].proxy, global.i2, global.i3, global.ng.common, global.ng.forms));
+}(this, (function (exports, i0, rxjs, operators, i1, i2, i3, i4, i5) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -24,9 +24,12 @@
         return Object.freeze(n);
     }
 
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -263,7 +266,7 @@
                     ar[i] = from[i];
                 }
             }
-        return to.concat(ar || from);
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -346,109 +349,14 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var GetPermissions = /** @class */ (function () {
-        function GetPermissions(payload) {
-            this.payload = payload;
-        }
-        return GetPermissions;
-    }());
-    GetPermissions.type = '[PermissionManagement] Get Permissions';
-    var UpdatePermissions = /** @class */ (function () {
-        function UpdatePermissions(payload) {
-            this.payload = payload;
-        }
-        return UpdatePermissions;
-    }());
-    UpdatePermissions.type = '[PermissionManagement] Update Permissions';
-
-    var PermissionsService = /** @class */ (function () {
-        function PermissionsService(restService) {
-            var _this = this;
-            this.restService = restService;
-            this.apiName = 'AbpPermissionManagement';
-            this.get = function (providerName, providerKey) { return _this.restService.request({
-                method: 'GET',
-                url: '/api/permission-management/permissions',
-                params: { providerName: providerName, providerKey: providerKey },
-            }, { apiName: _this.apiName }); };
-            this.update = function (providerName, providerKey, input) { return _this.restService.request({
-                method: 'PUT',
-                url: '/api/permission-management/permissions',
-                params: { providerName: providerName, providerKey: providerKey },
-                body: input,
-            }, { apiName: _this.apiName }); };
-        }
-        return PermissionsService;
-    }());
-    PermissionsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PermissionsService_Factory() { return new PermissionsService(i0__namespace.ɵɵinject(i1__namespace.RestService)); }, token: PermissionsService, providedIn: "root" });
-    PermissionsService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    PermissionsService.ctorParameters = function () { return [
-        { type: i1.RestService }
-    ]; };
-
-    exports.ɵb = /** @class */ (function () {
-        function PermissionManagementState(service) {
-            this.service = service;
-        }
-        PermissionManagementState.getPermissionGroups = function (_a) {
-            var permissionRes = _a.permissionRes;
-            return permissionRes.groups || [];
-        };
-        PermissionManagementState.getEntityDisplayName = function (_a) {
-            var permissionRes = _a.permissionRes;
-            return permissionRes.entityDisplayName;
-        };
-        PermissionManagementState.prototype.permissionManagementGet = function (_a, _b) {
-            var patchState = _a.patchState;
-            var _c = _b.payload, _d = _c === void 0 ? {} : _c, providerKey = _d.providerKey, providerName = _d.providerName;
-            return this.service.get(providerName, providerKey).pipe(operators.tap(function (permissionResponse) { return patchState({
-                permissionRes: permissionResponse,
-            }); }));
-        };
-        PermissionManagementState.prototype.permissionManagementUpdate = function (_, _a) {
-            var payload = _a.payload;
-            return this.service.update(payload.providerName, payload.providerKey, {
-                permissions: payload.permissions,
-            });
-        };
-        return PermissionManagementState;
-    }());
-    exports.ɵb.decorators = [
-        { type: i0.Injectable }
-    ];
-    exports.ɵb.ctorParameters = function () { return [
-        { type: PermissionsService }
-    ]; };
-    __decorate([
-        i1$1.Action(GetPermissions)
-    ], exports.ɵb.prototype, "permissionManagementGet", null);
-    __decorate([
-        i1$1.Action(UpdatePermissions)
-    ], exports.ɵb.prototype, "permissionManagementUpdate", null);
-    __decorate([
-        i1$1.Selector()
-    ], exports.ɵb, "getPermissionGroups", null);
-    __decorate([
-        i1$1.Selector()
-    ], exports.ɵb, "getEntityDisplayName", null);
-    exports.ɵb = __decorate([
-        i1$1.State({
-            name: 'PermissionManagementState',
-            defaults: { permissionRes: {} },
-        })
-    ], exports.ɵb);
-
     var PermissionManagementComponent = /** @class */ (function () {
-        function PermissionManagementComponent(store, configState) {
-            this.store = store;
+        function PermissionManagementComponent(service, configState) {
+            this.service = service;
             this.configState = configState;
             this.hideBadges = false;
             this._visible = false;
             this.visibleChange = new i0.EventEmitter();
+            this.data = { groups: [], entityDisplayName: null };
             this.permissions = [];
             this.selectThisTab = false;
             this.selectAllTab = false;
@@ -467,6 +375,7 @@
                     this.openModal().subscribe(function () {
                         _this._visible = true;
                         _this.visibleChange.emit(true);
+                        _this.initModal();
                     });
                 }
                 else {
@@ -478,16 +387,17 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(PermissionManagementComponent.prototype, "selectedGroupPermissions$", {
+        Object.defineProperty(PermissionManagementComponent.prototype, "selectedGroupPermissions", {
             get: function () {
                 var _this = this;
+                if (!this.selectedGroup)
+                    return [];
                 var margin = "margin-" + (document.body.dir === 'rtl' ? 'right' : 'left') + ".px";
-                return this.groups$.pipe(operators.map(function (groups) { return _this.selectedGroup
-                    ? groups.find(function (group) { return group.name === _this.selectedGroup.name; }).permissions
-                    : []; }), operators.map(function (permissions) { return permissions.map(function (permission) {
+                var permissions = this.data.groups.find(function (group) { return group.name === _this.selectedGroup.name; }).permissions;
+                return permissions.map(function (permission) {
                     var _a;
                     return (Object.assign(Object.assign({}, permission), { style: (_a = {}, _a[margin] = findMargin(permissions, permission), _a), isGranted: _this.permissions.find(function (per) { return per.name === permission.name; }).isGranted }));
-                }); }));
+                });
             },
             enumerable: false,
             configurable: true
@@ -525,22 +435,19 @@
             }, 0);
         };
         PermissionManagementComponent.prototype.setTabCheckboxState = function () {
-            var _this = this;
-            this.selectedGroupPermissions$.pipe(operators.take(1)).subscribe(function (permissions) {
-                var selectedPermissions = permissions.filter(function (per) { return per.isGranted; });
-                var element = document.querySelector('#select-all-in-this-tabs');
-                if (selectedPermissions.length === permissions.length) {
-                    element.indeterminate = false;
-                    _this.selectThisTab = true;
-                }
-                else if (selectedPermissions.length === 0) {
-                    element.indeterminate = false;
-                    _this.selectThisTab = false;
-                }
-                else {
-                    element.indeterminate = true;
-                }
-            });
+            var selectedPermissions = this.selectedGroupPermissions.filter(function (per) { return per.isGranted; });
+            var element = document.querySelector('#select-all-in-this-tabs');
+            if (selectedPermissions.length === this.selectedGroupPermissions.length) {
+                element.indeterminate = false;
+                this.selectThisTab = true;
+            }
+            else if (selectedPermissions.length === 0) {
+                element.indeterminate = false;
+                this.selectThisTab = false;
+            }
+            else {
+                element.indeterminate = true;
+            }
         };
         PermissionManagementComponent.prototype.setGrantCheckboxState = function () {
             var selectedAllPermissions = this.permissions.filter(function (per) { return per.isGranted; });
@@ -559,15 +466,13 @@
         };
         PermissionManagementComponent.prototype.onClickSelectThisTab = function () {
             var _this = this;
-            this.selectedGroupPermissions$.pipe(operators.take(1)).subscribe(function (permissions) {
-                permissions.forEach(function (permission) {
-                    if (permission.isGranted && _this.isGrantedByOtherProviderName(permission.grantedProviders))
-                        return;
-                    var index = _this.permissions.findIndex(function (per) { return per.name === permission.name; });
-                    _this.permissions = __spread(_this.permissions.slice(0, index), [
-                        Object.assign(Object.assign({}, _this.permissions[index]), { isGranted: !_this.selectThisTab })
-                    ], _this.permissions.slice(index + 1));
-                });
+            this.selectedGroupPermissions.forEach(function (permission) {
+                if (permission.isGranted && _this.isGrantedByOtherProviderName(permission.grantedProviders))
+                    return;
+                var index = _this.permissions.findIndex(function (per) { return per.name === permission.name; });
+                _this.permissions = __spreadArray(__spreadArray(__spreadArray([], __read(_this.permissions.slice(0, index))), [
+                    Object.assign(Object.assign({}, _this.permissions[index]), { isGranted: !_this.selectThisTab })
+                ]), __read(_this.permissions.slice(index + 1)));
             });
             this.setGrantCheckboxState();
         };
@@ -582,7 +487,7 @@
         };
         PermissionManagementComponent.prototype.submit = function () {
             var _this = this;
-            var unchangedPermissions = getPermissions(this.store.selectSnapshot(exports.ɵb.getPermissionGroups));
+            var unchangedPermissions = getPermissions(this.data.groups);
             var changedPermissions = this.permissions
                 .filter(function (per) { return unchangedPermissions.find(function (unchanged) { return unchanged.name === per.name; }).isGranted ===
                 per.isGranted
@@ -597,12 +502,8 @@
                 return;
             }
             this.modalBusy = true;
-            this.store
-                .dispatch(new UpdatePermissions({
-                providerKey: this.providerKey,
-                providerName: this.providerName,
-                permissions: changedPermissions,
-            }))
+            this.service
+                .update(this.providerName, this.providerKey, { permissions: changedPermissions })
                 .pipe(operators.switchMap(function () { return _this.shouldFetchAppConfig() ? _this.configState.refreshAppState() : rxjs.of(null); }), operators.finalize(function () { return (_this.modalBusy = false); }))
                 .subscribe(function () {
                 _this.visible = false;
@@ -613,12 +514,8 @@
             if (!this.providerKey || !this.providerName) {
                 throw new Error('Provider Key and Provider Name are required.');
             }
-            return this.store
-                .dispatch(new GetPermissions({
-                providerKey: this.providerKey,
-                providerName: this.providerName,
-            }))
-                .pipe(operators.pluck('PermissionManagementState', 'permissionRes'), operators.tap(function (permissionRes) {
+            return this.service.get(this.providerName, this.providerKey).pipe(operators.tap(function (permissionRes) {
+                _this.data = permissionRes;
                 _this.selectedGroup = permissionRes.groups[0];
                 _this.permissions = getPermissions(permissionRes.groups);
             }));
@@ -641,31 +538,29 @@
         };
         return PermissionManagementComponent;
     }());
-    PermissionManagementComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'abp-permission-management',
-                    template: "<abp-modal [(visible)]=\"visible\" (init)=\"initModal()\" [busy]=\"modalBusy\">\n  <ng-container *ngIf=\"{ entityName: entityName$ | async } as data\">\n    <ng-template #abpHeader>\n      <h4>\n        {{ 'AbpPermissionManagement::Permissions' | abpLocalization }} - {{ data.entityName }}\n      </h4>\n    </ng-template>\n    <ng-template #abpBody>\n      <div class=\"custom-checkbox custom-control mb-2\">\n        <input\n          type=\"checkbox\"\n          id=\"select-all-in-all-tabs\"\n          name=\"select-all-in-all-tabs\"\n          class=\"custom-control-input\"\n          [(ngModel)]=\"selectAllTab\"\n          (click)=\"onClickSelectAll()\"\n        />\n        <label class=\"custom-control-label\" for=\"select-all-in-all-tabs\">{{\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\n        }}</label>\n      </div>\n\n      <hr class=\"mt-2 mb-2\" />\n      <div class=\"row\">\n        <div class=\"overflow-scroll col-md-4\">\n          <ul class=\"nav nav-pills flex-column\">\n            <li *ngFor=\"let group of groups$ | async; trackBy: trackByFn\" class=\"nav-item\">\n              <a\n                *ngIf=\"{ assignedCount: getAssignedCount(group.name) } as data\"\n                class=\"nav-link pointer\"\n                [class.active]=\"selectedGroup?.name === group?.name\"\n                (click)=\"onChangeGroup(group)\"\n              >\n                <div [class.font-weight-bold]=\"data.assignedCount\">\n                  {{ group?.displayName }}\n                  <span>({{ data.assignedCount }})</span>\n                </div>\n              </a>\n            </li>\n          </ul>\n        </div>\n        <div class=\"col-md-8 overflow-scroll\">\n          <h4>{{ selectedGroup?.displayName }}</h4>\n          <hr class=\"mt-2 mb-3\" />\n          <div class=\"pl-1 pt-1\">\n            <div class=\"custom-checkbox custom-control mb-2\">\n              <input\n                type=\"checkbox\"\n                id=\"select-all-in-this-tabs\"\n                name=\"select-all-in-this-tabs\"\n                class=\"custom-control-input\"\n                [(ngModel)]=\"selectThisTab\"\n                (click)=\"onClickSelectThisTab()\"\n              />\n              <label class=\"custom-control-label\" for=\"select-all-in-this-tabs\">{{\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\n              }}</label>\n            </div>\n            <hr class=\"mb-3\" />\n            <div\n              *ngFor=\"\n                let permission of selectedGroupPermissions$ | async;\n                let i = index;\n                trackBy: trackByFn\n              \"\n              [ngStyle]=\"permission.style\"\n              class=\"custom-checkbox custom-control mb-2\"\n            >\n              <input\n                #permissionCheckbox\n                type=\"checkbox\"\n                [checked]=\"getChecked(permission.name)\"\n                [value]=\"getChecked(permission.name)\"\n                [attr.id]=\"permission.name\"\n                class=\"custom-control-input\"\n                [disabled]=\"isGrantedByOtherProviderName(permission.grantedProviders)\"\n              />\n              <label\n                class=\"custom-control-label\"\n                [attr.for]=\"permission.name\"\n                (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\n                >{{ permission.displayName }}\n                <ng-container *ngIf=\"!hideBadges\">\n                  <span\n                    *ngFor=\"let provider of permission.grantedProviders\"\n                    class=\"badge badge-light\"\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\n                  >\n                </ng-container>\n              </label>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #abpFooter>\n      <button type=\"button\" class=\"btn btn-secondary\" abpClose>\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\n      </button>\n      <abp-button iconClass=\"fa fa-check\" (click)=\"submit()\">{{\n        'AbpIdentity::Save' | abpLocalization\n      }}</abp-button>\n    </ng-template>\n  </ng-container>\n</abp-modal>\n",
-                    exportAs: 'abpPermissionManagement',
-                    styles: ["\n      .overflow-scroll {\n        max-height: 70vh;\n        overflow-y: scroll;\n      }\n    "]
-                },] }
-    ];
-    PermissionManagementComponent.ctorParameters = function () { return [
-        { type: i1$1.Store },
-        { type: i1.ConfigStateService }
-    ]; };
-    PermissionManagementComponent.propDecorators = {
-        providerName: [{ type: i0.Input }],
-        providerKey: [{ type: i0.Input }],
-        hideBadges: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        visibleChange: [{ type: i0.Output }]
-    };
-    __decorate([
-        i1$1.Select(exports.ɵb.getPermissionGroups)
-    ], PermissionManagementComponent.prototype, "groups$", void 0);
-    __decorate([
-        i1$1.Select(exports.ɵb.getEntityDisplayName)
-    ], PermissionManagementComponent.prototype, "entityName$", void 0);
+    PermissionManagementComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionManagementComponent, deps: [{ token: i1__namespace.PermissionsService }, { token: i2__namespace.ConfigStateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    PermissionManagementComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: PermissionManagementComponent, selector: "abp-permission-management", inputs: { providerName: "providerName", providerKey: "providerKey", hideBadges: "hideBadges", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, exportAs: ["abpPermissionManagement"], ngImport: i0__namespace, template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\">\n  <ng-container *ngIf=\"data.entityDisplayName\">\n    <ng-template #abpHeader>\n      <h4>\n        {{ 'AbpPermissionManagement::Permissions' | abpLocalization }} -\n        {{ data.entityDisplayName }}\n      </h4>\n    </ng-template>\n    <ng-template #abpBody>\n      <div class=\"custom-checkbox custom-control mb-2\">\n        <input\n          type=\"checkbox\"\n          id=\"select-all-in-all-tabs\"\n          name=\"select-all-in-all-tabs\"\n          class=\"custom-control-input\"\n          [(ngModel)]=\"selectAllTab\"\n          (click)=\"onClickSelectAll()\"\n        />\n        <label class=\"custom-control-label\" for=\"select-all-in-all-tabs\">{{\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\n        }}</label>\n      </div>\n\n      <hr class=\"mt-2 mb-2\" />\n      <div class=\"row\">\n        <div class=\"overflow-scroll col-md-4\">\n          <ul class=\"nav nav-pills flex-column\">\n            <li *ngFor=\"let group of data.groups; trackBy: trackByFn\" class=\"nav-item\">\n              <a\n                *ngIf=\"{ assignedCount: getAssignedCount(group.name) } as count\"\n                class=\"nav-link pointer\"\n                [class.active]=\"selectedGroup?.name === group?.name\"\n                (click)=\"onChangeGroup(group)\"\n              >\n                <div [class.font-weight-bold]=\"count.assignedCount\">\n                  {{ group?.displayName }}\n                  <span>({{ count.assignedCount }})</span>\n                </div>\n              </a>\n            </li>\n          </ul>\n        </div>\n        <div class=\"col-md-8 overflow-scroll\">\n          <h4>{{ selectedGroup?.displayName }}</h4>\n          <hr class=\"mt-2 mb-3\" />\n          <div class=\"pl-1 pt-1\">\n            <div class=\"custom-checkbox custom-control mb-2\">\n              <input\n                type=\"checkbox\"\n                id=\"select-all-in-this-tabs\"\n                name=\"select-all-in-this-tabs\"\n                class=\"custom-control-input\"\n                [(ngModel)]=\"selectThisTab\"\n                (click)=\"onClickSelectThisTab()\"\n              />\n              <label class=\"custom-control-label\" for=\"select-all-in-this-tabs\">{{\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\n              }}</label>\n            </div>\n            <hr class=\"mb-3\" />\n            <div\n              *ngFor=\"let permission of selectedGroupPermissions; let i = index; trackBy: trackByFn\"\n              [ngStyle]=\"permission.style\"\n              class=\"custom-checkbox custom-control mb-2\"\n            >\n              <input\n                #permissionCheckbox\n                type=\"checkbox\"\n                [checked]=\"getChecked(permission.name)\"\n                [value]=\"getChecked(permission.name)\"\n                [attr.id]=\"permission.name\"\n                class=\"custom-control-input\"\n                [disabled]=\"isGrantedByOtherProviderName(permission.grantedProviders)\"\n              />\n              <label\n                class=\"custom-control-label\"\n                [attr.for]=\"permission.name\"\n                (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\n                >{{ permission.displayName }}\n                <ng-container *ngIf=\"!hideBadges\">\n                  <span\n                    *ngFor=\"let provider of permission.grantedProviders\"\n                    class=\"badge badge-light\"\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\n                  >\n                </ng-container>\n              </label>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #abpFooter>\n      <button type=\"button\" class=\"btn btn-secondary\" abpClose>\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\n      </button>\n      <abp-button iconClass=\"fa fa-check\" (click)=\"submit()\">{{\n        'AbpIdentity::Save' | abpLocalization\n      }}</abp-button>\n    </ng-template>\n  </ng-container>\n</abp-modal>\n", styles: ["\n      .overflow-scroll {\n        max-height: 70vh;\n        overflow-y: scroll;\n      }\n    "], components: [{ type: i3__namespace.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { type: i3__namespace.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i5__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3__namespace.ModalCloseDirective, selector: "[abpClose]" }], pipes: { "abpLocalization": i2__namespace.LocalizationPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionManagementComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'abp-permission-management',
+                        templateUrl: './permission-management.component.html',
+                        exportAs: 'abpPermissionManagement',
+                        styles: [
+                            "\n      .overflow-scroll {\n        max-height: 70vh;\n        overflow-y: scroll;\n      }\n    ",
+                        ],
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.PermissionsService }, { type: i2__namespace.ConfigStateService }]; }, propDecorators: { providerName: [{
+                    type: i0.Input
+                }], providerKey: [{
+                    type: i0.Input
+                }], hideBadges: [{
+                    type: i0.Input
+                }], visible: [{
+                    type: i0.Input
+                }], visibleChange: [{
+                    type: i0.Output
+                }] } });
     function findMargin(permissions, permission) {
         var parentPermission = permissions.find(function (per) { return per.name === permission.parentName; });
         if (parentPermission && parentPermission.parentName) {
@@ -675,7 +570,7 @@
         return parentPermission ? 20 : 0;
     }
     function getPermissions(groups) {
-        return groups.reduce(function (acc, val) { return __spread(acc, val.permissions); }, []);
+        return groups.reduce(function (acc, val) { return __spreadArray(__spreadArray([], __read(acc)), __read(val.permissions)); }, []);
     }
 
     var PermissionManagementModule = /** @class */ (function () {
@@ -683,69 +578,24 @@
         }
         return PermissionManagementModule;
     }());
-    PermissionManagementModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [PermissionManagementComponent],
-                    imports: [i1.CoreModule, ng_theme_shared.ThemeSharedModule, i1$1.NgxsModule.forFeature([exports.ɵb])],
-                    exports: [PermissionManagementComponent],
-                },] }
-    ];
-
-    var PermissionManagementStateService = /** @class */ (function () {
-        function PermissionManagementStateService(store) {
-            this.store = store;
-        }
-        PermissionManagementStateService.prototype.getPermissionGroups = function () {
-            return this.store.selectSnapshot(exports.ɵb.getPermissionGroups);
-        };
-        PermissionManagementStateService.prototype.getEntityDisplayName = function () {
-            return this.store.selectSnapshot(exports.ɵb.getEntityDisplayName);
-        };
-        PermissionManagementStateService.prototype.dispatchGetPermissions = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return this.store.dispatch(new (GetPermissions.bind.apply(GetPermissions, __spread([void 0], args)))());
-        };
-        PermissionManagementStateService.prototype.dispatchUpdatePermissions = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return this.store.dispatch(new (UpdatePermissions.bind.apply(UpdatePermissions, __spread([void 0], args)))());
-        };
-        return PermissionManagementStateService;
-    }());
-    PermissionManagementStateService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PermissionManagementStateService_Factory() { return new PermissionManagementStateService(i0__namespace.ɵɵinject(i1__namespace$1.Store)); }, token: PermissionManagementStateService, providedIn: "root" });
-    PermissionManagementStateService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    PermissionManagementStateService.ctorParameters = function () { return [
-        { type: i1$1.Store }
-    ]; };
-
-    /*
-     * Public API Surface of permission-management
-     */
+    PermissionManagementModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionManagementModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    PermissionManagementModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionManagementModule, declarations: [PermissionManagementComponent], imports: [i2.CoreModule, i3.ThemeSharedModule], exports: [PermissionManagementComponent] });
+    PermissionManagementModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionManagementModule, imports: [[i2.CoreModule, i3.ThemeSharedModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionManagementModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [PermissionManagementComponent],
+                        imports: [i2.CoreModule, i3.ThemeSharedModule],
+                        exports: [PermissionManagementComponent],
+                    }]
+            }] });
 
     /**
      * Generated bundle index. Do not edit.
      */
 
-    exports.GetPermissions = GetPermissions;
     exports.PermissionManagementComponent = PermissionManagementComponent;
     exports.PermissionManagementModule = PermissionManagementModule;
-    exports.PermissionManagementState = exports.ɵb;
-    exports.PermissionManagementStateService = PermissionManagementStateService;
-    exports.PermissionsService = PermissionsService;
-    exports.UpdatePermissions = UpdatePermissions;
-    exports.ɵa = PermissionManagementComponent;
-    exports.ɵc = PermissionsService;
-    exports.ɵd = GetPermissions;
-    exports.ɵe = UpdatePermissions;
 
     Object.defineProperty(exports, '__esModule', { value: true });