# extractUIInteractionsFromFile

**Kind:** Function

**Source:** [`atloria-monorepo/libs/parser-core/src/utils/ui-interaction-detector.ts`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/libs/parser-core/src/utils/ui-interaction-detector.ts#L375)

Extract UI interactions from Angular component template file

Reads the .html template file associated with an Angular component
and extracts all interactive elements.

## Signature

```ts
function extractUIInteractionsFromFile(templatePath: string, stateMachines: StateMachine[], componentName: string): UIInteraction[]
```

## Parameters

| Name | Type |
|---|---|
| `templatePath` | `string` |
| `stateMachines` | `StateMachine[]` |
| `componentName` | `string` |

**Returns:** `UIInteraction[]`