# RecursiveTreeFolderComponent

**Kind:** Class

**Source:** `Pams/Web/Pams.Web/Client/app/components/files/recursive-tree-folder/recursive-tree-folder.component.ts` (line 14)

**Part of:** [Pams](subsystem-pams)

`RecursiveTreeFolderComponent` is an Angular component for representing a folder within a recursive file-tree view. It coordinates folder selection, expansion handling, and initialization through `folderClickedHandler`, `folderExpendedHandler`, `ngOnInit`, and `onInitialized`.

**Implements:** `OnInit`

## Methods

| Method | Signature | Returns |
|---|---|---|
| `ngOnInit` | `ngOnInit()` | `void` |
| `folderClickedHandler` | `folderClickedHandler(data: DataEmitted)` | `void` |
| `folderExpendedHandler` | `folderExpendedHandler(folder: OneDriveFilesList, levelIndex: number)` | `void` |
| `onInitialized` | `onInitialized(e: undefined)` | `void` |

## Properties

| Property | Type |
|---|---|
| `folderItems` | `OneDriveFilesList[]` |
| `levelIndex` | `number` |
| `folderClicked` | `any` |
| `folderExpanded` | `any` |
| `selectedFolderId` | `string` |
| `subscription` | `Subscription` |
| `updateTopContent` | `any` |
| `updateBottomContent` | `any` |
| `updateContentTimer` | `any` |
| `updateContent` | `any` |

## Diagram

```mermaid
graph LR
    Parent[Parent File Tree] --> Folder[RecursiveTreeFolderComponent]
    Folder --> Init[ngOnInit]
    Init --> Ready[onInitialized]
    UserClick[Folder Click] --> ClickHandler[folderClickedHandler]
    UserExpand[Folder Expand/Collapse] --> ExpandHandler[folderExpendedHandler]
    ClickHandler --> Folder
    ExpandHandler --> Folder
```

## Usage

```typescript
import { Component, ViewChild } from '@angular/core';
import { RecursiveTreeFolderComponent } from './components/files/recursive-tree-folder/recursive-tree-folder.component';

@Component({
  selector: 'app-file-browser',
  template: `
    <app-recursive-tree-folder></app-recursive-tree-folder>
  `
})
export class FileBrowserComponent {
  @ViewChild(RecursiveTreeFolderComponent)
  folderComponent?: RecursiveTreeFolderComponent;

  refreshFolderTree(): void {
    this.folderComponent?.onInitialized();
  }
}
```

## AI Coding Instructions

- Keep folder click behavior inside `folderClickedHandler` so selection logic remains in the folder component.
- Handle folder expansion and collapse through `folderExpendedHandler`; preserve the existing method name when updating callers.
- Do not call `ngOnInit` directly from application code; Angular invokes it during component initialization.
- Use `onInitialized` for work that depends on the component being ready after initialization.

## Used by

1 reference from 1 file. Each is a place in this repository where the symbol is actually used — go read one rather than trusting an example.

### Imported by (1)

- `TranslateHandler` — `Pams/Web/Pams.Web/Client/app/app.module.ts`:1