@arcgis/charts-components 4.33.0-next.98 → 4.34.0-next.0

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

@@ -4,7 +4,7 @@
   "tags": [
     {
       "name": "arcgis-chart",
-      "description": "The chart component renders various types of charts based on the provided model,\nincluding bar charts, line charts, pie charts, box plots, combo bar and 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- `exportAsCSV(options?: CSVOptions): Promise<void>` - Export the current chart's data as a CSV file.\n- `exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>` - Export the current chart as 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",
@@ -275,11 +275,52 @@
           ]
         }
       ],
-      "references": []
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-chart/"
+        },
+        {
+          "name": "Bar Chart\nBar charts summarize and compare categorical data using proportional bar lengths to represent values.",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-chart&singleStory=true"
+        },
+        {
+          "name": "Box Plot\nBox plots visualize and compares the distribution and central tendency of numeric values through their quartiles.",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--box-plot&singleStory=true"
+        },
+        {
+          "name": "Line Chart\nLine charts visualize change over a continuous range, such as time or distance. They highlight overall trends and enable easy comparison of multiple data series simultaneously.",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--line-chart&singleStory=true"
+        },
+        {
+          "name": "Combo Bar Line Chart\nCombo bar line charts combine bar and line charts to visualize data across categories, time, or both—enabling flexible comparisons in a single view.",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--combo-bar-line-chart&singleStory=true"
+        },
+        {
+          "name": "Gauge\nGauges visualize a single metric within a quantitative context defined by minimum and maximum values.",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--gauge&singleStory=true"
+        },
+        {
+          "name": "Histogram\nHistograms visualize the distribution of a continuous numeric variable by showing the frequency of values within defined intervals.",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--histogram&singleStory=true"
+        },
+        {
+          "name": "Pie Chart\nPie charts group data into slices to visualize part-to-whole relationships, with each slice representing a category’s proportion of the total.",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--pie-chart&singleStory=true"
+        },
+        {
+          "name": "Scatterplot\nScatterplots visualize the relationship between two numeric variables, with one plotted along the x-axis and the other along the y-axis.",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--scatterplot&singleStory=true"
+        },
+        {
+          "name": "Radar Chart\nRadar charts visualize multivariate data across multiple variables, with each variable represented along a separate axis arranged in a circular layout.",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--radar-chart&singleStory=true"
+        }
+      ]
     },
     {
       "name": "arcgis-charts-action-bar",
-      "description": "The Charts Action Bar component enhances the Chart component by providing context-specific actions such as rotation, zooming, and filtering. It is designed to work alongside the Chart component and is not intended for standalone use.\n--\n\n### Events\n- **arcgisActionBarToggle** - Event triggered once action bar expand is toggled\n- **arcgisDefaultActionSelect** - Event triggered once a default action is selected\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- **custom-action-top** - A slot for adding custom `calcite-action` to the top of the default actions.\n- **custom-action-below** - A slot for adding custom `calcite-action` to the bottom of the default actions.",
+      "description": "The charts action bar component enhances chart functionality by offering context-specific actions such as rotation, zooming, and filtering. It is designed to be used in conjunction with a chart component and is not intended for standalone use.\n--\n\n### Events\n- **arcgisActionBarToggle** - Event triggered once action bar expand is toggled\n- **arcgisDefaultActionSelect** - Event triggered once a default action is selected\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- **custom-action-top** - A slot for adding custom `calcite-action` to the top of the default actions.\n- **custom-action-below** - A slot for adding custom `calcite-action` to the bottom of the default actions.",
       "attributes": [
         {
           "name": "action-bar-selection-mode",
@@ -358,6 +399,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.",
@@ -392,6 +438,40 @@
           "description": "When `true`, the action bar is expanded.",
           "values": []
         },
+        {
+          "name": "export-as-csv-state",
+          "description": "When disabled, interaction with the download CSV is prevented and the component is displayed with lower opacity.",
+          "values": [
+            {
+              "name": "disabled"
+            },
+            {
+              "name": "enabled"
+            }
+          ]
+        },
+        {
+          "name": "export-as-csv-title",
+          "description": "Custom title for the download CSV action.",
+          "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.",
@@ -630,7 +710,16 @@
           ]
         }
       ],
-      "references": []
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-charts-action-bar/"
+        },
+        {
+          "name": "Charts Action Bar\nThe charts action bar component renders a set of buttons based on the chart type, offering optional tools to enhance chart functionality.",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-charts-action-bar--demo&singleStory=true"
+        }
+      ]
     }
   ]
 }

package/dist/docs/web-types.json

@@ -1,14 +1,15 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/charts-components",
-  "version": "4.33.0-next.98",
+  "version": "4.34.0-next.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "arcgis-chart",
-          "description": "The chart component renders various types of charts based on the provided model,\nincluding bar charts, line charts, pie charts, box plots, combo bar and 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- `exportAsCSV(options?: CSVOptions): Promise<void>` - Export the current chart's data as a CSV file.\n- `exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>` - Export the current chart as 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.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-chart/",
           "attributes": [
             {
               "name": "action-mode",
@@ -359,7 +360,7 @@
             },
             {
               "name": "arcgisDataFetchComplete",
-              "type": "WebChartBoxPlotDataItem | WebChartGenericDataItem | WebChartHistogramDataItem | WebChartScatterPlotDataItem",
+              "type": "WebChartBoxPlotDataItem | WebChartGenericDataItem | WebChartHistogramDataItem | WebChartScatterplotDataItem",
               "description": "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."
             },
             {
@@ -369,7 +370,7 @@
             },
             {
               "name": "arcgisDataProcessError",
-              "type": "undefined",
+              "type": "void",
               "description": "Event triggered when an error occurred while fetching of processing the data for the chart"
             },
             {
@@ -384,7 +385,7 @@
             },
             {
               "name": "arcgisRuntimeError",
-              "type": "undefined",
+              "type": "void",
               "description": "Event triggered when an error occurred that prevents the chart from being created or updated"
             },
             {
@@ -555,6 +556,11 @@
                 "description": "When `true`, the legend is visible on the chart.",
                 "type": "boolean"
               },
+              {
+                "name": "loaderColors",
+                "description": "Defines the colors for the loader animation.",
+                "type": "LoaderColors"
+              },
               {
                 "name": "messageOptions",
                 "description": "Used to set the options available to handle specific messages displayed by the chart.",
@@ -603,7 +609,7 @@
               {
                 "name": "runtimeDataFilters",
                 "description": "Applies runtime data filters to the chart's.",
-                "type": "{\n    distance?: number | undefined;\n    gdbVersion?: string | undefined;\n    geometry?: IEnvelope | IExtent | IPoint | IPolygon | IPolygonWithCurves | IPolyline | undefined;\n    objectIds?: Array<number> | undefined;\n    spatialRelationship?: \"intersects\" | \"contains\" | \"crosses\" | \"disjoint\" | \"envelope-intersects\" | \"index-intersects\" | \"overlaps\" | \"touches\" | \"within\" | \"relation\" | undefined;\n    timeExtent?: [number, number] | undefined;\n    units?: RESTUnits | undefined;\n    where?: string | undefined;\n}"
+                "type": "{\n    distance?: number | undefined;\n    gdbVersion?: string | undefined;\n    geometry?: IExtent | IEnvelope | IPoint | IPolygon | IPolygonWithCurves | IPolyline | undefined;\n    objectIds?: Array<number> | undefined;\n    spatialRelationship?: \"intersects\" | \"contains\" | \"crosses\" | \"disjoint\" | \"envelope-intersects\" | \"index-intersects\" | \"overlaps\" | \"touches\" | \"within\" | \"relation\" | undefined;\n    timeExtent?: [number, number] | undefined;\n    units?: RESTUnits | undefined;\n    where?: string | undefined;\n}"
               },
               {
                 "name": "secondaryYAxisLabelFormatter",
@@ -699,7 +705,7 @@
               },
               {
                 "name": "arcgisDataFetchComplete",
-                "type": "WebChartBoxPlotDataItem | WebChartGenericDataItem | WebChartHistogramDataItem | WebChartScatterPlotDataItem",
+                "type": "WebChartBoxPlotDataItem | WebChartGenericDataItem | WebChartHistogramDataItem | WebChartScatterplotDataItem",
                 "description": "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."
               },
               {
@@ -709,7 +715,7 @@
               },
               {
                 "name": "arcgisDataProcessError",
-                "type": "undefined",
+                "type": "void",
                 "description": "Event triggered when an error occurred while fetching of processing the data for the chart"
               },
               {
@@ -724,7 +730,7 @@
               },
               {
                 "name": "arcgisRuntimeError",
-                "type": "undefined",
+                "type": "void",
                 "description": "Event triggered when an error occurred that prevents the chart from being created or updated"
               },
               {
@@ -752,7 +758,8 @@
         },
         {
           "name": "arcgis-charts-action-bar",
-          "description": "The Charts Action Bar component enhances the Chart component by providing context-specific actions such as rotation, zooming, and filtering. It is designed to work alongside the Chart component and is not intended for standalone use.\n--\n\n### Events\n- **arcgisActionBarToggle** - Event triggered once action bar expand is toggled\n- **arcgisDefaultActionSelect** - Event triggered once a default action is selected\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- **custom-action-top** - A slot for adding custom `calcite-action` to the top of the default actions.\n- **custom-action-below** - A slot for adding custom `calcite-action` to the bottom of the default actions.",
+          "description": "The charts action bar component enhances chart functionality by offering context-specific actions such as rotation, zooming, and filtering. It is designed to be used in conjunction with a chart component and is not intended for standalone use.\n--\n\n### Events\n- **arcgisActionBarToggle** - Event triggered once action bar expand is toggled\n- **arcgisDefaultActionSelect** - Event triggered once a default action is selected\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- **custom-action-top** - A slot for adding custom `calcite-action` to the top of the default actions.\n- **custom-action-below** - A slot for adding custom `calcite-action` to the bottom of the default actions.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-charts-action-bar/",
           "attributes": [
             {
               "name": "action-bar-selection-mode",
@@ -814,6 +821,14 @@
                 ]
               }
             },
+            {
+              "name": "disabled-export-action",
+              "description": "When `true`, the export action is disabled.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "edit-chart-state",
               "description": "When disabled, interaction with the edit chart action is prevented and the component is displayed with lower opacity.",
@@ -852,6 +867,44 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "export-as-csv-state",
+              "description": "When disabled, interaction with the download CSV is prevented and the component is displayed with lower opacity.",
+              "default": "\"enabled\"",
+              "value": {
+                "type": [
+                  "\"disabled\"",
+                  "\"enabled\""
+                ]
+              }
+            },
+            {
+              "name": "export-as-csv-title",
+              "description": "Custom title for the download CSV action.",
+              "default": "undefined",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "export-as-image-state",
+              "description": "When disabled, interaction with the download image is prevented and the component is displayed with lower opacity.",
+              "default": "\"enabled\"",
+              "value": {
+                "type": [
+                  "\"disabled\"",
+                  "\"enabled\""
+                ]
+              }
+            },
+            {
+              "name": "export-as-image-title",
+              "description": "Custom title for the download chart action.",
+              "default": "undefined",
+              "value": {
+                "type": "string"
+              }
+            },
             {
               "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.",
@@ -1155,6 +1208,16 @@
                 "description": "When active, the clear selection action is highlighted.",
                 "type": "\"active\" | \"inactive\""
               },
+              {
+                "name": "disableCSVExportForChartTypes",
+                "description": "The CSV export action is disabled for certain chart types.\n\nModify this property to add or remove chart types from the list of disabled types.",
+                "type": "Array<\"number\" | \"cursorCrosshair\" | \"chartText\" | \"category\" | \"date\" | \"chartAxis\" | \"chartLegend\" | \"chartOverlay\" | \"sizeScale\" | \"chartOverlays\" | \"scatterSeries\" | \"chart\" | \"gaugeAxisTick\" | \"gaugeNeedle\" | \"chartGuide\" | \"pieSeries\" | \"pieTick\" | \"gaugeSeries\" | \"lineSeries\" | \"barSeries\" | \"histogramSeries\" | \"boxPlotSeries\" | \"radarSeries\" | \"comboLineAndBarSeries\" | \"buffer\">"
+              },
+              {
+                "name": "disabledExportAction",
+                "description": "When `true`, the export action is disabled.",
+                "type": "boolean"
+              },
               {
                 "name": "editChartState",
                 "description": "When disabled, interaction with the edit chart action is prevented and the component is displayed with lower opacity.",
@@ -1175,6 +1238,26 @@
                 "description": "When `true`, the action bar is expanded.",
                 "type": "boolean"
               },
+              {
+                "name": "exportAsCSVState",
+                "description": "When disabled, interaction with the download CSV is prevented and the component is displayed with lower opacity.",
+                "type": "\"disabled\" | \"enabled\""
+              },
+              {
+                "name": "exportAsCSVTitle",
+                "description": "Custom title for the download CSV action.",
+                "type": "string"
+              },
+              {
+                "name": "exportAsImageState",
+                "description": "When disabled, interaction with the download image is prevented and the component is displayed with lower opacity.",
+                "type": "\"disabled\" | \"enabled\""
+              },
+              {
+                "name": "exportAsImageTitle",
+                "description": "Custom title for the download chart action.",
+                "type": "string"
+              },
               {
                 "name": "filterByExtentState",
                 "description": "When disabled, interaction with the filter by extent action is prevented and the component is displayed with lower opacity.",
@@ -1228,7 +1311,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": "Array<\"legend\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"zoom\" | \"fullExtent\" | \"editChart\">"
+                "type": "Array<\"legend\" | \"fullExtent\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"zoom\" | \"editChart\" | \"exportAsImage\" | \"exportAsCSV\">"
               },
               {
                 "name": "legendState",
@@ -1248,7 +1331,7 @@
               {
                 "name": "messageOverrides",
                 "description": "Overwrite localized strings for this component",
-                "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": "Record<string, unknown>"
               },
               {
                 "name": "rotateChartState",

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-import type { ArcGISChart } from "./components/arcgis-chart";
-import type { ArcGISChartsActionBar } from "./components/arcgis-charts-action-bar";
+import type { ArcgisChart } from "./components/arcgis-chart";
+import type { ArcgisChartsActionBar } from "./components/arcgis-charts-action-bar";
 
-export { BarChartModel, BoxPlotModel, ChartModel, GuideOrientation, HistogramModel, LineChartModel, ModelWithGuides, ModelWithXYAxes, PieChartModel, ScatterPlotModel, RadarChartModel, GaugeModel, ComboBarLineChartModel, ModelWithBaselineStacking, ModelWithBasicXAxis, ModelWithColorMatch, ModelWithDataLabels, ModelWithLegend, ModelWithLineMarkerStyling, ModelWithRotation, ModelWithTemporalBinning, ModelWithTooltips, ModelWithXGuides, ModelWithYGuides, } from './model';
-export type { ActionModes, ActionState, ActionToggle, ChartElementLimit, ChartTypes, CursorRange, DataWarningObject, DefaultChartActions, ErrorPolicy, LayerFieldsChangePolicy, LayerFilterChangePolicy, LayerRendererChangePolicy, PieSlicesSymbols, SelectionData, SelectionTheme, SelectionThemeProperties, SeriesSymbolsMap, ValidationStatus, ViewTimeExtentChangePolicy, } from '@arcgis/charts-shared-utils';
-export type { PanelNumberChangePayload, DataChangeErrorPayload, PopoverOpenChangePayload, ModelListChangePayload, DataProcessCompletePayload, AxesMinMaxChangePayload, SeriesColorChangePayload, NoRenderPropChangePayload, LegendItemVisibilityChangePayload, DefaultActionSelectPayload, SelectionCompletePayload, } from './utils/event-payloads';
+export type { WebChart } from '@arcgis/charts-spec';
+export * from './utils';
+export type { PanelNumberChangePayload, DataChangeErrorPayload, PopoverOpenChangePayload, ModelListChangePayload, DataProcessCompletePayload, AxesMinMaxChangePayload, SeriesColorChangePayload, NoRenderPropChangePayload, LegendItemVisibilityChangePayload, DefaultActionSelectPayload, SelectionCompletePayload, } from './utils/components/event-payloads';
 export type { AxisLabelFormatCallback, ChartOptions, GaugeInnerLabelFormatCallback, GuideTooltipFormatCallback, MessageOptions, NotifyOptions, PieChartLegendValueLabelFormatCallback, PreRenderCallback, } from './chart-rendering/common/interfaces';
-export { BarChartDataPopoverKinds, BoxPlotDataPopoverKinds, ChartAuthoringPages, HistogramDataPopoverKinds, type IntervalPopoverProps, LineChartDataPopoverKinds, PieChartDataPopoverKinds, ScatterPlotDataPopoverKinds, } from './interfaces';
+export { BarChartDataPopoverKinds, BoxPlotDataPopoverKinds, ChartAuthoringPages, HistogramDataPopoverKinds, type IntervalPopoverProps, LineChartDataPopoverKinds, PieChartDataPopoverKinds, ScatterplotDataPopoverKinds, } from './interfaces';
 export type { FontStyleChangePayload } from './components/arcgis-charts-config-font-style/resource';
 export type { GuideChangePayload } from './components/arcgis-charts-config-guide/resource';
 export { getAssetPath, setAssetPath } from './runtime';
@@ -31,22 +31,22 @@ declare global {
   }
 
   interface HTMLArcgisChartElementEventMap {
-    "arcgisAxesMinMaxChange": ArcGISChart["arcgisAxesMinMaxChange"]["detail"];
-    "arcgisBadDataWarningRaise": ArcGISChart["arcgisBadDataWarningRaise"]["detail"];
-    "arcgisConfigChange": ArcGISChart["arcgisConfigChange"]["detail"];
-    "arcgisDataFetchComplete": ArcGISChart["arcgisDataFetchComplete"]["detail"];
-    "arcgisDataProcessComplete": ArcGISChart["arcgisDataProcessComplete"]["detail"];
-    "arcgisDataProcessError": ArcGISChart["arcgisDataProcessError"]["detail"];
-    "arcgisLegendItemVisibilityChange": ArcGISChart["arcgisLegendItemVisibilityChange"]["detail"];
-    "arcgisNoRenderPropChange": ArcGISChart["arcgisNoRenderPropChange"]["detail"];
-    "arcgisRuntimeError": ArcGISChart["arcgisRuntimeError"]["detail"];
-    "arcgisSelectionComplete": ArcGISChart["arcgisSelectionComplete"]["detail"];
-    "arcgisSeriesColorChange": ArcGISChart["arcgisSeriesColorChange"]["detail"];
-    "arcgisSeriesOrder": ArcGISChart["arcgisSeriesOrder"]["detail"];
-    "arcgisUpdateComplete": ArcGISChart["arcgisUpdateComplete"]["detail"];
+    "arcgisAxesMinMaxChange": ArcgisChart["arcgisAxesMinMaxChange"]["detail"];
+    "arcgisBadDataWarningRaise": ArcgisChart["arcgisBadDataWarningRaise"]["detail"];
+    "arcgisConfigChange": ArcgisChart["arcgisConfigChange"]["detail"];
+    "arcgisDataFetchComplete": ArcgisChart["arcgisDataFetchComplete"]["detail"];
+    "arcgisDataProcessComplete": ArcgisChart["arcgisDataProcessComplete"]["detail"];
+    "arcgisDataProcessError": ArcgisChart["arcgisDataProcessError"]["detail"];
+    "arcgisLegendItemVisibilityChange": ArcgisChart["arcgisLegendItemVisibilityChange"]["detail"];
+    "arcgisNoRenderPropChange": ArcgisChart["arcgisNoRenderPropChange"]["detail"];
+    "arcgisRuntimeError": ArcgisChart["arcgisRuntimeError"]["detail"];
+    "arcgisSelectionComplete": ArcgisChart["arcgisSelectionComplete"]["detail"];
+    "arcgisSeriesColorChange": ArcgisChart["arcgisSeriesColorChange"]["detail"];
+    "arcgisSeriesOrder": ArcgisChart["arcgisSeriesOrder"]["detail"];
+    "arcgisUpdateComplete": ArcgisChart["arcgisUpdateComplete"]["detail"];
   }
 
-  interface HTMLArcgisChartElement extends ArcGISChart {
+  interface HTMLArcgisChartElement extends ArcgisChart {
     addEventListener<K extends keyof HTMLArcgisChartElementEventMap>(type: K, listener: (this: HTMLArcgisChartElement, ev: ArcgisChartCustomEvent<HTMLArcgisChartElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
     addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
     addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
@@ -55,11 +55,11 @@ declare global {
     removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
   }
   interface HTMLArcgisChartsActionBarElementEventMap {
-    "arcgisActionBarToggle": ArcGISChartsActionBar["arcgisActionBarToggle"]["detail"];
-    "arcgisDefaultActionSelect": ArcGISChartsActionBar["arcgisDefaultActionSelect"]["detail"];
+    "arcgisActionBarToggle": ArcgisChartsActionBar["arcgisActionBarToggle"]["detail"];
+    "arcgisDefaultActionSelect": ArcgisChartsActionBar["arcgisDefaultActionSelect"]["detail"];
   }
 
-  interface HTMLArcgisChartsActionBarElement extends ArcGISChartsActionBar {
+  interface HTMLArcgisChartsActionBarElement extends ArcgisChartsActionBar {
     addEventListener<K extends keyof HTMLArcgisChartsActionBarElementEventMap>(type: K, listener: (this: HTMLArcgisChartsActionBarElement, ev: ArcgisChartsActionBarCustomEvent<HTMLArcgisChartsActionBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
     addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
     addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;