@arcgis/charts-components 5.2.0-next.0 → 5.2.0-next.10

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

@@ -10,14 +10,14 @@ import { isEqual as S } from "lodash-es";
 import { d as A, F as b } from "../../chunks/index3.js";
 import { u as v } from "../../chunks/useT9n.js";
 import { e as c, W as $ } from "../../chunks/interfaces.js";
-import { b as y, a as D, c as m } from "../../chunks/chart-ui-utils2.js";
+import { c as y, b as D, e as m } from "../../chunks/chart-ui-utils2.js";
 import { C as x, k } from "../../chunks/class-breaks.js";
 import { R as E } from "../../chunks/rest-js-object-literals.js";
 import { r as _, i as R, e as C } from "../../chunks/chart-object-literals.js";
 import { e as B } from "../../chunks/popover-ui-utils.js";
 import { t as N, aB as M } from "../../chunks/index.js";
-import { ba as H, bj as j } from "../../chunks/index2.js";
-const O = w`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`, s = {
+import { bb as H, bk as O } from "../../chunks/index2.js";
+const j = w`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`, s = {
   jsAppFlyout: "js-app-flyout",
   name: "bar-chart-data-popover",
   header: "header",
@@ -43,7 +43,7 @@ class q extends T {
     this.properties = { availableColorRamps: 16, selectedColorRampName: 16, selectedCategory: 16, aggregationLabels: 16, isFlipped: 5, model: 0, messageOverrides: 0, headingTitle: 1, referenceElement: 0, open: 5, contentKind: 1, layerFieldsInfo: 0, selectedContent: 1, colorRamps: 0 };
   }
   static {
-    this.styles = O;
+    this.styles = j;
   }
   async reposition() {
     await this.popoverElement.value?.reposition();
@@ -71,7 +71,7 @@ class q extends T {
         a.push(i);
         for (let l = 0; l < t; l += 1) {
           const n = this.layerFieldsInfo?.[l];
-          n && j(n) && a.push(this.buildPickListItem(n));
+          n && O(n) && a.push(this.buildPickListItem(n));
         }
         break;
       }

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

@@ -4,8 +4,8 @@ import { isEqual as r } from "lodash-es";
 import { LitElement as n } from "@arcgis/lumina";
 import { css as h, html as t } from "lit";
 import { C as i } from "../../chunks/interfaces.js";
-import { ac as d, bu as c, I as m } from "../../chunks/index2.js";
-import { p as f, h as g } from "../../chunks/index6.js";
+import { ac as d, bw as c, I as m } from "../../chunks/index2.js";
+import { p as f, h as g } from "../../chunks/index5.js";
 const p = h`: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 n {
   constructor() {

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

@@ -1,10 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as k } from "../../chunks/runtime.js";
+import { c as I } from "../../chunks/runtime.js";
 import { keyed as y } from "lit/directives/keyed.js";
 import { debounce as f } from "lodash-es";
-import { H as d, f as a, b as s } from "../../chunks/interfaces.js";
-import { i as I, m as C, a as S, k as L, s as V, U as D, D as T } from "../../chunks/chart-ui-utils2.js";
-import { d as P, s as x } from "../../chunks/store.js";
+import { H as d, f as a, d as s } from "../../chunks/interfaces.js";
+import { i as L, m as C, b as S, n as k, s as V, U as D, D as T } from "../../chunks/chart-ui-utils2.js";
+import { d as P, a as x } from "../../chunks/store.js";
 import { u as N } from "../../chunks/useT9n.js";
 import { css as F, html as c } from "lit";
 import { createRef as b, ref as v } from "lit/directives/ref.js";
@@ -28,7 +28,7 @@ class j extends B {
   constructor() {
     super(...arguments), this._messages = N(), this.numericalFieldSelectionElement = b(), this.transformationSelectionElement = b(), this.histogramPopover = null, this.binColorSectionElement = b(), this.binSliderElement = b(), this.binInputElement = b(), this.popoverHeading = "", this.onBinCountChange = f(() => {
       const e = this.binInputElement.value?.value;
-      e !== void 0 && I(e, this.binInputElement.value?.min, this.binInputElement.value?.max) ? this.binCountChange(e) : this.binInputElement.value && C({
+      e !== void 0 && L(e, this.binInputElement.value?.min, this.binInputElement.value?.max) ? this.binCountChange(e) : this.binInputElement.value && C({
         inputElement: this.binInputElement.value,
         status: D.INVALID
       });
@@ -164,7 +164,7 @@ class j extends B {
         t = void 0;
         break;
     }
-    return L(t, T);
+    return k(t, T);
   }
   binCountChange(e) {
     const t = Number.parseInt(e);
@@ -317,7 +317,7 @@ class j extends B {
     return c`<div class=${o(l.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${o(l.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${o(l.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${o(l.sectionLabel)}>${this._messages.bins}</div><p class=${o(l.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${o(l.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${o(l.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`;
   }
 }
-k("arcgis-charts-config-histogram-data", j);
+I("arcgis-charts-config-histogram-data", j);
 export {
   j as ArcgisChartsConfigHistogramData
 };

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

@@ -2,16 +2,16 @@
 import { c as f } from "../../chunks/runtime.js";
 import { css as y, html as s } from "lit";
 import { keyed as c } from "lit/directives/keyed.js";
-import { H as l } from "../../chunks/interfaces.js";
-import { a as v, l as C } from "../../chunks/chart-ui-utils2.js";
+import { H as o } from "../../chunks/interfaces.js";
+import { b as v, o as C } from "../../chunks/chart-ui-utils2.js";
 import { u } from "../../chunks/useT9n.js";
 import { createRef as m, ref as h } from "lit/directives/ref.js";
 import { LitElement as b, createEvent as p, safeClassMap as t } from "@arcgis/lumina";
 import { i as $ } from "../../chunks/rest-js-object-literals.js";
-import { g as o } from "../../chunks/chart-object-literals.js";
+import { g as l } from "../../chunks/chart-object-literals.js";
 import { e as P } from "../../chunks/popover-ui-utils.js";
 import { d as S } from "../../chunks/index3.js";
-import { bj as k } from "../../chunks/index2.js";
+import { bk as k } from "../../chunks/index2.js";
 import { aB as L } from "../../chunks/index.js";
 const i = {
   symbolPropertyPopover: "symbol-property-popover",
@@ -42,23 +42,23 @@ class F extends b {
   }
   buildPickListItems(e) {
     const n = [];
-    if (e === l.numericFields)
+    if (e === o.numericFields)
       for (let r = 0; r < this.layerFieldsInfo?.length; r += 1) {
         const a = this.layerFieldsInfo[r];
         k(a) && n.push(c(a.name, s`<calcite-list-item .label=${S(this.layerFieldsInfo, a.name)} .value=${a.name} .selected=${this.selectedNumericField === a.name}></calcite-list-item>`));
       }
     else {
       const r = [
-        c(o.None, s`<calcite-list-item .label=${this._messages.none} .value=${o.None} .selected=${this.selectedTransformationType === o.None}></calcite-list-item>`),
-        c(o.Log, s`<calcite-list-item .label=${this._messages.log} .value=${o.Log} .selected=${this.selectedTransformationType === o.Log}></calcite-list-item>`),
-        c(o.Sqrt, s`<calcite-list-item .label=${this._messages.sqRt} .value=${o.Sqrt} .selected=${this.selectedTransformationType === o.Sqrt}></calcite-list-item>`)
+        c(l.None, s`<calcite-list-item .label=${this._messages.none} .value=${l.None} .selected=${this.selectedTransformationType === l.None}></calcite-list-item>`),
+        c(l.Log, s`<calcite-list-item .label=${this._messages.log} .value=${l.Log} .selected=${this.selectedTransformationType === l.Log}></calcite-list-item>`),
+        c(l.Sqrt, s`<calcite-list-item .label=${this._messages.sqRt} .value=${l.Sqrt} .selected=${this.selectedTransformationType === l.Sqrt}></calcite-list-item>`)
       ];
       n.push(...r);
     }
     return n;
   }
   getPopoverClass() {
-    return this.contentKind === l.fillSymbol || this.contentKind === l.lineSymbol ? i.symbolPropertyPopover : "";
+    return this.contentKind === o.fillSymbol || this.contentKind === o.lineSymbol ? i.symbolPropertyPopover : "";
   }
   closePopover() {
     (this.open || this.popoverElement.value?.open === !1) && (this.open = !1, this.arcgisChartsConfigPopoverClose.emit());
@@ -86,11 +86,11 @@ class F extends b {
     return s`<arcgis-charts-config-line-style class=${t(i.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle ?? this._messages.lineStyle} .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`;
   }
   renderFieldSelect() {
-    const e = this.buildPickListItems(l.numericFields);
+    const e = this.buildPickListItems(o.numericFields);
     return s`<calcite-panel class=${t(i.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${t(i.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${t(i.pickListItemLabel)} filter-enabled @calciteListChange=${this.onPickListChange} ${h(this.picklist)}>${e}</calcite-list></calcite-panel>`;
   }
   renderTransformationSelect() {
-    const e = this.buildPickListItems(l.transformation);
+    const e = this.buildPickListItems(o.transformation);
     return s`<calcite-panel class=${t(i.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${t(i.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${t(i.pickListItemLabel)} @calciteListChange=${this.onPickListChange}>${e}</calcite-list></calcite-panel>`;
   }
   render() {
@@ -98,13 +98,13 @@ class F extends b {
   }
   renderContentType() {
     switch (this.contentKind) {
-      case l.fillSymbol:
+      case o.fillSymbol:
         return this.renderFillColor();
-      case l.lineSymbol:
+      case o.lineSymbol:
         return this.renderOverlayStyle();
-      case l.numericFields:
+      case o.numericFields:
         return this.renderFieldSelect();
-      case l.transformation:
+      case o.transformation:
         return this.renderTransformationSelect();
       default:
         return;

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

@@ -4,8 +4,8 @@ import { isEqual as a } from "lodash-es";
 import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as h, html as o } from "lit";
 import { C as s } from "../../chunks/interfaces.js";
-import { ac as c, I as m, bj as f, ba as g } from "../../chunks/index2.js";
-import { h as p } from "../../chunks/index6.js";
+import { ac as c, I as m, bk as f, bb as g } from "../../chunks/index2.js";
+import { h as p } from "../../chunks/index5.js";
 const u = h`: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 C extends n {
   constructor() {

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

@@ -6,13 +6,13 @@ import { css as I, html as r } from "lit";
 import { createRef as m, ref as d } from "lit/directives/ref.js";
 import { u as b } from "../../chunks/useT9n.js";
 import { L as l } from "../../chunks/interfaces.js";
-import { d as B, s as u, r as T, a as S } from "../../chunks/store.js";
+import { d as B, a as u, r as T, b as S } from "../../chunks/store.js";
 import { isEqual as k } from "lodash-es";
 import { x as E } from "../../chunks/data.js";
 import { r as c, s as f, m as h } from "../../chunks/chart-object-literals.js";
 import { t as L, ag as P } from "../../chunks/index.js";
 import { d as v, m as w } from "../../chunks/index3.js";
-import { an as C, ba as _ } from "../../chunks/index2.js";
+import { an as C, bb as _ } from "../../chunks/index2.js";
 import { r as N } from "../../chunks/popover-ui-utils.js";
 const D = I`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`, n = {
   label: "label",
@@ -130,7 +130,7 @@ class U extends x {
     this.model.trimIncompleteTimeInterval = e.target.checked;
   }
   onNullPolicyChange(e) {
-    this.model.nullPolicy = e.target.selectedItem.value;
+    this.model.nullPolicy = e.target.selectedItem?.value;
   }
   shouldShowTimeBinning() {
     const e = this.layerFieldsInfo.find((i) => i.name === this.model.xAxisField), t = this.model.aggregationType !== c.NoAggregation;

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

@@ -8,13 +8,13 @@ import { createRef as h, ref as m } from "lit/directives/ref.js";
 import { isEqual as v } from "lodash-es";
 import { u as C } from "../../chunks/useT9n.js";
 import { L as a } from "../../chunks/interfaces.js";
-import { b as L, a as I, c as d, e as P, s as A } from "../../chunks/chart-ui-utils2.js";
+import { c as L, b as I, e as d, f as P, s as A } from "../../chunks/chart-ui-utils2.js";
 import { R as T } from "../../chunks/rest-js-object-literals.js";
 import { t as g, s as r } from "../../chunks/chart-object-literals.js";
 import { e as x, p as D } from "../../chunks/popover-ui-utils.js";
 import { t as E, ag as S } from "../../chunks/index.js";
 import { d as z, m as N } from "../../chunks/index3.js";
-import { bg as w, bj as $, ba as K, bs as B } from "../../chunks/index2.js";
+import { bh as w, bk as $, bb as K, bu as B } from "../../chunks/index2.js";
 const _ = F`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`, c = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",

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

@@ -5,7 +5,7 @@ import { LitElement as I, renderElement as $, safeStyleMap as L } from "@arcgis/
 import { css as x, html as o } from "lit";
 import { repeat as P } from "lit/directives/repeat.js";
 import { u as y } from "../../chunks/useT9n.js";
-import { g as b } from "../../chunks/chart-ui-utils2.js";
+import { j as b } from "../../chunks/chart-ui-utils2.js";
 import { C as M } from "../../chunks/index3.js";
 import { r as d } from "../../chunks/popover-ui-utils.js";
 const O = x`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`;
@@ -63,16 +63,16 @@ class k extends I {
     this.seriesPopover !== void 0 && this.seriesPopover !== null && (this.seriesPopover.open = !1, this.seriesPopover = d(this.seriesPopover));
   }
   buildSeriesListItems() {
-    const e = this.model.seriesLength, s = Array.from({ length: e }, (i, t) => t);
+    const e = this.model.seriesLength, s = Array.from({ length: e }, (i, r) => r);
     return P(s, (i) => this.model.getSeriesId(i), (i) => {
-      const t = this.model.getSeriesId(i), l = this.model.getSeriesColor(i), h = this.model.getSeriesName(i), c = this.model.chartSubType === M.BarAndLineFromFields ? this._messages.series : t, m = this.model.getSeriesLineStyle(i), g = b(m);
+      const r = this.model.getSeriesId(i), l = this.model.getSeriesColor(i), h = this.model.getSeriesName(i), c = this.model.chartSubType === M.BarAndLineFromFields ? this._messages.series : r, m = this.model.getSeriesLineStyle(i), g = b(m);
       let n = "#CCCCCC", a = "minus-circle";
       if ((e > 1 || !this.activeColorMatch) && l !== void 0) {
         a = `line-${g}`;
         const [C, p, S, v] = [...l];
         n = `rgba(${C},${p},${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 ?? r ?? ""} .description=${c} .value=${r} .selected=${this.selectedSeriesIndex === i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${a} style=${L({ color: n })}></calcite-icon></calcite-list-item>`;
     });
   }
   buildSeriesList() {
@@ -83,13 +83,13 @@ class k extends I {
   }
   onCalciteListOrderChange(e) {
     if (e.detail !== null && e.detail !== void 0) {
-      const { newIndex: s, oldIndex: r } = e.detail;
-      this.model.moveSeries(r, s), this.seriesOrderResetCounter += 1;
+      const { newIndex: s, oldIndex: t } = e.detail;
+      this.model.moveSeries(t ?? 0, s ?? t ?? 0), this.seriesOrderResetCounter += 1;
     }
   }
   openSeriesPopOver(e) {
     e.stopImmediatePropagation(), this.removeSeriesPopover();
-    const s = e.target, r = s.localName === "calcite-list-item" ? s : s.parentNode, i = this.model.getSeriesIndex(r.value);
+    const s = e.target, t = s.localName === "calcite-list-item" ? s : s.parentNode, i = this.model.getSeriesIndex(t.value);
     this.open = this.selectedSeriesIndex !== i, this.selectedSeriesIndex = this.selectedSeriesIndex !== i ? i : void 0;
   }
   render() {

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

@@ -5,7 +5,7 @@ import { LitElement as C, createEvent as m } from "@arcgis/lumina";
 import { css as y, html as c } from "lit";
 import { C as d } from "../../chunks/interfaces.js";
 import { ac as I, I as F } from "../../chunks/index2.js";
-import { h as v } from "../../chunks/index6.js";
+import { h as v } from "../../chunks/index5.js";
 import { i as b } from "../../chunks/rest-js-object-literals.js";
 const S = y`: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 L extends C {

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

@@ -4,15 +4,15 @@ import { repeat as h } from "lit/directives/repeat.js";
 import { keyed as g } from "lit/directives/keyed.js";
 import { isEqual as k } from "lodash-es";
 import { P as a } from "../../chunks/interfaces.js";
-import { p as u, a as $, c as d, e as y } from "../../chunks/chart-ui-utils2.js";
+import { p as u, b as $, e as d, f as y } from "../../chunks/chart-ui-utils2.js";
 import { u as f } from "../../chunks/useT9n.js";
 import { css as L, html as n } from "lit";
-import { createRef as C, ref as p } from "lit/directives/ref.js";
-import { LitElement as P, createEvent as b, safeClassMap as o } from "@arcgis/lumina";
+import { createRef as b, ref as p } from "lit/directives/ref.js";
+import { LitElement as P, createEvent as C, safeClassMap as o } from "@arcgis/lumina";
 import { e as F, p as I } from "../../chunks/popover-ui-utils.js";
 import { t as D } from "../../chunks/index.js";
 import { d as x } from "../../chunks/index3.js";
-import { bg as S, bj as T } from "../../chunks/index2.js";
+import { bh as S, bk as T } from "../../chunks/index2.js";
 import { R as E } from "../../chunks/rest-js-object-literals.js";
 import { a as c } from "../../chunks/common.js";
 const l = {
@@ -27,7 +27,7 @@ const l = {
 }, A = L`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-counter-clockwise{transform:scaleX(-1)}.panel{max-height:60vh}`;
 class w extends P {
   constructor() {
-    super(...arguments), this._messages = f(), this.commonStrings = f({ name: "common", blocking: !0 }), this.picklist = C(), this.popoverElement = C(), this.placement = "leading", this.offsetDistance = -200, this.pickListHasChanged = !1, this.aggregationLabels = [], this.open = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigPieChartDataPopoverChange = b(), this.arcgisChartsConfigPopoverClose = b();
+    super(...arguments), this._messages = f(), this.commonStrings = f({ name: "common", blocking: !0 }), this.picklist = b(), this.popoverElement = b(), this.placement = "leading", this.offsetDistance = -200, this.pickListHasChanged = !1, this.aggregationLabels = [], this.open = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigPieChartDataPopoverChange = C(), this.arcgisChartsConfigPopoverClose = C();
   }
   static {
     this.properties = { aggregationLabels: 16, messageOverrides: 0, headingTitle: 1, referenceElement: 0, open: 5, contentKind: 1, layerFieldsInfo: 0, selectedContent: 1 };

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

@@ -2,7 +2,7 @@
 import { c as T } from "../../chunks/runtime.js";
 import { keyed as f } from "lit/directives/keyed.js";
 import { debounce as C, isEmpty as E, toNumber as x } from "lodash-es";
-import { a as $, d as N, s as p } from "../../chunks/chart-ui-utils2.js";
+import { b as $, a as N, s as p } from "../../chunks/chart-ui-utils2.js";
 import { u as G } from "../../chunks/useT9n.js";
 import { css as _, html as d } from "lit";
 import { createRef as m, ref as g } from "lit/directives/ref.js";
@@ -148,7 +148,7 @@ class k extends w {
   }
   onDisplayTypeChange(e) {
     const l = e.target.selectedItem;
-    this.model.displayType = l.value;
+    this.model.displayType = l?.value;
   }
   resetSlicesOriginal() {
     this.selectedSliceId = void 0, this.model.colorMatch = !0, this.model.resetSlices();
@@ -156,7 +156,7 @@ class k extends w {
   onCalciteListOrderChange(e) {
     if (e.detail !== null && e.detail !== void 0) {
       const { newIndex: l, oldIndex: i } = e.detail;
-      this.model.moveSeries(i, l);
+      this.model.moveSeries(i ?? 0, l ?? i ?? 0);
     }
   }
   openSlicesPopover(e) {

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

@@ -4,8 +4,8 @@ import { isEqual as l } from "lodash-es";
 import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as c, html as i } from "lit";
 import { C as s } from "../../chunks/interfaces.js";
-import { ac as h, bu as f, I as p, ak as g } from "../../chunks/index2.js";
-import { h as m } from "../../chunks/index6.js";
+import { ac as h, bw as f, I as p, ak as g } from "../../chunks/index2.js";
+import { h as m } from "../../chunks/index5.js";
 const u = c`: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 y extends n {
   constructor() {