@arcgis/charts-components 5.0.0-next.13 → 5.0.0-next.131

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

@@ -4,62 +4,33 @@ import { ModelTypes } from '../../model';
 
 /** @private */
 export declare class ArcgisChartsConfigSelectChartTypePopover extends LitElement {
-    /** Overwrite localized strings for this component */
+    /** Overwrite localized strings for this component. */
     messageOverrides?: typeof this._messages._overrides;
-    /**
-     * header title string to be shown for the component.
-     *
-     * @category Public
-     */
+    /** Header title string to be shown for the component. */
     headerTitle?: string;
-    /**
-     * Id of the layer associated with the chart to be added.
-     *
-     * @category Public
-     */
+    /** Id of the layer associated with the chart to be added. */
     layerId?: string;
     /**
      * Open the closed panel.
      *
-     * @category Public
      * @default false
      */
     open?: boolean;
-    /**
-     * Reference element to position the popover off of
-     *
-     * @category Public
-     */
+    /** Reference element to position the popover off of. */
     referenceElement?: HTMLCalciteFabElement;
-    /**
-     * Reference element to position the popover off of
-     *
-     * @category Public
-     */
+    /** Placement of the popover. */
     popoverPlacement?: HTMLCalcitePopoverElement["placement"];
-    /**
-     * The chart type selected
-     *
-     * @category Public
-     */
-    selectedModelType?: Extract<ModelTypes, "barChart" | "boxPlot" | "histogram" | "lineChart" | "pieChart" | "scatterplot">;
-    /**
-     * Calls `reposition()` method on popover element.
-     *
-     * @category Public
-     */
+    /** The chart type selected. */
+    selectedModelType?: Extract<ModelTypes, "barChart" | "boxPlot" | "heatChart" | "histogram" | "lineChart" | "pieChart" | "scatterplot">;
+    /** Calls `reposition()` method on popover element. */
     reposition(): Promise<void>;
-    /**
-     * Event emitted when the chart type is closed.
-     *
-     * @category Public
-     */
+    /** Event emitted when the chart type is closed. */
     readonly arcgisChartsConfigPopoverClose: TargetedEvent<this, void>;
-    /**
-     * Event emitted when the chart type is selected.
-     *
-     * @category Public
-     */
+    /** Event emitted when the chart type is selected. */
     readonly arcgisChartsConfigSelectChartTypeChange: TargetedEvent<this, void>;
     private _messages;
+    "@eventTypes": {
+        "arcgisChartsConfigPopoverClose": ArcgisChartsConfigSelectChartTypePopover["arcgisChartsConfigPopoverClose"]["detail"];
+        "arcgisChartsConfigSelectChartTypeChange": ArcgisChartsConfigSelectChartTypePopover["arcgisChartsConfigSelectChartTypeChange"]["detail"];
+    };
 }

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

@@ -1,35 +1,44 @@
-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 "../../chunks/series-types.js";
 import "d3-array";
-import "../../chunks/interfaces.js";
+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 "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.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.13 */
+v5.0.0-next.131 */
 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 };
@@ -43,28 +52,32 @@ 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>`;
+    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>`;
   }
   onChartTypeClick(t) {
     t.target?.localName === "calcite-list-item" ? this.selectedModelType = t.target?.value : this.selectedModelType = t.target?.parentNode?.value, this.arcgisChartsConfigSelectChartTypeChange.emit();
   }
   popoverOpen() {
-    setTimeout(async () => await this.selectChartTypePopover.value?.setFocus(), 250);
+    setTimeout(() => {
+      this.selectChartTypePopover.value?.setFocus();
+    }, 250);
   }
   popoverClose() {
-    this.open = !1, this.arcgisChartsConfigPopoverClose.emit(), setTimeout(async () => await this.referenceElement?.setFocus(), 250);
+    this.open = !1, this.arcgisChartsConfigPopoverClose.emit(), setTimeout(() => {
+      this.referenceElement?.setFocus();
+    }, 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.d.ts

@@ -1,85 +1,58 @@
 /// <reference path="../../index.d.ts" />
 import { ChartModel } from '../../model';
-import { SupportedLayer } from '../../spec';
 import { default as Sublayer } from '@arcgis/core/layers/support/Sublayer';
 import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ModelListChangePayload } from '../../utils/components/event-payloads';
+import { SupportedLayer } from '../../interfaces';
 
 /** @private */
 export declare class ArcgisChartsConfigViewCharts extends LitElement {
-    /** Overwrite localized strings for this component */
+    /** Overwrite localized strings for this component. */
     messageOverrides?: typeof this._messages._overrides;
-    /**
-     * The selectedChartId uniquely identifies the current selected chart in a layer or array of charts.
-     *
-     * @category Public
-     */
+    /** The `selectedChartId` uniquely identifies the current selected chart in a layer or array of charts. */
     selectedChartId?: string;
-    /**
-     * The layer object associated with the charts.
-     *
-     * @category Public
-     */
+    /** The layer object associated with the charts. */
     layer?: Sublayer | SupportedLayer;
-    /**
-     * Array of chart models passed to this component to view the different charts
-     *
-     * @category Public
-     */
+    /** Array of chart models passed to this component to view the different charts. */
     modelList?: ChartModel[];
     /**
      * Prevents the list from being placed in a group. Mainly to avoid showing the layer title header.
      *
-     * @category Public
      * @default false
      */
     noGroup: boolean;
     /**
      * Disable the three-dot menu for editing, renaming & deleting charts and disable re-ordering charts position in the charts list. Useful if the list is only intended for viewing.
      *
-     * @category Public
      * @default false
      */
     disableEditing: boolean;
-    /**
-     * Event emitted when the model list order changes.
-     *
-     * @event
-     */
+    /** Event emitted when the model list order changes. */
     readonly arcgisChartsConfigModelListReorder: TargetedEvent<this, ModelListChangePayload>;
-    /**
-     * Event emitted when the chart to view changes.
-     *
-     * @event
-     */
+    /** Event emitted when the chart to view changes. */
     readonly arcgisChartsConfigViewChartAddChart: TargetedEvent<this, {
         referenceElement: HTMLCalciteFabElement;
         layerId: string | undefined;
     }>;
-    /**
-     * Event emitted when the chart is deleted.
-     *
-     * @event
-     */
+    /** Event emitted when the chart is deleted. */
     readonly arcgisChartsConfigViewChartDelete: TargetedEvent<this, {
         chartId: string | undefined;
     }>;
-    /**
-     * Event emitted when the chart to be edited.
-     *
-     * @event
-     */
+    /** Event emitted when the chart to be edited. */
     readonly arcgisChartsConfigViewChartEdit: TargetedEvent<this, {
         chartId: string | undefined;
     }>;
-    /**
-     * Event emitted when the add chart button is clicked.
-     *
-     * @event
-     */
+    /** Event emitted when the add chart button is clicked. */
     readonly arcgisChartsConfigViewChartSelect: TargetedEvent<this, {
         chartId: string | undefined;
     }>;
     private _messages;
+    "@eventTypes": {
+        "arcgisChartsConfigModelListReorder": ArcgisChartsConfigViewCharts["arcgisChartsConfigModelListReorder"]["detail"];
+        "arcgisChartsConfigViewChartAddChart": ArcgisChartsConfigViewCharts["arcgisChartsConfigViewChartAddChart"]["detail"];
+        "arcgisChartsConfigViewChartDelete": ArcgisChartsConfigViewCharts["arcgisChartsConfigViewChartDelete"]["detail"];
+        "arcgisChartsConfigViewChartEdit": ArcgisChartsConfigViewCharts["arcgisChartsConfigViewChartEdit"]["detail"];
+        "arcgisChartsConfigViewChartSelect": ArcgisChartsConfigViewCharts["arcgisChartsConfigViewChartSelect"]["detail"];
+    };
 }

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

@@ -2,26 +2,35 @@ 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 "../../chunks/series-types.js";
 import "d3-array";
-import "../../chunks/interfaces.js";
+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 "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { g as p } from "../../chunks/chart-ui-utils.js";
 import { r as C } from "../../chunks/popover-ui-utils.js";
 import { u as g } from "../../chunks/useT9n.js";
 import { css as f, html as a } from "lit";
-import { LitElement as v, createEvent as o, safeClassMap as c, renderElement as u } from "@arcgis/lumina";
+import { LitElement as v, createEvent as s, safeClassMap as c, renderElement as u } from "@arcgis/lumina";
 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.13 */
+v5.0.0-next.131 */
 const n = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",
@@ -45,11 +54,11 @@ class R extends v {
       if (e.detail !== null && e.detail !== void 0) {
         const { newIndex: t, oldIndex: i } = e.detail;
         if (this.modelList !== void 0 && this.modelList?.length > 0) {
-          const r = [...this.modelList], s = r?.[i], h = r?.[t];
-          s && h && (r.splice(i, 1), r.splice(t, 0, s)), this.chartsOrderReorderCounter += 1, this.arcgisChartsConfigModelListReorder.emit({ modelList: r });
+          const r = [...this.modelList], o = r?.[i], h = r?.[t];
+          o && h && (r.splice(i, 1), r.splice(t, 0, o)), this.chartsOrderReorderCounter += 1, this.arcgisChartsConfigModelListReorder.emit({ modelList: r });
         }
       }
-    }, this.chartTitle = "", this.chartsOrderReorderCounter = 0, this.noGroup = !1, this.disableEditing = !1, this.arcgisChartsConfigModelListReorder = o(), this.arcgisChartsConfigViewChartAddChart = o(), this.arcgisChartsConfigViewChartDelete = o(), this.arcgisChartsConfigViewChartEdit = o(), this.arcgisChartsConfigViewChartSelect = o();
+    }, this.isChartRenamePopoverOpen = !1, this.chartTitle = "", this.chartsOrderReorderCounter = 0, this.noGroup = !1, this.disableEditing = !1, this.arcgisChartsConfigModelListReorder = s(), this.arcgisChartsConfigViewChartAddChart = s(), this.arcgisChartsConfigViewChartDelete = s(), this.arcgisChartsConfigViewChartEdit = s(), this.arcgisChartsConfigViewChartSelect = s();
   }
   static {
     this.properties = { isChartRenamePopoverOpen: 16, chartTitle: 16, selectedActionChartId: 16, chartsOrderReorderCounter: 16, messageOverrides: 0, selectedChartId: 1, layer: 0, modelList: 0, noGroup: 5, disableEditing: 5 };
@@ -71,15 +80,15 @@ class R extends v {
     });
   }
   onAddChartClick(e) {
-    e.stopImmediatePropagation(), this.arcgisChartsConfigViewChartAddChart.emit({
+    e.stopImmediatePropagation(), this.selectedActionChartId = void 0, this.isChartRenamePopoverOpen && this.removeChartRenamePopover(), this.arcgisChartsConfigViewChartAddChart.emit({
       referenceElement: e.target,
       layerId: this.layer?.id.toString()
     });
   }
   buildChartList() {
     const e = this.modelList ? w(this.modelList, (t) => t.chartId, (t, i) => {
-      const r = t.chartId, s = t.titleText, h = p(t.config);
-      return a`<calcite-list-item .label=${s ?? r ?? this._messages.chartTitle} .selected=${this.selectedChartId === (r?.toString() ?? i.toString())} .value=${r ?? i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${h}></calcite-icon>${this.disableEditing ? null : a`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end @calciteDropdownClose=${() => this.chartActionClosed(r ?? "")} @calciteDropdownOpen=${() => this.chartActionOpened(r ?? "")} class=${c(n.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions ?? ""} slot=trigger .active=${r === this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @click=${(l) => l.stopPropagation()} @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`;
+      const r = t.chartId, o = t.titleText, h = p(t.config);
+      return a`<calcite-list-item .label=${o ?? r ?? this._messages.chartTitle} .selected=${this.selectedChartId === (r?.toString() ?? i.toString())} .value=${r ?? i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${h}></calcite-icon>${this.disableEditing ? null : a`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId === r} @calciteDropdownClose=${() => this.chartActionClosed(r ?? "")} @calciteDropdownOpen=${() => this.chartActionOpened(r ?? "")} class=${c(n.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions ?? ""} slot=trigger .active=${r === this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @click=${(l) => l.stopPropagation()} @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`;
     }) : null;
     return this.layer ? a`<div>${this.noGroup ? null : a`<p class=${c(n.header)}>${this.layer.title ?? this.layer.id.toString()}</p>`}${m(this.chartsOrderReorderCounter, a`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing ? null : a`<div class=${c(n.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>` : null;
   }
@@ -95,7 +104,7 @@ class R extends v {
   }
   chartRenameSelect(e) {
     if (!this.disableEditing) {
-      const i = e.target.closest("calcite-list-item"), r = this.modelList?.find((s) => s.chartId === this.selectedActionChartId);
+      const i = e.target.closest("calcite-list-item"), r = this.modelList?.find((o) => o.chartId === this.selectedActionChartId);
       i !== null && (this.renameReferenceElement = i), this.arcgisChartsConfigViewChartSelect.emit({
         chartId: this.selectedActionChartId
       }), this.chartTitle = r?.titleText ?? "", this.setupRenamePopover();
@@ -107,7 +116,7 @@ class R extends v {
     }), this.selectedActionChartId = "");
   }
   chartActionClosed(e) {
-    e === this.selectedActionChartId && !this.isChartRenamePopoverOpen && (this.selectedActionChartId = "");
+    e === this.selectedActionChartId && !this.isChartRenamePopoverOpen && (this.selectedActionChartId = void 0);
   }
   chartActionOpened(e) {
     this.selectedActionChartId = e;

package/dist/components/arcgis-charts-info-modal/customElement.d.ts

@@ -0,0 +1,12 @@
+/// <reference path="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+
+/** [Read more...](https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-charts-info-modal/) */
+export declare class ArcgisChartsInfoModal extends LitElement {
+    /** @default "" */
+    message: string;
+    /** @default "" */
+    heading: string;
+    /** @default false */
+    showErrorModalInfo: boolean;
+}

package/dist/components/arcgis-charts-info-modal/customElement.js

@@ -0,0 +1,25 @@
+import { c as e } from "../../chunks/runtime.js";
+import { css as i, html as a } from "lit";
+import { LitElement as n, safeClassMap as t } from "@arcgis/lumina";
+/*! 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.131 */
+const o = i`.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)}:host{display:block;width:100%;height:100%;overflow:auto}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.container{box-sizing:border-box;width:100%;height:100%;display:grid;place-items:center;align-content:center;justify-content:center;padding:1rem;background-color:#fff;text-align:left}.container h3.heading-true{color:#000;margin-bottom:auto;background:#f4f4f4cc;height:30px;padding-left:.5rem;padding-top:.5rem;justify-self:stretch;text-align:left}.container h3.heading-false{background:#fff;margin-bottom:auto}.container p{color:#000;justify-self:stretch;text-align:left}`, r = { container: "container" };
+class s extends n {
+  constructor() {
+    super(...arguments), this.message = "", this.heading = "", this.showErrorModalInfo = !1;
+  }
+  static {
+    this.properties = { message: 1, heading: 1, showErrorModalInfo: 5 };
+  }
+  static {
+    this.styles = o;
+  }
+  render() {
+    return a`<div class=${t(r.container)}><h3 class=${t(this.heading !== "" ? "heading-true" : "heading-false")}>${this.showErrorModalInfo ? this.heading : ""}</h3><p>${this.showErrorModalInfo ? this.message : ""}</p></div>`;
+  }
+}
+e("arcgis-charts-info-modal", s);
+export {
+  s as ArcgisChartsInfoModal
+};

package/dist/components/arcgis-charts-info-modal/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-charts-info-modal/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-charts-info-modal/resource.d.ts

@@ -0,0 +1,3 @@
+export declare const HTMLClasses: {
+    readonly container: "container";
+};