# gd-user-dashboard-import-datalist-dialog



<!-- Auto Generated Below -->


## Properties

| Property   | Attribute | Description                               | Type                                                                 | Default     |
| ---------- | --------- | ----------------------------------------- | -------------------------------------------------------------------- | ----------- |
| `datalist` | --        | the datalist to import history items from | `{ description: string; url: string; historyItems: HistoryItem[]; }` | `undefined` |
| `show`     | `show`    | when to show the dialog                   | `boolean`                                                            | `false`     |


## Events

| Event    | Description                             | Type                         |
| -------- | --------------------------------------- | ---------------------------- |
| `closed` | event emitted when the dialog is closed | `CustomEvent<void>`          |
| `import` | event emitted to import items           | `CustomEvent<HistoryItem[]>` |


## 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-list-group](../bs-list-group)
- [bs-list-group-item](../bs-list-group-item)
- [bs-modal-footer](../bs-modal-footer)
- [bs-button](../bs-button)
- [bs-spinner](../bs-spinner)

### Graph
```mermaid
graph TD;
  gd-user-dashboard-import-datalist-dialog --> bs-modal
  gd-user-dashboard-import-datalist-dialog --> bs-modal-header
  gd-user-dashboard-import-datalist-dialog --> bs-modal-body
  gd-user-dashboard-import-datalist-dialog --> bs-list-group
  gd-user-dashboard-import-datalist-dialog --> bs-list-group-item
  gd-user-dashboard-import-datalist-dialog --> bs-modal-footer
  gd-user-dashboard-import-datalist-dialog --> bs-button
  gd-user-dashboard-import-datalist-dialog --> bs-spinner
  bs-modal --> bs-modal-dialog
  bs-button --> bs-icon
  gd-user-dashboard --> gd-user-dashboard-import-datalist-dialog
  style gd-user-dashboard-import-datalist-dialog fill:#f9f,stroke:#333,stroke-width:4px
```

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

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