@rolatech/angular-authorization 20.0.0-beta.4 → 20.0.0-beta.6

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

@@ -1,352 +0,0 @@
-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