@arcgis/charts-components 5.0.0-next.123 → 5.0.0-next.125

package/dist/components/arcgis-charts-config-select-chart-type-popover/customElement.js

@@ -1,13 +1,15 @@
-import { c as l } from "../../chunks/runtime.js";
-import { css as c, html as a } from "lit";
+import { c } from "../../chunks/runtime.js";
+import { css as l, html as a } from "lit";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
+import "luxon";
 import "d3-array";
 import "../../chunks/series-types.js";
 import "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@esri/arcgis-html-sanitizer";
 import "@arcgis/core/intl.js";
 import "@arcgis/core/layers/support/FeatureFilter.js";
 import "@arcgis/core/smartMapping/statistics/histogram.js";
@@ -23,22 +25,22 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/toolkit/dom";
 import { e as r } from "../../chunks/popover-ui-utils.js";
-import { U as n } from "../../chunks/chart-ui-utils2.js";
-import { u as p } from "../../chunks/useT9n.js";
+import { U as p } from "../../chunks/chart-ui-utils2.js";
+import { u as n } from "../../chunks/useT9n.js";
 import { createRef as h, ref as m } from "lit/directives/ref.js";
-import { LitElement as d, createEvent as o, safeClassMap as s } from "@arcgis/lumina";
+import { LitElement as d, createEvent as s, safeClassMap as o } from "@arcgis/lumina";
 import { M as e } from "../../chunks/common.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.123 */
+v5.0.0-next.125 */
 const i = {
   selectChartComponent: "select-chart-component",
   jsAppFlyout: "js-app-flyout",
   panel: "panel"
-}, g = c`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`;
-class f extends d {
+}, g = l`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`;
+class C extends d {
   constructor() {
-    super(...arguments), this._messages = p(), this.selectChartTypePopover = h(), this.arcgisChartsConfigPopoverClose = o(), this.arcgisChartsConfigSelectChartTypeChange = o();
+    super(...arguments), this._messages = n(), this.selectChartTypePopover = h(), this.arcgisChartsConfigPopoverClose = s(), this.arcgisChartsConfigSelectChartTypeChange = s();
   }
   static {
     this.properties = { messageOverrides: 0, headerTitle: 1, layerId: 1, open: 5, referenceElement: 0, popoverPlacement: 1, selectedModelType: 1 };
@@ -52,7 +54,7 @@ class f extends d {
   updated() {
     r(this.selectChartTypePopover.value, this.open), this.hasUpdated || setTimeout(() => {
       this.selectChartTypePopover.value?.reposition();
-    }, n.PopoverTimer);
+    }, p.PopoverTimer);
   }
   buildChartTypesList() {
     return a`<calcite-list label @click=${this.onChartTypeClick}><calcite-list-item .label=${this._messages.barChart} .value=${e.BarChart} .selected=${this.selectedModelType === e.BarChart}><calcite-icon slot=content-start icon=graph-bar></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.lineChart} .value=${e.LineChart} .selected=${this.selectedModelType === e.LineChart}><calcite-icon slot=content-start icon=graph-time-series></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.pieChart} .value=${e.PieChart} .selected=${this.selectedModelType === e.PieChart}><calcite-icon slot=content-start icon=pie-chart></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.histogram} .value=${e.Histogram} .selected=${this.selectedModelType === e.Histogram}><calcite-icon slot=content-start icon=graph-histogram></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.scatterplot} .value=${e.Scatterplot} .selected=${this.selectedModelType === e.Scatterplot}><calcite-icon slot=content-start icon=graph-scatter-plot></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.boxPlot} .value=${e.BoxPlot} .selected=${this.selectedModelType === e.BoxPlot}><calcite-icon slot=content-start icon=box-chart></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.calendarHeatChart} .value=${e.HeatChart} .selected=${this.selectedModelType === e.HeatChart}><calcite-icon slot=content-start icon=calendar-heat-chart></calcite-icon></calcite-list-item></calcite-list>`;
@@ -71,13 +73,13 @@ class f extends d {
     }, 250);
   }
   render() {
-    return a`<div class=${s({
+    return a`<div class=${o({
       [i.selectChartComponent]: !0,
       [i.jsAppFlyout]: !0
-    })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.popoverPlacement} .flipPlacements=${["top", "bottom"]} @calcitePopoverOpen=${this.popoverOpen} @calcitePopoverClose=${this.popoverClose} .open=${this.open} auto-close label ${m(this.selectChartTypePopover)}><calcite-panel class=${s(i.panel)} .heading=${this.headerTitle ?? this._messages.chooseChartType} closable @calcitePanelClose=${this.popoverClose} .closed=${!this.open}>${this.buildChartTypesList()}</calcite-panel></calcite-popover></div>`;
+    })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.popoverPlacement} .flipPlacements=${["top", "bottom"]} @calcitePopoverOpen=${this.popoverOpen} @calcitePopoverClose=${this.popoverClose} .open=${this.open} auto-close label ${m(this.selectChartTypePopover)}><calcite-panel class=${o(i.panel)} .heading=${this.headerTitle ?? this._messages.chooseChartType} closable @calcitePanelClose=${this.popoverClose} .closed=${!this.open}>${this.buildChartTypesList()}</calcite-panel></calcite-popover></div>`;
   }
 }
-l("arcgis-charts-config-select-chart-type-popover", f);
+c("arcgis-charts-config-select-chart-type-popover", C);
 export {
-  f as ArcgisChartsConfigSelectChartTypePopover
+  C as ArcgisChartsConfigSelectChartTypePopover
 };

package/dist/components/arcgis-charts-config-view-charts/customElement.js

@@ -2,12 +2,14 @@ import { c as d } from "../../chunks/runtime.js";
 import { keyed as m } from "lit/directives/keyed.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
+import "luxon";
 import "d3-array";
 import "../../chunks/series-types.js";
 import "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@esri/arcgis-html-sanitizer";
 import "@arcgis/core/intl.js";
 import "@arcgis/core/layers/support/FeatureFilter.js";
 import "@arcgis/core/smartMapping/statistics/histogram.js";
@@ -30,7 +32,7 @@ import { LitElement as v, createEvent as s, safeClassMap as c, renderElement as
 import { repeat as w } from "lit/directives/repeat.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.123 */
+v5.0.0-next.125 */
 const n = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2026-01-13T05:13:47",
+  "timestamp": "2026-01-14T19:27:45",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.123",
+    "version": "5.0.0-next.125",
     "typescriptVersion": "5.9.3"
   },
   "schemaVersion": "2.1.0",
@@ -1390,29 +1390,6 @@
                       }
                     ]
                   }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "NotifyOptions | undefined",
-                    "references": [
-                      {
-                        "name": "NotifyOptions",
-                        "module": "dist/chart-rendering/common/interfaces.d.ts",
-                        "start": 0,
-                        "end": 13
-                      }
-                    ],
-                    "values": [
-                      {
-                        "type": "NotifyOptions"
-                      },
-                      {
-                        "type": "undefined"
-                      }
-                    ]
-                  }
                 }
               ],
               "return": {
@@ -1429,7 +1406,7 @@
                   ]
                 }
               },
-              "signature": "(message?: string, heading?: string, options?: NotifyOptions): Promise<void>"
+              "signature": "(message?: string, heading?: string): Promise<void>"
             },
             {
               "kind": "method",
@@ -2306,6 +2283,30 @@
                 "text": "void"
               }
             },
+            {
+              "name": "arcgisInvalidConfigWarningRaise",
+              "description": "Event triggered when an invalid configuration is detected.",
+              "type": {
+                "text": "DataWarningObject",
+                "references": [
+                  {
+                    "name": "DataWarningObject",
+                    "module": "dist/utils/chart-config/validator/interfaces.d.ts",
+                    "start": 0,
+                    "end": 17
+                  }
+                ]
+              },
+              "docsTags": [
+                {
+                  "name": "type",
+                  "text": "{EventEmitter<DataWarningObject>}"
+                },
+                {
+                  "name": "event"
+                }
+              ]
+            },
             {
               "name": "arcgisLegendItemVisibilityChange",
               "description": "Event triggered once a legend item visibility has been changed.",
@@ -4000,6 +4001,157 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/arcgis-charts-config-info-modal",
+      "sourcePath": "src/components/charts-config-info-modal/charts-config-info-modal.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisChartsConfigInfoModal",
+          "tagName": "arcgis-charts-config-info-modal",
+          "pascalCaseName": "ArcgisChartsConfigInfoModal",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-charts-config-info-modal/"
+            }
+          ],
+          "superclass": {
+            "name": "PublicLitElement",
+            "module": "PublicLitElement",
+            "package": "@arcgis/lumina"
+          },
+          "members": [
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "\"\"",
+              "attribute": "heading"
+            },
+            {
+              "kind": "field",
+              "name": "message",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "\"\"",
+              "attribute": "message"
+            },
+            {
+              "kind": "field",
+              "name": "showErrorModalInfo",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "show-error-modal-info"
+            },
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisChartsConfigInfoModal = document.querySelector(\"arcgis-charts-config-info-modal\");\ndocument.body.append(arcgisChartsConfigInfoModal);\nawait arcgisChartsConfigInfoModal.componentOnReady();\nconsole.log(\"arcgis-charts-config-info-modal is ready to go!\");\n```"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "Promise<this>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "inheritedFrom": {
+                "name": "PublicLitElement",
+                "module": "PublicLitElement",
+                "package": "@arcgis/lumina"
+              },
+              "signature": "(): Promise<this>"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "heading",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "\"\"",
+              "fieldName": "heading"
+            },
+            {
+              "name": "message",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "\"\"",
+              "fieldName": "message"
+            },
+            {
+              "name": "show-error-modal-info",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "showErrorModalInfo"
+            }
+          ],
+          "importPath": "components/arcgis-charts-config-info-modal"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-charts-config-info-modal",
+          "declaration": {
+            "name": "ArcgisChartsConfigInfoModal"
+          }
+        }
+      ]
     }
   ]
 }

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2026-01-13T05:13:47",
+  "timestamp": "2026-01-14T19:27:45",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.123",
+    "version": "5.0.0-next.125",
     "typescriptVersion": "5.9.3"
   },
   "components": [
@@ -1714,7 +1714,7 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "(message?: string, heading?: string, options?: NotifyOptions): Promise<void>",
+            "signature": "(message?: string, heading?: string): Promise<void>",
             "parameters": [
               {
                 "name": "message",
@@ -1725,11 +1725,6 @@
                 "name": "heading",
                 "type": "string | undefined",
                 "docs": ""
-              },
-              {
-                "name": "options",
-                "type": "NotifyOptions | undefined",
-                "docs": ""
               }
             ],
             "return": "Promise<void>",
@@ -1738,15 +1733,10 @@
                 "location": "import",
                 "path": "typescript/lib/lib.es5.d.ts",
                 "id": "notImplemented"
-              },
-              "NotifyOptions": {
-                "location": "local",
-                "path": "dist/chart-rendering/common/interfaces.d.ts",
-                "id": "notImplemented"
               }
             }
           },
-          "signature": "notify(message?: string, heading?: string, options?: NotifyOptions): Promise<void>",
+          "signature": "notify(message?: string, heading?: string): Promise<void>",
           "parameters": [
             {
               "name": "message",
@@ -1757,11 +1747,6 @@
               "name": "heading",
               "type": "string | undefined",
               "docs": ""
-            },
-            {
-              "name": "options",
-              "type": "NotifyOptions | undefined",
-              "docs": ""
             }
           ],
           "docs": "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.",
@@ -1997,6 +1982,34 @@
           "docs": "Event triggered when an error occurred while fetching of processing the data for the chart.",
           "docsTags": []
         },
+        {
+          "event": "arcgisInvalidConfigWarningRaise",
+          "detail": "DataWarningObject",
+          "bubbles": true,
+          "complexType": {
+            "original": "DataWarningObject",
+            "resolved": "DataWarningObject",
+            "references": {
+              "DataWarningObject": {
+                "location": "local",
+                "path": "dist/utils/chart-config/validator/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event triggered when an invalid configuration is detected.",
+          "docsTags": [
+            {
+              "name": "type",
+              "text": "{EventEmitter<DataWarningObject>}"
+            },
+            {
+              "name": "event"
+            }
+          ]
+        },
         {
           "event": "arcgisLegendItemVisibilityChange",
           "detail": "{\n    legendItemVisibility: LegendItemVisibility;\n    model: ChartModel | undefined;\n}",
@@ -3324,6 +3337,131 @@
       ],
       "parts": [],
       "listeners": []
+    },
+    {
+      "filePath": "src/components/charts-config-info-modal/charts-config-info-modal.tsx",
+      "tag": "arcgis-charts-config-info-modal",
+      "overview": "",
+      "readme": "",
+      "usage": {},
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "superclass",
+          "text": "{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"
+        }
+      ],
+      "encapsulation": "shadow",
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {},
+      "props": [
+        {
+          "name": "heading",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "heading",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "message",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "message",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "showErrorModalInfo",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "show-error-modal-info",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "componentOnReady",
+          "returns": {
+            "type": "Promise<this>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(): Promise<this>",
+            "parameters": [],
+            "return": "Promise<this>",
+            "references": {
+              "Promise": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "signature": "componentOnReady(): Promise<this>",
+          "parameters": [],
+          "docs": "Create a promise that resolves once component is fully loaded.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "```js\nconst arcgisChartsConfigInfoModal = document.querySelector(\"arcgis-charts-config-info-modal\");\ndocument.body.append(arcgisChartsConfigInfoModal);\nawait arcgisChartsConfigInfoModal.componentOnReady();\nconsole.log(\"arcgis-charts-config-info-modal is ready to go!\");\n```"
+            },
+            {
+              "name": "inheritedFrom",
+              "text": "{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"
+            }
+          ]
+        }
+      ],
+      "events": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "listeners": []
     }
   ],
   "typeLibrary": {}

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

@@ -4,7 +4,7 @@
   "tags": [
     {
       "name": "arcgis-chart",
-      "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.\n--\n\n### Events\n- **arcgisAxesMinMaxChange** - Event triggered once the chart axes min/max values are computed.\n- **arcgisBadDataWarningRaise** - Event triggered when an error is detected with the data set.\n- **arcgisChartNotFoundWarning** - Event triggered when the chart is not found for the given `chartIndex` property.\n- **arcgisConfigChange** - Event triggered when the chart config is changed.\n- **arcgisDataFetchComplete** - Event triggered once the chart data has been fetched but not yet fully processed.\n\nFor instance it can be useful to see all the slices before they get grouped into an 'other' slice during the post-processing step.\n\n**Note**: Applicable to pie chart only.\n- **arcgisDataProcessComplete** - Event triggered once the chart data has been processed.\n- **arcgisDataProcessError** - Event triggered when an error occurred while fetching of processing the data for the chart.\n- **arcgisLegendItemVisibilityChange** - Event triggered once a legend item visibility has been changed.\n- **arcgisNoRenderPropChange** - Event triggered when a no-render prop is changed.\n- **arcgisRenderingComplete** - Event triggered once the chart rendering is complete.\n- **arcgisRuntimeError** - Event triggered when an error occurred that prevents the chart from being created or updated.\n- **arcgisSelectionComplete** - Event triggered when a selection is applied to the chart.\n- **arcgisSeriesColorChange** - Event triggered once the chart series color have been assigned.\n- **arcgisSeriesOrder** - Event carrying the series id as they have been sorted following the `orderOptions` instructions.\n- **arcgisUpdateComplete** - Event triggered once the chart is updated.\n\n### Methods\n- `clearSelection(): Promise<void>` - Clears all selection on the chart.\n\n**Note**: Not applicable to gauge.\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n- `errorAlert(errorMessage?: string): Promise<void>` - Triggers an alert to display an error message.\n- `exportAsCSV(options?: CSVOptions): Promise<void>` - Export the current chart's data as a CSV file.\n\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**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\n- `exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>` - Exports the current chart as an image. The default format is PNG, with SVG and JPEG available as alternatives.\n- `loadModel(): Promise<void>` - Returns a promise that resolves when the chart model is fully loaded.\n- `notify(message?: string, heading?: string, options?: NotifyOptions): Promise<void>` - Notify method allows passing external messages to the chart component.\nIt can be used to pass validation or information messages.\nIn a situation where a config update is overriding your notification modal, consider waiting for the `arcgisUpdateComplete` event.\n- `refresh(props?: { updateData?: boolean; resetAxesBounds?: boolean; }): Promise<void>` - Re-render the chart.\n- `resetZoom(): Promise<void>` - Resets the chart zoom to bring it back to full extent\n\n**Note**: Applicable to XY charts only.\n- `switchSelection(): Promise<void>` - Switches the selection on the chart.\n\n**Note**: Not applicable to gauge.\n\n### Slots\n- **action-bar** - Slot for adding a `charts-action-bar` component or `calcite-action-bar`.",
+      "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.\n--\n\n### Events\n- **arcgisAxesMinMaxChange** - Event triggered once the chart axes min/max values are computed.\n- **arcgisBadDataWarningRaise** - Event triggered when an error is detected with the data set.\n- **arcgisChartNotFoundWarning** - Event triggered when the chart is not found for the given `chartIndex` property.\n- **arcgisConfigChange** - Event triggered when the chart config is changed.\n- **arcgisDataFetchComplete** - Event triggered once the chart data has been fetched but not yet fully processed.\n\nFor instance it can be useful to see all the slices before they get grouped into an 'other' slice during the post-processing step.\n\n**Note**: Applicable to pie chart only.\n- **arcgisDataProcessComplete** - Event triggered once the chart data has been processed.\n- **arcgisDataProcessError** - Event triggered when an error occurred while fetching of processing the data for the chart.\n- **arcgisInvalidConfigWarningRaise** - Event triggered when an invalid configuration is detected.\n- **arcgisLegendItemVisibilityChange** - Event triggered once a legend item visibility has been changed.\n- **arcgisNoRenderPropChange** - Event triggered when a no-render prop is changed.\n- **arcgisRenderingComplete** - Event triggered once the chart rendering is complete.\n- **arcgisRuntimeError** - Event triggered when an error occurred that prevents the chart from being created or updated.\n- **arcgisSelectionComplete** - Event triggered when a selection is applied to the chart.\n- **arcgisSeriesColorChange** - Event triggered once the chart series color have been assigned.\n- **arcgisSeriesOrder** - Event carrying the series id as they have been sorted following the `orderOptions` instructions.\n- **arcgisUpdateComplete** - Event triggered once the chart is updated.\n\n### Methods\n- `clearSelection(): Promise<void>` - Clears all selection on the chart.\n\n**Note**: Not applicable to gauge.\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n- `errorAlert(errorMessage?: string): Promise<void>` - Triggers an alert to display an error message.\n- `exportAsCSV(options?: CSVOptions): Promise<void>` - Export the current chart's data as a CSV file.\n\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**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\n- `exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>` - Exports the current chart as an image. The default format is PNG, with SVG and JPEG available as alternatives.\n- `loadModel(): Promise<void>` - Returns a promise that resolves when the chart model is fully loaded.\n- `notify(message?: string, heading?: string): Promise<void>` - Notify method allows passing external messages to the chart component.\nIt can be used to pass validation or information messages.\nIn a situation where a config update is overriding your notification modal, consider waiting for the `arcgisUpdateComplete` event.\n- `refresh(props?: { updateData?: boolean; resetAxesBounds?: boolean; }): Promise<void>` - Re-render the chart.\n- `resetZoom(): Promise<void>` - Resets the chart zoom to bring it back to full extent\n\n**Note**: Applicable to XY charts only.\n- `switchSelection(): Promise<void>` - Switches the selection on the chart.\n\n**Note**: Not applicable to gauge.\n\n### Slots\n- **action-bar** - Slot for adding a `charts-action-bar` component or `calcite-action-bar`.",
       "attributes": [
         {
           "name": "action-mode",
@@ -767,6 +767,30 @@
           "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-charts-action-bar--demo&singleStory=true"
         }
       ]
+    },
+    {
+      "name": "arcgis-charts-config-info-modal",
+      "description": "### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.",
+      "attributes": [
+        {
+          "name": "heading",
+          "values": []
+        },
+        {
+          "name": "message",
+          "values": []
+        },
+        {
+          "name": "show-error-modal-info",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-charts-config-info-modal/"
+        }
+      ]
     }
   ]
 }