@arcgis/charts-components 5.0.0-next.52 → 5.0.0-next.54

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

@@ -1,11 +1,11 @@
-import { c as R } from "../../chunks/runtime.js";
+import { c as B } from "../../chunks/runtime.js";
 import { keyed as X } from "lit/directives/keyed.js";
 import "@arcgis/toolkit/intl";
-import { cloneDeep as P } from "lodash-es";
+import { cloneDeep as E } from "lodash-es";
 import { W as z } from "../../chunks/series-types.js";
 import { R as u, c as N } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { j as p, cA as Z, cB as E, cC as F, aC as j } from "../../chunks/index.js";
+import { j as p, cC as Z, cD as P, cE as F, aE as j } from "../../chunks/index.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -15,18 +15,18 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { c as g, b as O } from "../../chunks/index3.js";
 import { r as V } from "../../chunks/popover-ui-utils.js";
-import { m as $, d as W, g as q, j as A, c as G } from "../../chunks/chart-ui-utils2.js";
-import { d as L } from "../../chunks/default.js";
+import { m as $, d as W, g as q, j as L, c as G } from "../../chunks/chart-ui-utils2.js";
+import { d as M } from "../../chunks/default.js";
 import { g as U } from "../../chunks/resource.js";
 import { u as Y } from "../../chunks/useT9n.js";
 import { css as H, html as d } from "lit";
 import { createRef as h, ref as m } from "lit/directives/ref.js";
-import { LitElement as J, createEvent as K, renderElement as M, safeStyleMap as _, safeClassMap as o } from "@arcgis/lumina";
+import { LitElement as J, createEvent as K, renderElement as A, safeStyleMap as _, safeClassMap as o } from "@arcgis/lumina";
 import { G as S } from "../../chunks/common.js";
 import { j as Q, n as ee, o as te } from "../../chunks/type-guards.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const n = {
   row: "row",
   column: "column",
@@ -37,7 +37,7 @@ class se extends J {
     super(...arguments), this._messages = Y(), this.startCalciteInput = h(), this.endCalciteInput = h(), this.startDateCalciteInput = h(), this.endDateCalciteInput = h(), this.startTimeCalciteInput = h(), this.endTimeCalciteInput = h(), this.colorElement = h(), this.colorChange = (e) => {
       const t = e.detail, i = this.model.getGuideStart(this.index, this.orientation), a = this.model.getGuideEnd(this.index, this.orientation);
       if (p(i, a) === u.SLS) {
-        const l = P(L.style), s = this.model.getGuideStyle(this.index, this.orientation), r = {
+        const l = E(M.style), s = this.model.getGuideStyle(this.index, this.orientation), r = {
           ...l,
           ...g(s) ? s : {},
           color: t
@@ -48,7 +48,7 @@ class se extends J {
     }, this.symbolChange = (e) => {
       const t = e?.detail, i = this.model.getGuideStart(this.index, this.orientation), a = this.model.getGuideEnd(this.index, this.orientation);
       if (p(i, a) === u.SLS) {
-        const l = P(L.style), s = this.model.getGuideStyle(this.index, this.orientation), r = {
+        const l = E(M.style), s = this.model.getGuideStyle(this.index, this.orientation), r = {
           ...l,
           ...g(s) ? s : {},
           ...g(t) ? t : {}
@@ -112,7 +112,7 @@ class se extends J {
     })), this.guidePopover?.open === !0 && this.removeGuidePopover();
   }
   setGuideDateTimeRange() {
-    const e = this.calculatedMinMaxBounds?.find((c) => c.isXAxis)?.minimum, t = this.calculatedMinMaxBounds?.find((c) => c.isXAxis)?.maximum, i = typeof e == "number" ? new Date(e) : /* @__PURE__ */ new Date(), a = typeof t == "number" ? new Date(t) : /* @__PURE__ */ new Date(), l = new window.Intl.DateTimeFormat().resolvedOptions().timeZone, s = Z(this.timeZone) ?? l, r = E(i, s), f = F(i, s), v = E(a, s), B = F(a, s), T = this.startDateCalciteInput.value?.value ?? "", x = T === "" ? r : T, D = this.startTimeCalciteInput.value?.value ?? "", w = D === "" ? f : D, C = this.endDateCalciteInput.value?.value ?? "", y = C === "" ? v : C, I = this.endTimeCalciteInput.value?.value ?? "", k = I === "" ? B : I;
+    const e = this.calculatedMinMaxBounds?.find((c) => c.isXAxis)?.minimum, t = this.calculatedMinMaxBounds?.find((c) => c.isXAxis)?.maximum, i = typeof e == "number" ? new Date(e) : /* @__PURE__ */ new Date(), a = typeof t == "number" ? new Date(t) : /* @__PURE__ */ new Date(), l = new window.Intl.DateTimeFormat().resolvedOptions().timeZone, s = Z(this.timeZone) ?? l, r = P(i, s), f = F(i, s), v = P(a, s), R = F(a, s), T = this.startDateCalciteInput.value?.value ?? "", x = T === "" ? r : T, D = this.startTimeCalciteInput.value?.value ?? "", w = D === "" ? f : D, C = this.endDateCalciteInput.value?.value ?? "", y = C === "" ? v : C, I = this.endTimeCalciteInput.value?.value ?? "", k = I === "" ? R : I;
     let b = !1;
     if (!Array.isArray(x) && x !== void 0 && w !== void 0) {
       const c = `${x}T${w}`;
@@ -169,7 +169,7 @@ class se extends J {
     let l;
     p(i, a) === u.SLS ? l = g(t) ? t : void 0 : l = t?.color;
     const s = this.colorElement.value;
-    Array.isArray(t?.color) ? (this.guidePopover = M(d`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`), this.guidePopover !== void 0 && !document.body.contains(this.guidePopover) && document.body.appendChild(this.guidePopover)) : this.removeGuidePopover();
+    Array.isArray(t?.color) ? (this.guidePopover = A(d`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`), this.guidePopover !== void 0 && !document.body.contains(this.guidePopover) && document.body.appendChild(this.guidePopover)) : this.removeGuidePopover();
   }
   removeGuidePopover() {
     this.guidePopover !== null && this.guidePopover !== void 0 && (this.guidePopover = V(this.guidePopover));
@@ -208,7 +208,7 @@ class se extends J {
         i = this._messages.deleteGuide ?? "";
         break;
     }
-    this.tooltip = M(d`<calcite-tooltip style=${_({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
+    this.tooltip = A(d`<calcite-tooltip style=${_({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
   }
   toggleGuide() {
     const e = this.model.getGuideVisibility(this.index, this.orientation);
@@ -233,10 +233,10 @@ class se extends J {
     return d`<calcite-block .heading=${i ?? ""} .expanded=${this.latestGuidePosition === U(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{
       expand: this._messages.expand,
       collapse: this._messages.collapse
-    }}><calcite-action slot=control text .icon=${s ? "view-visible" : "view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=control text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${r ? d`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${m(this.startDateCalciteInput)}></calcite-input-date-picker>` : d`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${A} number-button-type=none .value=${e?.toString()} ${m(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${r ? d`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${m(this.endDateCalciteInput)}></calcite-input-date-picker>` : d`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${A} number-button-type=none .value=${t?.toString()} ${m(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${r ? X("time-picker-row", d`<div class=${o(n.row)}>${e != null ? d`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${m(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}${t != null ? d`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${m(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}</div>`) : null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`;
+    }}><calcite-action slot=control text .icon=${s ? "view-visible" : "view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=control text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${r ? d`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${m(this.startDateCalciteInput)}></calcite-input-date-picker>` : d`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${L} number-button-type=none .value=${e?.toString()} ${m(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${r ? d`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${m(this.endDateCalciteInput)}></calcite-input-date-picker>` : d`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${L} number-button-type=none .value=${t?.toString()} ${m(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${r ? X("time-picker-row", d`<div class=${o(n.row)}>${e != null ? d`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${m(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}${t != null ? d`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${m(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}</div>`) : null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`;
   }
 }
-R("arcgis-charts-config-guide", se);
+B("arcgis-charts-config-guide", se);
 export {
   se as ArcgisChartsConfigGuide
 };

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

@@ -30,7 +30,7 @@ import { createRef as c, ref as m } from "lit/directives/ref.js";
 import { LitElement as h, createEvent as s, safeClassMap as g } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const C = {
   jsAppFlyout: "js-app-flyout"
 }, d = l``;

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

@@ -11,7 +11,7 @@ import { n as h, o as u } from "../../chunks/type-guards.js";
 import "../../chunks/series-types.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const P = A`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`;
 class $ extends v {
   constructor() {

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

@@ -28,7 +28,7 @@ import "@arcgis/toolkit/dom";
 import { e as p } from "../../chunks/popover-ui-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 class l extends s {
   constructor() {
     super(...arguments), this._messages = o(), this.popoverElement = r(), this.onAddXGuide = () => {

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

@@ -3,7 +3,7 @@ import "@arcgis/toolkit/intl";
 import { isEqual as r } from "lodash-es";
 import "../../chunks/series-types.js";
 import "d3-array";
-import { g as n, bz as h } from "../../chunks/index.js";
+import { g as n, bB as h } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -27,7 +27,7 @@ import { css as g, html as i } from "lit";
 import { C as s } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const f = g`: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 p extends d {
   constructor() {

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

@@ -5,7 +5,7 @@ import { debounce as y } from "lodash-es";
 import { b as p } from "../../chunks/series-types.js";
 import { R as M } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { cP as I, ay as L, aw as V } from "../../chunks/index.js";
+import { cR as I, aA as L, ay as V } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -23,17 +23,17 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/toolkit/dom";
-import { r as P } from "../../chunks/popover-ui-utils.js";
+import { r as T } from "../../chunks/popover-ui-utils.js";
 import { H as m, c as a, d } from "../../chunks/interfaces.js";
-import { b as T, m as C, U as S, f as N, s as F, c as D, D as B } from "../../chunks/chart-ui-utils2.js";
+import { b as P, m as C, U as S, f as N, s as F, c as D, D as B } from "../../chunks/chart-ui-utils2.js";
 import { d as _, s as H } from "../../chunks/store.js";
 import { u as K } from "../../chunks/useT9n.js";
-import { css as z, html as r } from "lit";
+import { css as A, html as r } from "lit";
 import { createRef as b, ref as v } from "lit/directives/ref.js";
-import { LitElement as A, createEvent as $, renderElement as U, safeStyleMap as w, safeClassMap as s } from "@arcgis/lumina";
+import { LitElement as z, createEvent as $, renderElement as U, safeStyleMap as O, safeClassMap as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const o = {
   label: "label",
   row: "row",
@@ -42,12 +42,12 @@ const o = {
   sectionLabel: "section-label",
   binTextPadding: "bin-text-padding",
   histogramStatsList: "histogram-stats-list"
-}, j = z`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}: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)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`;
-class R extends A {
+}, R = A`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}: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)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`;
+class j extends z {
   constructor() {
     super(...arguments), this._messages = K(), this.numericalFieldSelectionElement = b(), this.transformationSelectionElement = b(), this.histogramPopover = null, this.binColorSectionElement = b(), this.binSliderElement = b(), this.binInputElement = b(), this.popoverHeading = "", this.onBinCountChange = y(() => {
       const e = this.binInputElement.value?.value;
-      e !== void 0 && T(e, this.binInputElement.value?.min, this.binInputElement.value?.max) ? this.binCountChange(e) : this.binInputElement.value && C({
+      e !== void 0 && P(e, this.binInputElement.value?.min, this.binInputElement.value?.max) ? this.binCountChange(e) : this.binInputElement.value && C({
         inputElement: this.binInputElement.value,
         status: D.INVALID
       });
@@ -108,7 +108,7 @@ class R extends A {
     this.properties = { binColorSelected: 16, selectedBinColorSymbol: 16, selectedOverlaySymbol: 16, selectedNumericalField: 16, selectedTransformationType: 16, selectedOverlaySymbolType: 1, messageOverrides: 0, model: 0, meanValue: 9, medianValue: 9, standardDevValue: 9, minValue: 9, maxValue: 9, sumValue: 9, nullsValue: 9, countValue: 9, layerFieldsInfo: 0, open: 5 };
   }
   static {
-    this.styles = j;
+    this.styles = R;
   }
   get selectedBinColorSymbol() {
     return this._selectedBinColorSymbol;
@@ -129,7 +129,7 @@ class R extends A {
     t?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   removeHistogramDataPopover() {
-    this.histogramPopover !== null && (this.histogramPopover = P(this.histogramPopover));
+    this.histogramPopover !== null && (this.histogramPopover = T(this.histogramPopover));
   }
   getDataTransformationLabel() {
     let e;
@@ -253,12 +253,12 @@ class R extends A {
     return r`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`;
   }
   renderColorListItem(e) {
-    const { textLabel: t, key: i, value: c, selected: l, ref: n, colorAction: h, color: g } = e, [u, O, E, x] = [...g ?? L()];
-    return f(i, r`<calcite-list-item .label=${t ?? ""} .value=${c} .selected=${l} ${v(n ?? void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${w(u !== void 0 ? { color: `rgba(${u},${O},${E},${(x ?? 0) / 255})` } : {})}></calcite-icon></calcite-action></calcite-list-item>`);
+    const { textLabel: t, key: i, value: c, selected: l, ref: n, colorAction: h, color: g } = e, [u, w, E, x] = [...g ?? L()];
+    return f(i, r`<calcite-list-item .label=${t ?? ""} .value=${c} .selected=${l} ${v(n ?? void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${O(u !== void 0 ? { color: `rgba(${u},${w},${E},${(x ?? 0) / 255})` } : {})}></calcite-icon></calcite-action></calcite-list-item>`);
   }
   renderBinColorElement() {
     const [e, t, i, c] = [...this.model.binSymbol?.color ?? V(0)];
-    return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${w({ color: `rgba(${e},${t},${i},${c / 255})` })} class=${s(o.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`;
+    return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${O({ color: `rgba(${e},${t},${i},${c / 255})` })} class=${s(o.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`;
   }
   renderNormalDistOverlay() {
     return this.normalDistOverlayVisible = this.model.showNormalDistOverlay, this.renderColorListItem({
@@ -336,7 +336,7 @@ class R extends A {
     return r`<div class=${s(o.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(o.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(o.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(o.sectionLabel)}>${this._messages.bins}</div><p class=${s(o.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(o.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(o.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`;
   }
 }
-k("arcgis-charts-config-histogram-data", R);
+k("arcgis-charts-config-histogram-data", j);
 export {
-  R as ArcgisChartsConfigHistogramData
+  j as ArcgisChartsConfigHistogramData
 };

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

@@ -6,7 +6,7 @@ import { R as u } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { bC as b, cP as C, al as $ } from "../../chunks/index.js";
+import { bE as b, cR as C, an as $ } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -32,7 +32,7 @@ import { createRef as h, ref as d } from "lit/directives/ref.js";
 import { LitElement as w, createEvent as p, safeClassMap as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const i = {
   symbolPropertyPopover: "symbol-property-popover",
   colorPicker: "color-picker",

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

@@ -4,7 +4,7 @@ import { c as a } from "../../chunks/chart-ui-utils2.js";
 import { LitElement as e, safeClassMap as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const n = {
   invalidMessageColor: "invalid-message-color"
 }, o = i`:host{display:block}.invalid-message-color{color:red}`;

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

@@ -3,7 +3,7 @@ import "@arcgis/toolkit/intl";
 import { isEqual as o } from "lodash-es";
 import "../../chunks/series-types.js";
 import "d3-array";
-import { g as n, bz as h, bC as c, bD as d } from "../../chunks/index.js";
+import { g as n, bB as h, bE as c, bF as d } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -27,7 +27,7 @@ import { css as p, html as a } from "lit";
 import { C as r } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const u = 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 C extends g {
   constructor() {

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

@@ -11,7 +11,7 @@ import { d as T, s as f, r as k, g as S } from "../../chunks/store.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as E } from "lodash-es";
 import "d3-array";
-import { bB as y, bk as L, bl as w, cP as b, cW as P } from "../../chunks/index.js";
+import { bD as y, bm as L, bn as w, cR as b, cY as P } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -33,7 +33,7 @@ import { r as _ } from "../../chunks/popover-ui-utils.js";
 import { x as D } from "../../chunks/data.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const N = B`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}: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",
   fieldList: "field-list",

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

@@ -6,7 +6,7 @@ import { a as h } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as v } from "lodash-es";
 import "d3-array";
-import { bk as F, bl as P, cP as x, bE as T, bC as C, cW as A } from "../../chunks/index.js";
+import { bm as F, bn as x, cR as P, bG as T, bE as C, cY as A } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -33,7 +33,7 @@ import { L as a } from "../../chunks/interfaces.js";
 import { h as $, U as k, i as u, e as z, s as N } from "../../chunks/chart-ui-utils2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const K = S`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.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}`, r = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",
@@ -61,7 +61,7 @@ class B extends w {
     e.has("selectedContent") && this.selectedContentChange(this.selectedContent, e.get("selectedContent"));
     const t = $.map((i) => F(i, this.commonStrings));
     v(this.aggregationLabels, t) || (this.aggregationLabels = t);
-    const l = [d.Start, d.End].map((i) => P(i, this.commonStrings));
+    const l = [d.Start, d.End].map((i) => x(i, this.commonStrings));
     v(this.timeAggregationLabels, l) || (this.timeAggregationLabels = l);
   }
   updated() {
@@ -82,7 +82,7 @@ class B extends w {
     return f(e, (t) => t, (t, s) => n`<calcite-list-item .label=${this.timeAggregationLabels?.[s]} .value=${t} .selected=${u(t, this.selectedContent)}></calcite-list-item>`);
   }
   buildPickListItem(e) {
-    return b(e.name, n`<calcite-list-item .label=${x(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${u(e.name, this.selectedContent)}></calcite-list-item>`);
+    return b(e.name, n`<calcite-list-item .label=${P(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${u(e.name, this.selectedContent)}></calcite-list-item>`);
   }
   buildPickListItems(e) {
     const t = this.layerFieldsInfo?.length ?? 0, s = [];

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 { d6 as I } from "../../chunks/index.js";
+import { d8 as I } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -30,7 +30,7 @@ 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 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() {

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

@@ -5,7 +5,7 @@ import "lodash-es";
 import "../../chunks/series-types.js";
 import { c as i } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { al as v } from "../../chunks/index.js";
+import { an as v } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -26,11 +26,11 @@ import "@arcgis/toolkit/dom";
 import { e as y } from "../../chunks/popover-ui-utils.js";
 import { U as S, b, m, s as w, c as g } from "../../chunks/chart-ui-utils2.js";
 import { u as x } from "../../chunks/useT9n.js";
-import { createRef as a, ref as n } from "lit/directives/ref.js";
+import { createRef as n, ref as a } from "lit/directives/ref.js";
 import { LitElement as $, createEvent as s, safeClassMap as o, nothing as r } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const l = {
   jsAppFlyout: "js-app-flyout",
   sizeSection: "size-section",
@@ -39,7 +39,7 @@ const l = {
 }, E = f`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`;
 class I extends $ {
   constructor() {
-    super(...arguments), this._messages = x(), this.popoverElement = a(), this.lineWidthInputElement = a(), this.lineStyleDropdownElement = a(), this.arcgisChartsConfigPopoverClose = s(), this.arcgisChartsConfigSeriesPopoverColorChange = s(), this.arcgisChartsConfigSeriesPopoverLineStyleChange = s(), this.arcgisChartsConfigSeriesPopoverLineWidthChange = s(), this.arcgisChartsConfigSeriesPopoverNameChange = s();
+    super(...arguments), this._messages = x(), this.popoverElement = n(), this.lineWidthInputElement = n(), this.lineStyleDropdownElement = n(), this.arcgisChartsConfigPopoverClose = s(), this.arcgisChartsConfigSeriesPopoverColorChange = s(), this.arcgisChartsConfigSeriesPopoverLineStyleChange = s(), this.arcgisChartsConfigSeriesPopoverLineWidthChange = s(), this.arcgisChartsConfigSeriesPopoverNameChange = s();
   }
   static {
     this.properties = { messageOverrides: 0, referenceElement: 0, selectedName: 1, selectedColor: 0, selectedLineStyle: 1, selectedSeriesIndex: 9, selectedLineWidth: 9, placement: 1, open: 5 };
@@ -100,7 +100,7 @@ class I extends $ {
   }
   render() {
     const e = this.selectedColor;
-    return C`<div class=${o({ [l.jsAppFlyout]: !0 })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${n(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${o(l.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${o(l.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${n(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${o(l.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle === i.Solid} accesskey=${i.Solid ?? r}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle === i.Dot} accesskey=${i.Dot ?? r}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle === i.Dash} accesskey=${i.Dash ?? r}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${w(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${n(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${o(l.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`;
+    return C`<div class=${o({ [l.jsAppFlyout]: !0 })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${a(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${o(l.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${o(l.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${a(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${o(l.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle === i.Solid} accesskey=${i.Solid ?? r}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle === i.Dot} accesskey=${i.Dot ?? r}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle === i.Dash} accesskey=${i.Dash ?? r}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${w(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${a(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${o(l.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`;
   }
 }
 u("arcgis-charts-config-line-chart-series-popover", I);

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/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 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 x, createEvent as v, safeClassMap as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const n = {
   container: "container",
   label: "label",

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

@@ -4,7 +4,7 @@ import { isEqual as c, 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, bz as I } from "../../chunks/index.js";
+import { g as y, bB as I } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -28,7 +28,7 @@ import { css as L, html as n } from "lit";
 import { C as h } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const S = L`: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 b extends F {
   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, cP as m, bB as b } from "../../chunks/index.js";
+import { d as c, cR as m, bD as b } from "../../chunks/index.js";
 import "d3-array";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
@@ -28,17 +28,17 @@ import { P as s } from "../../chunks/interfaces.js";
 import { u as y } from "../../chunks/useT9n.js";
 import { css as F, html as a } from "lit";
 import { createRef as n, ref as d } from "lit/directives/ref.js";
-import { LitElement as P, createEvent as p, renderElement as $, safeClassMap as o } from "@arcgis/lumina";
+import { LitElement as $, createEvent as p, renderElement as P, safeClassMap as o } from "@arcgis/lumina";
 import { x as E } from "../../chunks/data.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const l = {
   label: "label",
   fieldList: "field-list",
   fab: "fab"
 }, k = F`: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: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}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}`;
-class I extends P {
+class I extends $ {
   constructor() {
     super(...arguments), this._messages = y(), this.pieChartPopover = null, this.sortOrderElement = n(), this.categoryElement = n(), this.numericFieldsElement = n(), this.onPieChartDataChange = (e) => {
       try {
@@ -130,7 +130,7 @@ class I extends P {
         t = this.sortOrderElement.value, i = this._messages.sortOrderHeader, r = this.model.getSortOrder();
         break;
     }
-    this.pieChartPopover = $(a`<arcgis-charts-config-pie-chart-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${r} @arcgisChartsConfigPieChartDataPopoverChange=${this.onPieChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-pie-chart-popover>`), !document.body.contains(this.pieChartPopover) && this.pieChartPopover !== null && document.body.appendChild(this.pieChartPopover);
+    this.pieChartPopover = P(a`<arcgis-charts-config-pie-chart-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${r} @arcgisChartsConfigPieChartDataPopoverChange=${this.onPieChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-pie-chart-popover>`), !document.body.contains(this.pieChartPopover) && this.pieChartPopover !== null && document.body.appendChild(this.pieChartPopover);
   }
   getCorrectedCategoryValue() {
     return E({

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 { bk as y, cP as L, bE as P, bC as F } from "../../chunks/index.js";
+import { bm as y, cR as L, bG as P, bE as F } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -34,7 +34,7 @@ import { createRef as b, ref as d } from "lit/directives/ref.js";
 import { LitElement as S, createEvent as C, safeClassMap as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const n = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",

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 { bo as $, ar as S } from "../../chunks/index.js";
+import { bq as $, at as S } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -32,7 +32,7 @@ import { createRef as m, ref as p } from "lit/directives/ref.js";
 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 const o = {
   sectionLabel: "section-label",
   label: "label",

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

@@ -4,7 +4,7 @@ import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "../../chunks/series-types.js";
 import "d3-array";
-import { al as d } from "../../chunks/index.js";
+import { an as d } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -29,7 +29,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/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 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, bz as c, cp as h } from "../../chunks/index.js";
+import { g as l, bB as c, cr as h } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -27,7 +27,7 @@ import { css as p, html as a } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.52 */
+v5.0.0-next.54 */
 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 m {
   constructor() {