@arcgis/charts-components 4.34.0-next.90 → 4.34.0-next.96

package/dist/components/arcgis-charts-config-pie-chart-data/customElement.js

@@ -3,7 +3,7 @@ import { keyed as C } from "lit/directives/keyed.js";
 import { defaultPieFromFieldsName as c, WebChartStatisticType as u } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { c5 as m, b2 as v } from "../../chunks/interfaces.js";
+import { c7 as m, b3 as v } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -22,7 +22,7 @@ import { createRef as n, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as $, createEvent as p, renderElement as P, safeClassMap as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.90 */
+v4.34.0-next.96 */
 const l = {
   label: "label",
   fieldList: "field-list",

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

@@ -4,7 +4,7 @@ import { keyed as g } from "lit/directives/keyed.js";
 import { RESTFieldType as k } from "@arcgis/charts-spec";
 import { isEqual as v } from "lodash-es";
 import "d3-array";
-import { aN as $, c5 as y, b5 as L, b3 as P } from "../../chunks/interfaces.js";
+import { aO as $, c7 as y, b6 as L, b4 as P } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -24,7 +24,7 @@ import { createRef as u, ref as m } from "lit-html/directives/ref.js";
 import { LitElement as E, createEvent as b, safeClassMap as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.90 */
+v4.34.0-next.96 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",

package/dist/components/arcgis-charts-config-pie-chart-slices/customElement.js

@@ -2,9 +2,9 @@ import { c as T } from "../../chunks/runtime.js";
 import { keyed as f } from "lit/directives/keyed.js";
 import { b as h } from "../../chunks/common.js";
 import { RESTSymbolType as E } from "@arcgis/charts-spec";
-import { debounce as C, isEmpty as G, toNumber as x } from "lodash-es";
+import { debounce as C, isEmpty as G, toNumber as N } from "lodash-es";
 import "d3-array";
-import { aR as $, X as S } from "../../chunks/interfaces.js";
+import { aS as $, X as S } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -15,15 +15,15 @@ import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
 import "@arcgis/toolkit/dom";
 import { r as I } from "../../chunks/popover-ui-utils.js";
-import { U as y, d as N, s as p } from "../../chunks/chart-ui-utils2.js";
+import { U as y, d as x, s as p } from "../../chunks/chart-ui-utils2.js";
 import { u as _ } from "../../chunks/useT9n.js";
 import { css as D, html as d } from "lit";
 import { createRef as m, ref as g } from "lit-html/directives/ref.js";
-import { LitElement as w, renderElement as P, safeStyleMap as u, safeClassMap as s } from "@arcgis/lumina";
+import { LitElement as w, renderElement as L, safeStyleMap as u, safeClassMap as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.90 */
-const o = {
+v4.34.0-next.96 */
+const a = {
   sectionLabel: "section-label",
   label: "label",
   sliceList: "slice-list",
@@ -87,16 +87,15 @@ class M extends w {
   }
   selectedSliceIdChange() {
     if (!G(this.selectedSliceId)) {
-      if (this.slicesPopover !== null) {
-        const e = this.model.getSlices(), l = this.model.getSliceGrouping();
-        if (this.selectedSliceId === l?.sliceId)
-          this.slicesPopover.selectedName = l?.label, this.slicesPopover.selectedColor = l?.fillSymbol?.color;
-        else if (e !== void 0) {
-          const i = e.findIndex((t) => t.sliceId === this.selectedSliceId);
-          this.slicesPopover.selectedName = this.model.getSliceName(i), this.slicesPopover.selectedColor = this.model.getSliceColor(i);
-        }
+      const e = this.model.getSlices(), l = this.model.getSliceGrouping();
+      let i, t;
+      if (this.selectedSliceId === l?.sliceId)
+        i = l?.label, t = l?.fillSymbol?.color;
+      else if (e !== void 0) {
+        const r = e.findIndex((n) => n.sliceId === this.selectedSliceId);
+        i = this.model.getSliceName(r), t = this.model.getSliceColor(r);
       }
-      this.slicesPopover = P(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`), this.slicesPopover && !document.body.contains(this.slicesPopover) && document.body.appendChild(this.slicesPopover);
+      this.slicesPopover = L(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`), this.slicesPopover && !document.body.contains(this.slicesPopover) && document.body.appendChild(this.slicesPopover);
     }
   }
   removeSlicesPopover() {
@@ -107,22 +106,22 @@ class M extends w {
     const i = [];
     let t = this.model.getSlices();
     const r = this.chartData?.dataItems;
-    r && (t = t?.filter((a) => r?.findIndex((c) => c.arcgis_charts_slice_id === a.sliceId) !== -1)), t?.forEach((a) => {
-      if (a.fillSymbol?.color !== void 0) {
+    r && (t = t?.filter((o) => r?.findIndex((c) => c.arcgis_charts_slice_id === o.sliceId) !== -1)), t?.forEach((o) => {
+      if (o.fillSymbol?.color !== void 0) {
         l = "square-f";
-        const [c, v, b, L] = [...a.fillSymbol.color];
-        e = `rgba(${c},${v},${b},${L / 255})`;
+        const [c, b, v, P] = [...o.fillSymbol.color];
+        e = `rgba(${c},${b},${v},${P / 255})`;
       }
-      if (a !== void 0 && !this.model.getGroupedSliceIds().includes(a.sliceId)) {
-        let c = a.sliceId;
-        c === S.emptySliceId ? c = this._messages.emptySlice ?? "" : c === S.nullSliceId && (c = this._messages.nullSlice ?? ""), i?.push(f(a.sliceId, d`<calcite-list-item .label=${a.label ?? a.sliceId} .description=${c} .value=${a.sliceId} .selected=${this.selectedSliceId === a.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${u({ color: e })}></calcite-icon></calcite-list-item>`));
+      if (o !== void 0 && !this.model.getGroupedSliceIds().includes(o.sliceId)) {
+        let c = o.sliceId;
+        c === S.emptySliceId ? c = this._messages.emptySlice ?? "" : c === S.nullSliceId && (c = this._messages.nullSlice ?? ""), i?.push(f(o.sliceId, d`<calcite-list-item .label=${o.label ?? o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId === o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${u({ color: e })}></calcite-icon></calcite-list-item>`));
       }
     });
     const n = this.model.getSliceGrouping();
     if (n?.fillSymbol?.color !== void 0) {
       l = "square-f";
-      const [a, c, v, b] = [...n.fillSymbol.color];
-      e = `rgba(${a},${c},${v},${b / 255})`;
+      const [o, c, b, v] = [...n.fillSymbol.color];
+      e = `rgba(${o},${c},${b},${v / 255})`;
     }
     return this.model.getGroupedSliceIds().length > 0 && i?.push(f(n?.sliceId, d`<calcite-list-item .label=${n?.label ?? n?.sliceId ?? ""} .description=${this._messages.groupedSlices} .value=${n?.sliceId ?? ""} .selected=${this.selectedSliceId === n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${u({ color: e })}></calcite-icon></calcite-list-item>`)), i;
   }
@@ -132,17 +131,17 @@ class M extends w {
     return this.model.getSlices()?.forEach((t) => {
       if (t.fillSymbol?.color !== void 0) {
         l = "square-f";
-        const [r, n, a, c] = [...t.fillSymbol.color];
-        e = `rgba(${r},${n},${a},${c / 255})`;
+        const [r, n, o, c] = [...t.fillSymbol.color];
+        e = `rgba(${r},${n},${o},${c / 255})`;
       }
       t !== void 0 && this.model.getGroupedSliceIds().includes(t.sliceId) && i?.push(f(t.sliceId, d`<calcite-list-item .label=${t.label ?? t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId === t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${u({ color: e })}></calcite-icon></calcite-list-item>`));
     }), i;
   }
   buildSliceList() {
-    return d`<calcite-list label class=${s(o.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`;
+    return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`;
   }
   buildGroupedSliceList() {
-    return d`<calcite-list label class=${s(o.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`;
+    return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`;
   }
   onGroupingThresholdChange(e) {
     const l = e.target.value;
@@ -174,23 +173,20 @@ class M extends w {
   }
   openSlicesPopover(e) {
     e.stopImmediatePropagation(), this.removeSlicesPopover();
-    const l = e.target, i = l.localName === "calcite-list-item" ? l : l.parentNode, t = this.model.getSliceIndex(i.value);
-    if (t !== void 0) {
-      const r = this.model.getSliceId(t);
-      this.open = this.selectedSliceId !== r, this.selectedSliceId = this.selectedSliceId !== r ? r : void 0;
-    }
+    const l = e.target, i = l.localName === "calcite-list-item" ? l : l.parentNode;
+    i.value === this.model.getSliceGrouping()?.sliceId ? this.selectedSliceId = this.model.getSliceGrouping()?.sliceId : this.selectedSliceId = i.value, this.open = !0;
   }
   createTooltip(e) {
     const l = e.target;
-    this.tooltip = P(d`<calcite-tooltip style=${u({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${l} open placement=top>${this._messages.groupingInfo ?? ""}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
+    this.tooltip = L(d`<calcite-tooltip style=${u({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${l} open placement=top>${this._messages.groupingInfo ?? ""}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
   }
   destroyTooltip() {
-    N(this.tooltip);
+    x(this.tooltip);
   }
   render() {
-    return d`<div class=${s(o.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(o.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.getInnerRadiusSize() ?? $} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(o.pieDonutLabelsContainer)}><calcite-label class=${s(o.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(o.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(o.label)}><div class=${s(o.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(o.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${x(p(this.model.getGroupingThreshold() ?? 0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(o.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${p(this.model.getGroupingThreshold() ?? 0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${(e) => {
+    return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.getInnerRadiusSize() ?? $} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${N(p(this.model.getGroupingThreshold() ?? 0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${p(this.model.getGroupingThreshold() ?? 0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${(e) => {
       e.stopPropagation();
-    }} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(o.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(o.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${p(this.model.getLabelCharacterLimit())} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(o.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${p(this.model.getDecimalPlaces())} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(o.label)}>${this._messages.display}<calcite-radio-button-group class=${s(o.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.getDisplayType() === h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.getDisplayType() === h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.getDisplayType() === h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(o.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(o.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`;
+    }} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${p(this.model.getLabelCharacterLimit())} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${p(this.model.getDecimalPlaces())} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.getDisplayType() === h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.getDisplayType() === h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.getDisplayType() === h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`;
   }
 }
 T("arcgis-charts-config-pie-chart-slices", M);

package/dist/components/arcgis-charts-config-pie-chart-slices-popover/customElement.js

@@ -20,7 +20,7 @@ import { createRef as C, ref as v } from "lit-html/directives/ref.js";
 import { LitElement as u, createEvent as o, safeClassMap as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.90 */
+v4.34.0-next.96 */
 const s = {
   jsAppFlyout: "js-app-flyout",
   panelChildrenContainer: "panel-children-container"

package/dist/components/arcgis-charts-config-scatter-plot/customElement.js

@@ -2,7 +2,7 @@ import { c as r } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import { isEqual as n } from "lodash-es";
 import "d3-array";
-import { g as l, b0 as h, bP as d } from "../../chunks/interfaces.js";
+import { g as l, b1 as h, bR as d } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -18,7 +18,7 @@ import { css as p, html as t } from "lit";
 import { C as o } from "../../chunks/interfaces2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.90 */
+v4.34.0-next.96 */
 const f = p`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class u extends g {
   constructor() {

package/dist/components/arcgis-charts-config-scatter-plot-data/customElement.js

@@ -2,7 +2,7 @@ import { c as P } from "../../chunks/runtime.js";
 import { WebChartTypes as y, RESTSymbolType as v } from "@arcgis/charts-spec";
 import { cloneDeep as I, isEmpty as T, toNumber as z } from "lodash-es";
 import "d3-array";
-import { aQ as F, c5 as b, $, R as w } from "../../chunks/interfaces.js";
+import { aR as F, c7 as b, a0 as $, R as w } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -22,7 +22,7 @@ import { createRef as h, ref as c } from "lit-html/directives/ref.js";
 import { LitElement as _, createEvent as x, renderElement as D, safeClassMap as i, safeStyleMap as E } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.90 */
+v4.34.0-next.96 */
 const l = {
   label: "label",
   r2: "r2",

package/dist/components/arcgis-charts-config-scatter-plot-popover/customElement.js

@@ -4,7 +4,7 @@ import { keyed as n } from "lit/directives/keyed.js";
 import { RESTSymbolType as c } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { b3 as v, c5 as y } from "../../chunks/interfaces.js";
+import { b4 as v, c7 as y } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -22,7 +22,7 @@ import { createRef as d, ref as g } from "lit-html/directives/ref.js";
 import { LitElement as P, createEvent as r, safeClassMap as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.90 */
+v4.34.0-next.96 */
 const a = {
   jsAppFlyout: "js-app-flyout",
   scatterplotPopover: "scatter-plot-popover",

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

@@ -21,7 +21,7 @@ import { LitElement as d, createEvent as o, safeClassMap as s } from "@arcgis/lu
 import { M as e } from "../../chunks/common.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.90 */
+v4.34.0-next.96 */
 const i = {
   selectChartComponent: "select-chart-component",
   jsAppFlyout: "js-app-flyout",

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

@@ -21,7 +21,7 @@ import { LitElement as v, createEvent as o, safeClassMap as c, renderElement as
 import { repeat as w } from "lit-html/directives/repeat.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.90 */
+v4.34.0-next.96 */
 const n = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-08-11T04:41:20",
+  "timestamp": "2025-08-13T15:30:43",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.90",
+    "version": "4.34.0-next.96",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -190,6 +190,36 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "chartIndex",
+              "description": "The index of the chart to be rendered from the layer. Must be used in conjunction with the `layerItemId` or `layer` property.\n\nIf a `layer` or `layerItemId` is set without `chartIndex`, the first chart in the layer will be rendered.\n\nIf the `chartIndex` is out of bounds, the first chart in the layer will be rendered and a warning event will be emitted.",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "undefined",
+              "attribute": "chart-index",
+              "reflects": true,
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "<arcgis-chart layer-item-id=\"05e015c5f0314db9a487a9b46cb37eca\" chart-index=\"2\"></arcgis-chart>"
+                },
+                {
+                  "name": "type",
+                  "text": "{number | undefined}"
+                },
+                {
+                  "name": "category",
+                  "text": "Public"
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "chartLimits",
@@ -1124,6 +1154,36 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "layerItemId",
+              "description": "Layer item ID associated with the chart to be rendered. Can be used in conjunction with the `chartIndex` property.\n\nIf `layerItemId` is set without `chartIndex`, the first chart in the layer will be rendered.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "undefined",
+              "attribute": "layer-item-id",
+              "reflects": true,
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "<arcgis-chart layer-item-id=\"05e015c5f0314db9a487a9b46cb37eca\" chart-index=\"2\"></arcgis-chart>"
+                },
+                {
+                  "name": "type",
+                  "text": "{string | undefined}"
+                },
+                {
+                  "name": "category",
+                  "text": "Public"
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "layerRendererChangePolicy",
@@ -1298,7 +1358,7 @@
                   {
                     "name": "WebChart",
                     "package": "@arcgis/charts-spec",
-                    "module": "types/web-chart.d.ts",
+                    "module": "web-chart.d.ts",
                     "start": 13,
                     "end": 21
                   }
@@ -2290,6 +2350,20 @@
               "default": "undefined",
               "fieldName": "autoInverseDataLabelTextColor"
             },
+            {
+              "name": "chart-index",
+              "description": "The index of the chart to be rendered from the layer. Must be used in conjunction with the `layerItemId` or `layer` property.\n\nIf a `layer` or `layerItemId` is set without `chartIndex`, the first chart in the layer will be rendered.\n\nIf the `chartIndex` is out of bounds, the first chart in the layer will be rendered and a warning event will be emitted.",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "undefined",
+              "fieldName": "chartIndex"
+            },
             {
               "name": "component-version",
               "description": "Whether to use the stable version of the component or the beta version.",
@@ -2557,6 +2631,20 @@
               "default": "\"refresh\"",
               "fieldName": "layerFilterChangePolicy"
             },
+            {
+              "name": "layer-item-id",
+              "description": "Layer item ID associated with the chart to be rendered. Can be used in conjunction with the `chartIndex` property.\n\nIf `layerItemId` is set without `chartIndex`, the first chart in the layer will be rendered.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "undefined",
+              "fieldName": "layerItemId"
+            },
             {
               "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.",
@@ -2865,6 +2953,27 @@
                 }
               ]
             },
+            {
+              "name": "arcgisChartNotFoundWarning",
+              "description": "Event triggered when the chart is not found for the given `chartIndex` property.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "docsTags": [
+                {
+                  "name": "type",
+                  "text": "{EventEmitter<string>}"
+                },
+                {
+                  "name": "event"
+                }
+              ]
+            },
             {
               "name": "arcgisConfigChange",
               "description": "Event triggered when the chart config is changed",
@@ -2886,28 +2995,28 @@
                   {
                     "name": "WebChartBoxPlotDataItem",
                     "package": "@arcgis/charts-spec",
-                    "module": "types/data-source.d.ts",
+                    "module": "data-source.d.ts",
                     "start": 0,
                     "end": 23
                   },
                   {
                     "name": "WebChartGenericDataItem",
                     "package": "@arcgis/charts-spec",
-                    "module": "types/data-source.d.ts",
+                    "module": "data-source.d.ts",
                     "start": 26,
                     "end": 49
                   },
                   {
                     "name": "WebChartHistogramDataItem",
                     "package": "@arcgis/charts-spec",
-                    "module": "types/data-source.d.ts",
+                    "module": "data-source.d.ts",
                     "start": 52,
                     "end": 77
                   },
                   {
                     "name": "WebChartScatterplotDataItem",
                     "package": "@arcgis/charts-spec",
-                    "module": "types/data-source.d.ts",
+                    "module": "data-source.d.ts",
                     "start": 80,
                     "end": 107
                   }

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-08-11T04:41:20",
+  "timestamp": "2025-08-13T15:30:43",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.90",
+    "version": "4.34.0-next.96",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -169,6 +169,41 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "chartIndex",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "chart-index",
+          "reflectToAttr": true,
+          "docs": "The index of the chart to be rendered from the layer. Must be used in conjunction with the `layerItemId` or `layer` property.\n\nIf a `layer` or `layerItemId` is set without `chartIndex`, the first chart in the layer will be rendered.\n\nIf the `chartIndex` is out of bounds, the first chart in the layer will be rendered and a warning event will be emitted.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "<arcgis-chart layer-item-id=\"05e015c5f0314db9a487a9b46cb37eca\" chart-index=\"2\"></arcgis-chart>"
+            },
+            {
+              "name": "type",
+              "text": "{number | undefined}"
+            },
+            {
+              "name": "category",
+              "text": "Public"
+            }
+          ],
+          "default": "undefined",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "chartLimits",
           "type": "ChartElementLimit",
@@ -998,6 +1033,41 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "layerItemId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "layer-item-id",
+          "reflectToAttr": true,
+          "docs": "Layer item ID associated with the chart to be rendered. Can be used in conjunction with the `chartIndex` property.\n\nIf `layerItemId` is set without `chartIndex`, the first chart in the layer will be rendered.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "<arcgis-chart layer-item-id=\"05e015c5f0314db9a487a9b46cb37eca\" chart-index=\"2\"></arcgis-chart>"
+            },
+            {
+              "name": "type",
+              "text": "{string | undefined}"
+            },
+            {
+              "name": "category",
+              "text": "Public"
+            }
+          ],
+          "default": "undefined",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "layerRendererChangePolicy",
           "type": "\"ignore\" | \"refresh\"",
@@ -1197,7 +1267,7 @@
               },
               "WebChart": {
                 "location": "import",
-                "path": "@arcgis/charts-spec/types/web-chart.d.ts",
+                "path": "@arcgis/charts-spec/web-chart.d.ts",
                 "id": "notImplemented"
               }
             }
@@ -2477,6 +2547,28 @@
             }
           ]
         },
+        {
+          "event": "arcgisChartNotFoundWarning",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event triggered when the chart is not found for the given `chartIndex` property.",
+          "docsTags": [
+            {
+              "name": "type",
+              "text": "{EventEmitter<string>}"
+            },
+            {
+              "name": "event"
+            }
+          ]
+        },
         {
           "event": "arcgisConfigChange",
           "detail": "{\n    newConfig: WebChart | undefined;\n    oldConfig: WebChart | undefined;\n    functionCalled: string | undefined;\n}",
@@ -2505,22 +2597,22 @@
             "references": {
               "WebChartBoxPlotDataItem": {
                 "location": "import",
-                "path": "@arcgis/charts-spec/types/data-source.d.ts",
+                "path": "@arcgis/charts-spec/data-source.d.ts",
                 "id": "notImplemented"
               },
               "WebChartGenericDataItem": {
                 "location": "import",
-                "path": "@arcgis/charts-spec/types/data-source.d.ts",
+                "path": "@arcgis/charts-spec/data-source.d.ts",
                 "id": "notImplemented"
               },
               "WebChartHistogramDataItem": {
                 "location": "import",
-                "path": "@arcgis/charts-spec/types/data-source.d.ts",
+                "path": "@arcgis/charts-spec/data-source.d.ts",
                 "id": "notImplemented"
               },
               "WebChartScatterplotDataItem": {
                 "location": "import",
-                "path": "@arcgis/charts-spec/types/data-source.d.ts",
+                "path": "@arcgis/charts-spec/data-source.d.ts",
                 "id": "notImplemented"
               }
             }