# certara-idle



<!-- Auto Generated Below -->


## Properties

| Property            | Attribute            | Description                                                                | Type      | Default                      |
| ------------------- | -------------------- | -------------------------------------------------------------------------- | --------- | ---------------------------- |
| `disabled`          | `disabled`           | If true, the idle component will be enabled                                | `boolean` | `false`                      |
| `heartbeatInterval` | `heartbeat-interval` | The number of seconds to wait before the certaraHeartbeat event is emitted | `number`  | `DEFAULT_HEARTBEAT_INTERVAL` |


## Events

| Event              | Description                                            | Type                                  |
| ------------------ | ------------------------------------------------------ | ------------------------------------- |
| `certaraHeartbeat` | Event emitted each time the heartbeat interval elapses | `CustomEvent<{ isActive: boolean; }>` |


## Methods

### `setActive() => Promise<void>`



#### Returns

Type: `Promise<void>`



### `setInactive() => Promise<void>`



#### Returns

Type: `Promise<void>`




## Slots

| Slot              | Description                         |
| ----------------- | ----------------------------------- |
| `"alert-body"`    | The body to display in the modal    |
| `"alert-heading"` | The heading to display in the modal |


## Dependencies

### Depends on

- [certara-alert](../alert)
- [certara-modal](../modal)
- [certara-icon](../icon)

### Graph
```mermaid
graph TD;
  certara-idle --> certara-alert
  certara-idle --> certara-modal
  certara-idle --> certara-icon
  certara-alert --> certara-close-button
  certara-modal --> certara-close-button
  style certara-idle fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------