@arcgis/charts-components 5.0.0-next.7 → 5.0.0-next.70

package/dist/docs/api.json

@@ -1,22 +1,23 @@
 {
-  "timestamp": "2025-10-02T04:44:25",
+  "timestamp": "2025-11-27T22:11:26",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.7",
-    "typescriptVersion": "5.8.3"
+    "version": "5.0.0-next.70",
+    "typescriptVersion": "5.9.3"
   },
-  "schemaVersion": "1.0.0",
+  "schemaVersion": "2.1.0",
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "src/components/chart/chart.tsx",
+      "path": "components/arcgis-chart",
+      "sourcePath": "src/components/chart/chart.tsx",
       "declarations": [
         {
           "kind": "class",
           "customElement": true,
           "name": "ArcgisChart",
           "tagName": "arcgis-chart",
-          "description": "The ArcGIS Chart component renders various chart types based on the provided model.\n\nSupported chart types include bar charts, line charts, pie charts, box plots, combo bar-line charts, gauges, scatterplots, histograms and radar charts.\n\nThe Chart component can be rendered using an [existing model](https://developers.arcgis.com/javascript/latest/charts-components-intro/#use-an-existing-model-from-a-webmap-or-feature-layer) from a web map or feature layer,\nor by [creating a new model](https://developers.arcgis.com/javascript/latest/charts-components-intro/#create-a-new-model).\n\nSee also:\n- [Introduction to Charts components](https://developers.arcgis.com/javascript/latest/charts-components-intro/)\n- [Tutorial: Display and create charts components](https://developers.arcgis.com/javascript/latest/tutorials/display-and-create-charts-components/)",
+          "description": "The Chart component renders a chart based on the provided model. Get started by reading the [Introduction to charts](https://developers.arcgis.com/javascript/latest/charts-components-intro/) page.\n\nSupported chart types include bar charts, box plots, line charts, combo bar-line charts, gauges, heat charts, histograms, pie charts, scatterplots, and radar charts.",
           "demos": [
             {
               "description": "Docs",
@@ -42,6 +43,10 @@
               "description": "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"
             },
+            {
+              "description": "Heat Chart\nHeat charts visualize data density or intensity across two dimensions, using color gradients to represent values.",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--heat-chart&singleStory=true"
+            },
             {
               "description": "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"
@@ -60,6 +65,22 @@
             }
           ],
           "docsTags": [
+            {
+              "name": "see",
+              "text": "[Introduction to charts](https://developers.arcgis.com/javascript/latest/charts-components-intro/)"
+            },
+            {
+              "name": "see",
+              "text": "[Tutorial: Display a chart](https://developers.arcgis.com/javascript/latest/tutorials/display-and-create-charts-components/)"
+            },
+            {
+              "name": "see",
+              "text": "[Tutorial: Create a heat chart](https://developers.arcgis.com/javascript/latest/tutorials/create-a-heat-chart/)"
+            },
+            {
+              "name": "see",
+              "text": "[Tutorial: Modify a chart](https://developers.arcgis.com/javascript/latest/tutorials/modify-a-chart/)"
+            },
             {
               "name": "since",
               "text": "4.32"
@@ -75,7 +96,7 @@
             {
               "kind": "field",
               "name": "actionMode",
-              "description": "Not applicable to gauge.\nDefines the cursor behavior on the chart (zoom, selection...).",
+              "description": "Specifies the user action behavior for the chart.\n\n- `monoSelection`: Select a single data point or series, new selection replaces the previous one.\n- `multiSelection`: Select multiple data points or series, new selection adds to the previous one.\n- `multiSelectionWithCtrlKey`: Select multiple data points or series while holding the Ctrl key (Cmd on Mac). When the key is held, each new selection is added; otherwise, the selection is replaced.\n- `none`: No action is performed on user interaction.\n- `zoom`: Zoom into a specific area of the chart.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "\"monoSelection\" | \"multiSelection\" | \"multiSelectionWithCtrlKey\" | \"none\" | \"zoom\"",
                 "values": [
@@ -101,9 +122,8 @@
                   }
                 ]
               },
-              "default": "undefined",
+              "default": "multiSelectionWithCtrlKey",
               "attribute": "action-mode",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -118,7 +138,7 @@
             {
               "kind": "field",
               "name": "allowUsingObjectIdStat",
-              "description": "Whether to allow the object id to be used as a statistic other than COUNT.",
+              "description": "Whether to allow the object id to be used as a statistic other than `COUNT`.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -129,7 +149,6 @@
               },
               "default": "false",
               "attribute": "allow-using-object-id-stat",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -141,10 +160,25 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "autoDestroyDisabled",
+              "description": "If true, the chart will not be destroyed automatically when it is disconnected from the document. This is useful when you want to move the chart to a different place on the page, or temporarily hide it.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "auto-destroy-disabled"
+            },
             {
               "kind": "field",
               "name": "autoDisposeChart",
-              "description": "Auto-disposes the chart when a new one is created in the same container.",
+              "description": "Auto disposes the chart when a new one is created in the same container.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -154,8 +188,8 @@
                 ]
               },
               "default": "undefined",
+              "deprecated": "since 5.0. Use [autoDestroyDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-chart/#autoDestroyDisabled)instead.",
               "attribute": "auto-dispose-chart",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -170,7 +204,7 @@
             {
               "kind": "field",
               "name": "autoInverseDataLabelTextColor",
-              "description": "When `true`, the data label text color is automatically inverted based on the data label background color.\nFor example if the data label is dark, and it's on top of a dark color series area, the text color will eventually\nbe set to either the chart's background color or white.",
+              "description": "When `true`, the data label text color is automatically adjusted for readability based on its background.\nIf the label is dark and appears over a dark series area, the text color is switched to either the chart background color or white.\n\n**Note**: Only applicable to bar chart.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -182,10 +216,6 @@
               "default": "undefined",
               "attribute": "auto-inverse-data-label-text-color",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "This feature is currently only available for bar chart."
-                },
                 {
                   "name": "type",
                   "text": "{boolean | undefined}"
@@ -210,11 +240,10 @@
               },
               "default": "undefined",
               "attribute": "chart-index",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "example",
-                  "text": "<arcgis-chart layer-item-id=\"05e015c5f0314db9a487a9b46cb37eca\" chart-index=\"2\"></arcgis-chart>"
+                  "text": "```html\n<arcgis-chart layer-item-id=\"8871626e970a4f3e9d6113ec63a92f2f\" chart-index=\"2\"></arcgis-chart>\n```"
                 },
                 {
                   "name": "type",
@@ -229,7 +258,7 @@
             {
               "kind": "field",
               "name": "chartLimits",
-              "description": "Used to customize the number maximum of bars allowed on the chart.\nThe chart's behavior once that limit is reached can be adjusted through the `behaviorAfterLimit` nested property, to either reject the creation\nor update of the chart, or render the elements up to the given limits.",
+              "description": "Used to customize the number maximum of bars allowed on the chart.\nThe chart's behavior once that limit is reached can be adjusted through the `behaviorAfterLimit` nested property, to either reject the creation\nor update of the chart, or render the elements up to the given limits.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "ChartElementLimit",
                 "references": [
@@ -243,10 +272,6 @@
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{ChartElementLimit | undefined}"
@@ -260,16 +285,12 @@
             {
               "kind": "field",
               "name": "chartWillRender",
-              "description": "Lifecycle function executed after the data has been processed and before the chart renders.\nCan be used to alter the config from information extracted from the data for instance.",
+              "description": "Lifecycle function executed after the data has been processed and before the chart renders.\nCan be used to alter the config from information extracted from the data for instance.\n\n**Note**: Applicable to gauge and pie chart only.",
               "type": {
                 "text": "(((props: {\n    chartConfig: WebChart | WebGaugeChart;\n    data?: WebChartDataTypes | undefined;\n    slices?: Array<WebChartPieChartSlice> | undefined;\n}) => Promise<WebChart | WebGaugeChart>))"
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Applicable to gauge and pie chart only."
-                },
                 {
                   "name": "type",
                   "text": "{PreRenderCallback | undefined}"
@@ -283,7 +304,7 @@
             {
               "kind": "method",
               "name": "clearSelection",
-              "description": "Clears all selection on the chart.",
+              "description": "Clears all selection on the chart.\n\n**Note**: Not applicable to gauge.",
               "return": {
                 "type": {
                   "text": "Promise<void>",
@@ -299,17 +320,12 @@
                 }
               },
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "category",
                   "text": "Public"
                 }
               ],
-              "signature": "(): Promise<void>",
-              "async": true
+              "signature": "(): Promise<void>"
             },
             {
               "kind": "method",
@@ -330,7 +346,6 @@
               },
               "description": "Create a promise that resolves once component is fully loaded.",
               "signature": "(): Promise<void>",
-              "async": true,
               "inheritedFrom": {
                 "name": "LitElement",
                 "package": "@arcgis/lumina"
@@ -345,7 +360,7 @@
             {
               "kind": "field",
               "name": "cursorRange",
-              "description": "Sets the cursor range:\n- CursorRange.MultiAxes: allows to draw a free rectangle\n- CursorRange.XAxis: allows to draw a rectangle bound to the x-axis\n- CursorRange.YAxis: allows to draw a rectangle bound to the y-axis\n- undefined: defaults to a preset behavior according to the chart type and action mode",
+              "description": "Sets the cursor range when `actionMode` is set to `zoom`, `multiSelection` or `multiSelectionWithCtrlKey`.\n\n- `multi-axes`: Allows to draw a free rectangle.\n- `x-axis`: Allows to draw a rectangle bound to the x-axis.\n- `y-axis`: Allows to draw a rectangle bound to the y-axis.\n- `undefined`: Defaults to the preset behavior according to the chart type and action mode.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "\"multi-axes\" | \"x-axis\" | \"y-axis\"",
                 "values": [
@@ -365,12 +380,7 @@
               },
               "default": "undefined",
               "attribute": "cursor-range",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge.\nApplies only when the action mode is set to zoom or multi-selection."
-                },
                 {
                   "name": "type",
                   "text": "{CursorRange | undefined}"
@@ -384,7 +394,7 @@
             {
               "kind": "field",
               "name": "dataLabelFormatter",
-              "description": "A callback function used to format the data labels. If the returned string contains HTML tags they will be interpreted as such.",
+              "description": "A callback function used to format the data labels. If the returned string contains HTML tags they will be interpreted as such.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "(((category: string, value?: number | undefined, percent?: number | undefined, originalCategory?: WebChartDataItemValue) => string)) | (((count: number, binMinValue: number, binMaxValue: number) => string)) | (((statValue: number, percent?: number | undefined) => string)) | (((x: number, y: number, sizePolicyValue?: number | undefined, dataContext?: WebChartDataItem | undefined) => string))",
                 "values": [
@@ -404,10 +414,6 @@
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{BarAndLineDataLabelFormatCallback | undefined}"
@@ -432,7 +438,6 @@
               },
               "default": "false",
               "attribute": "disable-interactions",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -450,7 +455,7 @@
             {
               "kind": "field",
               "name": "disableTogglingLegendItems",
-              "description": "Disables the toggling of series via the legend items.",
+              "description": "Disables the toggling of series via the legend items.\n\n**Note**: Only applicable to multi-series charts.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -461,12 +466,7 @@
               },
               "default": "undefined",
               "attribute": "disable-toggling-legend-items",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Only applicable to multi-series charts."
-                },
                 {
                   "name": "type",
                   "text": "{boolean | undefined}"
@@ -491,7 +491,6 @@
               },
               "default": "false",
               "attribute": "enable-configuration",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -517,7 +516,6 @@
               },
               "default": "undefined",
               "attribute": "enable-responsive-features",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -574,8 +572,7 @@
                   "text": "errorMessage"
                 }
               ],
-              "signature": "(errorMessage?: string): Promise<void>",
-              "async": true
+              "signature": "(errorMessage?: string): Promise<void>"
             },
             {
               "kind": "field",
@@ -596,7 +593,6 @@
               },
               "default": "\"throw\"",
               "attribute": "error-policy",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -607,7 +603,7 @@
             {
               "kind": "method",
               "name": "exportAsCSV",
-              "description": "Export the current chart's data as a CSV file.",
+              "description": "Export the current chart's data as a CSV file.\n\nThe `Options` object can contain the following properties:\n- `columns`: An array of column to include in the CSV file.\n- `delimiter`: The delimiter to use in the CSV file. Default is `,`.\n- `includeHeader`: Whether to include the header row in the CSV file. Default is `true`.\n- `quoteAll`: Whether to quote all values in the CSV file. Default is `false`.\n- `locale`: The locale to use when formatting the CSV file. Default is `en`.\n   * * Locale supported are: \"ar\", \"ar-u-nu-latn\", \"bs\", \"bg\", \"ca\", \"cs\", \"da\", \"de\", \"el\", \"en\", \"en-US\", \"es\", \"et\", \"fi\", \"fr\", \"he\", \"hr\", \"hu\", \"id\", \"it\", \"ja\", \"ko\", \"lt\", \"lv\", \"no\", \"nl\", \"pl\", \"pt-BR\", \"pt-PT\", \"ro\", \"ru\", \"sr\", \"sl\", \"sk\", \"sv\", \"th\", \"tr\", \"uk\", \"vi\", \"zh-CN\", \"zh-HK\", \"zh-TW\"\n\n**Note**: The chart types supported by this method are:\n- Bar chart\n- Box plot\n- Combo bar and line chart\n- Histogram\n- Line chart\n- Pie chart",
               "parameters": [
                 {
                   "name": "options",
@@ -650,24 +646,22 @@
               "docsTags": [
                 {
                   "name": "param",
-                  "text": "options The options to use when exporting the data.\n\nNOTE: This method won't work for scatterplot series. The support charts for this method are:\n- Bar chart\n- Line chart\n- Combo bar-line chart\n- Box plot\n- Histogram\n- Pie chart\n\nThe `Options` object can contain the following properties:\n- `columns` - An array of column to include in the CSV file.\n- `delimiter` - The delimiter to use in the CSV file. Default is `,`.\n- `includeHeader` - Whether to include the header row in the CSV file. Default is `true`.\n- `quoteAll` - Whether to quote all values in the CSV file. Default is `false`.\n- `locale` - The locale to use when formatting the CSV file. Default is `en`.\n* * Locale supported are: \"ar\", \"ar-u-nu-latn\", \"bs\", \"bg\", \"ca\", \"cs\", \"da\", \"de\", \"el\", \"en\", \"en-US\", \"es\", \"et\", \"fi\", \"fr\", \"he\", \"hr\", \"hu\", \"id\", \"it\", \"ja\", \"ko\", \"lt\", \"lv\", \"no\", \"nl\", \"pl\", \"pt-BR\", \"pt-PT\", \"ro\", \"ru\", \"sr\", \"sl\", \"sk\", \"sv\", \"th\", \"tr\", \"uk\", \"vi\", \"zh-CN\", \"zh-HK\", \"zh-TW\""
+                  "text": "options The options to use when exporting the data."
                 },
                 {
                   "name": "category",
                   "text": "Public"
                 }
               ],
-              "signature": "(options?: CSVOptions): Promise<void>",
-              "async": true
+              "signature": "(options?: CSVOptions): Promise<void>"
             },
             {
               "kind": "method",
               "name": "exportAsImage",
-              "description": "Export the current chart as an image.",
+              "description": "Exports the current chart as an image. The default format is PNG, with SVG and JPEG available as alternatives.",
               "parameters": [
                 {
                   "name": "format",
-                  "default": "DownloadableChartImagesTypes.PNG",
                   "type": {
                     "text": "\"jpeg\" | \"png\" | \"svg\"",
                     "values": [
@@ -712,13 +706,12 @@
                 }
               ],
               "signature": "(format?: DownloadableChartImagesTypes): Promise<void>",
-              "async": true,
               "default": "DownloadableChartImagesTypes.PNG"
             },
             {
               "kind": "field",
               "name": "featureIndex",
-              "description": "The index of the feature to be rendered.\nOnly used when the gauge is a feature-based gauge.",
+              "description": "The index of the feature to render when using a feature based gauge.\n\n**Note**: Only applicable to gauge.",
               "type": {
                 "text": "number",
                 "values": [
@@ -728,13 +721,9 @@
                 ]
               },
               "default": "undefined",
+              "deprecated": "since 5.0. Use charts model's [featureIndex](https://developers.arcgis.com/javascript/latest/charts-model/gauge-model/#featureindex) prop instead.",
               "attribute": "feature-index",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Applicable to gauge only."
-                },
                 {
                   "name": "type",
                   "text": "{number | undefined}"
@@ -748,7 +737,7 @@
             {
               "kind": "field",
               "name": "filterByExtent",
-              "description": "When `true`, all chart elements are filtered based on view extent.",
+              "description": "When `true`, all chart elements are filtered based on the view extent.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -759,7 +748,6 @@
               },
               "default": "undefined",
               "attribute": "filter-by-extent",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -774,7 +762,7 @@
             {
               "kind": "field",
               "name": "filterBySelection",
-              "description": "When `true`, all chart elements are filtered based on selection.",
+              "description": "When `true`, all chart elements are filtered based on the selection.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -785,12 +773,7 @@
               },
               "default": "undefined",
               "attribute": "filter-by-selection",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{boolean | undefined}"
@@ -804,16 +787,12 @@
             {
               "kind": "field",
               "name": "gaugeInnerLabelFormatter",
-              "description": "A callback function used to format the gauge inner label. If the returned string contains HTML tags they will be\ninterpreted as such.",
+              "description": "A callback function used to format the gauge inner label. If the returned string contains HTML tags they will be interpreted as such.\n\n**Note**: Applicable to gauge only.",
               "type": {
                 "text": "(((value?: number | undefined) => string))"
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Applicable to gauge only."
-                },
                 {
                   "name": "type",
                   "text": "{GaugeInnerLabelFormatCallback | undefined}"
@@ -827,16 +806,12 @@
             {
               "kind": "field",
               "name": "guideTooltipFormatter",
-              "description": "A callback function used to format the axes guides tooltip. If the returned string contains HTML tags they will be interpreted as such.",
+              "description": "A callback function used to format the axes guides tooltip. If the returned string contains HTML tags they will be interpreted as such.\n\n**Note**: Not applicable to pie chart.",
               "type": {
                 "text": "(((props: GuideTooltipFormatCallbackProps) => string))"
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to pie chart."
-                },
                 {
                   "name": "type",
                   "text": "{GuideTooltipFormatCallback | undefined}"
@@ -850,7 +825,7 @@
             {
               "kind": "field",
               "name": "hideEmptySeries",
-              "description": "When `true`, the empty series are completely hidden from the chart and the legend.\nFor example a series can be empty after applying a data filter, filter by attribute or geometry (as when using the filter by extent).",
+              "description": "When `true`, the empty series are completely hidden from the chart and the legend.\nFor example, a series may become empty after applying a data filter, filter by attribute or geometry (as when using the filter by extent).\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -861,12 +836,7 @@
               },
               "default": "undefined",
               "attribute": "hide-empty-series",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{boolean | undefined}"
@@ -891,7 +861,6 @@
               },
               "default": "undefined",
               "attribute": "hide-license-watermark",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -917,7 +886,6 @@
               },
               "default": "undefined",
               "attribute": "hide-loader-animation",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -932,7 +900,7 @@
             {
               "kind": "field",
               "name": "ignoreSmoothRenderingLimit",
-              "description": "When `true`, disables the default setting that uses debounce functions to handle the visibility of markers\nthat are outside of the plotting area when the min/max bound changes and/or when a zoom action is performed\n(via chart cursor or scrollbar), to increase performance.\nThis property will be set when the chart is created and cannot be updated after that.\nIt's recommended that this property should only be set to true for small datasets.\nWhen left `undefined`, will be treated as `false`.",
+              "description": "When `true`, disables the default setting that uses debounce functions to handle the visibility of markers\nthat are outside of the plotting area when the min/max bound changes and/or when a zoom action is performed\n(via chart cursor or scrollbar), to increase performance.\nThis property will be set when the chart is created and cannot be updated after that.\nIt's recommended that this property should only be set to true for small datasets.\nWhen left `undefined`, will be treated as `false`.\n\n**Note**: Applicable to line chart only.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -943,12 +911,7 @@
               },
               "default": "undefined",
               "attribute": "ignore-smooth-rendering-limit",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Applicable to line chart only."
-                },
                 {
                   "name": "type",
                   "text": "{boolean | undefined}"
@@ -973,7 +936,6 @@
               },
               "default": "false",
               "attribute": "ignore-view-extent",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -1060,7 +1022,6 @@
               },
               "default": "\"refresh\"",
               "attribute": "layer-fields-change-policy",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -1091,7 +1052,6 @@
               },
               "default": "\"refresh\"",
               "attribute": "layer-filter-change-policy",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -1117,11 +1077,10 @@
               },
               "default": "undefined",
               "attribute": "layer-item-id",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "example",
-                  "text": "<arcgis-chart layer-item-id=\"05e015c5f0314db9a487a9b46cb37eca\" chart-index=\"2\"></arcgis-chart>"
+                  "text": "```html\n<arcgis-chart layer-item-id=\"8871626e970a4f3e9d6113ec63a92f2f\" chart-index=\"2\"></arcgis-chart>\n```"
                 },
                 {
                   "name": "type",
@@ -1136,7 +1095,7 @@
             {
               "kind": "field",
               "name": "layerRendererChangePolicy",
-              "description": "Allows the chart to update automatically when the layer's renderer changes.\nApplies when the color match feature is enabled.",
+              "description": "Allows the chart to update automatically when the layer's renderer changes.\nApplies when the color match feature is enabled.\n\n**Note**: If the property is set to `ignore` the chart will use the layer's renderer information when the data is updated.",
               "type": {
                 "text": "\"ignore\" | \"refresh\"",
                 "values": [
@@ -1152,12 +1111,7 @@
               },
               "default": "\"refresh\"",
               "attribute": "layer-renderer-change-policy",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Even though that property is set to Ignore the chart will use the layer's renderer information when the data is updated."
-                },
                 {
                   "name": "type",
                   "text": "{LayerRendererChangePolicy}"
@@ -1171,7 +1125,7 @@
             {
               "kind": "field",
               "name": "legendPosition",
-              "description": "Used to set the legend's position on the chart.",
+              "description": "Sets the legend's position on the chart.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "\"bottom\" | \"left\" | \"right\" | \"top\"",
                 "values": [
@@ -1194,13 +1148,9 @@
                 ]
               },
               "default": "undefined",
+              "deprecated": "since 5.0. Use charts model's [legendPosition](https://developers.arcgis.com/javascript/latest/charts-model/bar-chart-model/#legendPosition) prop instead.",
               "attribute": "legend-position",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{WebChartLegendPositions | undefined}"
@@ -1214,16 +1164,12 @@
             {
               "kind": "field",
               "name": "legendValueLabelFormatter",
-              "description": "A callback function used to format the legend value labels. If the returned string contains HTML tags they will be\ninterpreted as such.\nIf provided, the formatter will be used if at least `WebChartPieChartLegend.displayNumericValue` or `WebChartPieChartLegend.displayPercentage` is true.",
+              "description": "A callback function used to format the legend value labels. If the returned string contains HTML tags they will be interpreted as such.\nIf provided, the formatter will be used if at least `WebChartPieChartLegend.displayNumericValue` or `WebChartPieChartLegend.displayPercentage` is true.\n\n**Note**: Applicable to pie chart only.",
               "type": {
                 "text": "(((value?: number | undefined, percent?: number | undefined) => string))"
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Applicable to pie chart only."
-                },
                 {
                   "name": "type",
                   "text": "{PieChartLegendValueLabelFormatCallback | undefined}"
@@ -1237,7 +1183,7 @@
             {
               "kind": "field",
               "name": "legendVisibility",
-              "description": "When `true`, the legend is visible on the chart.",
+              "description": "When `true`, the legend is visible on the chart.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -1247,13 +1193,9 @@
                 ]
               },
               "default": "undefined",
+              "deprecated": "since 5.0. Use charts model's [legendVisibility](https://developers.arcgis.com/javascript/latest/charts-model/bar-chart-model/#legendVisibility) prop instead.",
               "attribute": "legend-visibility",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{boolean | undefined}"
@@ -1318,13 +1260,25 @@
                   "text": "Public"
                 }
               ],
-              "signature": "(): Promise<void>",
-              "async": true
+              "signature": "(): Promise<void>"
+            },
+            {
+              "kind": "field",
+              "name": "messageOverrides",
+              "description": "Custom message overrides for the chart's strings.",
+              "type": {
+                "text": "Record<string, unknown>"
+              },
+              "docsTags": [
+                {
+                  "name": "public"
+                }
+              ]
             },
             {
               "kind": "field",
               "name": "model",
-              "description": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n**Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
+              "description": "Provides an API to interact with the chart's configuration.\n\n**Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
               "type": {
                 "text": "ChartModel | WebChart",
                 "references": [
@@ -1361,7 +1315,7 @@
             {
               "kind": "method",
               "name": "notify",
-              "description": "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.",
+              "description": "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, consider waiting for the `arcgisUpdateComplete` event.",
               "parameters": [
                 {
                   "name": "message",
@@ -1449,13 +1403,12 @@
                   "text": "options The options to apply to the notification panel."
                 }
               ],
-              "signature": "(message?: string, heading?: string, options?: NotifyOptions): Promise<void>",
-              "async": true
+              "signature": "(message?: string, heading?: string, options?: NotifyOptions): Promise<void>"
             },
             {
               "kind": "field",
               "name": "nullAsValid",
-              "description": "Whether to consider a `null` statistic as valid. If set to `false` and the data has only\nnull values, the chart's dataset will be considered empty:\n- the corresponding warning event will be sent\n- the \"no data\" message will be displayed (unless `showUIMesssages` is set to `false`)",
+              "description": "Whether to consider a `null` statistic as valid. If set to `false` and the data has only null values, the chart's dataset will be considered empty:\n- the corresponding warning event will be sent\n- the \"no data\" message will be displayed (unless `showUIMesssages` is set to `false`)",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -1466,7 +1419,6 @@
               },
               "default": "false",
               "attribute": "null-as-valid",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -1492,7 +1444,6 @@
               },
               "default": "undefined",
               "attribute": "placeholder",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -1518,7 +1469,6 @@
               },
               "default": "undefined",
               "attribute": "queue-chart-creation",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -1539,13 +1489,13 @@
                   "name": "props",
                   "optional": true,
                   "type": {
-                    "text": "undefined | {\n    updateData?: boolean | undefined;\n    resetAxesBounds?: boolean | undefined;\n    updateExtent?: boolean | undefined;\n}",
+                    "text": "undefined | {\n    updateData?: boolean | undefined;\n    resetAxesBounds?: boolean | undefined;\n}",
                     "values": [
                       {
                         "type": "undefined"
                       },
                       {
-                        "type": "{\n    updateData?: boolean | undefined;\n    resetAxesBounds?: boolean | undefined;\n    updateExtent?: boolean | undefined;\n}"
+                        "type": "{\n    updateData?: boolean | undefined;\n    resetAxesBounds?: boolean | undefined;\n}"
                       }
                     ]
                   }
@@ -1570,10 +1520,6 @@
                   "name": "param",
                   "text": "props.updateData Indicates whether to fetch new data. Default: true."
                 },
-                {
-                  "name": "param",
-                  "text": "props.updateExtent Indicates whether the view's extent is to update. Default: false."
-                },
                 {
                   "name": "param",
                   "text": "props.resetAxesBounds Option to reset the axes bounds along with the refresh. Default: false;"
@@ -1583,8 +1529,7 @@
                   "text": "Public"
                 }
               ],
-              "signature": "(props?: { updateData?: boolean; resetAxesBounds?: boolean; updateExtent?: boolean; }): Promise<void>",
-              "async": true
+              "signature": "(props?: { updateData?: boolean; resetAxesBounds?: boolean; }): Promise<void>"
             },
             {
               "kind": "field",
@@ -1600,7 +1545,6 @@
               },
               "default": "undefined",
               "attribute": "replace-no-value-category-with-zero",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -1615,7 +1559,7 @@
             {
               "kind": "method",
               "name": "resetZoom",
-              "description": "Resets the chart zoom to bring it back to full extent",
+              "description": "Resets the chart zoom to bring it back to full extent\n\n**Note**: Applicable to XY charts only.",
               "return": {
                 "type": {
                   "text": "Promise<void>",
@@ -1631,22 +1575,17 @@
                 }
               },
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Applicable to XY charts only."
-                },
                 {
                   "name": "category",
                   "text": "Public"
                 }
               ],
-              "signature": "(): Promise<void>",
-              "async": true
+              "signature": "(): Promise<void>"
             },
             {
               "kind": "field",
               "name": "returnFeaturesExtent",
-              "description": "When `true`, the features extent will be returned through the `arcgisDataProcessComplete` and `arcgisSelectionComplete` events payload.\nApplies only to:\n- charts using an aggregation\n- data source using a feature layer compatible with envelope aggregation\nThe extent (IExtent) is returned through a property called `arcgis_charts_features_extent`.",
+              "description": "When `true`, the features extent will be returned through the `arcgisDataProcessComplete` and `arcgisSelectionComplete` events payload.\nApplies only to:\n- charts using an aggregation\n- data source using a feature layer compatible with envelope aggregation\nThe extent (IExtent) is returned through a property called `arcgis_charts_features_extent`.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -1657,12 +1596,7 @@
               },
               "default": "undefined",
               "attribute": "return-features-extent",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{boolean | undefined}"
@@ -1676,7 +1610,7 @@
             {
               "kind": "field",
               "name": "returnSelectionIndexes",
-              "description": "When `true`, the selection indexes will be computed whenever a selection is made on or passed to the chart.",
+              "description": "When `true`, the selection indexes will be computed whenever a selection is made on or passed to the chart.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -1687,12 +1621,7 @@
               },
               "default": "undefined",
               "attribute": "return-selection-indexes",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{boolean | undefined}"
@@ -1706,7 +1635,7 @@
             {
               "kind": "field",
               "name": "returnSelectionOIDs",
-              "description": "When `true`, the object ids will be computed whenever a selection is made on or passed to the chart.\nOnly considered for a data source using a feature layer.",
+              "description": "When `true`, the object ids will be computed whenever a selection is made on or passed to the chart.\nOnly considered for a data source using a feature layer.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -1717,12 +1646,7 @@
               },
               "default": "undefined",
               "attribute": "return-selection-oi-ds",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{boolean | undefined}"
@@ -1736,7 +1660,7 @@
             {
               "kind": "field",
               "name": "rotation",
-              "description": "Applicable to bar chart, line chart, combo bar-line and box plot.\nWhen `true`, the chart is rotated 90 degrees so that the x-axis becomes vertical and the y-axis becomes horizontal.",
+              "description": "When `true`, the chart is rotated 90 degrees so that the x-axis becomes vertical and the y-axis becomes horizontal.\n\n**Note**: Applicable to bar chart, line chart, combo bar and line chart and box plot.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -1746,8 +1670,8 @@
                 ]
               },
               "default": "undefined",
+              "deprecated": "since 5.0. Use charts model's [rotatedState](https://developers.arcgis.com/javascript/latest/charts-model/bar-chart-model/#rotatedstate) prop instead.",
               "attribute": "rotation",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -1762,9 +1686,9 @@
             {
               "kind": "field",
               "name": "runtimeDataFilters",
-              "description": "Applies runtime data filters to the chart's.",
+              "description": "Applies runtime data filters to the chart.",
               "type": {
-                "text": "{\n    spatialRelationship?: \"intersects\" | \"contains\" | \"crosses\" | \"disjoint\" | \"envelope-intersects\" | \"index-intersects\" | \"overlaps\" | \"touches\" | \"within\" | \"relation\" | undefined;\n    distance?: number | undefined;\n    gdbVersion?: string | undefined;\n    geometry?: IPoint | IPolyline | IPolygon | IPolygonWithCurves | IEnvelope | IExtent | undefined;\n    objectIds?: Array<number> | undefined;\n    timeExtent?: [number, number] | undefined;\n    units?: RESTUnits | undefined;\n    where?: string | undefined;\n}"
+                "text": "{\n    spatialRelationship?: \"intersects\" | \"contains\" | \"crosses\" | \"disjoint\" | \"envelope-intersects\" | \"index-intersects\" | \"overlaps\" | \"touches\" | \"within\" | \"relation\" | undefined;\n    distance?: number | undefined;\n    gdbVersion?: string | undefined;\n    geometry?: IPoint | IPolyline | IPolygon | IPolygonWithCurves | IEnvelope | IExtent | undefined;\n    objectIds?: Array<string | number> | undefined;\n    timeExtent?: [number, number] | undefined;\n    units?: RESTUnits | undefined;\n    where?: string | undefined;\n}"
               },
               "default": "undefined",
               "docsTags": [
@@ -1781,16 +1705,12 @@
             {
               "kind": "field",
               "name": "secondaryYAxisLabelFormatter",
-              "description": "A callback function used to format the secondary y-axis labels. If the returned string contains HTML tags they will be interpreted as such.\nThe property will be effective only if 3 axes are defined (dual axis chart).",
+              "description": "A callback function used to format the secondary y-axis labels. If the returned string contains HTML tags they will be interpreted as such.\nThe property will be effective only if 3 axes are defined (dual axis chart).\n\n**Note**: Not applicable to pie chart or gauge.",
               "type": {
                 "text": "(((value: string | number | Date | null, originalValue?: WebChartDataItemValue) => string))"
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to pie chart nor gauge."
-                },
                 {
                   "name": "type",
                   "text": "{AxisLabelFormatCallback | undefined}"
@@ -1804,7 +1724,7 @@
             {
               "kind": "field",
               "name": "selectionData",
-              "description": "When this property is set, it will apply a selection on the chart matching the provided selection.",
+              "description": "When this property is set, it will apply a selection on the chart matching the provided selection.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "SelectionData",
                 "references": [
@@ -1818,10 +1738,6 @@
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{SelectionData | undefined}"
@@ -1835,7 +1751,7 @@
             {
               "kind": "field",
               "name": "selectionTheme",
-              "description": "Used to provide a customized theme for the selected and non selected elements.\nIf no style is provided for the selected elements, a default selection is applied.\nIf no style is provided for the non selected elements, the chart's style is applied.",
+              "description": "Used to provide a customized theme for the selected and non selected elements.\nIf no style is provided for the selected elements, a default selection is applied.\nIf no style is provided for the non selected elements, the chart's style is applied.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "SelectionTheme",
                 "references": [
@@ -1849,10 +1765,6 @@
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{SelectionTheme | undefined}"
@@ -1866,7 +1778,7 @@
             {
               "kind": "field",
               "name": "setTimeBinningInfoWhenNotProvided",
-              "description": "When `true`, the series properties `unit` and `size` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.",
+              "description": "When `true`, the series properties `unit` and `size` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.\n\n**Note**: Only applicable to charts using the temporal binning feature (bar chart, line chart, combo bar and line chart, radar chart).",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -1877,12 +1789,7 @@
               },
               "default": "undefined",
               "attribute": "set-time-binning-info-when-not-provided",
-              "reflects": true,
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Only applicable to charts using the temporal binning feature (bar and line chart)."
-                },
                 {
                   "name": "type",
                   "text": "{boolean | undefined}"
@@ -1896,7 +1803,7 @@
             {
               "kind": "field",
               "name": "showUIMessages",
-              "description": "Whether to display or hide all UI messages (e.g. no data warnings, or when the logarithmic scale can't be applied to an\naxis when the data contains values <= 0).",
+              "description": "Whether to display or hide all UI messages (e.g. no data warnings, or when the logarithmic scale can't be applied to an axis when the data contains values <= 0).",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -1907,7 +1814,6 @@
               },
               "default": "undefined",
               "attribute": "show-ui-messages",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -1922,7 +1828,7 @@
             {
               "kind": "method",
               "name": "switchSelection",
-              "description": "Switches the selection on the chart.",
+              "description": "Switches the selection on the chart.\n\n**Note**: Not applicable to gauge.",
               "return": {
                 "type": {
                   "text": "Promise<void>",
@@ -1938,17 +1844,12 @@
                 }
               },
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "category",
                   "text": "Public"
                 }
               ],
-              "signature": "(): Promise<void>",
-              "async": true
+              "signature": "(): Promise<void>"
             },
             {
               "kind": "field",
@@ -1964,7 +1865,6 @@
               },
               "default": "false",
               "attribute": "sync-selection",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -1995,7 +1895,6 @@
               },
               "default": "\"disabled",
               "attribute": "sync-selections-between-chart-and-layer-view-policy",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -2021,7 +1920,6 @@
               },
               "default": "undefined",
               "attribute": "time-zone",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -2036,7 +1934,7 @@
             {
               "kind": "field",
               "name": "tooltipFormatter",
-              "description": "A callback function used to format the tooltips. If the returned string contains HTML tags they will be interpreted as such.",
+              "description": "A callback function used to format the tooltips. If the returned string contains HTML tags they will be interpreted as such.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "(((category: string, value?: number | undefined, percent?: number | undefined, originalCategory?: WebChartDataItemValue) => string)) | (((count: number, binMinValue: number, binMaxValue: number) => string)) | (((props: BarAndLineTooltipFormatCallbackProps) => string)) | (((props: BoxPlotTooltipFormatCallbackProps) => string)) | (((x: number, y: number, sizePolicyValue?: number | undefined, dataContext?: WebChartDataItem | undefined) => string))",
                 "values": [
@@ -2059,10 +1957,6 @@
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to gauge."
-                },
                 {
                   "name": "type",
                   "text": "{BarAndLineTooltipFormatCallback | undefined}"
@@ -2076,7 +1970,7 @@
             {
               "kind": "field",
               "name": "updateSplitBySeries",
-              "description": "Whether to update the series when the data updates while the chart uses a split-by field configuration.\nIf `addMissingSeries` is set to `true` the missing series will be added to cover the split-by values not referenced\nby the config.\nThe default information from the property `updateSplitBySeries.seriesTemplate` will be applied to the new series.",
+              "description": "Whether to update the series when the data updates while the chart uses a split-by field configuration.\nIf `addMissingSeries` is set to `true` the missing series will be added to cover the split-by values not referenced by the config.\nThe default information from the property `updateSplitBySeries.seriesTemplate` will be applied to the new series.\n\n**Note**: Applicable only to bar chart, line chart and box plot when a split-by field is used.",
               "type": {
                 "text": "MissingSplitBySeriesProps",
                 "references": [
@@ -2090,10 +1984,6 @@
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Only applicable to bar chart, line chart and box plot, when they use a split-by field."
-                },
                 {
                   "name": "type",
                   "text": "{MissingSplitBySeriesProps | undefined}"
@@ -2118,7 +2008,6 @@
               },
               "default": "undefined",
               "attribute": "use-animated-charts",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -2144,7 +2033,6 @@
               },
               "default": "undefined",
               "attribute": "use-popup-template-fields-info",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -2159,7 +2047,7 @@
             {
               "kind": "field",
               "name": "view",
-              "description": "Used to access the LayerView instance in order to perform client-side queries.",
+              "description": "Used to access the feature layer view instance in order to perform client side queries.",
               "type": {
                 "text": "MapView | SceneView",
                 "references": [
@@ -2204,7 +2092,7 @@
             {
               "kind": "field",
               "name": "viewTimeExtentChangePolicy",
-              "description": "Whether the chart should be refreshed when the view's time extent changes.\nThis is not currently supported on histogram. Setting the property to \"refresh\" won't have any effect on that chart.",
+              "description": "Whether the chart should be refreshed when the view's time extent changes.\n\n**Note**: Not supported for histogram.",
               "type": {
                 "text": "\"ignore\" | \"refresh\"",
                 "values": [
@@ -2220,7 +2108,6 @@
               },
               "default": "\"ignore\"",
               "attribute": "view-time-extent-change-policy",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "type",
@@ -2235,16 +2122,12 @@
             {
               "kind": "field",
               "name": "xAxisLabelFormatter",
-              "description": "Indicates whether to show the ArcGIS charts notify panel. False by default\nA callback function used to format the x-axis labels. If the returned string contains HTML tags they will be interpreted as such.",
+              "description": "Indicates whether to show the ArcGIS charts notify panel. False by default\nA callback function used to format the x-axis labels. If the returned string contains HTML tags they will be interpreted as such.\n\n**Note**: Not applicable to pie chart.",
               "type": {
                 "text": "(((value: string | number | Date | null, originalValue?: WebChartDataItemValue) => string))"
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to pie chart."
-                },
                 {
                   "name": "type",
                   "text": "{AxisLabelFormatCallback | undefined}"
@@ -2258,16 +2141,12 @@
             {
               "kind": "field",
               "name": "yAxisLabelFormatter",
-              "description": "A callback function used to format the y-axis labels. If the returned string contains HTML tags they will be interpreted as such.",
+              "description": "A callback function used to format the y-axis labels. If the returned string contains HTML tags they will be interpreted as such.\n\n**Note**: Not applicable to pie chart or gauge.",
               "type": {
                 "text": "(((value: string | number | Date | null, originalValue?: WebChartDataItemValue) => string))"
               },
               "default": "undefined",
               "docsTags": [
-                {
-                  "name": "remarks",
-                  "text": "Not applicable to pie chart nor gauge."
-                },
                 {
                   "name": "type",
                   "text": "{AxisLabelFormatCallback | undefined}"
@@ -2282,7 +2161,7 @@
           "attributes": [
             {
               "name": "action-mode",
-              "description": "Not applicable to gauge.\nDefines the cursor behavior on the chart (zoom, selection...).",
+              "description": "Specifies the user action behavior for the chart.\n\n- `monoSelection`: Select a single data point or series, new selection replaces the previous one.\n- `multiSelection`: Select multiple data points or series, new selection adds to the previous one.\n- `multiSelectionWithCtrlKey`: Select multiple data points or series while holding the Ctrl key (Cmd on Mac). When the key is held, each new selection is added; otherwise, the selection is replaced.\n- `none`: No action is performed on user interaction.\n- `zoom`: Zoom into a specific area of the chart.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "\"monoSelection\" | \"multiSelection\" | \"multiSelectionWithCtrlKey\" | \"none\" | \"zoom\"",
                 "values": [
@@ -2308,12 +2187,12 @@
                   }
                 ]
               },
-              "default": "undefined",
+              "default": "multiSelectionWithCtrlKey",
               "fieldName": "actionMode"
             },
             {
               "name": "allow-using-object-id-stat",
-              "description": "Whether to allow the object id to be used as a statistic other than COUNT.",
+              "description": "Whether to allow the object id to be used as a statistic other than `COUNT`.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2325,9 +2204,23 @@
               "default": "false",
               "fieldName": "allowUsingObjectIdStat"
             },
+            {
+              "name": "auto-destroy-disabled",
+              "description": "If true, the chart will not be destroyed automatically when it is disconnected from the document. This is useful when you want to move the chart to a different place on the page, or temporarily hide it.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "autoDestroyDisabled"
+            },
             {
               "name": "auto-dispose-chart",
-              "description": "Auto-disposes the chart when a new one is created in the same container.",
+              "description": "Auto disposes the chart when a new one is created in the same container.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2337,11 +2230,12 @@
                 ]
               },
               "default": "undefined",
-              "fieldName": "autoDisposeChart"
+              "fieldName": "autoDisposeChart",
+              "deprecated": "since 5.0. Use [autoDestroyDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-chart/#autoDestroyDisabled)instead."
             },
             {
               "name": "auto-inverse-data-label-text-color",
-              "description": "When `true`, the data label text color is automatically inverted based on the data label background color.\nFor example if the data label is dark, and it's on top of a dark color series area, the text color will eventually\nbe set to either the chart's background color or white.",
+              "description": "When `true`, the data label text color is automatically adjusted for readability based on its background.\nIf the label is dark and appears over a dark series area, the text color is switched to either the chart background color or white.\n\n**Note**: Only applicable to bar chart.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2369,7 +2263,7 @@
             },
             {
               "name": "cursor-range",
-              "description": "Sets the cursor range:\n- CursorRange.MultiAxes: allows to draw a free rectangle\n- CursorRange.XAxis: allows to draw a rectangle bound to the x-axis\n- CursorRange.YAxis: allows to draw a rectangle bound to the y-axis\n- undefined: defaults to a preset behavior according to the chart type and action mode",
+              "description": "Sets the cursor range when `actionMode` is set to `zoom`, `multiSelection` or `multiSelectionWithCtrlKey`.\n\n- `multi-axes`: Allows to draw a free rectangle.\n- `x-axis`: Allows to draw a rectangle bound to the x-axis.\n- `y-axis`: Allows to draw a rectangle bound to the y-axis.\n- `undefined`: Defaults to the preset behavior according to the chart type and action mode.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "\"multi-axes\" | \"x-axis\" | \"y-axis\"",
                 "values": [
@@ -2406,7 +2300,7 @@
             },
             {
               "name": "disable-toggling-legend-items",
-              "description": "Disables the toggling of series via the legend items.",
+              "description": "Disables the toggling of series via the legend items.\n\n**Note**: Only applicable to multi-series charts.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2467,7 +2361,7 @@
             },
             {
               "name": "feature-index",
-              "description": "The index of the feature to be rendered.\nOnly used when the gauge is a feature-based gauge.",
+              "description": "The index of the feature to render when using a feature based gauge.\n\n**Note**: Only applicable to gauge.",
               "type": {
                 "text": "number",
                 "values": [
@@ -2477,11 +2371,12 @@
                 ]
               },
               "default": "undefined",
-              "fieldName": "featureIndex"
+              "fieldName": "featureIndex",
+              "deprecated": "since 5.0. Use charts model's [featureIndex](https://developers.arcgis.com/javascript/latest/charts-model/gauge-model/#featureindex) prop instead."
             },
             {
               "name": "filter-by-extent",
-              "description": "When `true`, all chart elements are filtered based on view extent.",
+              "description": "When `true`, all chart elements are filtered based on the view extent.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2495,7 +2390,7 @@
             },
             {
               "name": "filter-by-selection",
-              "description": "When `true`, all chart elements are filtered based on selection.",
+              "description": "When `true`, all chart elements are filtered based on the selection.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2509,7 +2404,7 @@
             },
             {
               "name": "hide-empty-series",
-              "description": "When `true`, the empty series are completely hidden from the chart and the legend.\nFor example a series can be empty after applying a data filter, filter by attribute or geometry (as when using the filter by extent).",
+              "description": "When `true`, the empty series are completely hidden from the chart and the legend.\nFor example, a series may become empty after applying a data filter, filter by attribute or geometry (as when using the filter by extent).\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2551,7 +2446,7 @@
             },
             {
               "name": "ignore-smooth-rendering-limit",
-              "description": "When `true`, disables the default setting that uses debounce functions to handle the visibility of markers\nthat are outside of the plotting area when the min/max bound changes and/or when a zoom action is performed\n(via chart cursor or scrollbar), to increase performance.\nThis property will be set when the chart is created and cannot be updated after that.\nIt's recommended that this property should only be set to true for small datasets.\nWhen left `undefined`, will be treated as `false`.",
+              "description": "When `true`, disables the default setting that uses debounce functions to handle the visibility of markers\nthat are outside of the plotting area when the min/max bound changes and/or when a zoom action is performed\n(via chart cursor or scrollbar), to increase performance.\nThis property will be set when the chart is created and cannot be updated after that.\nIt's recommended that this property should only be set to true for small datasets.\nWhen left `undefined`, will be treated as `false`.\n\n**Note**: Applicable to line chart only.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2631,7 +2526,7 @@
             },
             {
               "name": "layer-renderer-change-policy",
-              "description": "Allows the chart to update automatically when the layer's renderer changes.\nApplies when the color match feature is enabled.",
+              "description": "Allows the chart to update automatically when the layer's renderer changes.\nApplies when the color match feature is enabled.\n\n**Note**: If the property is set to `ignore` the chart will use the layer's renderer information when the data is updated.",
               "type": {
                 "text": "\"ignore\" | \"refresh\"",
                 "values": [
@@ -2650,7 +2545,7 @@
             },
             {
               "name": "legend-position",
-              "description": "Used to set the legend's position on the chart.",
+              "description": "Sets the legend's position on the chart.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "\"bottom\" | \"left\" | \"right\" | \"top\"",
                 "values": [
@@ -2673,11 +2568,12 @@
                 ]
               },
               "default": "undefined",
-              "fieldName": "legendPosition"
+              "fieldName": "legendPosition",
+              "deprecated": "since 5.0. Use charts model's [legendPosition](https://developers.arcgis.com/javascript/latest/charts-model/bar-chart-model/#legendPosition) prop instead."
             },
             {
               "name": "legend-visibility",
-              "description": "When `true`, the legend is visible on the chart.",
+              "description": "When `true`, the legend is visible on the chart.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2687,11 +2583,12 @@
                 ]
               },
               "default": "undefined",
-              "fieldName": "legendVisibility"
+              "fieldName": "legendVisibility",
+              "deprecated": "since 5.0. Use charts model's [legendVisibility](https://developers.arcgis.com/javascript/latest/charts-model/bar-chart-model/#legendVisibility) prop instead."
             },
             {
               "name": "null-as-valid",
-              "description": "Whether to consider a `null` statistic as valid. If set to `false` and the data has only\nnull values, the chart's dataset will be considered empty:\n- the corresponding warning event will be sent\n- the \"no data\" message will be displayed (unless `showUIMesssages` is set to `false`)",
+              "description": "Whether to consider a `null` statistic as valid. If set to `false` and the data has only null values, the chart's dataset will be considered empty:\n- the corresponding warning event will be sent\n- the \"no data\" message will be displayed (unless `showUIMesssages` is set to `false`)",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2747,7 +2644,7 @@
             },
             {
               "name": "return-features-extent",
-              "description": "When `true`, the features extent will be returned through the `arcgisDataProcessComplete` and `arcgisSelectionComplete` events payload.\nApplies only to:\n- charts using an aggregation\n- data source using a feature layer compatible with envelope aggregation\nThe extent (IExtent) is returned through a property called `arcgis_charts_features_extent`.",
+              "description": "When `true`, the features extent will be returned through the `arcgisDataProcessComplete` and `arcgisSelectionComplete` events payload.\nApplies only to:\n- charts using an aggregation\n- data source using a feature layer compatible with envelope aggregation\nThe extent (IExtent) is returned through a property called `arcgis_charts_features_extent`.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2761,7 +2658,7 @@
             },
             {
               "name": "return-selection-indexes",
-              "description": "When `true`, the selection indexes will be computed whenever a selection is made on or passed to the chart.",
+              "description": "When `true`, the selection indexes will be computed whenever a selection is made on or passed to the chart.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2775,7 +2672,7 @@
             },
             {
               "name": "return-selection-oi-ds",
-              "description": "When `true`, the object ids will be computed whenever a selection is made on or passed to the chart.\nOnly considered for a data source using a feature layer.",
+              "description": "When `true`, the object ids will be computed whenever a selection is made on or passed to the chart.\nOnly considered for a data source using a feature layer.\n\n**Note**: Not applicable to gauge.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2789,7 +2686,7 @@
             },
             {
               "name": "rotation",
-              "description": "Applicable to bar chart, line chart, combo bar-line and box plot.\nWhen `true`, the chart is rotated 90 degrees so that the x-axis becomes vertical and the y-axis becomes horizontal.",
+              "description": "When `true`, the chart is rotated 90 degrees so that the x-axis becomes vertical and the y-axis becomes horizontal.\n\n**Note**: Applicable to bar chart, line chart, combo bar and line chart and box plot.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2799,11 +2696,12 @@
                 ]
               },
               "default": "undefined",
-              "fieldName": "rotation"
+              "fieldName": "rotation",
+              "deprecated": "since 5.0. Use charts model's [rotatedState](https://developers.arcgis.com/javascript/latest/charts-model/bar-chart-model/#rotatedstate) prop instead."
             },
             {
               "name": "set-time-binning-info-when-not-provided",
-              "description": "When `true`, the series properties `unit` and `size` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.",
+              "description": "When `true`, the series properties `unit` and `size` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.\n\n**Note**: Only applicable to charts using the temporal binning feature (bar chart, line chart, combo bar and line chart, radar chart).",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2817,7 +2715,7 @@
             },
             {
               "name": "show-ui-messages",
-              "description": "Whether to display or hide all UI messages (e.g. no data warnings, or when the logarithmic scale can't be applied to an\naxis when the data contains values <= 0).",
+              "description": "Whether to display or hide all UI messages (e.g. no data warnings, or when the logarithmic scale can't be applied to an axis when the data contains values <= 0).",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2906,7 +2804,7 @@
             },
             {
               "name": "view-time-extent-change-policy",
-              "description": "Whether the chart should be refreshed when the view's time extent changes.\nThis is not currently supported on histogram. Setting the property to \"refresh\" won't have any effect on that chart.",
+              "description": "Whether the chart should be refreshed when the view's time extent changes.\n\n**Note**: Not supported for histogram.",
               "type": {
                 "text": "\"ignore\" | \"refresh\"",
                 "values": [
@@ -3000,7 +2898,7 @@
             },
             {
               "name": "arcgisDataFetchComplete",
-              "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.",
+              "description": "Event triggered once the chart data has been fetched but not yet fully processed.\nOnly supported for pie chart at the moment.\nFor instance it can be useful to see all the slices before they get grouped into an 'other' slice during the post-processing step.",
               "type": {
                 "text": "WebChartBoxPlotDataItem | WebChartGenericDataItem | WebChartHistogramDataItem | WebChartScatterplotDataItem",
                 "references": [
@@ -3114,6 +3012,22 @@
                 }
               ]
             },
+            {
+              "name": "arcgisRenderingComplete",
+              "description": "Event triggered once the chart rendering is complete",
+              "type": {
+                "text": "void"
+              },
+              "docsTags": [
+                {
+                  "name": "type",
+                  "text": "{EventEmitter}"
+                },
+                {
+                  "name": "event"
+                }
+              ]
+            },
             {
               "name": "arcgisRuntimeError",
               "description": "Event triggered when an error occurred that prevents the chart from being created or updated",
@@ -3221,22 +3135,22 @@
           "kind": "custom-element-definition",
           "name": "arcgis-chart",
           "declaration": {
-            "name": "ArcgisChart",
-            "module": "src/components/chart/chart.tsx"
+            "name": "ArcgisChart"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/charts-action-bar/charts-action-bar.tsx",
+      "path": "components/arcgis-charts-action-bar",
+      "sourcePath": "src/components/charts-action-bar/charts-action-bar.tsx",
       "declarations": [
         {
           "kind": "class",
           "customElement": true,
           "name": "ArcgisChartsActionBar",
           "tagName": "arcgis-charts-action-bar",
-          "description": "The ArcGIS charts action bar component enhances chart functionality by offering context-specific actions such as rotation, zooming, and filtering.\nIt also supports general actions like exporting the chart as an image or CSV.\nThis component is designed to be used with a chart component and is not intended for standalone use.\n\nSee also:\n- [Tutorial: Charts components with Map components using charts action bar](https://developers.arcgis.com/javascript/latest/tutorials/charts-components-with-map-components/)",
+          "description": "The Charts Action Bar component provides context-specific actions such as rotation, zooming, and filtering, as well as general actions like exporting the chart as an image or CSV file.\nThis component is designed to be used with a chart component and is not intended for standalone use.",
           "demos": [
             {
               "description": "Docs",
@@ -3248,6 +3162,10 @@
             }
           ],
           "docsTags": [
+            {
+              "name": "see",
+              "text": "[Tutorial: Chart and map interactions](https://developers.arcgis.com/javascript/latest/tutorials/chart-and-map-interactions/)"
+            },
             {
               "name": "since",
               "text": "4.29"
@@ -3263,7 +3181,7 @@
             {
               "kind": "field",
               "name": "actionBarSelectionMode",
-              "description": "Action bar selection mode. Defines which selection mode the slotted action bar should use.",
+              "description": "Defines which selection mode the slotted action bar should use.\n- `monoSelection`: Select a single data point/series, new selection replaces the previous one.\n- `multiSelection`: Select multiple data points/series, new selection adds to the previous one.\n- `multiSelectionWithCtrlKey`: Select multiple data points/series while holding the Ctrl key (Cmd key on Mac), new selection adds to the previous one.",
               "type": {
                 "text": "\"monoSelection\" | \"multiSelection\" | \"multiSelectionWithCtrlKey\"",
                 "values": [
@@ -3283,7 +3201,6 @@
               },
               "default": "\"multiSelectionWithCtrlKey\"",
               "attribute": "action-bar-selection-mode",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3374,7 +3291,6 @@
               },
               "default": "undefined",
               "attribute": "chart-type",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3389,7 +3305,7 @@
             {
               "kind": "field",
               "name": "clearSelectionState",
-              "description": "When disabled, interaction with the clear selection action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the clear selection action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -3405,7 +3321,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "clear-selection-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3431,7 +3346,6 @@
               },
               "default": "undefined",
               "attribute": "clear-selection-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3446,7 +3360,7 @@
             {
               "kind": "field",
               "name": "clearSelectionToggle",
-              "description": "When active, the clear selection action is highlighted.",
+              "description": "When `active`, the clear selection action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -3462,7 +3376,6 @@
               },
               "default": "\"inactive\"",
               "attribute": "clear-selection-toggle",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3493,7 +3406,6 @@
               },
               "description": "Create a promise that resolves once component is fully loaded.",
               "signature": "(): Promise<void>",
-              "async": true,
               "inheritedFrom": {
                 "name": "LitElement",
                 "package": "@arcgis/lumina"
@@ -3522,7 +3434,6 @@
                 ]
               },
               "default": "[WebChartTypes.ScatterSeries, WebChartTypes.BoxPlotSeries]",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3537,7 +3448,7 @@
             {
               "kind": "field",
               "name": "editChartState",
-              "description": "When disabled, interaction with the edit chart action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the edit chart action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -3553,7 +3464,6 @@
               },
               "default": "\"disabled\"",
               "attribute": "edit-chart-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3579,7 +3489,6 @@
               },
               "default": "undefined",
               "attribute": "edit-chart-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3594,7 +3503,7 @@
             {
               "kind": "field",
               "name": "editChartToggle",
-              "description": "When active, the edit chart action is highlighted.",
+              "description": "When `active`, the edit chart action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -3610,7 +3519,6 @@
               },
               "default": "\"inactive\"",
               "attribute": "edit-chart-toggle",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3636,7 +3544,6 @@
               },
               "default": "false",
               "attribute": "expanded",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3651,7 +3558,7 @@
             {
               "kind": "field",
               "name": "exportActionState",
-              "description": "When disabled, interaction with the export action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the export action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -3667,7 +3574,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "export-action-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3682,7 +3588,7 @@
             {
               "kind": "field",
               "name": "exportAsCSVState",
-              "description": "When disabled, interaction with the download CSV is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the download CSV is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -3698,7 +3604,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "export-as-csv-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3724,7 +3629,6 @@
               },
               "default": "undefined",
               "attribute": "export-as-csv-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3739,7 +3643,7 @@
             {
               "kind": "field",
               "name": "exportAsImageState",
-              "description": "When disabled, interaction with the download image is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the download image is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -3755,7 +3659,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "export-as-image-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3781,7 +3684,6 @@
               },
               "default": "undefined",
               "attribute": "export-as-image-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3796,7 +3698,7 @@
             {
               "kind": "field",
               "name": "filterByExtentState",
-              "description": "When disabled, interaction with the filter by extent action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the filter by extent action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -3812,7 +3714,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "filter-by-extent-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3838,7 +3739,6 @@
               },
               "default": "undefined",
               "attribute": "filter-by-extent-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3853,7 +3753,7 @@
             {
               "kind": "field",
               "name": "filterByExtentToggle",
-              "description": "When active, the filter by extent action is highlighted.",
+              "description": "When `active`, the filter by extent action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -3869,7 +3769,6 @@
               },
               "default": "\"inactive\"",
               "attribute": "filter-by-extent-toggle",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3884,7 +3783,7 @@
             {
               "kind": "field",
               "name": "filterBySelectionState",
-              "description": "When disabled, interaction with the filter by selection action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the filter by selection action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -3900,7 +3799,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "filter-by-selection-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3926,7 +3824,6 @@
               },
               "default": "undefined",
               "attribute": "filter-by-selection-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3941,7 +3838,7 @@
             {
               "kind": "field",
               "name": "filterBySelectionToggle",
-              "description": "When active, the filter by selection action is highlighted.",
+              "description": "When `active`, the filter by selection action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -3957,7 +3854,6 @@
               },
               "default": "\"inactive\"",
               "attribute": "filter-by-selection-toggle",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3979,7 +3875,6 @@
               },
               "default": "false",
               "attribute": "force-disable-actions",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -3994,7 +3889,7 @@
             {
               "kind": "field",
               "name": "fullExtentState",
-              "description": "When disabled, interaction with the full extent action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the full extent action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4010,7 +3905,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "full-extent-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4036,7 +3930,6 @@
               },
               "default": "undefined",
               "attribute": "full-extent-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4051,7 +3944,7 @@
             {
               "kind": "field",
               "name": "fullExtentToggle",
-              "description": "When active, the full extent action is highlighted.",
+              "description": "When `active`, the full extent action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -4067,7 +3960,6 @@
               },
               "default": "\"inactive\"",
               "attribute": "full-extent-toggle",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4084,7 +3976,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\" | \"zoom\" | \"editChart\" | \"fullExtent\" | \"filterBySelection\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"exportAsImage\" | \"exportAsCSV\">",
+                "text": "Array<\"legend\" | \"zoom\" | \"fullExtent\" | \"filterBySelection\" | \"editChart\" | \"filterByExtent\" | \"rotateChart\" | \"selection\" | \"clearSelection\" | \"switchSelection\" | \"exportAsImage\" | \"exportAsCSV\">",
                 "references": [
                   {
                     "name": "Array",
@@ -4110,7 +4002,7 @@
             {
               "kind": "field",
               "name": "legendState",
-              "description": "When disabled, interaction with the legend action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the legend action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4126,7 +4018,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "legend-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4152,7 +4043,6 @@
               },
               "default": "undefined",
               "attribute": "legend-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4167,7 +4057,7 @@
             {
               "kind": "field",
               "name": "legendToggle",
-              "description": "When active, the legend action is highlighted.",
+              "description": "When `active`, the legend action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -4183,7 +4073,6 @@
               },
               "default": "\"inactive\"",
               "attribute": "legend-toggle",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4206,7 +4095,7 @@
             {
               "kind": "field",
               "name": "rotateChartState",
-              "description": "When disabled, interaction with the rotate chart action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the rotate chart action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4222,7 +4111,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "rotate-chart-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4248,7 +4136,6 @@
               },
               "default": "undefined",
               "attribute": "rotate-chart-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4263,7 +4150,7 @@
             {
               "kind": "field",
               "name": "rotateChartToggle",
-              "description": "When active, the rotate chart action is highlighted.",
+              "description": "When `active`, the rotate chart action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -4279,7 +4166,6 @@
               },
               "default": "\"inactive\"",
               "attribute": "rotate-chart-toggle",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4294,7 +4180,7 @@
             {
               "kind": "field",
               "name": "selectionState",
-              "description": "When disabled, interaction with the selection action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the selection action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4310,7 +4196,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "selection-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4336,7 +4221,6 @@
               },
               "default": "undefined",
               "attribute": "selection-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4351,7 +4235,7 @@
             {
               "kind": "field",
               "name": "selectionToggle",
-              "description": "When active, the selection action is highlighted.",
+              "description": "When `active`, the selection action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -4367,7 +4251,6 @@
               },
               "default": "\"inactive\"",
               "attribute": "selection-toggle",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4382,7 +4265,7 @@
             {
               "kind": "field",
               "name": "switchSelectionState",
-              "description": "When disabled, interaction with the switch selection action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the switch selection action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4398,7 +4281,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "switch-selection-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4424,7 +4306,6 @@
               },
               "default": "undefined",
               "attribute": "switch-selection-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4439,7 +4320,7 @@
             {
               "kind": "field",
               "name": "switchSelectionToggle",
-              "description": "When active, the switch selection action is highlighted.",
+              "description": "When `active`, the switch selection action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -4455,7 +4336,6 @@
               },
               "default": "\"inactive\"",
               "attribute": "switch-selection-toggle",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4470,7 +4350,7 @@
             {
               "kind": "field",
               "name": "zoomState",
-              "description": "When disabled, interaction with the zoom action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the zoom action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4486,7 +4366,6 @@
               },
               "default": "\"enabled\"",
               "attribute": "zoom-state",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4512,7 +4391,6 @@
               },
               "default": "undefined",
               "attribute": "zoom-title",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4527,7 +4405,7 @@
             {
               "kind": "field",
               "name": "zoomToggle",
-              "description": "When active, the zoom action is highlighted.",
+              "description": "When `active`, the zoom action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -4543,7 +4421,6 @@
               },
               "default": "\"inactive\"",
               "attribute": "zoom-toggle",
-              "reflects": true,
               "docsTags": [
                 {
                   "name": "category",
@@ -4559,7 +4436,7 @@
           "attributes": [
             {
               "name": "action-bar-selection-mode",
-              "description": "Action bar selection mode. Defines which selection mode the slotted action bar should use.",
+              "description": "Defines which selection mode the slotted action bar should use.\n- `monoSelection`: Select a single data point/series, new selection replaces the previous one.\n- `multiSelection`: Select multiple data points/series, new selection adds to the previous one.\n- `multiSelectionWithCtrlKey`: Select multiple data points/series while holding the Ctrl key (Cmd key on Mac), new selection adds to the previous one.",
               "type": {
                 "text": "\"monoSelection\" | \"multiSelection\" | \"multiSelectionWithCtrlKey\"",
                 "values": [
@@ -4633,7 +4510,7 @@
             },
             {
               "name": "clear-selection-state",
-              "description": "When disabled, interaction with the clear selection action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the clear selection action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4666,7 +4543,7 @@
             },
             {
               "name": "clear-selection-toggle",
-              "description": "When active, the clear selection action is highlighted.",
+              "description": "When `active`, the clear selection action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -4685,7 +4562,7 @@
             },
             {
               "name": "edit-chart-state",
-              "description": "When disabled, interaction with the edit chart action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the edit chart action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4718,7 +4595,7 @@
             },
             {
               "name": "edit-chart-toggle",
-              "description": "When active, the edit chart action is highlighted.",
+              "description": "When `active`, the edit chart action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -4751,7 +4628,7 @@
             },
             {
               "name": "export-action-state",
-              "description": "When disabled, interaction with the export action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the export action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4770,7 +4647,7 @@
             },
             {
               "name": "export-as-csv-state",
-              "description": "When disabled, interaction with the download CSV is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the download CSV is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4803,7 +4680,7 @@
             },
             {
               "name": "export-as-image-state",
-              "description": "When disabled, interaction with the download image is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the download image is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4836,7 +4713,7 @@
             },
             {
               "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.",
+              "description": "When `disabled`, interaction with the filter by extent action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4869,7 +4746,7 @@
             },
             {
               "name": "filter-by-extent-toggle",
-              "description": "When active, the filter by extent action is highlighted.",
+              "description": "When `active`, the filter by extent action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -4888,7 +4765,7 @@
             },
             {
               "name": "filter-by-selection-state",
-              "description": "When disabled, interaction with the filter by selection action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the filter by selection action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4921,7 +4798,7 @@
             },
             {
               "name": "filter-by-selection-toggle",
-              "description": "When active, the filter by selection action is highlighted.",
+              "description": "When `active`, the filter by selection action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -4954,7 +4831,7 @@
             },
             {
               "name": "full-extent-state",
-              "description": "When disabled, interaction with the full extent action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the full extent action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -4987,7 +4864,7 @@
             },
             {
               "name": "full-extent-toggle",
-              "description": "When active, the full extent action is highlighted.",
+              "description": "When `active`, the full extent action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -5006,7 +4883,7 @@
             },
             {
               "name": "legend-state",
-              "description": "When disabled, interaction with the legend action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the legend action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -5039,7 +4916,7 @@
             },
             {
               "name": "legend-toggle",
-              "description": "When active, the legend action is highlighted.",
+              "description": "When `active`, the legend action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -5058,7 +4935,7 @@
             },
             {
               "name": "rotate-chart-state",
-              "description": "When disabled, interaction with the rotate chart action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the rotate chart action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -5091,7 +4968,7 @@
             },
             {
               "name": "rotate-chart-toggle",
-              "description": "When active, the rotate chart action is highlighted.",
+              "description": "When `active`, the rotate chart action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -5110,7 +4987,7 @@
             },
             {
               "name": "selection-state",
-              "description": "When disabled, interaction with the selection action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the selection action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -5143,7 +5020,7 @@
             },
             {
               "name": "selection-toggle",
-              "description": "When active, the selection action is highlighted.",
+              "description": "When `active`, the selection action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -5162,7 +5039,7 @@
             },
             {
               "name": "switch-selection-state",
-              "description": "When disabled, interaction with the switch selection action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the switch selection action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -5195,7 +5072,7 @@
             },
             {
               "name": "switch-selection-toggle",
-              "description": "When active, the switch selection action is highlighted.",
+              "description": "When `active`, the switch selection action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -5214,7 +5091,7 @@
             },
             {
               "name": "zoom-state",
-              "description": "When disabled, interaction with the zoom action is prevented and the component is displayed with lower opacity.",
+              "description": "When `disabled`, interaction with the zoom action is prevented and the component is displayed with lower opacity.",
               "type": {
                 "text": "\"disabled\" | \"enabled\"",
                 "values": [
@@ -5247,7 +5124,7 @@
             },
             {
               "name": "zoom-toggle",
-              "description": "When active, the zoom action is highlighted.",
+              "description": "When `active`, the zoom action is highlighted.",
               "type": {
                 "text": "\"active\" | \"inactive\"",
                 "values": [
@@ -5268,7 +5145,7 @@
           "events": [
             {
               "name": "arcgisActionBarToggle",
-              "description": "Event triggered once action bar expand is toggled",
+              "description": "Event triggered once action bar expand is toggled.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -5289,7 +5166,7 @@
             },
             {
               "name": "arcgisDefaultActionSelect",
-              "description": "Event triggered once a default action is selected",
+              "description": "Event triggered once a default action is selected.",
               "type": {
                 "text": "{\n    actionId: DefaultChartActions;\n    actionActive: boolean;\n}"
               },
@@ -5321,8 +5198,7 @@
           "kind": "custom-element-definition",
           "name": "arcgis-charts-action-bar",
           "declaration": {
-            "name": "ArcgisChartsActionBar",
-            "module": "src/components/charts-action-bar/charts-action-bar.tsx"
+            "name": "ArcgisChartsActionBar"
           }
         }
       ]