# RolesComponent

**Kind:** Component

**Source:** `Frontend/src/app/components/security/roles/roles.component.ts` (line 1)

**Part of:** [Frontend](subsystem-frontend-src-app)

## Diagram

```mermaid
graph TD
    component_RolesComponent_1df56abf["RolesComponent"]
    class component_RolesComponent_1df56abf rootComponent
```

## Relationships

- IMPORTS → `AppService`
- IMPORTS → `RoleService`
- IMPORTS → `PermissionService`
- IMPORTS → `RolePermissionService`
- IMPORTS → `Role`
- IMPORTS → `Person`
- IMPORTS → `Page`
- IMPORTS → `SecurityAccessType`
- IMPORTS → `Permission`
- IMPORTS → `PermissionDisplay`
- IMPORTS → `RolePermission`
- IMPORTS → `AuthService`
- IMPORTS → `ListOfNewResponse`
- IMPORTS → `AppSettings`
- IMPORTS → `SubscriptionPackagesEnum`
- IMPORTS → `PersonService`
- IMPORTS → `JobListLayoutService`
- IMPORTS → `JobListLayout`
- IMPORTS → `DefaultJobListLayout`
- IMPORTS → `AlertsService`
- IMPORTS → `RightButtonsComponent`
- IMPORTS → `SharedPopupComponent`

## Used by

2 references from 2 files. Each is a place in this repository where the symbol is actually used — go read one rather than trusting an example.

### Imported by (2)

- `SecurityRoutingModule` — `Frontend/src/app/components/security/security-routing.module.ts`:1
- `SecurityModule` — `Frontend/src/app/components/security/security.module.ts`:1