# gd-user-dashboard-export-dialog



<!-- Auto Generated Below -->


## Properties

| Property         | Attribute          | Description                                                                                                             | Type       | Default |
| ---------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------- | ---------- | ------- |
| `canShareAsUrl`  | `can-share-as-url` | if the share as url functionality should be available or not                                                            | `boolean`  | `true`  |
| `historyItemIds` | --                 | the history items to export                                                                                             | `string[]` | `[]`    |
| `show`           | `show`             | when to show the dialog                                                                                                 | `boolean`  | `false` |
| `showExportForm` | `show-export-form` | if the user is allowed to share as url (canShareAsUrl), this is used to determine when to show the download export form | `boolean`  | `false` |


## Events

| Event    | Description                                                      | Type                                                                 |
| -------- | ---------------------------------------------------------------- | -------------------------------------------------------------------- |
| `closed` | event emitted when the dialog is closed                          | `CustomEvent<void>`                                                  |
| `export` | event emitted to export items                                    | `CustomEvent<{ options: ExportOptions; historyItemIds: string[]; }>` |
| `share`  | event emitted when user chooses to share items instead of export | `CustomEvent<void>`                                                  |


## Dependencies

### Used by

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

### Depends on

- bs-modal
- bs-modal-header
- bs-modal-body
- bs-button
- bs-form-row
- bs-form-group
- bs-form-label
- bs-form-control
- bs-modal-footer
- bs-spinner

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

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

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