@abp/ng.permission-management 5.0.1 → 5.1.1

package/fesm2015/abp-ng.permission-management.mjs

@@ -0,0 +1,247 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChildren, NgModule } from '@angular/core';
+import { concat, of } from 'rxjs';
+import { take, switchMap, finalize, tap } from 'rxjs/operators';
+import * as i1 from '@abp/ng.permission-management/proxy';
+import * as i2 from '@abp/ng.core';
+import { CoreModule } from '@abp/ng.core';
+import * as i3 from '@abp/ng.theme.shared';
+import { ThemeSharedModule } from '@abp/ng.theme.shared';
+import * as i4 from '@angular/common';
+import * as i5 from '@angular/forms';
+
+class PermissionManagementComponent {
+    constructor(service, configState) {
+        this.service = service;
+        this.configState = configState;
+        this.hideBadges = false;
+        this._visible = false;
+        this.visibleChange = new EventEmitter();
+        this.data = { groups: [], entityDisplayName: null };
+        this.permissions = [];
+        this.selectThisTab = false;
+        this.selectAllTab = false;
+        this.modalBusy = false;
+        this.trackByFn = (_, item) => item.name;
+    }
+    get visible() {
+        return this._visible;
+    }
+    set visible(value) {
+        if (value === this._visible)
+            return;
+        if (value) {
+            this.openModal().subscribe(() => {
+                this._visible = true;
+                this.visibleChange.emit(true);
+                concat(this.selectAllInAllTabsRef.changes, this.selectAllInThisTabsRef.changes)
+                    .pipe(take(1))
+                    .subscribe(() => {
+                    this.initModal();
+                });
+            });
+        }
+        else {
+            this.selectedGroup = null;
+            this._visible = false;
+            this.visibleChange.emit(false);
+        }
+    }
+    get selectedGroupPermissions() {
+        if (!this.selectedGroup)
+            return [];
+        const margin = `margin-${document.body.dir === 'rtl' ? 'right' : 'left'}.px`;
+        const permissions = this.data.groups.find(group => group.name === this.selectedGroup.name).permissions;
+        return permissions.map(permission => (Object.assign(Object.assign({}, permission), { style: { [margin]: findMargin(permissions, permission) }, isGranted: this.permissions.find(per => per.name === permission.name).isGranted })));
+    }
+    getChecked(name) {
+        return (this.permissions.find(per => per.name === name) || { isGranted: false }).isGranted;
+    }
+    isGrantedByOtherProviderName(grantedProviders) {
+        if (grantedProviders.length) {
+            return grantedProviders.findIndex(p => p.providerName !== this.providerName) > -1;
+        }
+        return false;
+    }
+    onClickCheckbox(clickedPermission, value) {
+        if (clickedPermission.isGranted &&
+            this.isGrantedByOtherProviderName(clickedPermission.grantedProviders))
+            return;
+        setTimeout(() => {
+            this.permissions = this.permissions.map(per => {
+                if (clickedPermission.name === per.name) {
+                    return Object.assign(Object.assign({}, per), { isGranted: !per.isGranted });
+                }
+                else if (clickedPermission.name === per.parentName && clickedPermission.isGranted) {
+                    return Object.assign(Object.assign({}, per), { isGranted: false });
+                }
+                else if (clickedPermission.parentName === per.name && !clickedPermission.isGranted) {
+                    return Object.assign(Object.assign({}, per), { isGranted: true });
+                }
+                return per;
+            });
+            this.setTabCheckboxState();
+            this.setGrantCheckboxState();
+        }, 0);
+    }
+    setTabCheckboxState() {
+        const selectedPermissions = this.selectedGroupPermissions.filter(per => per.isGranted);
+        const 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;
+        }
+    }
+    setGrantCheckboxState() {
+        const selectedAllPermissions = this.permissions.filter(per => per.isGranted);
+        const checkboxElement = document.querySelector('#select-all-in-all-tabs');
+        if (selectedAllPermissions.length === this.permissions.length) {
+            checkboxElement.indeterminate = false;
+            this.selectAllTab = true;
+        }
+        else if (selectedAllPermissions.length === 0) {
+            checkboxElement.indeterminate = false;
+            this.selectAllTab = false;
+        }
+        else {
+            checkboxElement.indeterminate = true;
+        }
+    }
+    onClickSelectThisTab() {
+        this.selectedGroupPermissions.forEach(permission => {
+            if (permission.isGranted && this.isGrantedByOtherProviderName(permission.grantedProviders))
+                return;
+            const index = this.permissions.findIndex(per => per.name === permission.name);
+            this.permissions = [
+                ...this.permissions.slice(0, index),
+                Object.assign(Object.assign({}, this.permissions[index]), { isGranted: !this.selectThisTab }),
+                ...this.permissions.slice(index + 1),
+            ];
+        });
+        this.setGrantCheckboxState();
+    }
+    onClickSelectAll() {
+        this.permissions = this.permissions.map(permission => (Object.assign(Object.assign({}, permission), { isGranted: this.isGrantedByOtherProviderName(permission.grantedProviders) || !this.selectAllTab })));
+        this.selectThisTab = !this.selectAllTab;
+    }
+    onChangeGroup(group) {
+        this.selectedGroup = group;
+        this.setTabCheckboxState();
+    }
+    submit() {
+        const unchangedPermissions = getPermissions(this.data.groups);
+        const changedPermissions = this.permissions
+            .filter(per => unchangedPermissions.find(unchanged => unchanged.name === per.name).isGranted ===
+            per.isGranted
+            ? false
+            : true)
+            .map(({ name, isGranted }) => ({ name, isGranted }));
+        if (!changedPermissions.length) {
+            this.visible = false;
+            return;
+        }
+        this.modalBusy = true;
+        this.service
+            .update(this.providerName, this.providerKey, { permissions: changedPermissions })
+            .pipe(switchMap(() => this.shouldFetchAppConfig() ? this.configState.refreshAppState() : of(null)), finalize(() => (this.modalBusy = false)))
+            .subscribe(() => {
+            this.visible = false;
+        });
+    }
+    openModal() {
+        if (!this.providerKey || !this.providerName) {
+            throw new Error('Provider Key and Provider Name are required.');
+        }
+        return this.service.get(this.providerName, this.providerKey).pipe(tap((permissionRes) => {
+            this.data = permissionRes;
+            this.selectedGroup = permissionRes.groups[0];
+            this.permissions = getPermissions(permissionRes.groups);
+        }));
+    }
+    initModal() {
+        // TODO: Refactor
+        setTimeout(() => {
+            this.setTabCheckboxState();
+            this.setGrantCheckboxState();
+        });
+    }
+    getAssignedCount(groupName) {
+        return this.permissions.reduce((acc, val) => (val.groupName === groupName && val.isGranted ? acc + 1 : acc), 0);
+    }
+    shouldFetchAppConfig() {
+        const currentUser = this.configState.getOne('currentUser');
+        if (this.providerName === 'R')
+            return currentUser.roles.some(role => role === this.providerKey);
+        if (this.providerName === 'U')
+            return currentUser.id === this.providerKey;
+        return false;
+    }
+}
+PermissionManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementComponent, deps: [{ token: i1.PermissionsService }, { token: i2.ConfigStateService }], target: i0.ɵɵFactoryTarget.Component });
+PermissionManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: PermissionManagementComponent, selector: "abp-permission-management", inputs: { providerName: "providerName", providerKey: "providerKey", hideBadges: "hideBadges", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "selectAllInThisTabsRef", predicate: ["selectAllInThisTabsRef"], descendants: true }, { propertyName: "selectAllInAllTabsRef", predicate: ["selectAllInAllTabsRef"], descendants: true }], exportAs: ["abpPermissionManagement"], ngImport: i0, template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\" [options]=\"{ size: 'lg' }\">\r\n  <ng-container *ngIf=\"data.entityDisplayName\">\r\n    <ng-template #abpHeader>\r\n      <h4>\r\n        {{ 'AbpPermissionManagement::Permissions' | abpLocalization }} -\r\n        {{ data.entityDisplayName }}\r\n      </h4>\r\n    </ng-template>\r\n    <ng-template #abpBody>\r\n      <div class=\"form-check mb-2\">\r\n        <input\r\n          #selectAllInAllTabsRef\r\n          type=\"checkbox\"\r\n          id=\"select-all-in-all-tabs\"\r\n          name=\"select-all-in-all-tabs\"\r\n          class=\"form-check-input\"\r\n          [(ngModel)]=\"selectAllTab\"\r\n          (click)=\"onClickSelectAll()\"\r\n        />\r\n        <label class=\"form-check-label\" for=\"select-all-in-all-tabs\">{{\r\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\r\n        }}</label>\r\n      </div>\r\n\r\n      <hr class=\"mt-2 mb-2\" />\r\n      <div class=\"row\">\r\n        <div class=\"overflow-scroll col-md-4\">\r\n          <ul class=\"nav nav-pills flex-column\">\r\n            <li *ngFor=\"let group of data.groups; trackBy: trackByFn\" class=\"nav-item\">\r\n              <a\r\n                *ngIf=\"{ assignedCount: getAssignedCount(group.name) } as count\"\r\n                class=\"nav-link pointer\"\r\n                [class.active]=\"selectedGroup?.name === group?.name\"\r\n                (click)=\"onChangeGroup(group)\"\r\n              >\r\n                <div [class.font-weight-bold]=\"count.assignedCount\">\r\n                  {{ group?.displayName }}\r\n                  <span>({{ count.assignedCount }})</span>\r\n                </div>\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div class=\"col-md-8 overflow-scroll\">\r\n          <h4>{{ selectedGroup?.displayName }}</h4>\r\n          <hr class=\"mt-2 mb-3\" />\r\n          <div class=\"ps-1 pt-1\">\r\n            <div class=\"form-check mb-2\">\r\n              <input\r\n                #selectAllInThisTabsRef\r\n                type=\"checkbox\"\r\n                id=\"select-all-in-this-tabs\"\r\n                name=\"select-all-in-this-tabs\"\r\n                class=\"form-check-input\"\r\n                [(ngModel)]=\"selectThisTab\"\r\n                (click)=\"onClickSelectThisTab()\"\r\n              />\r\n              <label class=\"form-check-label\" for=\"select-all-in-this-tabs\">{{\r\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\r\n              }}</label>\r\n            </div>\r\n            <hr class=\"mb-3\" />\r\n            <div\r\n              *ngFor=\"let permission of selectedGroupPermissions; let i = index; trackBy: trackByFn\"\r\n              [ngStyle]=\"permission.style\"\r\n              class=\"form-check mb-2\"\r\n            >\r\n              <input\r\n                #permissionCheckbox\r\n                type=\"checkbox\"\r\n                [checked]=\"getChecked(permission.name)\"\r\n                [value]=\"getChecked(permission.name)\"\r\n                [attr.id]=\"permission.name\"\r\n                class=\"form-check-input\"\r\n                [disabled]=\"isGrantedByOtherProviderName(permission.grantedProviders)\"\r\n                (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\r\n              />\r\n              <label class=\"form-check-label\" [attr.for]=\"permission.name\"\r\n                >{{ permission.displayName }}\r\n                <ng-container *ngIf=\"!hideBadges\">\r\n                  <span\r\n                    *ngFor=\"let provider of permission.grantedProviders\"\r\n                    class=\"badge bg-light text-dark\"\r\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\r\n                  >\r\n                </ng-container>\r\n              </label>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #abpFooter>\r\n      <button type=\"button\" class=\"btn btn-secondary\" abpClose>\r\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\r\n      </button>\r\n      <abp-button iconClass=\"fa fa-check\" (click)=\"submit()\">{{\r\n        'AbpIdentity::Save' | abpLocalization\r\n      }}</abp-button>\r\n    </ng-template>\r\n  </ng-container>\r\n</abp-modal>\r\n", styles: [".overflow-scroll{max-height:70vh;overflow-y:scroll}\n"], components: [{ type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.ModalCloseDirective, selector: "[abpClose]" }], pipes: { "abpLocalization": i2.LocalizationPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-permission-management', exportAs: 'abpPermissionManagement', styles: [
+                        `
+      .overflow-scroll {
+        max-height: 70vh;
+        overflow-y: scroll;
+      }
+    `,
+                    ], template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\" [options]=\"{ size: 'lg' }\">\r\n  <ng-container *ngIf=\"data.entityDisplayName\">\r\n    <ng-template #abpHeader>\r\n      <h4>\r\n        {{ 'AbpPermissionManagement::Permissions' | abpLocalization }} -\r\n        {{ data.entityDisplayName }}\r\n      </h4>\r\n    </ng-template>\r\n    <ng-template #abpBody>\r\n      <div class=\"form-check mb-2\">\r\n        <input\r\n          #selectAllInAllTabsRef\r\n          type=\"checkbox\"\r\n          id=\"select-all-in-all-tabs\"\r\n          name=\"select-all-in-all-tabs\"\r\n          class=\"form-check-input\"\r\n          [(ngModel)]=\"selectAllTab\"\r\n          (click)=\"onClickSelectAll()\"\r\n        />\r\n        <label class=\"form-check-label\" for=\"select-all-in-all-tabs\">{{\r\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\r\n        }}</label>\r\n      </div>\r\n\r\n      <hr class=\"mt-2 mb-2\" />\r\n      <div class=\"row\">\r\n        <div class=\"overflow-scroll col-md-4\">\r\n          <ul class=\"nav nav-pills flex-column\">\r\n            <li *ngFor=\"let group of data.groups; trackBy: trackByFn\" class=\"nav-item\">\r\n              <a\r\n                *ngIf=\"{ assignedCount: getAssignedCount(group.name) } as count\"\r\n                class=\"nav-link pointer\"\r\n                [class.active]=\"selectedGroup?.name === group?.name\"\r\n                (click)=\"onChangeGroup(group)\"\r\n              >\r\n                <div [class.font-weight-bold]=\"count.assignedCount\">\r\n                  {{ group?.displayName }}\r\n                  <span>({{ count.assignedCount }})</span>\r\n                </div>\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div class=\"col-md-8 overflow-scroll\">\r\n          <h4>{{ selectedGroup?.displayName }}</h4>\r\n          <hr class=\"mt-2 mb-3\" />\r\n          <div class=\"ps-1 pt-1\">\r\n            <div class=\"form-check mb-2\">\r\n              <input\r\n                #selectAllInThisTabsRef\r\n                type=\"checkbox\"\r\n                id=\"select-all-in-this-tabs\"\r\n                name=\"select-all-in-this-tabs\"\r\n                class=\"form-check-input\"\r\n                [(ngModel)]=\"selectThisTab\"\r\n                (click)=\"onClickSelectThisTab()\"\r\n              />\r\n              <label class=\"form-check-label\" for=\"select-all-in-this-tabs\">{{\r\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\r\n              }}</label>\r\n            </div>\r\n            <hr class=\"mb-3\" />\r\n            <div\r\n              *ngFor=\"let permission of selectedGroupPermissions; let i = index; trackBy: trackByFn\"\r\n              [ngStyle]=\"permission.style\"\r\n              class=\"form-check mb-2\"\r\n            >\r\n              <input\r\n                #permissionCheckbox\r\n                type=\"checkbox\"\r\n                [checked]=\"getChecked(permission.name)\"\r\n                [value]=\"getChecked(permission.name)\"\r\n                [attr.id]=\"permission.name\"\r\n                class=\"form-check-input\"\r\n                [disabled]=\"isGrantedByOtherProviderName(permission.grantedProviders)\"\r\n                (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\r\n              />\r\n              <label class=\"form-check-label\" [attr.for]=\"permission.name\"\r\n                >{{ permission.displayName }}\r\n                <ng-container *ngIf=\"!hideBadges\">\r\n                  <span\r\n                    *ngFor=\"let provider of permission.grantedProviders\"\r\n                    class=\"badge bg-light text-dark\"\r\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\r\n                  >\r\n                </ng-container>\r\n              </label>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #abpFooter>\r\n      <button type=\"button\" class=\"btn btn-secondary\" abpClose>\r\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\r\n      </button>\r\n      <abp-button iconClass=\"fa fa-check\" (click)=\"submit()\">{{\r\n        'AbpIdentity::Save' | abpLocalization\r\n      }}</abp-button>\r\n    </ng-template>\r\n  </ng-container>\r\n</abp-modal>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1.PermissionsService }, { type: i2.ConfigStateService }]; }, propDecorators: { providerName: [{
+                type: Input
+            }], providerKey: [{
+                type: Input
+            }], hideBadges: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], selectAllInThisTabsRef: [{
+                type: ViewChildren,
+                args: ['selectAllInThisTabsRef']
+            }], selectAllInAllTabsRef: [{
+                type: ViewChildren,
+                args: ['selectAllInAllTabsRef']
+            }] } });
+function findMargin(permissions, permission) {
+    const parentPermission = permissions.find(per => per.name === permission.parentName);
+    if (parentPermission && parentPermission.parentName) {
+        let margin = 20;
+        return (margin += findMargin(permissions, parentPermission));
+    }
+    return parentPermission ? 20 : 0;
+}
+function getPermissions(groups) {
+    return groups.reduce((acc, val) => [...acc, ...val.permissions.map(p => (Object.assign(Object.assign({}, p), { groupName: val.name })))], []);
+}
+
+class PermissionManagementModule {
+}
+PermissionManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PermissionManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementModule, declarations: [PermissionManagementComponent], imports: [CoreModule, ThemeSharedModule], exports: [PermissionManagementComponent] });
+PermissionManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementModule, imports: [[CoreModule, ThemeSharedModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PermissionManagementComponent],
+                    imports: [CoreModule, ThemeSharedModule],
+                    exports: [PermissionManagementComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PermissionManagementComponent, PermissionManagementModule };
+//# sourceMappingURL=abp-ng.permission-management.mjs.map

package/fesm2015/abp-ng.permission-management.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"abp-ng.permission-management.mjs","sources":["../../../../packages/permission-management/src/lib/components/permission-management.component.ts","../../../../packages/permission-management/src/lib/components/permission-management.component.html","../../../../packages/permission-management/src/lib/permission-management.module.ts","../../../../packages/permission-management/src/abp-ng.permission-management.ts"],"sourcesContent":["import { ConfigStateService, CurrentUserDto } from '@abp/ng.core';\r\nimport {\r\n  GetPermissionListResultDto,\r\n  PermissionGrantInfoDto,\r\n  PermissionGroupDto,\r\n  PermissionsService,\r\n  ProviderInfoDto,\r\n  UpdatePermissionDto,\r\n} from '@abp/ng.permission-management/proxy';\r\nimport { LocaleDirection } from '@abp/ng.theme.shared';\r\nimport {\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  Output,\r\n  QueryList,\r\n  TrackByFunction,\r\n  ViewChildren,\r\n} from '@angular/core';\r\nimport { concat, of } from 'rxjs';\r\nimport { finalize, switchMap, take, tap } from 'rxjs/operators';\r\nimport { PermissionManagement } from '../models/permission-management';\r\n\r\ntype PermissionWithStyle = PermissionGrantInfoDto & {\r\n  style: string;\r\n};\r\n\r\ntype PermissionWithGroupName = PermissionGrantInfoDto & {\r\n  groupName: string;\r\n};\r\n\r\n@Component({\r\n  selector: 'abp-permission-management',\r\n  templateUrl: './permission-management.component.html',\r\n  exportAs: 'abpPermissionManagement',\r\n  styles: [\r\n    `\r\n      .overflow-scroll {\r\n        max-height: 70vh;\r\n        overflow-y: scroll;\r\n      }\r\n    `,\r\n  ],\r\n})\r\nexport class PermissionManagementComponent\r\n  implements\r\n    PermissionManagement.PermissionManagementComponentInputs,\r\n    PermissionManagement.PermissionManagementComponentOutputs\r\n{\r\n  @Input()\r\n  readonly providerName: string;\r\n\r\n  @Input()\r\n  readonly providerKey: string;\r\n\r\n  @Input()\r\n  readonly hideBadges = false;\r\n\r\n  protected _visible = false;\r\n\r\n  @Input()\r\n  get visible(): boolean {\r\n    return this._visible;\r\n  }\r\n\r\n  set visible(value: boolean) {\r\n    if (value === this._visible) return;\r\n\r\n    if (value) {\r\n      this.openModal().subscribe(() => {\r\n        this._visible = true;\r\n        this.visibleChange.emit(true);\r\n        concat(this.selectAllInAllTabsRef.changes, this.selectAllInThisTabsRef.changes)\r\n          .pipe(take(1))\r\n          .subscribe(() => {\r\n            this.initModal();\r\n          });\r\n      });\r\n    } else {\r\n      this.selectedGroup = null;\r\n      this._visible = false;\r\n      this.visibleChange.emit(false);\r\n    }\r\n  }\r\n\r\n  @Output() readonly visibleChange = new EventEmitter<boolean>();\r\n\r\n  @ViewChildren('selectAllInThisTabsRef')\r\n  selectAllInThisTabsRef: QueryList<ElementRef<HTMLInputElement>>;\r\n  @ViewChildren('selectAllInAllTabsRef')\r\n  selectAllInAllTabsRef: QueryList<ElementRef<HTMLInputElement>>;\r\n\r\n  data: GetPermissionListResultDto = { groups: [], entityDisplayName: null };\r\n\r\n  selectedGroup: PermissionGroupDto;\r\n\r\n  permissions: PermissionWithGroupName[] = [];\r\n\r\n  selectThisTab = false;\r\n\r\n  selectAllTab = false;\r\n\r\n  modalBusy = false;\r\n\r\n  trackByFn: TrackByFunction<PermissionGroupDto> = (_, item) => item.name;\r\n\r\n  get selectedGroupPermissions(): PermissionWithStyle[] {\r\n    if (!this.selectedGroup) return [];\r\n\r\n    const margin = `margin-${\r\n      (document.body.dir as LocaleDirection) === 'rtl' ? 'right' : 'left'\r\n    }.px`;\r\n\r\n    const permissions = this.data.groups.find(\r\n      group => group.name === this.selectedGroup.name,\r\n    ).permissions;\r\n\r\n    return permissions.map(\r\n      permission =>\r\n        ({\r\n          ...permission,\r\n          style: { [margin]: findMargin(permissions, permission) },\r\n          isGranted: this.permissions.find(per => per.name === permission.name).isGranted,\r\n        } as unknown as PermissionWithStyle),\r\n    );\r\n  }\r\n\r\n  constructor(protected service: PermissionsService, protected configState: ConfigStateService) {}\r\n\r\n  getChecked(name: string) {\r\n    return (this.permissions.find(per => per.name === name) || { isGranted: false }).isGranted;\r\n  }\r\n\r\n  isGrantedByOtherProviderName(grantedProviders: ProviderInfoDto[]): boolean {\r\n    if (grantedProviders.length) {\r\n      return grantedProviders.findIndex(p => p.providerName !== this.providerName) > -1;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  onClickCheckbox(clickedPermission: PermissionGrantInfoDto, value) {\r\n    if (\r\n      clickedPermission.isGranted &&\r\n      this.isGrantedByOtherProviderName(clickedPermission.grantedProviders)\r\n    )\r\n      return;\r\n\r\n    setTimeout(() => {\r\n      this.permissions = this.permissions.map(per => {\r\n        if (clickedPermission.name === per.name) {\r\n          return { ...per, isGranted: !per.isGranted };\r\n        } else if (clickedPermission.name === per.parentName && clickedPermission.isGranted) {\r\n          return { ...per, isGranted: false };\r\n        } else if (clickedPermission.parentName === per.name && !clickedPermission.isGranted) {\r\n          return { ...per, isGranted: true };\r\n        }\r\n\r\n        return per;\r\n      });\r\n\r\n      this.setTabCheckboxState();\r\n      this.setGrantCheckboxState();\r\n    }, 0);\r\n  }\r\n\r\n  setTabCheckboxState() {\r\n    const selectedPermissions = this.selectedGroupPermissions.filter(per => per.isGranted);\r\n    const element = document.querySelector('#select-all-in-this-tabs') as any;\r\n\r\n    if (selectedPermissions.length === this.selectedGroupPermissions.length) {\r\n      element.indeterminate = false;\r\n      this.selectThisTab = true;\r\n    } else if (selectedPermissions.length === 0) {\r\n      element.indeterminate = false;\r\n      this.selectThisTab = false;\r\n    } else {\r\n      element.indeterminate = true;\r\n    }\r\n  }\r\n\r\n  setGrantCheckboxState() {\r\n    const selectedAllPermissions = this.permissions.filter(per => per.isGranted);\r\n    const checkboxElement = document.querySelector('#select-all-in-all-tabs') as any;\r\n\r\n    if (selectedAllPermissions.length === this.permissions.length) {\r\n      checkboxElement.indeterminate = false;\r\n      this.selectAllTab = true;\r\n    } else if (selectedAllPermissions.length === 0) {\r\n      checkboxElement.indeterminate = false;\r\n      this.selectAllTab = false;\r\n    } else {\r\n      checkboxElement.indeterminate = true;\r\n    }\r\n  }\r\n\r\n  onClickSelectThisTab() {\r\n    this.selectedGroupPermissions.forEach(permission => {\r\n      if (permission.isGranted && this.isGrantedByOtherProviderName(permission.grantedProviders))\r\n        return;\r\n\r\n      const index = this.permissions.findIndex(per => per.name === permission.name);\r\n\r\n      this.permissions = [\r\n        ...this.permissions.slice(0, index),\r\n        { ...this.permissions[index], isGranted: !this.selectThisTab },\r\n        ...this.permissions.slice(index + 1),\r\n      ];\r\n    });\r\n\r\n    this.setGrantCheckboxState();\r\n  }\r\n\r\n  onClickSelectAll() {\r\n    this.permissions = this.permissions.map(permission => ({\r\n      ...permission,\r\n      isGranted:\r\n        this.isGrantedByOtherProviderName(permission.grantedProviders) || !this.selectAllTab,\r\n    }));\r\n\r\n    this.selectThisTab = !this.selectAllTab;\r\n  }\r\n\r\n  onChangeGroup(group: PermissionGroupDto) {\r\n    this.selectedGroup = group;\r\n    this.setTabCheckboxState();\r\n  }\r\n\r\n  submit() {\r\n    const unchangedPermissions = getPermissions(this.data.groups);\r\n\r\n    const changedPermissions: UpdatePermissionDto[] = this.permissions\r\n      .filter(per =>\r\n        unchangedPermissions.find(unchanged => unchanged.name === per.name).isGranted ===\r\n        per.isGranted\r\n          ? false\r\n          : true,\r\n      )\r\n      .map(({ name, isGranted }) => ({ name, isGranted }));\r\n\r\n    if (!changedPermissions.length) {\r\n      this.visible = false;\r\n      return;\r\n    }\r\n\r\n    this.modalBusy = true;\r\n    this.service\r\n      .update(this.providerName, this.providerKey, { permissions: changedPermissions })\r\n      .pipe(\r\n        switchMap(() =>\r\n          this.shouldFetchAppConfig() ? this.configState.refreshAppState() : of(null),\r\n        ),\r\n        finalize(() => (this.modalBusy = false)),\r\n      )\r\n      .subscribe(() => {\r\n        this.visible = false;\r\n      });\r\n  }\r\n\r\n  openModal() {\r\n    if (!this.providerKey || !this.providerName) {\r\n      throw new Error('Provider Key and Provider Name are required.');\r\n    }\r\n\r\n    return this.service.get(this.providerName, this.providerKey).pipe(\r\n      tap((permissionRes: GetPermissionListResultDto) => {\r\n        this.data = permissionRes;\r\n        this.selectedGroup = permissionRes.groups[0];\r\n        this.permissions = getPermissions(permissionRes.groups);\r\n      }),\r\n    );\r\n  }\r\n\r\n  initModal() {\r\n    // TODO: Refactor\r\n    setTimeout(() => {\r\n      this.setTabCheckboxState();\r\n      this.setGrantCheckboxState();\r\n    });\r\n  }\r\n\r\n  getAssignedCount(groupName: string) {\r\n    return this.permissions.reduce(\r\n      (acc, val) => (val.groupName === groupName && val.isGranted ? acc + 1 : acc),\r\n      0,\r\n    );\r\n  }\r\n\r\n  shouldFetchAppConfig() {\r\n    const currentUser = this.configState.getOne('currentUser') as CurrentUserDto;\r\n\r\n    if (this.providerName === 'R') return currentUser.roles.some(role => role === this.providerKey);\r\n\r\n    if (this.providerName === 'U') return currentUser.id === this.providerKey;\r\n\r\n    return false;\r\n  }\r\n}\r\n\r\nfunction findMargin(permissions: PermissionGrantInfoDto[], permission: PermissionGrantInfoDto) {\r\n  const parentPermission = permissions.find(per => per.name === permission.parentName);\r\n\r\n  if (parentPermission && parentPermission.parentName) {\r\n    let margin = 20;\r\n    return (margin += findMargin(permissions, parentPermission));\r\n  }\r\n\r\n  return parentPermission ? 20 : 0;\r\n}\r\n\r\nfunction getPermissions(groups: PermissionGroupDto[]): PermissionWithGroupName[] {\r\n  return groups.reduce(\r\n    (acc, val) => [...acc, ...val.permissions.map(p => ({ ...p, groupName: val.name }))],\r\n    [],\r\n  );\r\n}\r\n","<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\" [options]=\"{ size: 'lg' }\">\r\n  <ng-container *ngIf=\"data.entityDisplayName\">\r\n    <ng-template #abpHeader>\r\n      <h4>\r\n        {{ 'AbpPermissionManagement::Permissions' | abpLocalization }} -\r\n        {{ data.entityDisplayName }}\r\n      </h4>\r\n    </ng-template>\r\n    <ng-template #abpBody>\r\n      <div class=\"form-check mb-2\">\r\n        <input\r\n          #selectAllInAllTabsRef\r\n          type=\"checkbox\"\r\n          id=\"select-all-in-all-tabs\"\r\n          name=\"select-all-in-all-tabs\"\r\n          class=\"form-check-input\"\r\n          [(ngModel)]=\"selectAllTab\"\r\n          (click)=\"onClickSelectAll()\"\r\n        />\r\n        <label class=\"form-check-label\" for=\"select-all-in-all-tabs\">{{\r\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\r\n        }}</label>\r\n      </div>\r\n\r\n      <hr class=\"mt-2 mb-2\" />\r\n      <div class=\"row\">\r\n        <div class=\"overflow-scroll col-md-4\">\r\n          <ul class=\"nav nav-pills flex-column\">\r\n            <li *ngFor=\"let group of data.groups; trackBy: trackByFn\" class=\"nav-item\">\r\n              <a\r\n                *ngIf=\"{ assignedCount: getAssignedCount(group.name) } as count\"\r\n                class=\"nav-link pointer\"\r\n                [class.active]=\"selectedGroup?.name === group?.name\"\r\n                (click)=\"onChangeGroup(group)\"\r\n              >\r\n                <div [class.font-weight-bold]=\"count.assignedCount\">\r\n                  {{ group?.displayName }}\r\n                  <span>({{ count.assignedCount }})</span>\r\n                </div>\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div class=\"col-md-8 overflow-scroll\">\r\n          <h4>{{ selectedGroup?.displayName }}</h4>\r\n          <hr class=\"mt-2 mb-3\" />\r\n          <div class=\"ps-1 pt-1\">\r\n            <div class=\"form-check mb-2\">\r\n              <input\r\n                #selectAllInThisTabsRef\r\n                type=\"checkbox\"\r\n                id=\"select-all-in-this-tabs\"\r\n                name=\"select-all-in-this-tabs\"\r\n                class=\"form-check-input\"\r\n                [(ngModel)]=\"selectThisTab\"\r\n                (click)=\"onClickSelectThisTab()\"\r\n              />\r\n              <label class=\"form-check-label\" for=\"select-all-in-this-tabs\">{{\r\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\r\n              }}</label>\r\n            </div>\r\n            <hr class=\"mb-3\" />\r\n            <div\r\n              *ngFor=\"let permission of selectedGroupPermissions; let i = index; trackBy: trackByFn\"\r\n              [ngStyle]=\"permission.style\"\r\n              class=\"form-check mb-2\"\r\n            >\r\n              <input\r\n                #permissionCheckbox\r\n                type=\"checkbox\"\r\n                [checked]=\"getChecked(permission.name)\"\r\n                [value]=\"getChecked(permission.name)\"\r\n                [attr.id]=\"permission.name\"\r\n                class=\"form-check-input\"\r\n                [disabled]=\"isGrantedByOtherProviderName(permission.grantedProviders)\"\r\n                (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\r\n              />\r\n              <label class=\"form-check-label\" [attr.for]=\"permission.name\"\r\n                >{{ permission.displayName }}\r\n                <ng-container *ngIf=\"!hideBadges\">\r\n                  <span\r\n                    *ngFor=\"let provider of permission.grantedProviders\"\r\n                    class=\"badge bg-light text-dark\"\r\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\r\n                  >\r\n                </ng-container>\r\n              </label>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #abpFooter>\r\n      <button type=\"button\" class=\"btn btn-secondary\" abpClose>\r\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\r\n      </button>\r\n      <abp-button iconClass=\"fa fa-check\" (click)=\"submit()\">{{\r\n        'AbpIdentity::Save' | abpLocalization\r\n      }}</abp-button>\r\n    </ng-template>\r\n  </ng-container>\r\n</abp-modal>\r\n","import { CoreModule } from '@abp/ng.core';\r\nimport { ThemeSharedModule } from '@abp/ng.theme.shared';\r\nimport { NgModule } from '@angular/core';\r\nimport { PermissionManagementComponent } from './components/permission-management.component';\r\n\r\n@NgModule({\r\n  declarations: [PermissionManagementComponent],\r\n  imports: [CoreModule, ThemeSharedModule],\r\n  exports: [PermissionManagementComponent],\r\n})\r\nexport class PermissionManagementModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/abp-ng.permission-management-proxy.mjs

@@ -0,0 +1,36 @@
+import * as i1 from '@abp/ng.core';
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+
+class PermissionsService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'AbpPermissionManagement';
+        this.get = (providerName, providerKey) => this.restService.request({
+            method: 'GET',
+            url: '/api/permission-management/permissions',
+            params: { providerName, providerKey },
+        }, { apiName: this.apiName });
+        this.update = (providerName, providerKey, input) => this.restService.request({
+            method: 'PUT',
+            url: '/api/permission-management/permissions',
+            params: { providerName, providerKey },
+            body: input,
+        }, { apiName: this.apiName });
+    }
+}
+PermissionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionsService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
+PermissionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PermissionsService };
+//# sourceMappingURL=abp-ng.permission-management-proxy.mjs.map

package/fesm2020/abp-ng.permission-management-proxy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"abp-ng.permission-management-proxy.mjs","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';\r\nimport { RestService } from '@abp/ng.core';\r\nimport { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class PermissionsService {\r\n  apiName = 'AbpPermissionManagement';\r\n\r\n  get = (providerName: string, providerKey: string) =>\r\n    this.restService.request<any, GetPermissionListResultDto>({\r\n      method: 'GET',\r\n      url: '/api/permission-management/permissions',\r\n      params: { providerName, providerKey },\r\n    },\r\n    { apiName: this.apiName });\r\n\r\n  update = (providerName: string, providerKey: string, input: UpdatePermissionsDto) =>\r\n    this.restService.request<any, void>({\r\n      method: 'PUT',\r\n      url: '/api/permission-management/permissions',\r\n      params: { providerName, providerKey },\r\n      body: input,\r\n    },\r\n    { apiName: this.apiName });\r\n\r\n  constructor(private restService: RestService) {}\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,kBAAkB;IAoB7B,YAAoB,WAAwB;QAAxB,gBAAW,GAAX,WAAW,CAAa;QAnB5C,YAAO,GAAG,yBAAyB,CAAC;QAEpC,QAAG,GAAG,CAAC,YAAoB,EAAE,WAAmB,KAC9C,IAAI,CAAC,WAAW,CAAC,OAAO,CAAkC;YACxD,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,wCAAwC;YAC7C,MAAM,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE;SACtC,EACD,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAE7B,WAAM,GAAG,CAAC,YAAoB,EAAE,WAAmB,EAAE,KAA2B,KAC9E,IAAI,CAAC,WAAW,CAAC,OAAO,CAAY;YAClC,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,wCAAwC;YAC7C,MAAM,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE;YACrC,IAAI,EAAE,KAAK;SACZ,EACD,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;KAEmB;;+GApBrC,kBAAkB;mHAAlB,kBAAkB,cAFjB,MAAM;2FAEP,kBAAkB;kBAH9B,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;ACND;;;;;;"}

package/fesm2020/abp-ng.permission-management.mjs

@@ -0,0 +1,254 @@
+import * as i2 from '@abp/ng.core';
+import { CoreModule } from '@abp/ng.core';
+import * as i1 from '@abp/ng.permission-management/proxy';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChildren, NgModule } from '@angular/core';
+import { concat, of } from 'rxjs';
+import { take, switchMap, finalize, tap } from 'rxjs/operators';
+import * as i3 from '@abp/ng.theme.shared';
+import { ThemeSharedModule } from '@abp/ng.theme.shared';
+import * as i4 from '@angular/common';
+import * as i5 from '@angular/forms';
+
+class PermissionManagementComponent {
+    constructor(service, configState) {
+        this.service = service;
+        this.configState = configState;
+        this.hideBadges = false;
+        this._visible = false;
+        this.visibleChange = new EventEmitter();
+        this.data = { groups: [], entityDisplayName: null };
+        this.permissions = [];
+        this.selectThisTab = false;
+        this.selectAllTab = false;
+        this.modalBusy = false;
+        this.trackByFn = (_, item) => item.name;
+    }
+    get visible() {
+        return this._visible;
+    }
+    set visible(value) {
+        if (value === this._visible)
+            return;
+        if (value) {
+            this.openModal().subscribe(() => {
+                this._visible = true;
+                this.visibleChange.emit(true);
+                concat(this.selectAllInAllTabsRef.changes, this.selectAllInThisTabsRef.changes)
+                    .pipe(take(1))
+                    .subscribe(() => {
+                    this.initModal();
+                });
+            });
+        }
+        else {
+            this.selectedGroup = null;
+            this._visible = false;
+            this.visibleChange.emit(false);
+        }
+    }
+    get selectedGroupPermissions() {
+        if (!this.selectedGroup)
+            return [];
+        const margin = `margin-${document.body.dir === 'rtl' ? 'right' : 'left'}.px`;
+        const permissions = this.data.groups.find(group => group.name === this.selectedGroup.name).permissions;
+        return permissions.map(permission => ({
+            ...permission,
+            style: { [margin]: findMargin(permissions, permission) },
+            isGranted: this.permissions.find(per => per.name === permission.name).isGranted,
+        }));
+    }
+    getChecked(name) {
+        return (this.permissions.find(per => per.name === name) || { isGranted: false }).isGranted;
+    }
+    isGrantedByOtherProviderName(grantedProviders) {
+        if (grantedProviders.length) {
+            return grantedProviders.findIndex(p => p.providerName !== this.providerName) > -1;
+        }
+        return false;
+    }
+    onClickCheckbox(clickedPermission, value) {
+        if (clickedPermission.isGranted &&
+            this.isGrantedByOtherProviderName(clickedPermission.grantedProviders))
+            return;
+        setTimeout(() => {
+            this.permissions = this.permissions.map(per => {
+                if (clickedPermission.name === per.name) {
+                    return { ...per, isGranted: !per.isGranted };
+                }
+                else if (clickedPermission.name === per.parentName && clickedPermission.isGranted) {
+                    return { ...per, isGranted: false };
+                }
+                else if (clickedPermission.parentName === per.name && !clickedPermission.isGranted) {
+                    return { ...per, isGranted: true };
+                }
+                return per;
+            });
+            this.setTabCheckboxState();
+            this.setGrantCheckboxState();
+        }, 0);
+    }
+    setTabCheckboxState() {
+        const selectedPermissions = this.selectedGroupPermissions.filter(per => per.isGranted);
+        const 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;
+        }
+    }
+    setGrantCheckboxState() {
+        const selectedAllPermissions = this.permissions.filter(per => per.isGranted);
+        const checkboxElement = document.querySelector('#select-all-in-all-tabs');
+        if (selectedAllPermissions.length === this.permissions.length) {
+            checkboxElement.indeterminate = false;
+            this.selectAllTab = true;
+        }
+        else if (selectedAllPermissions.length === 0) {
+            checkboxElement.indeterminate = false;
+            this.selectAllTab = false;
+        }
+        else {
+            checkboxElement.indeterminate = true;
+        }
+    }
+    onClickSelectThisTab() {
+        this.selectedGroupPermissions.forEach(permission => {
+            if (permission.isGranted && this.isGrantedByOtherProviderName(permission.grantedProviders))
+                return;
+            const index = this.permissions.findIndex(per => per.name === permission.name);
+            this.permissions = [
+                ...this.permissions.slice(0, index),
+                { ...this.permissions[index], isGranted: !this.selectThisTab },
+                ...this.permissions.slice(index + 1),
+            ];
+        });
+        this.setGrantCheckboxState();
+    }
+    onClickSelectAll() {
+        this.permissions = this.permissions.map(permission => ({
+            ...permission,
+            isGranted: this.isGrantedByOtherProviderName(permission.grantedProviders) || !this.selectAllTab,
+        }));
+        this.selectThisTab = !this.selectAllTab;
+    }
+    onChangeGroup(group) {
+        this.selectedGroup = group;
+        this.setTabCheckboxState();
+    }
+    submit() {
+        const unchangedPermissions = getPermissions(this.data.groups);
+        const changedPermissions = this.permissions
+            .filter(per => unchangedPermissions.find(unchanged => unchanged.name === per.name).isGranted ===
+            per.isGranted
+            ? false
+            : true)
+            .map(({ name, isGranted }) => ({ name, isGranted }));
+        if (!changedPermissions.length) {
+            this.visible = false;
+            return;
+        }
+        this.modalBusy = true;
+        this.service
+            .update(this.providerName, this.providerKey, { permissions: changedPermissions })
+            .pipe(switchMap(() => this.shouldFetchAppConfig() ? this.configState.refreshAppState() : of(null)), finalize(() => (this.modalBusy = false)))
+            .subscribe(() => {
+            this.visible = false;
+        });
+    }
+    openModal() {
+        if (!this.providerKey || !this.providerName) {
+            throw new Error('Provider Key and Provider Name are required.');
+        }
+        return this.service.get(this.providerName, this.providerKey).pipe(tap((permissionRes) => {
+            this.data = permissionRes;
+            this.selectedGroup = permissionRes.groups[0];
+            this.permissions = getPermissions(permissionRes.groups);
+        }));
+    }
+    initModal() {
+        // TODO: Refactor
+        setTimeout(() => {
+            this.setTabCheckboxState();
+            this.setGrantCheckboxState();
+        });
+    }
+    getAssignedCount(groupName) {
+        return this.permissions.reduce((acc, val) => (val.groupName === groupName && val.isGranted ? acc + 1 : acc), 0);
+    }
+    shouldFetchAppConfig() {
+        const currentUser = this.configState.getOne('currentUser');
+        if (this.providerName === 'R')
+            return currentUser.roles.some(role => role === this.providerKey);
+        if (this.providerName === 'U')
+            return currentUser.id === this.providerKey;
+        return false;
+    }
+}
+PermissionManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementComponent, deps: [{ token: i1.PermissionsService }, { token: i2.ConfigStateService }], target: i0.ɵɵFactoryTarget.Component });
+PermissionManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: PermissionManagementComponent, selector: "abp-permission-management", inputs: { providerName: "providerName", providerKey: "providerKey", hideBadges: "hideBadges", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "selectAllInThisTabsRef", predicate: ["selectAllInThisTabsRef"], descendants: true }, { propertyName: "selectAllInAllTabsRef", predicate: ["selectAllInAllTabsRef"], descendants: true }], exportAs: ["abpPermissionManagement"], ngImport: i0, template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\" [options]=\"{ size: 'lg' }\">\r\n  <ng-container *ngIf=\"data.entityDisplayName\">\r\n    <ng-template #abpHeader>\r\n      <h4>\r\n        {{ 'AbpPermissionManagement::Permissions' | abpLocalization }} -\r\n        {{ data.entityDisplayName }}\r\n      </h4>\r\n    </ng-template>\r\n    <ng-template #abpBody>\r\n      <div class=\"form-check mb-2\">\r\n        <input\r\n          #selectAllInAllTabsRef\r\n          type=\"checkbox\"\r\n          id=\"select-all-in-all-tabs\"\r\n          name=\"select-all-in-all-tabs\"\r\n          class=\"form-check-input\"\r\n          [(ngModel)]=\"selectAllTab\"\r\n          (click)=\"onClickSelectAll()\"\r\n        />\r\n        <label class=\"form-check-label\" for=\"select-all-in-all-tabs\">{{\r\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\r\n        }}</label>\r\n      </div>\r\n\r\n      <hr class=\"mt-2 mb-2\" />\r\n      <div class=\"row\">\r\n        <div class=\"overflow-scroll col-md-4\">\r\n          <ul class=\"nav nav-pills flex-column\">\r\n            <li *ngFor=\"let group of data.groups; trackBy: trackByFn\" class=\"nav-item\">\r\n              <a\r\n                *ngIf=\"{ assignedCount: getAssignedCount(group.name) } as count\"\r\n                class=\"nav-link pointer\"\r\n                [class.active]=\"selectedGroup?.name === group?.name\"\r\n                (click)=\"onChangeGroup(group)\"\r\n              >\r\n                <div [class.font-weight-bold]=\"count.assignedCount\">\r\n                  {{ group?.displayName }}\r\n                  <span>({{ count.assignedCount }})</span>\r\n                </div>\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div class=\"col-md-8 overflow-scroll\">\r\n          <h4>{{ selectedGroup?.displayName }}</h4>\r\n          <hr class=\"mt-2 mb-3\" />\r\n          <div class=\"ps-1 pt-1\">\r\n            <div class=\"form-check mb-2\">\r\n              <input\r\n                #selectAllInThisTabsRef\r\n                type=\"checkbox\"\r\n                id=\"select-all-in-this-tabs\"\r\n                name=\"select-all-in-this-tabs\"\r\n                class=\"form-check-input\"\r\n                [(ngModel)]=\"selectThisTab\"\r\n                (click)=\"onClickSelectThisTab()\"\r\n              />\r\n              <label class=\"form-check-label\" for=\"select-all-in-this-tabs\">{{\r\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\r\n              }}</label>\r\n            </div>\r\n            <hr class=\"mb-3\" />\r\n            <div\r\n              *ngFor=\"let permission of selectedGroupPermissions; let i = index; trackBy: trackByFn\"\r\n              [ngStyle]=\"permission.style\"\r\n              class=\"form-check mb-2\"\r\n            >\r\n              <input\r\n                #permissionCheckbox\r\n                type=\"checkbox\"\r\n                [checked]=\"getChecked(permission.name)\"\r\n                [value]=\"getChecked(permission.name)\"\r\n                [attr.id]=\"permission.name\"\r\n                class=\"form-check-input\"\r\n                [disabled]=\"isGrantedByOtherProviderName(permission.grantedProviders)\"\r\n                (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\r\n              />\r\n              <label class=\"form-check-label\" [attr.for]=\"permission.name\"\r\n                >{{ permission.displayName }}\r\n                <ng-container *ngIf=\"!hideBadges\">\r\n                  <span\r\n                    *ngFor=\"let provider of permission.grantedProviders\"\r\n                    class=\"badge bg-light text-dark\"\r\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\r\n                  >\r\n                </ng-container>\r\n              </label>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #abpFooter>\r\n      <button type=\"button\" class=\"btn btn-secondary\" abpClose>\r\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\r\n      </button>\r\n      <abp-button iconClass=\"fa fa-check\" (click)=\"submit()\">{{\r\n        'AbpIdentity::Save' | abpLocalization\r\n      }}</abp-button>\r\n    </ng-template>\r\n  </ng-container>\r\n</abp-modal>\r\n", styles: [".overflow-scroll{max-height:70vh;overflow-y:scroll}\n"], components: [{ type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.ModalCloseDirective, selector: "[abpClose]" }], pipes: { "abpLocalization": i2.LocalizationPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-permission-management', exportAs: 'abpPermissionManagement', styles: [
+                        `
+      .overflow-scroll {
+        max-height: 70vh;
+        overflow-y: scroll;
+      }
+    `,
+                    ], template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\" [options]=\"{ size: 'lg' }\">\r\n  <ng-container *ngIf=\"data.entityDisplayName\">\r\n    <ng-template #abpHeader>\r\n      <h4>\r\n        {{ 'AbpPermissionManagement::Permissions' | abpLocalization }} -\r\n        {{ data.entityDisplayName }}\r\n      </h4>\r\n    </ng-template>\r\n    <ng-template #abpBody>\r\n      <div class=\"form-check mb-2\">\r\n        <input\r\n          #selectAllInAllTabsRef\r\n          type=\"checkbox\"\r\n          id=\"select-all-in-all-tabs\"\r\n          name=\"select-all-in-all-tabs\"\r\n          class=\"form-check-input\"\r\n          [(ngModel)]=\"selectAllTab\"\r\n          (click)=\"onClickSelectAll()\"\r\n        />\r\n        <label class=\"form-check-label\" for=\"select-all-in-all-tabs\">{{\r\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\r\n        }}</label>\r\n      </div>\r\n\r\n      <hr class=\"mt-2 mb-2\" />\r\n      <div class=\"row\">\r\n        <div class=\"overflow-scroll col-md-4\">\r\n          <ul class=\"nav nav-pills flex-column\">\r\n            <li *ngFor=\"let group of data.groups; trackBy: trackByFn\" class=\"nav-item\">\r\n              <a\r\n                *ngIf=\"{ assignedCount: getAssignedCount(group.name) } as count\"\r\n                class=\"nav-link pointer\"\r\n                [class.active]=\"selectedGroup?.name === group?.name\"\r\n                (click)=\"onChangeGroup(group)\"\r\n              >\r\n                <div [class.font-weight-bold]=\"count.assignedCount\">\r\n                  {{ group?.displayName }}\r\n                  <span>({{ count.assignedCount }})</span>\r\n                </div>\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div class=\"col-md-8 overflow-scroll\">\r\n          <h4>{{ selectedGroup?.displayName }}</h4>\r\n          <hr class=\"mt-2 mb-3\" />\r\n          <div class=\"ps-1 pt-1\">\r\n            <div class=\"form-check mb-2\">\r\n              <input\r\n                #selectAllInThisTabsRef\r\n                type=\"checkbox\"\r\n                id=\"select-all-in-this-tabs\"\r\n                name=\"select-all-in-this-tabs\"\r\n                class=\"form-check-input\"\r\n                [(ngModel)]=\"selectThisTab\"\r\n                (click)=\"onClickSelectThisTab()\"\r\n              />\r\n              <label class=\"form-check-label\" for=\"select-all-in-this-tabs\">{{\r\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\r\n              }}</label>\r\n            </div>\r\n            <hr class=\"mb-3\" />\r\n            <div\r\n              *ngFor=\"let permission of selectedGroupPermissions; let i = index; trackBy: trackByFn\"\r\n              [ngStyle]=\"permission.style\"\r\n              class=\"form-check mb-2\"\r\n            >\r\n              <input\r\n                #permissionCheckbox\r\n                type=\"checkbox\"\r\n                [checked]=\"getChecked(permission.name)\"\r\n                [value]=\"getChecked(permission.name)\"\r\n                [attr.id]=\"permission.name\"\r\n                class=\"form-check-input\"\r\n                [disabled]=\"isGrantedByOtherProviderName(permission.grantedProviders)\"\r\n                (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\r\n              />\r\n              <label class=\"form-check-label\" [attr.for]=\"permission.name\"\r\n                >{{ permission.displayName }}\r\n                <ng-container *ngIf=\"!hideBadges\">\r\n                  <span\r\n                    *ngFor=\"let provider of permission.grantedProviders\"\r\n                    class=\"badge bg-light text-dark\"\r\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\r\n                  >\r\n                </ng-container>\r\n              </label>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #abpFooter>\r\n      <button type=\"button\" class=\"btn btn-secondary\" abpClose>\r\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\r\n      </button>\r\n      <abp-button iconClass=\"fa fa-check\" (click)=\"submit()\">{{\r\n        'AbpIdentity::Save' | abpLocalization\r\n      }}</abp-button>\r\n    </ng-template>\r\n  </ng-container>\r\n</abp-modal>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1.PermissionsService }, { type: i2.ConfigStateService }]; }, propDecorators: { providerName: [{
+                type: Input
+            }], providerKey: [{
+                type: Input
+            }], hideBadges: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], selectAllInThisTabsRef: [{
+                type: ViewChildren,
+                args: ['selectAllInThisTabsRef']
+            }], selectAllInAllTabsRef: [{
+                type: ViewChildren,
+                args: ['selectAllInAllTabsRef']
+            }] } });
+function findMargin(permissions, permission) {
+    const parentPermission = permissions.find(per => per.name === permission.parentName);
+    if (parentPermission && parentPermission.parentName) {
+        let margin = 20;
+        return (margin += findMargin(permissions, parentPermission));
+    }
+    return parentPermission ? 20 : 0;
+}
+function getPermissions(groups) {
+    return groups.reduce((acc, val) => [...acc, ...val.permissions.map(p => ({ ...p, groupName: val.name }))], []);
+}
+
+class PermissionManagementModule {
+}
+PermissionManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PermissionManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementModule, declarations: [PermissionManagementComponent], imports: [CoreModule, ThemeSharedModule], exports: [PermissionManagementComponent] });
+PermissionManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementModule, imports: [[CoreModule, ThemeSharedModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PermissionManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PermissionManagementComponent],
+                    imports: [CoreModule, ThemeSharedModule],
+                    exports: [PermissionManagementComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PermissionManagementComponent, PermissionManagementModule };
+//# sourceMappingURL=abp-ng.permission-management.mjs.map