@rolatech/angular-authorization 20.0.0-beta.4

package/fesm2022/rolatech-angular-authorization-role.service-Dj9w5oqG.mjs

@@ -0,0 +1,26 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { BaseService } from '@rolatech/angular-services';
+
+class RoleService extends BaseService {
+    init() {
+        this.endpoint = 'auth/roles';
+        super.init();
+    }
+    updatePermissions(id, data) {
+        return this.http.put(`${this.actionUrl}/${id}/permissions`, data, {
+            withCredentials: true,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: RoleService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: RoleService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: RoleService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+export { RoleService as R };
+//# sourceMappingURL=rolatech-angular-authorization-role.service-Dj9w5oqG.mjs.map

package/fesm2022/rolatech-angular-authorization-role.service-Dj9w5oqG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-authorization-role.service-Dj9w5oqG.mjs","sources":["../tmp-esm2022/lib/services/role.service.js"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseService } from '@rolatech/angular-services';\nimport * as i0 from \"@angular/core\";\nexport class RoleService extends BaseService {\n    init() {\n        this.endpoint = 'auth/roles';\n        super.init();\n    }\n    updatePermissions(id, data) {\n        return this.http.put(`${this.actionUrl}/${id}/permissions`, data, {\n            withCredentials: true,\n        });\n    }\n    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: RoleService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });\n    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: RoleService, providedIn: 'root' });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: RoleService, decorators: [{\n            type: Injectable,\n            args: [{\n                    providedIn: 'root',\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sZS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci1hdXRob3JpemF0aW9uL3NyYy9saWIvc2VydmljZXMvcm9sZS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQU16RCxNQUFNLE9BQU8sV0FBWSxTQUFRLFdBQVc7SUFDakMsSUFBSTtRQUNYLElBQUksQ0FBQyxRQUFRLEdBQUcsWUFBWSxDQUFDO1FBQzdCLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNmLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxFQUFVLEVBQUUsSUFBUztRQUNyQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsSUFBSSxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUU7WUFDaEUsZUFBZSxFQUFFLElBQUk7U0FDdEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt1R0FUVSxXQUFXOzJHQUFYLFdBQVcsY0FGVixNQUFNOzsyRkFFUCxXQUFXO2tCQUh2QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJhc2VTZXJ2aWNlIH0gZnJvbSAnQHJvbGF0ZWNoL2FuZ3VsYXItc2VydmljZXMnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgUm9sZVNlcnZpY2UgZXh0ZW5kcyBCYXNlU2VydmljZSB7XG4gIG92ZXJyaWRlIGluaXQoKSB7XG4gICAgdGhpcy5lbmRwb2ludCA9ICdhdXRoL3JvbGVzJztcbiAgICBzdXBlci5pbml0KCk7XG4gIH1cbiAgdXBkYXRlUGVybWlzc2lvbnMoaWQ6IHN0cmluZywgZGF0YTogYW55KTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICByZXR1cm4gdGhpcy5odHRwLnB1dChgJHt0aGlzLmFjdGlvblVybH0vJHtpZH0vcGVybWlzc2lvbnNgLCBkYXRhLCB7XG4gICAgICB3aXRoQ3JlZGVudGlhbHM6IHRydWUsXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ=="],"names":[],"mappings":";;;;AAGO,MAAM,WAAW,SAAS,WAAW,CAAC;AAC7C,IAAI,IAAI,GAAG;AACX,QAAQ,IAAI,CAAC,QAAQ,GAAG,YAAY;AACpC,QAAQ,KAAK,CAAC,IAAI,EAAE;AACpB;AACA,IAAI,iBAAiB,CAAC,EAAE,EAAE,IAAI,EAAE;AAChC,QAAQ,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE;AAC1E,YAAY,eAAe,EAAE,IAAI;AACjC,SAAS,CAAC;AACV;AACA,IAAI,OAAO,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;AACxK,IAAI,OAAO,KAAK,GAAG,EAAE,CAAC,qBAAqB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AAC7I;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;AACrH,YAAY,IAAI,EAAE,UAAU;AAC5B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,UAAU,EAAE,MAAM;AACtC,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;;;"}

package/fesm2022/rolatech-angular-authorization-roles.routes-D5eERcED.mjs

@@ -0,0 +1,352 @@
+import * as i0 from '@angular/core';
+import { Component, inject, model, output, viewChild } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, FormBuilder } from '@angular/forms';
+import * as i3 from '@angular/material/snack-bar';
+import { R as RoleService } from './rolatech-angular-authorization-role.service-Dj9w5oqG.mjs';
+import { AngularCommonModule } from '@rolatech/angular-common';
+import { AngularComponentsModule, ToolbarComponent, BaseComponent, PanelComponent, PanelHeaderComponent, SpinnerComponent } from '@rolatech/angular-components';
+import * as i2 from '@angular/material/button';
+import * as i3$1 from '@angular/material/form-field';
+import * as i6 from '@angular/material/input';
+import { P as PermissionService } from './rolatech-angular-authorization-permission.service-BatXKCSF.mjs';
+import { groupBy, forEach, keys, values, map, find, assign, some } from 'lodash';
+import * as i3$2 from '@angular/material/checkbox';
+import * as i4 from '@angular/material/icon';
+import * as i7 from '@angular/material/paginator';
+import { MatPaginator } from '@angular/material/paginator';
+import * as i8 from '@angular/material/table';
+import { MatTableDataSource } from '@angular/material/table';
+import * as i1$1 from '@angular/router';
+import * as i6$1 from '@angular/material/menu';
+
+class CreateComponent {
+    roleService;
+    formBuilder;
+    snackBar;
+    fileName = '';
+    uploadProgress = 0;
+    file;
+    url = '';
+    roleCreateForm;
+    constructor(roleService, formBuilder, snackBar) {
+        this.roleService = roleService;
+        this.formBuilder = formBuilder;
+        this.snackBar = snackBar;
+    }
+    ngOnInit() {
+        this.roleCreateForm = this.formBuilder.group({
+            name: [null, Validators.required],
+            description: [null, Validators.required],
+        });
+    }
+    submit() {
+        if (!this.roleCreateForm.valid) {
+            return;
+        }
+        this.roleService.create(this.roleCreateForm.value).subscribe({
+            next: (res) => {
+                this.snackBar.open('Success');
+            },
+            error: (error) => {
+                this.snackBar.open(error.message);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CreateComponent, deps: [{ token: RoleService }, { token: i1.FormBuilder }, { token: i3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: CreateComponent, isStandalone: true, selector: "authorization-create", ngImport: i0, template: "<rolatech-toolbar title=\"Create Role\" link=\"../\"></rolatech-toolbar>\n<div class=\"p-4\">\n  <form [formGroup]=\"roleCreateForm\" (submit)=\"submit()\">\n    <div class=\"flex flex-col lg:w-1/2\">\n      <!-- name -->\n      <h2 class=\"mb-3\">Info</h2>\n      <mat-form-field appearance=\"fill\">\n        <mat-label> Name </mat-label>\n        <input matInput formControlName=\"name\" required />\n      </mat-form-field>\n      <mat-form-field appearance=\"fill\">\n        <mat-label> Description </mat-label>\n        <input matInput formControlName=\"description\" required />\n      </mat-form-field>\n    </div>\n    <button mat-flat-button type=\"submit\">Save</button>\n  </form>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CreateComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [AngularCommonModule, AngularComponentsModule, ToolbarComponent], selector: 'authorization-create', template: "<rolatech-toolbar title=\"Create Role\" link=\"../\"></rolatech-toolbar>\n<div class=\"p-4\">\n  <form [formGroup]=\"roleCreateForm\" (submit)=\"submit()\">\n    <div class=\"flex flex-col lg:w-1/2\">\n      <!-- name -->\n      <h2 class=\"mb-3\">Info</h2>\n      <mat-form-field appearance=\"fill\">\n        <mat-label> Name </mat-label>\n        <input matInput formControlName=\"name\" required />\n      </mat-form-field>\n      <mat-form-field appearance=\"fill\">\n        <mat-label> Description </mat-label>\n        <input matInput formControlName=\"description\" required />\n      </mat-form-field>\n    </div>\n    <button mat-flat-button type=\"submit\">Save</button>\n  </form>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: RoleService }, { type: i1.FormBuilder }, { type: i3.MatSnackBar }] });
+
+class RoleUpdateComponent {
+    formBuilder = inject(FormBuilder);
+    roleUpdateForm;
+    role = model();
+    output = output();
+    ngOnInit() {
+        this.roleUpdateForm = this.formBuilder.group({
+            name: [null, Validators.required],
+            description: [null, Validators.required],
+        });
+        if (this.role()) {
+            const { name, description } = this.role();
+            this.roleUpdateForm.setValue({
+                name,
+                description,
+            });
+        }
+    }
+    ngDoCheck() {
+        this.output.emit(this.roleUpdateForm.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: RoleUpdateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.3", type: RoleUpdateComponent, isStandalone: true, selector: "authorization-role-update", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { role: "roleChange", output: "output" }, ngImport: i0, template: "<div>\n  <form [formGroup]=\"roleUpdateForm\">\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Name </mat-label>\n      <input matInput formControlName=\"name\" required />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Description </mat-label>\n      <input matInput formControlName=\"description\" required />\n    </mat-form-field>\n  </form>\n</div>\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: RoleUpdateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'authorization-role-update', imports: [AngularCommonModule, AngularComponentsModule], template: "<div>\n  <form [formGroup]=\"roleUpdateForm\">\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Name </mat-label>\n      <input matInput formControlName=\"name\" required />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Description </mat-label>\n      <input matInput formControlName=\"description\" required />\n    </mat-form-field>\n  </form>\n</div>\n", styles: ["mat-form-field{width:100%}\n"] }]
+        }] });
+
+class DetailsComponent extends BaseComponent {
+    roleService = inject(RoleService);
+    permissionservice = inject(PermissionService);
+    permissions = [];
+    rolePermissions = [];
+    allComplete = false;
+    isLoading = false;
+    formattedPermissions = [];
+    role;
+    detail;
+    ngOnInit() {
+        this.findById(this.id);
+    }
+    findAllPermissions() {
+        this.isLoading = true;
+        this.permissionservice.find({ limit: 600 }).subscribe({
+            next: (res) => {
+                this.permissions = res.data;
+                const tmp = groupBy(this.permissions, 'resource');
+                forEach(keys(tmp), (item) => {
+                    this.formattedPermissions.push({
+                        name: item,
+                        completed: false,
+                        values: values(tmp[item]),
+                    });
+                });
+                // this.isLoading = false;
+            },
+            complete: () => {
+                this.initRoleFormat();
+            },
+            error: (error) => {
+                this.isLoading = false;
+                this.snackBarService.open(error.message);
+            },
+        });
+    }
+    findById(id) {
+        this.roleService.get(id, {}).subscribe({
+            next: (res) => {
+                this.role = res.data;
+                this.rolePermissions = res.data.permissions;
+                this.findAllPermissions();
+            },
+            error: (error) => {
+                this.snackBarService.open(error.message);
+            },
+            complete: () => { },
+        });
+    }
+    update() {
+        const options = {
+            title: 'Update role',
+            cancelText: 'Cancel',
+            confirmText: 'Confirm',
+            component: RoleUpdateComponent,
+            data: {
+                role: this.role,
+            },
+        };
+        this.dialogService.open(options);
+        this.dialogService.confirmed().subscribe({
+            next: (result) => {
+                if (result) {
+                    this.roleService.update(this.role.id, result).subscribe({
+                        next: (res) => {
+                            this.role = res.data;
+                            this.snackBarService.open('Update successfully');
+                        },
+                        error: (error) => {
+                            this.snackBarService.open(error.message);
+                        },
+                    });
+                }
+            },
+        });
+    }
+    save() {
+        const results = [];
+        this.formattedPermissions.forEach((item) => {
+            forEach(item.values, (v) => {
+                if (v.completed) {
+                    results.push({ id: v.id });
+                }
+            });
+        });
+        this.roleService.updatePermissions(this.id, { permissions: results }).subscribe((res) => {
+            this.snackBarService.open('Update successfully');
+        });
+    }
+    initRoleFormat() {
+        if (this.rolePermissions) {
+            this.rolePermissions.forEach((p) => {
+                map(this.formattedPermissions, (item) => {
+                    const a = find(item.values, (v) => v.id === p.id);
+                    if (a) {
+                        assign(a, { completed: true });
+                    }
+                    // this.someComplete(item);
+                    return a;
+                });
+            });
+            this.formattedPermissions.forEach((item) => {
+                item.completed = some(item.values, (t) => !t.completed) ? false : true;
+            });
+            this.isLoading = false;
+        }
+    }
+    updateAllComplete(item) {
+        item.completed = item.values != null && item.values.every((t) => t.completed);
+    }
+    someComplete(item) {
+        if (item.values == null || item.values === '') {
+            return false;
+        }
+        return item.values.filter((t) => t.completed).length > 0 && !item.completed;
+    }
+    setAll(item, completed) {
+        item.completed = completed;
+        if (item.values == null) {
+            return;
+        }
+        item.values.forEach((t) => (t.completed = completed));
+    }
+    onMouseover(item) {
+        this.detail = item;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: DetailsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: DetailsComponent, isStandalone: true, selector: "authorization-details", usesInheritance: true, ngImport: i0, template: "<rolatech-toolbar [title]=\"role.name + ' Management'\">\n  <button mat-icon-button (click)=\"update()\">\n    <mat-icon>edit</mat-icon>\n  </button>\n  <button mat-icon-button (click)=\"save()\">\n    <mat-icon>save</mat-icon>\n  </button>\n</rolatech-toolbar>\n<div class=\"flex flex-row\">\n  <div class=\"p-3 w-1/3 h-[calc(100vh-128px)] overflow-scroll\">\n    @for (item of formattedPermissions; track item) {\n      <div class=\"p-1\">\n        <rolatech-panel>\n          <rolatech-panel-header>\n            <div class=\"px-2\">\n              <mat-checkbox\n                class=\"text-lg font-medium\"\n                [checked]=\"item.completed\"\n                [indeterminate]=\"someComplete(item)\"\n                (click)=\"$event.stopPropagation()\"\n                (change)=\"setAll(item, $event.checked)\"\n              >\n                {{ item.name }}\n              </mat-checkbox>\n            </div>\n          </rolatech-panel-header>\n          <div class=\"pl-6\">\n            <div>\n              @for (sub of item.values; track sub) {\n                <div class=\"p-2 flex justify-between hover:bg-[--rt-raised-background]\" (mouseover)=\"onMouseover(sub)\">\n                  <div class=\"pb-3\">\n                    <mat-checkbox [(ngModel)]=\"sub.completed\" (ngModelChange)=\"updateAllComplete(item)\">\n                      {{ sub.name }}\n                    </mat-checkbox>\n                    <div class=\"pl-6 text-[--rt-text-secondary]\">\n                      {{ sub.description }}\n                    </div>\n                  </div>\n                  <!-- <div>\n                  <mat-icon>info</mat-icon>\n                </div> -->\n                </div>\n              }\n            </div>\n          </div>\n        </rolatech-panel>\n      </div>\n    }\n  </div>\n  <div class=\"p-3\">\n    <div>{{ detail?.name }}</div>\n    <div>{{ detail?.description }}</div>\n    <div>{{ detail?.code }}</div>\n    <div>{{ detail?.pattern }}</div>\n    <div>{{ detail?.method }}</div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "component", type: PanelComponent, selector: "rolatech-panel", inputs: ["border", "divider", "expanded", "title", "subtitle"], outputs: ["expandedChange"] }, { kind: "component", type: PanelHeaderComponent, selector: "rolatech-panel-header" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: DetailsComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [AngularCommonModule, AngularComponentsModule, ToolbarComponent, PanelComponent, PanelHeaderComponent], selector: 'authorization-details', template: "<rolatech-toolbar [title]=\"role.name + ' Management'\">\n  <button mat-icon-button (click)=\"update()\">\n    <mat-icon>edit</mat-icon>\n  </button>\n  <button mat-icon-button (click)=\"save()\">\n    <mat-icon>save</mat-icon>\n  </button>\n</rolatech-toolbar>\n<div class=\"flex flex-row\">\n  <div class=\"p-3 w-1/3 h-[calc(100vh-128px)] overflow-scroll\">\n    @for (item of formattedPermissions; track item) {\n      <div class=\"p-1\">\n        <rolatech-panel>\n          <rolatech-panel-header>\n            <div class=\"px-2\">\n              <mat-checkbox\n                class=\"text-lg font-medium\"\n                [checked]=\"item.completed\"\n                [indeterminate]=\"someComplete(item)\"\n                (click)=\"$event.stopPropagation()\"\n                (change)=\"setAll(item, $event.checked)\"\n              >\n                {{ item.name }}\n              </mat-checkbox>\n            </div>\n          </rolatech-panel-header>\n          <div class=\"pl-6\">\n            <div>\n              @for (sub of item.values; track sub) {\n                <div class=\"p-2 flex justify-between hover:bg-[--rt-raised-background]\" (mouseover)=\"onMouseover(sub)\">\n                  <div class=\"pb-3\">\n                    <mat-checkbox [(ngModel)]=\"sub.completed\" (ngModelChange)=\"updateAllComplete(item)\">\n                      {{ sub.name }}\n                    </mat-checkbox>\n                    <div class=\"pl-6 text-[--rt-text-secondary]\">\n                      {{ sub.description }}\n                    </div>\n                  </div>\n                  <!-- <div>\n                  <mat-icon>info</mat-icon>\n                </div> -->\n                </div>\n              }\n            </div>\n          </div>\n        </rolatech-panel>\n      </div>\n    }\n  </div>\n  <div class=\"p-3\">\n    <div>{{ detail?.name }}</div>\n    <div>{{ detail?.description }}</div>\n    <div>{{ detail?.code }}</div>\n    <div>{{ detail?.pattern }}</div>\n    <div>{{ detail?.method }}</div>\n  </div>\n</div>\n" }]
+        }] });
+
+class IndexComponent extends BaseComponent {
+    pageEvent;
+    isLoading = false;
+    isSearch = false;
+    length = 100;
+    pageSize = 15;
+    pageSizeOptions = [5, 10, 25, 100];
+    roles = [];
+    displayedColumns = ['name', 'description', 'actions'];
+    paginator = viewChild(MatPaginator);
+    orderOptions = [
+        {
+            key: 'createdAt',
+            value: 'Created At',
+            icon: 'arrow_upward',
+            sort: 'asc',
+        },
+        {
+            key: 'createdAt',
+            value: 'Created At',
+            icon: 'arrow_downward',
+            sort: 'desc',
+        },
+    ];
+    orderString = 'createdAt desc';
+    dataSource = new MatTableDataSource();
+    searchWord;
+    roleService = inject(RoleService);
+    ngOnInit() {
+        this.findAll(null);
+    }
+    onClick(item) {
+        this.orderString = item.key + ' ' + item.sort;
+        this.paginator()?.firstPage();
+        this.findAll(null);
+    }
+    findAll(event) {
+        this.isLoading = true;
+        this.isSearch = false;
+        const page = event ? event.pageIndex + 1 : 1;
+        const limit = event ? event.pageSize : 15;
+        const sort = this.orderString;
+        const options = {
+            page,
+            limit,
+            sort,
+        };
+        this.roleService.find(options).subscribe({
+            next: (res) => {
+                this.roles = res.data;
+                this.dataSource.data = this.roles;
+                this.length = res.meta.pagination.count;
+                this.isLoading = false;
+            },
+            error: (error) => {
+                this.isLoading = false;
+                this.snackBarService.open(error.message);
+            },
+        });
+    }
+    search(e) {
+        this.isLoading = true;
+        const word = e.target.value;
+        const options = {
+            filter: `name:${word}`,
+        };
+        this.roleService.find(options).subscribe({
+            next: (res) => {
+                this.roles = res.data;
+                this.dataSource.data = this.roles;
+                this.length = res.meta.pagination.count;
+                this.isLoading = false;
+            },
+            error: (error) => {
+                this.isLoading = false;
+                this.snackBarService.open(error.message);
+            },
+        });
+    }
+    delete(item, index) {
+        const data = {
+            title: '删除确认',
+            message: '确定删除选中角色吗',
+        };
+        this.dialogService.open(data);
+        this.dialogService.confirmed().subscribe((confirmed) => {
+            if (confirmed) {
+                this.roleService.delete(item.id).subscribe({
+                    next: (res) => {
+                        this.snackBarService.open('Delete successfully');
+                        this.roles.splice(index, 1);
+                        this.dataSource.data = this.roles;
+                    },
+                    error: (error) => {
+                        this.snackBarService.open(error.message);
+                    },
+                });
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: IndexComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: IndexComponent, isStandalone: true, selector: "authorization-index", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<rolatech-toolbar title=\"Roles\">\n  <button mat-icon-button routerLink=\"./create\">\n    <mat-icon>add</mat-icon>\n  </button>\n  <button mat-icon-button (click)=\"isSearch = true\">\n    <mat-icon>search</mat-icon>\n  </button>\n  <button mat-icon-button [matMenuTriggerFor]=\"beforeMenu\">\n    <mat-icon>reorder</mat-icon>\n  </button>\n  <mat-menu #beforeMenu=\"matMenu\" xPosition=\"before\">\n    @for (item of orderOptions; track item) {\n      <button mat-menu-item (click)=\"onClick(item)\">\n        <span>{{ item.value }}</span>\n        <mat-icon>{{ item.icon }}</mat-icon>\n      </button>\n    }\n  </mat-menu>\n</rolatech-toolbar>\n@if (isSearch) {\n  <mat-form-field floatLabel=\"auto\">\n    <input type=\"text\" matInput placeholder=\"Name\" (keyup.enter)=\"search($event)\" />\n    <button matSuffix mat-icon-button (click)=\"findAll(null); isSearch = false\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n}\n<div class=\"py-3\">\n  <rolatech-spinner></rolatech-spinner>\n  <table mat-table [dataSource]=\"dataSource\">\n    <!-- name Column -->\n    <ng-container matColumnDef=\"name\">\n      <th mat-header-cell *matHeaderCellDef>Name</th>\n      <td mat-cell *matCellDef=\"let item\">{{ item.name }}</td>\n    </ng-container>\n\n    <!-- description Column -->\n    <ng-container matColumnDef=\"description\">\n      <th mat-header-cell *matHeaderCellDef>Description</th>\n      <td mat-cell *matCellDef=\"let item\">{{ item.description }}</td>\n    </ng-container>\n\n    <!-- actions Column -->\n    <ng-container matColumnDef=\"actions\" stickyEnd>\n      <th mat-header-cell *matHeaderCellDef class=\"actions\"></th>\n      <td mat-cell *matCellDef=\"let item\" class=\"actions\">\n        <mat-icon>navigate_next</mat-icon>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: displayedColumns\"\n      class=\"cursor-pointer hover:bg-[--rt-raised-background]\"\n      [routerLink]=\"['./', row.id]\"\n    ></tr>\n  </table>\n</div>\n<mat-paginator\n  #paginator\n  [length]=\"length\"\n  [pageSize]=\"pageSize\"\n  [pageSizeOptions]=\"pageSizeOptions\"\n  (page)=\"pageEvent = findAll($event)\"\n  hidePageSize\n  showFirstLastButtons\n>\n</mat-paginator>\n", styles: ["mat-form-field{width:100%}table{width:100%}td.mat-column-actions{text-align:right;min-width:80px;font-size:.8rem;padding:0 28px}.mat-mdc-header-cell.actions{text-align:right;max-width:120px;width:120px;padding:0 28px}mat-cell:last-of-type,mat-header-cell:last-of-type,mat-footer-cell:last-of-type{text-align:right;padding-right:8px!important}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: SpinnerComponent, selector: "rolatech-spinner", inputs: ["title"] }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: IndexComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [AngularCommonModule, AngularComponentsModule, SpinnerComponent, ToolbarComponent], selector: 'authorization-index', template: "<rolatech-toolbar title=\"Roles\">\n  <button mat-icon-button routerLink=\"./create\">\n    <mat-icon>add</mat-icon>\n  </button>\n  <button mat-icon-button (click)=\"isSearch = true\">\n    <mat-icon>search</mat-icon>\n  </button>\n  <button mat-icon-button [matMenuTriggerFor]=\"beforeMenu\">\n    <mat-icon>reorder</mat-icon>\n  </button>\n  <mat-menu #beforeMenu=\"matMenu\" xPosition=\"before\">\n    @for (item of orderOptions; track item) {\n      <button mat-menu-item (click)=\"onClick(item)\">\n        <span>{{ item.value }}</span>\n        <mat-icon>{{ item.icon }}</mat-icon>\n      </button>\n    }\n  </mat-menu>\n</rolatech-toolbar>\n@if (isSearch) {\n  <mat-form-field floatLabel=\"auto\">\n    <input type=\"text\" matInput placeholder=\"Name\" (keyup.enter)=\"search($event)\" />\n    <button matSuffix mat-icon-button (click)=\"findAll(null); isSearch = false\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n}\n<div class=\"py-3\">\n  <rolatech-spinner></rolatech-spinner>\n  <table mat-table [dataSource]=\"dataSource\">\n    <!-- name Column -->\n    <ng-container matColumnDef=\"name\">\n      <th mat-header-cell *matHeaderCellDef>Name</th>\n      <td mat-cell *matCellDef=\"let item\">{{ item.name }}</td>\n    </ng-container>\n\n    <!-- description Column -->\n    <ng-container matColumnDef=\"description\">\n      <th mat-header-cell *matHeaderCellDef>Description</th>\n      <td mat-cell *matCellDef=\"let item\">{{ item.description }}</td>\n    </ng-container>\n\n    <!-- actions Column -->\n    <ng-container matColumnDef=\"actions\" stickyEnd>\n      <th mat-header-cell *matHeaderCellDef class=\"actions\"></th>\n      <td mat-cell *matCellDef=\"let item\" class=\"actions\">\n        <mat-icon>navigate_next</mat-icon>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: displayedColumns\"\n      class=\"cursor-pointer hover:bg-[--rt-raised-background]\"\n      [routerLink]=\"['./', row.id]\"\n    ></tr>\n  </table>\n</div>\n<mat-paginator\n  #paginator\n  [length]=\"length\"\n  [pageSize]=\"pageSize\"\n  [pageSizeOptions]=\"pageSizeOptions\"\n  (page)=\"pageEvent = findAll($event)\"\n  hidePageSize\n  showFirstLastButtons\n>\n</mat-paginator>\n", styles: ["mat-form-field{width:100%}table{width:100%}td.mat-column-actions{text-align:right;min-width:80px;font-size:.8rem;padding:0 28px}.mat-mdc-header-cell.actions{text-align:right;max-width:120px;width:120px;padding:0 28px}mat-cell:last-of-type,mat-header-cell:last-of-type,mat-footer-cell:last-of-type{text-align:right;padding-right:8px!important}\n"] }]
+        }] });
+
+const routes = [
+    {
+        path: '',
+        component: IndexComponent,
+    },
+    {
+        path: 'create',
+        component: CreateComponent,
+    },
+    {
+        path: ':id',
+        component: DetailsComponent,
+    },
+];
+
+export { routes as default };
+//# sourceMappingURL=rolatech-angular-authorization-roles.routes-D5eERcED.mjs.map