@arcgis/charts-components 4.34.0-next.145 → 4.34.0-next.147

package/dist/components/arcgis-charts-config-line-chart-series/customElement.js

@@ -4,7 +4,7 @@ import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "../../chunks/series-types.js";
 import "d3-array";
-import { cx as I } from "../../chunks/interfaces.js";
+import { cz as I } 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";
@@ -14,14 +14,14 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { r as d } from "../../chunks/popover-ui-utils.js";
-import { LitElement as $, renderElement as x, safeStyleMap as L } from "@arcgis/lumina";
+import { LitElement as $, renderElement as L, safeStyleMap as x } from "@arcgis/lumina";
 import { css as P, html as o } from "lit";
 import { repeat as y } from "lit/directives/repeat.js";
 import { u as b } from "../../chunks/useT9n.js";
 import { g as M } from "../../chunks/chart-ui-utils2.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.145 */
+v4.34.0-next.147 */
 const O = P`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`;
 class k extends $ {
   constructor() {
@@ -71,7 +71,7 @@ class k extends $ {
     s?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   selectedSeriesIndexChange() {
-    this.selectedSeriesIndex !== void 0 && (this.seriesPopover = x(o`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`), this.seriesPopover && !document.body.contains(this.seriesPopover) && document.body.appendChild(this.seriesPopover));
+    this.selectedSeriesIndex !== void 0 && (this.seriesPopover = L(o`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`), this.seriesPopover && !document.body.contains(this.seriesPopover) && document.body.appendChild(this.seriesPopover));
   }
   removeSeriesPopover() {
     this.seriesPopover !== void 0 && this.seriesPopover !== null && (this.seriesPopover.open = !1, this.seriesPopover = d(this.seriesPopover));
@@ -86,7 +86,7 @@ class k extends $ {
         const [p, C, S, v] = [...l];
         n = `rgba(${p},${C},${S},${v / 255})`;
       }
-      return o`<calcite-list-item .label=${h ?? t ?? ""} .description=${c} .value=${t} .selected=${this.selectedSeriesIndex === i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${a} style=${L({ color: n })}></calcite-icon></calcite-list-item>`;
+      return o`<calcite-list-item .label=${h ?? t ?? ""} .description=${c} .value=${t} .selected=${this.selectedSeriesIndex === i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${a} style=${x({ color: n })}></calcite-icon></calcite-list-item>`;
     });
   }
   buildSeriesList() {

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

@@ -21,7 +21,7 @@ import { createRef as n, ref as a } from "lit/directives/ref.js";
 import { LitElement as $, createEvent as s, safeClassMap as l, nothing as r } 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.145 */
+v4.34.0-next.147 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   sizeSection: "size-section",

package/dist/components/arcgis-charts-config-line-style/customElement.js

@@ -8,7 +8,7 @@ import { createRef as r, ref as d } from "lit/directives/ref.js";
 import { LitElement as S, createEvent as h, safeClassMap as s, nothing as n } 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.145 */
+v4.34.0-next.147 */
 const a = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

package/dist/components/arcgis-charts-config-number-format/customElement.js

@@ -6,7 +6,7 @@ import { createRef as b, ref as f } from "lit/directives/ref.js";
 import { LitElement as v, createEvent as x, 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.145 */
+v4.34.0-next.147 */
 const n = {
   container: "container",
   label: "label",

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

@@ -4,7 +4,7 @@ import { isEqual as n, cloneDeep as d } from "lodash-es";
 import "../../chunks/series-types.js";
 import { R as u } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { g as y, b7 as I } from "../../chunks/interfaces.js";
+import { g as y, b9 as I } 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";
@@ -19,7 +19,7 @@ import { css as P, html as c } from "lit";
 import { C as h } from "../../chunks/interfaces3.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.145 */
+v4.34.0-next.147 */
 const L = 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 S extends v {
   constructor() {

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 "@arcgis/toolkit/intl";
 import "lodash-es";
 import { a as u } from "../../chunks/series-types.js";
-import { d as c, cd as m, b9 as v } from "../../chunks/interfaces.js";
+import { d as c, cf as m, bb as b } from "../../chunks/interfaces.js";
 import "d3-array";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -13,7 +13,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
-import { r as b } from "../../chunks/popover-ui-utils.js";
+import { r as v } from "../../chunks/popover-ui-utils.js";
 import { a as g } from "../../chunks/common.js";
 import { P as a } from "../../chunks/interfaces3.js";
 import { u as y } from "../../chunks/useT9n.js";
@@ -22,7 +22,7 @@ import { createRef as n, ref as h } from "lit/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.145 */
+v4.34.0-next.147 */
 const l = {
   label: "label",
   fieldList: "field-list",
@@ -126,7 +126,7 @@ class k extends $ {
     return this.model.category === c || this.model.category.trim() === "" ? "" : m(this.layerFieldsInfo, this.model.category);
   }
   removePieChartDataPopover() {
-    this.pieChartPopover !== null && (this.pieChartPopover.open = !1, this.pieChartPopover = b(this.pieChartPopover));
+    this.pieChartPopover !== null && (this.pieChartPopover.open = !1, this.pieChartPopover = v(this.pieChartPopover));
   }
   renderSorting() {
     return s`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`;
@@ -136,7 +136,7 @@ class k extends $ {
     return s`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(this.categoryElement)}></arcgis-charts-config-field-select>`;
   }
   renderNumericFields(e) {
-    const t = v(this.layerFieldsInfo), i = [];
+    const t = b(this.layerFieldsInfo), i = [];
     for (const r of e)
       r !== t && i.push(this.buildNumericFieldItem(r));
     return s`<calcite-list label class=${o(l.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`;

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

@@ -6,7 +6,7 @@ import { isEqual as v } from "lodash-es";
 import "../../chunks/series-types.js";
 import { a as $ } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { aU as y, cd as L, bc as P, ba as F } from "../../chunks/interfaces.js";
+import { aW as y, cf as L, be as P, bc as F } 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,14 +18,14 @@ import "@arcgis/toolkit/dom";
 import { e as I, p as x } from "../../chunks/popover-ui-utils.js";
 import { P as c } from "../../chunks/common.js";
 import { P as a } from "../../chunks/interfaces3.js";
-import { p as f, U as w, i as m, e as D } from "../../chunks/chart-ui-utils2.js";
+import { p as f, U as w, i as p, e as D } from "../../chunks/chart-ui-utils2.js";
 import { u } from "../../chunks/useT9n.js";
 import { css as S, html as n } from "lit";
-import { createRef as b, ref as p } from "lit/directives/ref.js";
+import { createRef as b, ref as d } from "lit/directives/ref.js";
 import { LitElement as T, createEvent as C, 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.145 */
+v4.34.0-next.147 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",
@@ -63,7 +63,7 @@ class A extends T {
     this.pickListHasChanged = x(e, t);
   }
   buildAggregationPickListItems() {
-    return h(f, (e) => e, (e, t) => n`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e, this.selectedContent)}></calcite-list-item>`);
+    return h(f, (e) => e, (e, t) => n`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${p(e, this.selectedContent)}></calcite-list-item>`);
   }
   buildSortOrder() {
     const e = Object.keys(c);
@@ -91,7 +91,7 @@ class A extends T {
     });
   }
   buildPickListItem(e) {
-    return g(e.name, n`<calcite-list-item .label=${L(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${m(e.name, this.selectedContent)}></calcite-list-item>`);
+    return g(e.name, n`<calcite-list-item .label=${L(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${p(e.name, this.selectedContent)}></calcite-list-item>`);
   }
   buildPickListItems(e) {
     const t = this.layerFieldsInfo?.length ?? 0, i = [];
@@ -104,11 +104,11 @@ class A extends T {
         break;
       }
       case a.category: {
-        const r = g(" ", n`<calcite-list-item label=" " value=" " .selected=${m("", this.selectedContent)}></calcite-list-item>`);
+        const r = g(" ", n`<calcite-list-item label=" " value=" " .selected=${p("", this.selectedContent)}></calcite-list-item>`);
         i.push(r);
         for (let s = 0; s < t; s += 1) {
-          const d = this.layerFieldsInfo[s];
-          (P(d) || d.type === $.String) && i.push(this.buildPickListItem(d));
+          const m = this.layerFieldsInfo[s];
+          (P(m) || m.type === $.String) && i.push(this.buildPickListItem(m));
         }
         break;
       }
@@ -146,11 +146,11 @@ class A extends T {
   }
   renderCategory() {
     const e = this.buildPickListItems(a.category);
-    return n`<calcite-list label class=${l(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${l(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`;
   }
   renderNumericFields() {
     const e = this.buildPickListItems(a.numericFields);
-    return n`<calcite-list label class=${l(o.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${l(o.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`;
   }
   renderSortOrder() {
     const e = this.buildSortOrder();
@@ -176,7 +176,7 @@ class A extends T {
   }
   render() {
     let e;
-    return this.contentKind === a.numericFields && (e = n`<div slot=footer><calcite-fab class=${l(o.fab)} appearance=outline-fill kind=neutral icon .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), n`<div class=${l(o.jsAppFlyout)}><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .offsetDistance=${this.offsetDistance} .open=${this.open} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
+    return this.contentKind === a.numericFields && (e = n`<div slot=footer><calcite-fab class=${l(o.fab)} appearance=outline-fill kind=neutral icon .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), n`<div class=${l(o.jsAppFlyout)}><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .offsetDistance=${this.offsetDistance} .open=${this.open} label auto-close ${d(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
 k("arcgis-charts-config-pie-chart-popover", A);

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

@@ -6,7 +6,7 @@ import { R as E } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import { debounce as C, isEmpty as N, toNumber as x } from "lodash-es";
 import "d3-array";
-import { aY as $, a1 as S } from "../../chunks/interfaces.js";
+import { a_ as $, a1 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";
@@ -16,14 +16,14 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { r as I } from "../../chunks/popover-ui-utils.js";
-import { U as y, d as G, s as g } from "../../chunks/chart-ui-utils2.js";
-import { u as _ } from "../../chunks/useT9n.js";
+import { U as y, d as _, s as g } from "../../chunks/chart-ui-utils2.js";
+import { u as G } from "../../chunks/useT9n.js";
 import { css as w, html as d } from "lit";
 import { createRef as m, ref as p } from "lit/directives/ref.js";
-import { LitElement as z, renderElement as P, safeStyleMap as u, safeClassMap as s } from "@arcgis/lumina";
+import { LitElement as M, renderElement as P, 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.145 */
+v4.34.0-next.147 */
 const a = {
   sectionLabel: "section-label",
   label: "label",
@@ -33,10 +33,10 @@ const a = {
   sliderInputContainer: "slider-input-container",
   groupingLabelContainer: "grouping-label-container",
   numberInput: "number-input"
-}, M = w`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container{display:flex}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.slice-list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`;
-class k extends z {
+}, z = w`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container{display:flex}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.slice-list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`;
+class k extends M {
   constructor() {
-    super(...arguments), this._messages = _(), this.slicesPopover = null, this.donutSizeSliderElement = m(), this.groupingThresholdElement = m(), this.groupingThresholdSliderElement = m(), this.labelCharacterLimitElement = m(), this.decimalPlacesElement = m(), this.open = !1, this.onDonutSizeSliderChange = C(() => {
+    super(...arguments), this._messages = G(), this.slicesPopover = null, this.donutSizeSliderElement = m(), this.groupingThresholdElement = m(), this.groupingThresholdSliderElement = m(), this.labelCharacterLimitElement = m(), this.decimalPlacesElement = m(), this.open = !1, this.onDonutSizeSliderChange = C(() => {
       this.donutSizeSliderElement.value && Number.isInteger(this.donutSizeSliderElement.value?.value) && (this.model.innerRadiusSize = this.donutSizeSliderElement.value.value ?? $);
     }, y.SliderTimer), this.onGroupingThresholdSliderChange = C(() => {
       const e = this.groupingThresholdSliderElement.value?.value;
@@ -72,7 +72,7 @@ class k extends z {
     this.properties = { selectedSliceId: 16, messageOverrides: 0, model: 0, popoverPlacement: 1, chartData: 0 };
   }
   static {
-    this.styles = M;
+    this.styles = z;
   }
   load() {
     this.modelChange(this.model), this.onModelConfigChange();
@@ -179,10 +179,10 @@ class k extends z {
   }
   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 = P(d`<calcite-tooltip style=${u({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo ?? "" ?? ""}></calcite-tooltip>`), document.body.appendChild(this.tooltip);
   }
   destroyTooltip() {
-    G(this.tooltip);
+    _(this.tooltip);
   }
   render() {
     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.innerRadiusSize ?? $} @calciteSliderChange=${this.onDonutSizeSliderChange} ${p(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=${x(g(this.model.groupingThreshold ?? 0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${p(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${g(this.model.groupingThreshold ?? 0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${(e) => {

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/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.145 */
+v4.34.0-next.147 */
 const s = {
   jsAppFlyout: "js-app-flyout",
   panelChildrenContainer: "panel-children-container"

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

@@ -3,7 +3,7 @@ import "@arcgis/toolkit/intl";
 import { isEqual as n } from "lodash-es";
 import "../../chunks/series-types.js";
 import "d3-array";
-import { g as l, b7 as h, bX as d } from "../../chunks/interfaces.js";
+import { g as l, b9 as h, bZ 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/interfaces3.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.145 */
+v4.34.0-next.147 */
 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

@@ -1,10 +1,10 @@
 import { c as I } from "../../chunks/runtime.js";
 import "@arcgis/toolkit/intl";
 import { cloneDeep as T, isEmpty as F, toNumber as v } from "lodash-es";
-import { W as f } from "../../chunks/series-types.js";
+import { W as y } from "../../chunks/series-types.js";
 import { R as $ } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { aX as w, cd as y, a6 as z, X as L } from "../../chunks/interfaces.js";
+import { aZ as w, cf as f, a6 as z, X as L } 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";
@@ -23,7 +23,7 @@ import { createRef as h, ref as c } from "lit/directives/ref.js";
 import { LitElement as _, createEvent as E, renderElement as D, safeClassMap as i, safeStyleMap as P } 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.145 */
+v4.34.0-next.147 */
 const l = {
   label: "label",
   r2: "r2",
@@ -61,7 +61,7 @@ class R extends _ {
         const t = e.detail;
         t ? this.model.sizePolicy = {
           ...this.model.sizePolicy,
-          type: f.SizePolicy,
+          type: y.SizePolicy,
           field: t
         } : this.model.sizePolicy = void 0, m.scatterplotData[m.selectedChartId] = {
           ...m.scatterplotData[m.selectedChartId],
@@ -178,11 +178,11 @@ class R extends _ {
     const t = m.scatterplotData[m.selectedChartId]?.sizePolicyField;
     e === d.Proportional && t !== void 0 ? this.model.sizePolicy = {
       ...this.model.sizePolicy,
-      type: f.SizePolicy,
+      type: y.SizePolicy,
       field: t
     } : e === d.Fixed && (this.model.sizePolicy = {
       ...this.model.sizePolicy,
-      type: f.SizePolicy,
+      type: y.SizePolicy,
       field: ""
     });
   }
@@ -240,13 +240,13 @@ class R extends _ {
     return e === void 0 || e.field === "" ? d.Fixed : d.Proportional;
   }
   renderXVariable() {
-    return r`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo, this.model.xAxisField ?? "")} @click=${this.onXVariableSelectChange} ${c(this.xAxisElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .label=${f(this.layerFieldsInfo, this.model.xAxisField ?? "")} @click=${this.onXVariableSelectChange} ${c(this.xAxisElement)}></arcgis-charts-config-field-select>`;
   }
   renderYVariable() {
-    return r`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo, this.model.yAxisField ?? "")} @click=${this.onYVariableSelectChange} ${c(this.yAxisElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .label=${f(this.layerFieldsInfo, this.model.yAxisField ?? "")} @click=${this.onYVariableSelectChange} ${c(this.yAxisElement)}></arcgis-charts-config-field-select>`;
   }
   renderTooltipField() {
-    return r`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${y(this.layerFieldsInfo, this.model.additionalTooltipField?.[0] ?? "")} @click=${this.onAdditionalTooltipFieldSelectChange} ${c(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${f(this.layerFieldsInfo, this.model.additionalTooltipField?.[0] ?? "")} @click=${this.onAdditionalTooltipFieldSelectChange} ${c(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`;
   }
   renderStatistics() {
     const [e, t, s, o] = [...this.model.linearTrendSymbol?.color ?? z(0)];
@@ -256,7 +256,7 @@ class R extends _ {
     return r`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${b(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`;
   }
   renderSizeVariable() {
-    return r`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo, this.model.sizePolicy?.field ?? "")} .invalid=${this.layerFieldsInfo.find((e) => e.name === this.model.sizePolicy?.field) === void 0} @click=${this.onSizeVariableSelectChange} ${c(this.sizeVariableElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .label=${f(this.layerFieldsInfo, this.model.sizePolicy?.field ?? "")} .invalid=${this.layerFieldsInfo.find((e) => e.name === this.model.sizePolicy?.field) === void 0} @click=${this.onSizeVariableSelectChange} ${c(this.sizeVariableElement)}></arcgis-charts-config-field-select>`;
   }
   renderMinSizeInput() {
     return r`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize ?? 100} step=1 .value=${b(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${c(this.minSizeInputElement)}></calcite-input>`;

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

@@ -6,7 +6,7 @@ import { R as p } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { ba as v, cd as y } from "../../chunks/interfaces.js";
+import { bc as v, cf 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";
@@ -23,7 +23,7 @@ import { createRef as m, ref as g } from "lit/directives/ref.js";
 import { LitElement as P, createEvent as a, 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.145 */
+v4.34.0-next.147 */
 const r = {
   jsAppFlyout: "js-app-flyout",
   scatterplotPopover: "scatter-plot-popover",
@@ -77,7 +77,7 @@ class k extends P {
     (this.contentKind === n.sizeVariable || this.contentKind === n.additionalTooltipFields) && t.push(c(" ", s`<calcite-list-item label=" " value=" " .selected=${d("", this.selectedContent)}></calcite-list-item>`));
     for (let i = 0; i < e; i += 1) {
       const o = this.layerFieldsInfo?.[i] ?? void 0;
-      if (o !== void 0 && v(o)) {
+      if (o !== void 0 && (this.contentKind === n.additionalTooltipFields || v(o))) {
         const f = y(this.layerFieldsInfo, o.name);
         t.push(c(o.name, s`<calcite-list-item .label=${f} .value=${o.name} .selected=${d(o.name, this.selectedContent)}></calcite-list-item>`));
       }

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.145 */
+v4.34.0-next.147 */
 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/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.145 */
+v4.34.0-next.147 */
 const n = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-09-24T14:41:13",
+  "timestamp": "2025-09-26T17:33:31",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.145",
+    "version": "4.34.0-next.147",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -59,6 +59,12 @@
               "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--radar-chart&singleStory=true"
             }
           ],
+          "docsTags": [
+            {
+              "name": "since",
+              "text": "4.32"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "@arcgis/lumina"
@@ -3241,6 +3247,12 @@
               "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-charts-action-bar--demo&singleStory=true"
             }
           ],
+          "docsTags": [
+            {
+              "name": "since",
+              "text": "4.29"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "@arcgis/lumina"

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-09-24T14:41:13",
+  "timestamp": "2025-09-26T17:33:31",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.145",
+    "version": "4.34.0-next.147",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -14,6 +14,10 @@
       "usage": {},
       "docs": "The ArcGIS Chart component renders various chart types based on the provided model.\n\nSupported chart types include bar charts, line charts, pie charts, box plots, combo bar-line charts, gauges, scatterplots, histograms and radar charts.\n\nThe Chart component can be rendered using an [existing model](https://developers.arcgis.com/javascript/latest/charts-components-intro/#use-an-existing-model-from-a-webmap-or-feature-layer) from a web map or feature layer,\nor by [creating a new model](https://developers.arcgis.com/javascript/latest/charts-components-intro/#create-a-new-model).\n\nSee also:\n- [Introduction to Charts components](https://developers.arcgis.com/javascript/latest/charts-components-intro/)\n- [Tutorial: Display and create charts components](https://developers.arcgis.com/javascript/latest/tutorials/display-and-create-charts-components/)",
       "docsTags": [
+        {
+          "name": "since",
+          "text": "4.32"
+        },
         {
           "name": "superclass",
           "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
@@ -2844,6 +2848,10 @@
       "usage": {},
       "docs": "The ArcGIS charts action bar component enhances chart functionality by offering context-specific actions such as rotation, zooming, and filtering.\nIt also supports general actions like exporting the chart as an image or CSV.\nThis component is designed to be used with a chart component and is not intended for standalone use.\n\nSee also:\n- [Tutorial: Charts components with Map components using charts action bar](https://developers.arcgis.com/javascript/latest/tutorials/charts-components-with-map-components/)",
       "docsTags": [
+        {
+          "name": "since",
+          "text": "4.29"
+        },
         {
           "name": "superclass",
           "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/charts-components",
-  "version": "4.34.0-next.145",
+  "version": "4.34.0-next.147",
   "description-markup": "markdown",
   "contributions": {
     "html": {