npm package: @forter/dashboard
Description: dashboard from Forter Components
Author: Forter Developers
Latest version: 2.26.5

# fc-dashboard

An element by Forter
<!-- Author: Omer Anati <omer.anati@forter.com> -->

## Usage

```html
<script>
   import '@forter/dashboard';
</script>

<fc-dashboard>
</fc-dashboard>
```

## Properties

| Property                    | Attribute                   | Type                                             | Default | Description                                      |
|-----------------------------|-----------------------------|--------------------------------------------------|---------|--------------------------------------------------|
| `accessControl`             | `accessControl`             | `{}`                                             | {}      |                                                  |
| `canEditDashboard`          |                             | `TemplateResult`                                 |         |                                                  |
| `config`                    | `config`                    | `{}`                                             | {}      |                                                  |
| `dataPointsDefs`            | `dataPointsDefs`            | `{}`                                             | {}      |                                                  |
| `fetching`                  | `fetching`                  | `boolean`                                        | false   |                                                  |
| `getLoadingSection`         |                             | `(pairs: any, isWidgetTypeExists: boolean) => any` |         | For sections with only KPIs (and no widgets) we shouldn't display widgets loading section. |
| `hasEditModePrivilege`      | `hasEditModePrivilege`      | `boolean`                                        | false   |                                                  |
| `isWidgetEditModeTriggered` | `isWidgetEditModeTriggered` | `boolean`                                        | false   |                                                  |
| `label`                     |                             | `"" \| TemplateResult`                           |         |                                                  |
| `loading`                   | `loading`                   | `boolean`                                        | false   |                                                  |
| `selectedWidgetId`          | `selectedWidgetId`          | `string`                                         |         |                                                  |
| `widgetEditModeType`        | `widgetEditModeType`        | `string`                                         | false   |                                                  |

## Events

| Event                           |
|---------------------------------|
| `add-new-widget-click`          |
| `edit-widget-title`             |
| `select-widget-click`           |
| `switch-to-widget-editor-click` |

## CSS Custom Properties

| Property                        | Description                     |
|---------------------------------|---------------------------------|
| `--fc-dashboard-disabled-color` | disabled color. example: `gray` |