# FilesComponent

**Kind:** Component

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

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

## Diagram

```mermaid
graph TD
    component_FilesComponent_7347cef8["FilesComponent"]
    class component_FilesComponent_7347cef8 rootComponent
```

## Relationships

- IMPORTS → `SharedPopupComponent`
- IMPORTS → `File`
- IMPORTS → `GeneralListView`
- IMPORTS → `FilesRoles`
- IMPORTS → `Tag`
- IMPORTS → `RelatedToTypes`
- IMPORTS → `Comment`
- IMPORTS → `FilesService`
- IMPORTS → `LoadPanalService`
- IMPORTS → `AppSettings`
- IMPORTS → `SubscriptionPackagesEnum`
- IMPORTS → `AlertsService`
- IMPORTS → `AuthService`

## Used by

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

### Imported by (22)

- `AppRoutingModule` — `Frontend/src/app/app-routing.module.ts`:1
- `MrqDetailsComponent` — `Frontend/src/app/components/MRQ/mrq-details/mrq-details.component.ts`:1
- `BillOfMaterialsDetailsComponent` — `Frontend/src/app/components/bill-of-materials/bill-of-materials-details/bill-of-materials-details.component.ts`:1
- `ProductsDetailsComponent` — `Frontend/src/app/components/configuration/products/products-details/products-details.component.ts`:1
- `NewActivityComponent` — `Frontend/src/app/components/dashboard/my-desk/activities/new-activity/new-activity.component.ts`:1
- `TopicComponent` — `Frontend/src/app/components/dashboard/my-desk/activities/topic/topic.component.ts`:1
- `NewTasksComponent` — `Frontend/src/app/components/dashboard/my-desk/tasks/new-tasks/new-tasks.component.ts`:1
- `InvoiceDetailsComponent` — `Frontend/src/app/components/invoices/invoice-details/invoice-details.component.ts`:1

…and 14 more.