@arcgis/charts-components 4.33.0-next.106 → 4.33.0-next.108

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

@@ -1,9 +1,9 @@
 import { c as M } from "../../chunks/runtime.js";
 import { keyed as f } from "lit-html/directives/keyed.js";
 import { WebChartDataTransformations as v, RESTSymbolType as x } from "@arcgis/charts-spec";
-import { debounce as C } from "lodash-es";
+import { debounce as y } from "lodash-es";
 import "d3-array";
-import { c6 as k, a0 as T, $ as L } from "../../chunks/interfaces.js";
+import { c7 as k, a1 as T, $ as L } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -13,16 +13,16 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { r as V, c as N, P as I } from "../../chunks/popover-ui-utils.js";
 import { H as r, c as i, d as n } from "../../chunks/interfaces3.js";
-import { a as B, m as y, U as S, f as F, s as _, b as D, D as H } from "../../chunks/chart-ui-utils2.js";
+import { a as B, m as S, U as C, f as F, s as _, b as D, D as H } from "../../chunks/chart-ui-utils2.js";
 import { d as K, s as A } from "../../chunks/store.js";
 import { u as U } from "../../chunks/useT9n.js";
 import { html as l } from "lit";
-import { createRef as g, ref as h } from "lit-html/directives/ref.js";
+import { createRef as g, ref as m } from "lit-html/directives/ref.js";
 import { LitElement as z, createEvent as u, safeStyleMap as P, safeClassMap as a } from "@arcgis/lumina";
 import { css as j } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const s = {
   label: "label",
   row: "row",
@@ -35,22 +35,22 @@ const s = {
 }, q = j`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}.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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.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)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}:host(.arcgis-charts-rtl) .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host(.arcgis-charts-rtl) .bin-count-container>calcite-input{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host(.arcgis-charts-rtl) .heading-text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host(.arcgis-charts-rtl) .bin-text-padding{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`;
 class R extends z {
   constructor() {
-    super(...arguments), this._messages = U(), this.numericalFieldSelectionElement = g(), this.transformationSelectionElement = g(), this.histogramPopover = null, this.binColorSectionElement = g(), this.binSliderElement = g(), this.binInputElement = g(), this.popoverHeading = "", this.onBinCountChange = C(() => {
+    super(...arguments), this._messages = U(), this.numericalFieldSelectionElement = g(), this.transformationSelectionElement = g(), this.histogramPopover = null, this.binColorSectionElement = g(), this.binSliderElement = g(), this.binInputElement = g(), this.popoverHeading = "", this.onBinCountChange = y(() => {
       const e = this.binInputElement.value?.value;
-      e !== void 0 && B(e, this.binInputElement.value?.min, this.binInputElement.value?.max) ? this.binCountChange(e) : this.binInputElement.value && y({
+      e !== void 0 && B(e, this.binInputElement.value?.min, this.binInputElement.value?.max) ? this.binCountChange(e) : this.binInputElement.value && S({
         inputElement: this.binInputElement.value,
         status: D.INVALID
       });
-    }, S.DebounceTimer), this.onBinCountSliderChange = C(() => {
+    }, C.DebounceTimer), this.onBinCountSliderChange = y(() => {
       this.binCountChange(this.binSliderElement.value?.value?.toString() ?? "");
-    }, S.DebounceTimer), this.onNormalDistColorSelect = () => {
-      this.onColorElementSelect(this.model.getNormalDistColor(), this._messages.normalDistStyle ?? "", this.normalDistOverlayElement);
+    }, C.DebounceTimer), this.onNormalDistColorSelect = () => {
+      this.onColorElementSelect(this.model.getNormalDistSymbol(), this._messages.normalDistStyle ?? "", this.normalDistOverlayElement);
     }, this.onMeanColorSelect = () => {
-      this.onColorElementSelect(this.model.getMeanColor(), this._messages.meanStyle ?? "", this.meanOverlayElement);
+      this.onColorElementSelect(this.model.getMeanSymbol(), this._messages.meanStyle ?? "", this.meanOverlayElement);
     }, this.onMedianColorSelect = () => {
-      this.onColorElementSelect(this.model.getMedianColor(), this._messages.medianStyle ?? "", this.medianOverlayElement);
+      this.onColorElementSelect(this.model.getMedianSymbol(), this._messages.medianStyle ?? "", this.medianOverlayElement);
     }, this.onStandardDevColorSelect = () => {
-      this.onColorElementSelect(this.model.getStandardDevColor(), this._messages.standardDevStyle ?? "", this.standardDevOverlayElement);
+      this.onColorElementSelect(this.model.getStandardDevSymbol(), this._messages.standardDevStyle ?? "", this.standardDevOverlayElement);
     }, this.onModelConfigChange = () => {
       this.requestUpdate();
     }, this.openChange = (e) => {
@@ -192,7 +192,7 @@ class R extends z {
   /** @category Event handler */
   binCountChange(e) {
     const t = Number.parseInt(e);
-    this.model.getBinCount() !== t && (this.model.setBinCount(t), this.binInputElement.value && y({
+    this.model.getBinCount() !== t && (this.model.setBinCount(t), this.binInputElement.value && S({
       inputElement: this.binInputElement.value,
       status: D.IDLE
     }));
@@ -211,27 +211,27 @@ class R extends z {
   }
   /** @category Event handler */
   onBinColorSelect() {
-    this.onColorElementSelect(this.model.getBinColor(), this._messages.binColor ?? "");
+    this.onColorElementSelect(this.model.getBinSymbol(), this._messages.binColor ?? "");
   }
   /** @category Event handler */
   onBinColorChange(e) {
-    this.model.setColorMatch(!1), this.model.setBinColor(e.detail);
+    this.model.setColorMatch(!1), this.model.setBinSymbol(e.detail);
   }
   /** @category Event handler */
   onMeanStyleChange(e) {
-    this.model.setMeanColor(e.detail);
+    this.model.setMeanSymbol(e.detail);
   }
   /** @category Event handler */
   onMedianStyleChange(e) {
-    this.model.setMedianColor(e.detail);
+    this.model.setMedianSymbol(e.detail);
   }
   /** @category Event handler */
   onStandardDevStyleChange(e) {
-    this.model.setStandardDevColor(e.detail);
+    this.model.setStandardDevSymbol(e.detail);
   }
   /** @category Event handler */
   onNormalDistStyleChange(e) {
-    this.model.setNormalDistColor(e.detail);
+    this.model.setNormalDistSymbol(e.detail);
   }
   /** @category Event handler */
   onShowDataLabelsChange(e) {
@@ -239,8 +239,8 @@ class R extends z {
   }
   /** @category Event handler */
   onOverlayListChange(e) {
-    const t = e.target.selectedItems.map((p) => p.value), o = t.includes(i.Mean), c = t.includes(i.Median), m = t.includes(i.StandardDev), d = t.includes(i.NormalDist);
-    this.meanOverlayVisible !== o && (this.model.setShowMeanOverlay(o), this.meanOverlayVisible = o), this.medianOverlayVisible !== c && (this.model.setShowMedianOverlay(c), this.medianOverlayVisible = c), this.standardDevOverlayVisible !== m && (this.model.setShowStandardDevOverlay(m), this.standardDevOverlayVisible = m), this.normalDistOverlayVisible !== d && (this.model.setShowNormalDistOverlay(d), this.normalDistOverlayVisible = d);
+    const t = e.target.selectedItems.map((p) => p.value), o = t.includes(i.Mean), c = t.includes(i.Median), h = t.includes(i.StandardDev), d = t.includes(i.NormalDist);
+    this.meanOverlayVisible !== o && (this.model.setShowMeanOverlay(o), this.meanOverlayVisible = o), this.medianOverlayVisible !== c && (this.model.setShowMedianOverlay(c), this.medianOverlayVisible = c), this.standardDevOverlayVisible !== h && (this.model.setShowStandardDevOverlay(h), this.standardDevOverlayVisible = h), this.normalDistOverlayVisible !== d && (this.model.setShowNormalDistOverlay(d), this.normalDistOverlayVisible = d);
   }
   /** @category Private */
   histogramPopoverChange(e) {
@@ -290,11 +290,11 @@ class R extends z {
    * @category Render UX
    */
   renderFieldSelect() {
-    return l`<arcgis-charts-config-field-select .label=${k(this.layerFieldsInfo, this.model.getNumericField())} @click=${this.onNumericFieldSelect} ${h(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`;
+    return l`<arcgis-charts-config-field-select .label=${k(this.layerFieldsInfo, this.model.getNumericField())} @click=${this.onNumericFieldSelect} ${m(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`;
   }
   /** @category Render UX */
   renderDataTransformationType() {
-    return l`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${h(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`;
+    return l`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${m(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`;
   }
   /**
    * @param props
@@ -302,19 +302,19 @@ class R extends z {
    */
   // TODO: to see for better pattern to move TSX based utility methods.
   renderColorListItem(e) {
-    const { textLabel: t, key: o, value: c, selected: m, ref: d, colorAction: p, color: $ } = e, [b, O, w, E] = [...$ ?? T()];
-    return f(o, l`<calcite-list-item .label=${t ?? ""} .value=${c} .selected=${m} ${h(d ?? void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${p}><calcite-icon icon=line-solid style=${P(b !== void 0 ? { color: `rgba(${b},${O},${w},${(E ?? 0) / 255})` } : {})}></calcite-icon></calcite-action></calcite-list-item>`);
+    const { textLabel: t, key: o, value: c, selected: h, ref: d, colorAction: p, color: $ } = e, [b, O, w, E] = [...$ ?? T()];
+    return f(o, l`<calcite-list-item .label=${t ?? ""} .value=${c} .selected=${h} ${m(d ?? void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${p}><calcite-icon icon=line-solid style=${P(b !== void 0 ? { color: `rgba(${b},${O},${w},${(E ?? 0) / 255})` } : {})}></calcite-icon></calcite-action></calcite-list-item>`);
   }
   /** @category Render UX */
   renderBinColorElement() {
-    const [e, t, o, c] = [...this.model.getBinColor()?.color ?? L(0)];
-    return l`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine @click=${this.onBinColorSelect} ${h(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${P({ color: `rgba(${e},${t},${o},${c / 255})` })} class=${a(s.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`;
+    const [e, t, o, c] = [...this.model.getBinSymbol()?.color ?? L(0)];
+    return l`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine @click=${this.onBinColorSelect} ${m(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${P({ color: `rgba(${e},${t},${o},${c / 255})` })} class=${a(s.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`;
   }
   /** @category Render UX */
   renderNormalDistOverlay() {
     return this.normalDistOverlayVisible = this.model.getShowNormalDistOverlay(), this.renderColorListItem({
       textLabel: this._messages.normalDist,
-      color: this.model.getNormalDistColor()?.color,
+      color: this.model.getNormalDistSymbol()?.color,
       key: i.NormalDist,
       value: i.NormalDist,
       selected: this.model.getShowNormalDistOverlay(),
@@ -329,7 +329,7 @@ class R extends z {
     return this.meanOverlayVisible = this.model.getShowMeanOverlay(), this.renderColorListItem({
       textLabel: this._messages.mean,
       textDescription: this.meanValue,
-      color: this.model.getMeanColor()?.color,
+      color: this.model.getMeanSymbol()?.color,
       key: i.Mean,
       value: i.Mean,
       selected: this.model.getShowMeanOverlay(),
@@ -344,7 +344,7 @@ class R extends z {
     return this.standardDevOverlayVisible = this.model.getShowStandardDevOverlay(), this.renderColorListItem({
       textLabel: this._messages.standardDev,
       textDescription: this.standardDevValue,
-      color: this.model.getStandardDevColor()?.color,
+      color: this.model.getStandardDevSymbol()?.color,
       key: i.StandardDev,
       value: i.StandardDev,
       selected: this.model.getShowStandardDevOverlay(),
@@ -359,7 +359,7 @@ class R extends z {
     return this.medianOverlayVisible = this.model.getShowMedianOverlay(), this.renderColorListItem({
       textLabel: this._messages.median,
       textDescription: this.medianValue,
-      color: this.model.getMedianColor()?.color,
+      color: this.model.getMedianSymbol()?.color,
       key: i.Median,
       value: i.Median,
       selected: this.model.getShowMedianOverlay(),
@@ -391,7 +391,7 @@ class R extends z {
   }
   /** @category Render UX */
   renderBinsSection() {
-    return l`<div class=${a(s.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.getBinCount()} @calciteSliderChange=${this.onBinCountSliderChange} ${h(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${_(this.model.getBinCount())} @calciteInputInput=${this.onBinCountChange} ${h(this.binInputElement)}></calcite-input></div>`;
+    return l`<div class=${a(s.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.getBinCount()} @calciteSliderChange=${this.onBinCountSliderChange} ${m(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${_(this.model.getBinCount())} @calciteInputInput=${this.onBinCountChange} ${m(this.binInputElement)}></calcite-input></div>`;
   }
   /** @category Lifecycle */
   render() {

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

@@ -3,7 +3,7 @@ import { keyed as c } from "lit-html/directives/keyed.js";
 import { WebChartDataTransformations as o, RESTSymbolType as v } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { a_ as C, c6 as u, R as b } from "../../chunks/interfaces.js";
+import { a$ as C, c7 as u, R as b } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -21,7 +21,7 @@ import { LitElement as w, createEvent as p, safeClassMap as i } from "@arcgis/lu
 import { css as k } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const t = {
   symbolPropertyPopover: "symbol-property-popover",
   colorPicker: "color-picker",

package/dist/components/arcgis-charts-config-invalid-input-message/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as a, safeClassMap as e } from "@arcgis/lumina";
 import { css as l } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const n = {
   invalidMessageColor: "invalid-message-color"
 }, o = l`:host{display:block}.invalid-message-color{color:red}`;

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

@@ -2,7 +2,7 @@ import { c as l } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import { isEqual as o } from "lodash-es";
 import "d3-array";
-import { g as n, aX as h, a_ as c, a$ as d } from "../../chunks/interfaces.js";
+import { g as n, aY as h, a$ as c, b0 as d } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -17,7 +17,7 @@ import { C as s } from "../../chunks/interfaces3.js";
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const C = f`: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 p {
   constructor() {

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

@@ -3,7 +3,7 @@ import { keyed as y } from "lit-html/directives/keyed.js";
 import { WebChartStatisticType as o, defaultBarLineFromFieldsName as F, RESTFieldType as $, WebChartTemporalBinningUnits as p, WebChartNullPolicyTypes as c } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { aZ as v, aJ as A, aK as x, c6 as m, cd as I } from "../../chunks/interfaces.js";
+import { a_ as v, aK as A, aL as x, c7 as m, ce as I } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -21,7 +21,7 @@ import { LitElement as E, createEvent as g, safeClassMap as a } from "@arcgis/lu
 import { css as L } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const s = {
   label: "label",
   fieldList: "field-list",

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

@@ -4,7 +4,7 @@ import { keyed as b } from "lit-html/directives/keyed.js";
 import { WebChartTimeAggregationTypes as d, RESTFieldType as v, WebChartTemporalBinningUnits as c } from "@arcgis/charts-spec";
 import { isEqual as u } from "lodash-es";
 import "d3-array";
-import { aJ as I, aK as F, c6 as P, b0 as x, a_ as C, cd as T } from "../../chunks/interfaces.js";
+import { aK as I, aL as F, c7 as P, b1 as x, a$ as C, ce as T } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -22,7 +22,7 @@ import { LitElement as z, createEvent as $, safeClassMap as o } from "@arcgis/lu
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const r = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",

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

@@ -2,7 +2,7 @@ import { c as f } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { cp as u } from "../../chunks/interfaces.js";
+import { cq as u } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -19,7 +19,7 @@ import { h as $ } from "../../chunks/chart-ui-utils2.js";
 import { css as M } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const N = M`: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 y {
   constructor() {

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

@@ -19,7 +19,7 @@ import { LitElement as $, createEvent as s, safeClassMap as o } from "@arcgis/lu
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const n = {
   jsAppFlyout: "js-app-flyout",
   sizeSection: "size-section",

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

@@ -8,7 +8,7 @@ import { LitElement as f, createEvent as h, safeClassMap as s, nothing as n } fr
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const o = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

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

@@ -1,20 +1,20 @@
 import { c as l } from "../../chunks/runtime.js";
 import { html as u } from "lit-html";
-import { a as h, m as r, s as d, b as o } from "../../chunks/chart-ui-utils2.js";
+import { a as h, m as r, s as d, b as c } from "../../chunks/chart-ui-utils2.js";
 import { u as p } from "../../chunks/useT9n.js";
 import { createRef as g, ref as b } from "lit-html/directives/ref.js";
 import { LitElement as f, createEvent as v, safeClassMap as a } from "@arcgis/lumina";
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const i = {
   container: "container",
   label: "label",
   numberInput: "number-input",
   rtl: "arcgis-charts-rtl"
-}, w = x`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));margin-top:.5rem}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}:host{display:flex;flex-direction:row}.label{display:flex;margin-bottom:.5rem;justify-content:space-between}`;
-class F extends f {
+}, F = x`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));margin-top:.5rem}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem;justify-content:space-between}`;
+class w extends f {
   constructor() {
     super(...arguments), this._messages = p(), this.decimalPlacesInputElement = g(), this.arcgisChartsConfigNumberFormatChange = v();
   }
@@ -22,7 +22,7 @@ class F extends f {
     this.properties = { messageOverrides: 0, numberFormat: 0 };
   }
   static {
-    this.styles = w;
+    this.styles = F;
   }
   //#endregion
   //#region Private Methods
@@ -30,19 +30,19 @@ class F extends f {
   onDecimalPlacesChange() {
     const t = this.decimalPlacesInputElement.value?.value, s = Math.floor(Number(t)), n = s === Number(t) && s >= 0;
     if (t !== void 0 && n && h(t, this.decimalPlacesInputElement.value?.min, this.decimalPlacesInputElement.value?.max)) {
-      const c = Number.parseInt(t), e = {
+      const m = Number.parseInt(t), e = {
         minimumFractionDigits: this.numberFormat?.minimumFractionDigits,
-        maximumFractionDigits: c
+        maximumFractionDigits: m
       };
       e.maximumFractionDigits !== void 0 && e.minimumFractionDigits !== void 0 && e.minimumFractionDigits > e.maximumFractionDigits && (e.minimumFractionDigits = e.maximumFractionDigits);
-      const m = this.getUpdatedNumberFormat(e);
-      this.arcgisChartsConfigNumberFormatChange.emit(m), this.decimalPlacesInputElement.value && r({
+      const o = this.getUpdatedNumberFormat(e);
+      this.arcgisChartsConfigNumberFormatChange.emit(o), this.decimalPlacesInputElement.value && r({
         inputElement: this.decimalPlacesInputElement.value,
-        status: o.IDLE
+        status: c.IDLE
       });
     } else this.decimalPlacesInputElement.value && r({
       inputElement: this.decimalPlacesInputElement.value,
-      status: o.INVALID
+      status: c.INVALID
     });
   }
   /** @category Event handler */
@@ -69,7 +69,7 @@ class F extends f {
     return u`<div class=${a({ [i.rtl]: this.direction === "rtl" })}><div class=${a(i.container)}><calcite-label class=${a(i.label)}>${this._messages.decimalPlaces}<calcite-input type=number class=${a(i.numberInput)} min=0 max=20 step=1 .value=${d(this.numberFormat?.maximumFractionDigits, 2)} @calciteInputInput=${this.onDecimalPlacesChange} ${b(this.decimalPlacesInputElement)}></calcite-input></calcite-label><calcite-label layout=inline-space-between class=${a(i.label)}>${this._messages.showThousandSeparators}<calcite-switch name=useGrouping .checked=${!!(this.numberFormat?.useGrouping ?? !0)} @calciteSwitchChange=${this.onShowThousandsSeparatorChange}></calcite-switch></calcite-label></div></div>`;
   }
 }
-l("arcgis-charts-config-number-format", F);
+l("arcgis-charts-config-number-format", w);
 export {
-  F as ArcgisChartsConfigNumberFormat
+  w as ArcgisChartsConfigNumberFormat
 };

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

@@ -2,7 +2,7 @@ import { c as C } from "../../chunks/runtime.js";
 import { RESTSymbolType as u } from "@arcgis/charts-spec";
 import { isEqual as n, cloneDeep as p } from "lodash-es";
 import "d3-array";
-import { g as y, aX as v } from "../../chunks/interfaces.js";
+import { g as y, aY as v } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -17,7 +17,7 @@ import { C as c } from "../../chunks/interfaces3.js";
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const P = S`: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 E extends F {
   constructor() {

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

@@ -3,7 +3,7 @@ import { keyed as f } from "lit-html/directives/keyed.js";
 import { defaultPieFromFieldsName as c, WebChartStatisticType as u } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { c6 as m, aZ as v } from "../../chunks/interfaces.js";
+import { c7 as m, a_ as v } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -21,7 +21,7 @@ import { LitElement as $, createEvent as p, safeClassMap as s } from "@arcgis/lu
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const o = {
   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-html/directives/keyed.js";
 import { RESTFieldType as v } from "@arcgis/charts-spec";
 import { isEqual as f } from "lodash-es";
 import "d3-array";
-import { aJ as $, c6 as y, b0 as L, a_ as P } from "../../chunks/interfaces.js";
+import { aK as $, c7 as y, b1 as L, a$ as P } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -23,7 +23,7 @@ import { LitElement as D, createEvent as C, safeClassMap as l } from "@arcgis/lu
 import { css as T } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",

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

@@ -3,7 +3,7 @@ import { keyed as f } from "lit-html/directives/keyed.js";
 import { RESTSymbolType as T } from "@arcgis/charts-spec";
 import { debounce as C, isEmpty as E, toNumber as G } from "lodash-es";
 import "d3-array";
-import { aN as S, X as $ } from "../../chunks/interfaces.js";
+import { aO as S, X as $ } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -21,7 +21,7 @@ import { LitElement as M, createEvent as P, safeStyleMap as b, safeClassMap as s
 import { css as k } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const o = {
   sectionLabel: "section-label",
   label: "label",

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

@@ -19,7 +19,7 @@ import { LitElement as v, createEvent as o, safeClassMap as i } from "@arcgis/lu
 import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 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, aX as h, bE as p } from "../../chunks/interfaces.js";
+import { g as l, aY as h, bF as p } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -17,7 +17,7 @@ import { C as o } from "../../chunks/interfaces3.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const f = m`: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 c {
   constructor() {

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

@@ -2,7 +2,7 @@ import { c as E } from "../../chunks/runtime.js";
 import { WebChartTypes as b, RESTSymbolType as P } from "@arcgis/charts-spec";
 import { cloneDeep as I, isEmpty as T, toNumber as z } from "lodash-es";
 import "d3-array";
-import { aM as F, c6 as y, $, R as w } from "../../chunks/interfaces.js";
+import { aN as F, c7 as y, $, R as w } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -21,7 +21,7 @@ import { LitElement as D, createEvent as v, safeClassMap as i, safeStyleMap as x
 import { css as N } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const s = {
   label: "label",
   r2: "r2",

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

@@ -3,7 +3,7 @@ import { keyed as n } from "lit-html/directives/keyed.js";
 import { RESTSymbolType as c } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { a_ as v, c6 as u } from "../../chunks/interfaces.js";
+import { a$ as v, c7 as u } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -21,7 +21,7 @@ import { LitElement as $, createEvent as a, safeClassMap as l } from "@arcgis/lu
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const r = {
   jsAppFlyout: "js-app-flyout",
   scatterPlotPopover: "scatter-plot-popover",

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

@@ -19,7 +19,7 @@ import { LitElement as m, createEvent as s, safeClassMap as o } from "@arcgis/lu
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const t = {
   selectChartComponent: "select-chart-component",
   rtl: "arcgis-charts-rtl",

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

@@ -2,7 +2,7 @@ import { c as h } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { bN as d } from "../../chunks/interfaces.js";
+import { bO as d } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -19,7 +19,7 @@ import { repeat as u } from "lit-html/directives/repeat.js";
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.106 */
+v4.33.0-next.108 */
 const c = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-04-30T16:45:53",
+  "timestamp": "2025-05-02T05:10:10",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.106",
+    "version": "4.33.0-next.108",
     "typescriptVersion": "5.6.3"
   },
   "schemaVersion": "1.0.0",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-04-30T16:45:53",
+  "timestamp": "2025-05-02T05:10:10",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.106",
+    "version": "4.33.0-next.108",
     "typescriptVersion": "5.6.3"
   },
   "components": [

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.33.0-next.106",
+  "version": "4.33.0-next.108",
   "description-markup": "markdown",
   "contributions": {
     "html": {