@arcgis/charts-components 4.33.0-next.112 → 4.33.0-next.117

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-05-06T04:57:00",
+  "timestamp": "2025-05-07T16:32:26",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.112",
+    "version": "4.33.0-next.117",
     "typescriptVersion": "5.6.3"
   },
   "schemaVersion": "1.0.0",
@@ -23,8 +23,68 @@
               "url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-chart/"
             },
             {
-              "description": "Demo",
-              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--demo&singleStory=true"
+              "description": "Bar Chart",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-chart&singleStory=true"
+            },
+            {
+              "description": "Box Plot",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--box-plot&singleStory=true"
+            },
+            {
+              "description": "Line Chart",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--line-chart&singleStory=true"
+            },
+            {
+              "description": "Bar Line Combo Chart",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-line-combo-chart&singleStory=true"
+            },
+            {
+              "description": "Gauge",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--gauge&singleStory=true"
+            },
+            {
+              "description": "Histogram",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--histogram&singleStory=true"
+            },
+            {
+              "description": "Pie Chart",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--pie-chart&singleStory=true"
+            },
+            {
+              "description": "Scatterplot",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--scatterplot&singleStory=true"
+            },
+            {
+              "description": "Bar Chart (v5)",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-chart-v-5&singleStory=true"
+            },
+            {
+              "description": "Box Plot (v5)",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--box-plot-v-5&singleStory=true"
+            },
+            {
+              "description": "Line Chart (v5)",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--line-chart-v-5&singleStory=true"
+            },
+            {
+              "description": "Bar Line Combo Chart (v5)",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-line-chart-v-5&singleStory=true"
+            },
+            {
+              "description": "Gauge (v5)",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--gauge-v-5&singleStory=true"
+            },
+            {
+              "description": "Histogram (v5)",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--histogram-v-5&singleStory=true"
+            },
+            {
+              "description": "Scatterplot (v5)",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--scatterplot-v-5&singleStory=true"
+            },
+            {
+              "description": "Radar Chart (v5)",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--radar-chart-v-5&singleStory=true"
             }
           ],
           "superclass": {
@@ -511,6 +571,61 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "exportAsImage",
+              "description": "Export the current chart as an image.",
+              "parameters": [
+                {
+                  "name": "format",
+                  "default": "DownloadableChartImagesTypes.PNG",
+                  "type": {
+                    "text": "\"jpeg\" | \"png\" | \"svg\"",
+                    "values": [
+                      {
+                        "value": "jpeg",
+                        "type": "string"
+                      },
+                      {
+                        "value": "png",
+                        "type": "string"
+                      },
+                      {
+                        "value": "svg",
+                        "type": "string"
+                      }
+                    ]
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "typescript",
+                      "module": "lib/lib.es5.d.ts",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "docsTags": [
+                {
+                  "name": "param",
+                  "text": "format The format of the image to download."
+                },
+                {
+                  "name": "category",
+                  "text": "Public"
+                }
+              ],
+              "signature": "(format?: DownloadableChartImagesTypes): Promise<void>",
+              "async": true,
+              "default": "DownloadableChartImagesTypes.PNG"
+            },
             {
               "kind": "method",
               "name": "exportImage",
@@ -2939,7 +3054,7 @@
               "url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-charts-action-bar/"
             },
             {
-              "description": "Demo",
+              "description": "Charts Action Bar",
               "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-charts-action-bar--demo&singleStory=true"
             }
           ],
@@ -3191,6 +3306,32 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "disabledExportAction",
+              "description": "When `true`, the export action is disabled.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "disabled-export-action",
+              "reflects": true,
+              "docsTags": [
+                {
+                  "name": "category",
+                  "text": "Public"
+                },
+                {
+                  "name": "type",
+                  "text": "{boolean}"
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "editChartState",
@@ -3305,6 +3446,63 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "exportAsImageState",
+              "description": "When disabled, interaction with the download image is prevented and the component is displayed with lower opacity.",
+              "type": {
+                "text": "\"disabled\" | \"enabled\"",
+                "values": [
+                  {
+                    "value": "disabled",
+                    "type": "string"
+                  },
+                  {
+                    "value": "enabled",
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "\"enabled\"",
+              "attribute": "export-as-image-state",
+              "reflects": true,
+              "docsTags": [
+                {
+                  "name": "category",
+                  "text": "Public"
+                },
+                {
+                  "name": "type",
+                  "text": "{ActionState}"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "exportAsImageTitle",
+              "description": "Custom title for the download chart action.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "undefined",
+              "attribute": "export-as-image-title",
+              "reflects": true,
+              "docsTags": [
+                {
+                  "name": "category",
+                  "text": "Public"
+                },
+                {
+                  "name": "type",
+                  "text": "{string | undefined}"
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "filterByExtentState",
@@ -3596,7 +3794,7 @@
               "name": "hiddenActions",
               "description": "Holds a list of actions to hide from the action bar.\n\n**Note:** The edit chart action is hidden by default. To show it, remove its value from this array.",
               "type": {
-                "text": "Array<\"legend\" | \"fullExtent\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"zoom\" | \"editChart\">",
+                "text": "Array<\"legend\" | \"fullExtent\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"zoom\" | \"editChart\" | \"exportAsImage\">",
                 "references": [
                   {
                     "name": "Array",
@@ -3712,7 +3910,7 @@
               "name": "messageOverrides",
               "description": "Overwrite localized strings for this component",
               "type": {
-                "text": "{\n    legend?: string | undefined;\n    rotateChart?: string | undefined;\n    filterBySelection?: string | undefined;\n    filterByExtent?: string | undefined;\n    selection?: string | undefined;\n    zoom?: string | undefined;\n    fullExtent?: string | undefined;\n    clearSelection?: string | undefined;\n    switchSelection?: string | undefined;\n    expand?: string | undefined;\n    collapse?: string | undefined;\n}"
+                "text": "{\n    legend?: string | undefined;\n    rotateChart?: string | undefined;\n    filterBySelection?: string | undefined;\n    filterByExtent?: string | undefined;\n    selection?: string | undefined;\n    zoom?: string | undefined;\n    fullExtent?: string | undefined;\n    clearSelection?: string | undefined;\n    switchSelection?: string | undefined;\n    expand?: string | undefined;\n    collapse?: string | undefined;\n    exportAsImage?: string | undefined;\n    export?: string | undefined;\n}"
               }
             },
             {
@@ -4191,6 +4389,20 @@
               "default": "\"inactive\"",
               "fieldName": "clearSelectionToggle"
             },
+            {
+              "name": "disabled-export-action",
+              "description": "When `true`, the export action is disabled.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "disabledExportAction"
+            },
             {
               "name": "edit-chart-state",
               "description": "When disabled, interaction with the edit chart action is prevented and the component is displayed with lower opacity.",
@@ -4257,6 +4469,39 @@
               "default": "false",
               "fieldName": "expanded"
             },
+            {
+              "name": "export-as-image-state",
+              "description": "When disabled, interaction with the download image is prevented and the component is displayed with lower opacity.",
+              "type": {
+                "text": "\"disabled\" | \"enabled\"",
+                "values": [
+                  {
+                    "value": "disabled",
+                    "type": "string"
+                  },
+                  {
+                    "value": "enabled",
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "\"enabled\"",
+              "fieldName": "exportAsImageState"
+            },
+            {
+              "name": "export-as-image-title",
+              "description": "Custom title for the download chart action.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "undefined",
+              "fieldName": "exportAsImageTitle"
+            },
             {
               "name": "filter-by-extent-state",
               "description": "When disabled, interaction with the filter by extent action is prevented and the component is displayed with lower opacity.",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-05-06T04:57:00",
+  "timestamp": "2025-05-07T16:32:26",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.112",
+    "version": "4.33.0-next.117",
     "typescriptVersion": "5.6.3"
   },
   "components": [
@@ -2041,6 +2041,50 @@
             }
           ]
         },
+        {
+          "name": "exportAsImage",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(format?: DownloadableChartImagesTypes): Promise<void>",
+            "parameters": [
+              {
+                "name": "format",
+                "type": "\"jpeg\" | \"png\" | \"svg\"",
+                "docs": ""
+              }
+            ],
+            "return": "Promise<void>",
+            "references": {
+              "Promise": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "signature": "exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>",
+          "parameters": [
+            {
+              "name": "format",
+              "type": "\"jpeg\" | \"png\" | \"svg\"",
+              "docs": ""
+            }
+          ],
+          "docs": "Export the current chart as an image.",
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "format The format of the image to download."
+            },
+            {
+              "name": "category",
+              "text": "Public"
+            }
+          ]
+        },
         {
           "name": "exportImage",
           "returns": {
@@ -2885,6 +2929,37 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "disabledExportAction",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "disabled-export-action",
+          "reflectToAttr": true,
+          "docs": "When `true`, the export action is disabled.",
+          "docsTags": [
+            {
+              "name": "category",
+              "text": "Public"
+            },
+            {
+              "name": "type",
+              "text": "{boolean}"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "editChartState",
           "type": "\"disabled\" | \"enabled\"",
@@ -3019,6 +3094,73 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "exportAsImageState",
+          "type": "\"disabled\" | \"enabled\"",
+          "complexType": {
+            "original": "\"disabled\" | \"enabled\"",
+            "resolved": "\"disabled\" | \"enabled\"",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "export-as-image-state",
+          "reflectToAttr": true,
+          "docs": "When disabled, interaction with the download image is prevented and the component is displayed with lower opacity.",
+          "docsTags": [
+            {
+              "name": "category",
+              "text": "Public"
+            },
+            {
+              "name": "type",
+              "text": "{ActionState}"
+            }
+          ],
+          "default": "\"enabled\"",
+          "values": [
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "enabled",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "exportAsImageTitle",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "export-as-image-title",
+          "reflectToAttr": true,
+          "docs": "Custom title for the download chart action.",
+          "docsTags": [
+            {
+              "name": "category",
+              "text": "Public"
+            },
+            {
+              "name": "type",
+              "text": "{string | undefined}"
+            }
+          ],
+          "default": "undefined",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "filterByExtentState",
           "type": "\"disabled\" | \"enabled\"",
@@ -3357,10 +3499,10 @@
         },
         {
           "name": "hiddenActions",
-          "type": "Array<\"legend\" | \"fullExtent\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"zoom\" | \"editChart\">",
+          "type": "Array<\"legend\" | \"fullExtent\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"zoom\" | \"editChart\" | \"exportAsImage\">",
           "complexType": {
-            "original": "Array<\"legend\" | \"fullExtent\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"zoom\" | \"editChart\">",
-            "resolved": "Array<\"legend\" | \"fullExtent\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"zoom\" | \"editChart\">",
+            "original": "Array<\"legend\" | \"fullExtent\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"zoom\" | \"editChart\" | \"exportAsImage\">",
+            "resolved": "Array<\"legend\" | \"fullExtent\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"zoom\" | \"editChart\" | \"exportAsImage\">",
             "references": {
               "Array": {
                 "location": "import",
@@ -3492,10 +3634,10 @@
         },
         {
           "name": "messageOverrides",
-          "type": "{\n    legend?: string | undefined;\n    rotateChart?: string | undefined;\n    filterBySelection?: string | undefined;\n    filterByExtent?: string | undefined;\n    selection?: string | undefined;\n    zoom?: string | undefined;\n    fullExtent?: string | undefined;\n    clearSelection?: string | undefined;\n    switchSelection?: string | undefined;\n    expand?: string | undefined;\n    collapse?: string | undefined;\n}",
+          "type": "{\n    legend?: string | undefined;\n    rotateChart?: string | undefined;\n    filterBySelection?: string | undefined;\n    filterByExtent?: string | undefined;\n    selection?: string | undefined;\n    zoom?: string | undefined;\n    fullExtent?: string | undefined;\n    clearSelection?: string | undefined;\n    switchSelection?: string | undefined;\n    expand?: string | undefined;\n    collapse?: string | undefined;\n    exportAsImage?: string | undefined;\n    export?: string | undefined;\n}",
           "complexType": {
-            "original": "{\n    legend?: string | undefined;\n    rotateChart?: string | undefined;\n    filterBySelection?: string | undefined;\n    filterByExtent?: string | undefined;\n    selection?: string | undefined;\n    zoom?: string | undefined;\n    fullExtent?: string | undefined;\n    clearSelection?: string | undefined;\n    switchSelection?: string | undefined;\n    expand?: string | undefined;\n    collapse?: string | undefined;\n}",
-            "resolved": "{\n    legend?: string | undefined;\n    rotateChart?: string | undefined;\n    filterBySelection?: string | undefined;\n    filterByExtent?: string | undefined;\n    selection?: string | undefined;\n    zoom?: string | undefined;\n    fullExtent?: string | undefined;\n    clearSelection?: string | undefined;\n    switchSelection?: string | undefined;\n    expand?: string | undefined;\n    collapse?: string | undefined;\n}",
+            "original": "{\n    legend?: string | undefined;\n    rotateChart?: string | undefined;\n    filterBySelection?: string | undefined;\n    filterByExtent?: string | undefined;\n    selection?: string | undefined;\n    zoom?: string | undefined;\n    fullExtent?: string | undefined;\n    clearSelection?: string | undefined;\n    switchSelection?: string | undefined;\n    expand?: string | undefined;\n    collapse?: string | undefined;\n    exportAsImage?: string | undefined;\n    export?: string | undefined;\n}",
+            "resolved": "{\n    legend?: string | undefined;\n    rotateChart?: string | undefined;\n    filterBySelection?: string | undefined;\n    filterByExtent?: string | undefined;\n    selection?: string | undefined;\n    zoom?: string | undefined;\n    fullExtent?: string | undefined;\n    clearSelection?: string | undefined;\n    switchSelection?: string | undefined;\n    expand?: string | undefined;\n    collapse?: string | undefined;\n    exportAsImage?: string | undefined;\n    export?: string | undefined;\n}",
             "references": {}
           },
           "mutable": true,

package/dist/docs/vscode.html-custom-data.json

@@ -4,7 +4,7 @@
   "tags": [
     {
       "name": "arcgis-chart",
-      "description": "Chart component renders various chart types based on the provided model, including bar charts, line charts, pie charts, box plots, combo bar-line charts, gauges, scatterplots, and histograms.\n--\n\n### Events\n- **arcgisAxesMinMaxChange** - Event triggered once the chart axes min/max values are computed\n- **arcgisBadDataWarningRaise** - Event triggered when an error is detected with the data set\n- **arcgisConfigChange** - Event triggered when the chart config is changed\n- **arcgisDataFetchComplete** - Event triggered once the chart data has been fetched but not yet fully processed.\nFor instance it can be useful for a pie chart to see all the slices before they get grouped into an 'other' slice during the post-processing step.\n- **arcgisDataProcessComplete** - Event triggered once the chart data has been processed\n- **arcgisDataProcessError** - Event triggered when an error occurred while fetching of processing the data for the chart\n- **arcgisLegendItemVisibilityChange** - Event triggered once a legend item visibility has been changed\n- **arcgisNoRenderPropChange** - Event triggered when a no-render prop is changed\n- **arcgisRuntimeError** - Event triggered when an error occurred that prevents the chart from being created or updated\n- **arcgisSelectionComplete** - Event triggered when a selection is applied to the chart\n- **arcgisSeriesColorChange** - Event triggered once the chart series color have been assigned\n- **arcgisSeriesOrder** - Event carrying the series id as they have been sorted following the `orderOptions` instructions\n- **arcgisUpdateComplete** - Event triggered once the chart is updated\n\n### Methods\n- `clearSelection(): Promise<void>` - Clears all selection on the chart.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `errorAlert(errorMessage?: string): Promise<void>` - Triggers an alert to display an error message.\n- `exportImage(props: { format: \"jpg\" | \"png\"; quality?: number; maxWidth?: number; minWidth?: number; maxHeight?: number; minHeight?: number; }): Promise<File>` - Export the current chart to an image\n- `notify(message?: string, heading?: string, options?: NotifyOptions): Promise<void>` - Notify method allows passing external messages to the chart component.\nIt can be used to pass validation or information messages.\nIn a situation where a config update is overriding your notification modal,\nconsider waiting for the `arcgisUpdateComplete` event.\n- `refresh(props?: { updateData?: boolean; resetAxesBounds?: boolean; updateExtent?: boolean; }): Promise<void>` - Re-render the chart.\n- `resetZoom(): Promise<void>` - Resets the chart zoom to bring it back to full extent\n- `switchSelection(): Promise<void>` - Switches the selection on the chart.\n\n### Slots\n- **action-bar** - A slot for adding charts-action-bar component or calcite-action-bar.",
+      "description": "Chart component renders various chart types based on the provided model, including bar charts, line charts, pie charts, box plots, combo bar-line charts, gauges, scatterplots, and histograms.\n--\n\n### Events\n- **arcgisAxesMinMaxChange** - Event triggered once the chart axes min/max values are computed\n- **arcgisBadDataWarningRaise** - Event triggered when an error is detected with the data set\n- **arcgisConfigChange** - Event triggered when the chart config is changed\n- **arcgisDataFetchComplete** - Event triggered once the chart data has been fetched but not yet fully processed.\nFor instance it can be useful for a pie chart to see all the slices before they get grouped into an 'other' slice during the post-processing step.\n- **arcgisDataProcessComplete** - Event triggered once the chart data has been processed\n- **arcgisDataProcessError** - Event triggered when an error occurred while fetching of processing the data for the chart\n- **arcgisLegendItemVisibilityChange** - Event triggered once a legend item visibility has been changed\n- **arcgisNoRenderPropChange** - Event triggered when a no-render prop is changed\n- **arcgisRuntimeError** - Event triggered when an error occurred that prevents the chart from being created or updated\n- **arcgisSelectionComplete** - Event triggered when a selection is applied to the chart\n- **arcgisSeriesColorChange** - Event triggered once the chart series color have been assigned\n- **arcgisSeriesOrder** - Event carrying the series id as they have been sorted following the `orderOptions` instructions\n- **arcgisUpdateComplete** - Event triggered once the chart is updated\n\n### Methods\n- `clearSelection(): Promise<void>` - Clears all selection on the chart.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `errorAlert(errorMessage?: string): Promise<void>` - Triggers an alert to display an error message.\n- `exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>` - Export the current chart as an image.\n- `exportImage(props: { format: \"jpg\" | \"png\"; quality?: number; maxWidth?: number; minWidth?: number; maxHeight?: number; minHeight?: number; }): Promise<File>` - Export the current chart to an image\n- `notify(message?: string, heading?: string, options?: NotifyOptions): Promise<void>` - Notify method allows passing external messages to the chart component.\nIt can be used to pass validation or information messages.\nIn a situation where a config update is overriding your notification modal,\nconsider waiting for the `arcgisUpdateComplete` event.\n- `refresh(props?: { updateData?: boolean; resetAxesBounds?: boolean; updateExtent?: boolean; }): Promise<void>` - Re-render the chart.\n- `resetZoom(): Promise<void>` - Resets the chart zoom to bring it back to full extent\n- `switchSelection(): Promise<void>` - Switches the selection on the chart.\n\n### Slots\n- **action-bar** - A slot for adding charts-action-bar component or calcite-action-bar.",
       "attributes": [
         {
           "name": "action-mode",
@@ -281,8 +281,68 @@
           "url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-chart/"
         },
         {
-          "name": "Demo",
-          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--demo&singleStory=true"
+          "name": "Bar Chart",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-chart&singleStory=true"
+        },
+        {
+          "name": "Box Plot",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--box-plot&singleStory=true"
+        },
+        {
+          "name": "Line Chart",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--line-chart&singleStory=true"
+        },
+        {
+          "name": "Bar Line Combo Chart",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-line-combo-chart&singleStory=true"
+        },
+        {
+          "name": "Gauge",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--gauge&singleStory=true"
+        },
+        {
+          "name": "Histogram",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--histogram&singleStory=true"
+        },
+        {
+          "name": "Pie Chart",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--pie-chart&singleStory=true"
+        },
+        {
+          "name": "Scatterplot",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--scatterplot&singleStory=true"
+        },
+        {
+          "name": "Bar Chart (v5)",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-chart-v-5&singleStory=true"
+        },
+        {
+          "name": "Box Plot (v5)",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--box-plot-v-5&singleStory=true"
+        },
+        {
+          "name": "Line Chart (v5)",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--line-chart-v-5&singleStory=true"
+        },
+        {
+          "name": "Bar Line Combo Chart (v5)",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-line-chart-v-5&singleStory=true"
+        },
+        {
+          "name": "Gauge (v5)",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--gauge-v-5&singleStory=true"
+        },
+        {
+          "name": "Histogram (v5)",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--histogram-v-5&singleStory=true"
+        },
+        {
+          "name": "Scatterplot (v5)",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--scatterplot-v-5&singleStory=true"
+        },
+        {
+          "name": "Radar Chart (v5)",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--radar-chart-v-5&singleStory=true"
         }
       ]
     },
@@ -367,6 +427,11 @@
             }
           ]
         },
+        {
+          "name": "disabled-export-action",
+          "description": "When `true`, the export action is disabled.",
+          "values": []
+        },
         {
           "name": "edit-chart-state",
           "description": "When disabled, interaction with the edit chart action is prevented and the component is displayed with lower opacity.",
@@ -401,6 +466,23 @@
           "description": "When `true`, the action bar is expanded.",
           "values": []
         },
+        {
+          "name": "export-as-image-state",
+          "description": "When disabled, interaction with the download image is prevented and the component is displayed with lower opacity.",
+          "values": [
+            {
+              "name": "disabled"
+            },
+            {
+              "name": "enabled"
+            }
+          ]
+        },
+        {
+          "name": "export-as-image-title",
+          "description": "Custom title for the download chart action.",
+          "values": []
+        },
         {
           "name": "filter-by-extent-state",
           "description": "When disabled, interaction with the filter by extent action is prevented and the component is displayed with lower opacity.",
@@ -645,7 +727,7 @@
           "url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-charts-action-bar/"
         },
         {
-          "name": "Demo",
+          "name": "Charts Action Bar",
           "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-charts-action-bar--demo&singleStory=true"
         }
       ]