# gd-user-dashboard-share-dialog



<!-- Auto Generated Below -->


## Properties

| Property         | Attribute | Description                | Type       | Default |
| ---------------- | --------- | -------------------------- | ---------- | ------- |
| `historyItemIds` | --        | the history items to share | `string[]` | `[]`    |
| `show`           | `show`    | when to show the dialog    | `boolean`  | `false` |


## Events

| Event    | Description                             | Type                                                                                                   |
| -------- | --------------------------------------- | ------------------------------------------------------------------------------------------------------ |
| `closed` | event emitted when the dialog is closed | `CustomEvent<void>`                                                                                    |
| `share`  | event emitted to share items            | `CustomEvent<{ options: ShareOptions; historyItemIds: string[]; generateShareUrl: Promise<string>; }>` |


## Dependencies

### Used by

 - [gd-user-dashboard](../gd-user-dashboard)

### Depends on

- [bs-modal](../bs-modal)
- [bs-modal-header](../bs-modal-header)
- [bs-modal-body](../bs-modal-body)
- [bs-form-row](../bs-form-row)
- [bs-form-group](../bs-form-group)
- [bs-form-label](../bs-form-label)
- [bs-form-control](../bs-form-control)
- [bs-modal-footer](../bs-modal-footer)
- [bs-button](../bs-button)
- [bs-spinner](../bs-spinner)

### Graph
```mermaid
graph TD;
  gd-user-dashboard-share-dialog --> bs-modal
  gd-user-dashboard-share-dialog --> bs-modal-header
  gd-user-dashboard-share-dialog --> bs-modal-body
  gd-user-dashboard-share-dialog --> bs-form-row
  gd-user-dashboard-share-dialog --> bs-form-group
  gd-user-dashboard-share-dialog --> bs-form-label
  gd-user-dashboard-share-dialog --> bs-form-control
  gd-user-dashboard-share-dialog --> bs-modal-footer
  gd-user-dashboard-share-dialog --> bs-button
  gd-user-dashboard-share-dialog --> bs-spinner
  bs-modal --> bs-modal-dialog
  bs-button --> bs-icon
  gd-user-dashboard --> gd-user-dashboard-share-dialog
  style gd-user-dashboard-share-dialog fill:#f9f,stroke:#333,stroke-width:4px
```

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

*Built with [StencilJS](https://stenciljs.com/)*
