## class: `WyMessageTyping`, `wy-message-typing`

Displays typing indicator for messages in a conversation.

**Used sub components:**

*   [`<wy-avatar-group>`](./ui/wy-avatar)
*   [`<wy-avatar>`](./ui/wy-avatar)

### Fields

| Name             | Type                  | Default | Description                                            | Inherited From |
| ---------------- | --------------------- | ------- | ------------------------------------------------------ | -------------- |
| `conversationId` | `number \| undefined` |         | Conversation id to bind typing updates to.             |                |
| `userId`         | `number \| undefined` |         | Current user id used to filter typing updates.         |                |
| `isPrivateChat`  | `boolean`             | `false` | Render the typing indicator using private chat layout. |                |
| `members`        | `MemberType[]`        | `[]`    | Members participating in the conversation.             |                |

### Events

| Name     | Type              | Description                        | Inherited From |
| -------- | ----------------- | ---------------------------------- | -------------- |
| `typing` | `TypingEventType` | Emitted when typing state changes. |                |

### Attributes

| Name             | Field          | Inherited From |
| ---------------- | -------------- | -------------- |
| `conversationId` | conversationId |                |
| `userId`         | userId         |                |
| `isPrivateChat`  | isPrivateChat  |                |

### CSS Parts

| Name                    | Description                                                         |
| ----------------------- | ------------------------------------------------------------------- |
| `wy-message-typing`     | Root container for typing indicator.                                |
| `wy-message`            | Message container.                                                  |
| `wy-message-agent`      | Modifier for message container when author is agent .               |
| `wy-message-author`     | Message section for the author avatar.                              |
| `wy-message-content`    | Message section for the content.                                    |
| `wy-message-meta`       | Message content section for author names and time.                  |
| `wy-message-bubble`     | Message content section for the text bubble containing the bouncer. |
| `wy-bouncer`            | SVG bouncing graphic.                                               |
| `wy-bouncer-dot`        | Dot in the SVG bouncer.                                             |
| `wy-bouncer-dot-start`  | The first dot.                                                      |
| `wy-bouncer-dot-middle` | The second dot.                                                     |
| `wy-bouncer-dot-end`    | The last dot.                                                       |

<hr/>

## Exports

| Kind                        | Name                | Declaration     | Module                              | Package |
| --------------------------- | ------------------- | --------------- | ----------------------------------- | ------- |
| `js`                        | `WyMessageTyping`   | WyMessageTyping | lib/components/wy-message-typing.ts |         |
| `custom-element-definition` | `wy-message-typing` | WyMessageTyping | lib/components/wy-message-typing.ts |         |
