@arcgis/charts-components 5.2.0-next.93 → 5.2.0-next.95

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

@@ -4,7 +4,7 @@ import { LitElement as g, createEvent as f } from "@arcgis/lumina";
 import { css as m, html as s } from "lit";
 import { isEqual as d } from "lodash-es";
 import { C as t } from "../../chunks/interfaces.js";
-import { i as c, ap as p, bC as u, bD as C, ba as y, t as F, aP as v } from "../../chunks/index.js";
+import { i as c, ao as p, bC as u, bD as C, b9 as y, t as F, aO as v } from "../../chunks/index.js";
 const b = m`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class I extends g {
   constructor() {

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

@@ -12,7 +12,7 @@ import { createRef as c, ref as m } from "lit/directives/ref.js";
 import { LitElement as U, createEvent as b, safeClassMap as l, renderElement as V } from "@arcgis/lumina";
 import { b as S, o as z, C as M, a as F, p as R } from "../../chunks/index2.js";
 import { x as K } from "../../chunks/data.js";
-import { r as B, bA as j, p as A, aP as H } from "../../chunks/index.js";
+import { r as B, bA as j, p as A, aO as H } from "../../chunks/index.js";
 import { H as q, I as W } from "../../chunks/index3.js";
 import { r as Z } from "../../chunks/popover-ui-utils.js";
 import { d, e as x, a as C, h as v } from "../../chunks/chart-object-literals.js";

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

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as I } from "../../chunks/runtime.js";
+import { c as P } from "../../chunks/runtime.js";
 import { repeat as b } from "lit/directives/repeat.js";
 import { keyed as f } from "lit/directives/keyed.js";
 import { LitElement as S, createEvent as C, renderElement as T, safeStyleMap as F, safeClassMap as c } from "@arcgis/lumina";
@@ -9,13 +9,13 @@ import { createRef as g, ref as d } from "lit/directives/ref.js";
 import { isEqual as $ } from "lodash-es";
 import { u as y } from "../../chunks/useT9n.js";
 import { B as n } from "../../chunks/interfaces.js";
-import { c as v, b as k, e as h, a as x, f as E, s as w } from "../../chunks/chart-ui-utils.js";
+import { c as v, b as k, e as h, a as x, f as E, s as N } from "../../chunks/chart-ui-utils.js";
 import { d as L } from "../../chunks/rest-js-object-literals.js";
-import { b as u, d as z, e as p } from "../../chunks/chart-object-literals.js";
+import { b as u, d as w, e as p } from "../../chunks/chart-object-literals.js";
 import { S as m } from "../../chunks/common.js";
-import { e as N, p as B } from "../../chunks/popover-ui-utils.js";
+import { e as z, p as B } from "../../chunks/popover-ui-utils.js";
 import { H as K, I as _ } from "../../chunks/index3.js";
-import { D as O, bB as P, aP as H, aW as M, aO as U } from "../../chunks/index.js";
+import { D as O, bB as I, aO as H, aV as M, aN as U } from "../../chunks/index.js";
 import { b as W, p as j } from "../../chunks/index2.js";
 const R = A`.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}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`, o = {
   name: "bar-chart-data-popover",
@@ -51,13 +51,13 @@ class q extends S {
   updated() {
     setTimeout(() => {
       this.picklist.value?.setFocus();
-    }, k.PopoverTimer), N(this.popoverElement.value, this.open);
+    }, k.PopoverTimer), z(this.popoverElement.value, this.open);
   }
   selectedContentChange(e, t) {
     this.pickListHasChanged = B(e, t);
   }
   buildAggregationListItems() {
-    const e = this.isNoAggregationDisabled ? v.filter((t) => t !== z.NoAggregation) : v;
+    const e = this.isNoAggregationDisabled ? v.filter((t) => t !== w.NoAggregation) : v;
     return b(e, (t) => t, (t, i) => a`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t, this.selectedContent)}></calcite-list-item>`);
   }
   createTooltip(e) {
@@ -119,7 +119,7 @@ class q extends S {
         i.push(l);
         for (let s = 0; s < t; s += 1) {
           const r = this.layerFieldsInfo?.[s];
-          r && (r.type === L.String || P(r) || H(r) || M(r)) && i.push(this.buildPickListItem(r));
+          r && (r.type === L.String || I(r) || H(r) || M(r)) && i.push(this.buildPickListItem(r));
         }
         break;
       }
@@ -128,7 +128,7 @@ class q extends S {
         i.push(l);
         for (let s = 0; s < t; s += 1) {
           const r = this.layerFieldsInfo?.[s];
-          r && (P(r) || r.type === L.String) && i.push(this.buildPickListItem(r));
+          r && (I(r) || r.type === L.String) && i.push(this.buildPickListItem(r));
         }
         break;
       }
@@ -204,7 +204,7 @@ class q extends S {
       p.Month,
       p.Year
     ];
-    return a`<div><div class=${c(o.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${w(e?.size, 1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${d(this.intervalTypeElement)}>${t.map((i) => a`<calcite-option .value=${i} .label=${j(i, this._messages)} .selected=${e?.unit === i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${c(o.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
+    return a`<div><div class=${c(o.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${N(e?.size, 1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${d(this.intervalTypeElement)}>${t.map((i) => a`<calcite-option .value=${i} .label=${j(i, this._messages)} .selected=${e?.unit === i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${c(o.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
   }
   renderPopoverInfo() {
     let e;
@@ -238,7 +238,7 @@ class q extends S {
     return this.contentKind === n.numericFields && (e = a`<div slot=footer><calcite-fab class=${c(o.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), a`<div><calcite-popover class=${c(o.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${c(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${c(o.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
-I("arcgis-charts-config-bar-chart-popover", q);
+P("arcgis-charts-config-bar-chart-popover", q);
 export {
   q as ArcgisChartsConfigBarChartPopover
 };

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

@@ -9,7 +9,7 @@ import { a as _ } from "../../chunks/chart-ui-utils.js";
 import { a as E, C as v } from "../../chunks/index2.js";
 import { r as f } from "../../chunks/popover-ui-utils.js";
 import { c as n, d as S } from "../../chunks/chart-object-literals.js";
-import { ap as m } from "../../chunks/index.js";
+import { ao as m } from "../../chunks/index.js";
 const w = {
   stackedType: "stacked-type"
 }, o = {

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

@@ -6,7 +6,7 @@ import { createRef as d, ref as g } from "lit/directives/ref.js";
 import { LitElement as C, createEvent as s, safeClassMap as l } from "@arcgis/lumina";
 import { e as v } from "../../chunks/popover-ui-utils.js";
 import { r as f } from "../../chunks/index3.js";
-import { ap as u } from "../../chunks/index.js";
+import { ao as u } from "../../chunks/index.js";
 const n = {
   panelChildrenContainer: "panel-children-container"
 }, y = p`.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{overflow-y:auto;width:min-content}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}`;

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

@@ -11,7 +11,7 @@ import { createRef as u, ref as m } from "lit/directives/ref.js";
 import { LitElement as x, createEvent as g, renderElement as I, safeStyleMap as D, safeClassMap as d } from "@arcgis/lumina";
 import { B as r } from "../../chunks/common.js";
 import { e as S, p as T } from "../../chunks/popover-ui-utils.js";
-import { bB as b, aO as E, D as w } from "../../chunks/index.js";
+import { bB as b, aN as E, D as w } from "../../chunks/index.js";
 import { b as B } from "../../chunks/index2.js";
 import { d as C } from "../../chunks/rest-js-object-literals.js";
 const o = {

package/dist/components/arcgis-charts-config-create-flow/customElement.js

@@ -15,7 +15,7 @@ import { css as j, html as h } from "lit";
 import { createRef as q, ref as K } from "lit/directives/ref.js";
 import { u as I } from "../../chunks/useT9n.js";
 import { c as Y, a as M, g as Q } from "../../chunks/store.js";
-import { bE as J, ah as ee, bF as te, bG as ae, bH as ie } from "../../chunks/index.js";
+import { bE as J, ag as ee, bF as te, bG as ae, bH as ie } from "../../chunks/index.js";
 import { A as se } from "../../chunks/axis-model-wrapper.js";
 import { h as re, f as y } from "../../chunks/web-component-utils.js";
 import { a as oe } from "../../chunks/chart-ui-utils.js";

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

@@ -8,9 +8,9 @@ import { g as z } from "../../chunks/resource.js";
 import { u as O } from "../../chunks/useT9n.js";
 import { css as V, html as c } from "lit";
 import { createRef as h, ref as u } from "lit/directives/ref.js";
-import { LitElement as j, createEvent as q, renderElement as L, safeStyleMap as M, safeClassMap as o } from "@arcgis/lumina";
-import { j as U, o as W, p as Y } from "../../chunks/type-guards2.js";
-import { bK as p, b as m, bj as H, bL as A, bM as _, i as K } from "../../chunks/index.js";
+import { LitElement as q, createEvent as U, renderElement as L, safeStyleMap as M, safeClassMap as o } from "@arcgis/lumina";
+import { j as W, o as j, p as Y } from "../../chunks/type-guards2.js";
+import { bK as p, b as m, bi as H, bL as A, bM as _, i as K } from "../../chunks/index.js";
 import { t as J } from "../../chunks/index3.js";
 import { r as Q } from "../../chunks/popover-ui-utils.js";
 import { b as g, R as ee } from "../../chunks/rest-js-object-literals.js";
@@ -21,7 +21,7 @@ const n = {
   column: "column",
   colorPicker: "color-picker"
 }, ie = V`.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}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`;
-class se extends j {
+class se extends q {
   constructor() {
     super(...arguments), this._messages = O(), 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);
@@ -46,7 +46,7 @@ class se extends j {
       } else t?.color !== void 0 && this.setColor(t.color);
     }, this.onModelConfigChange = () => {
       this.requestUpdate();
-    }, this.guidePopover = null, this.latestGuidePosition = 0, this.arcgisChartsConfigGuideChange = q();
+    }, this.guidePopover = null, this.latestGuidePosition = 0, this.arcgisChartsConfigGuideChange = U();
   }
   static {
     this.properties = { guidePopover: 16, messageOverrides: 0, model: 0, timeZone: 1, calculatedMinMaxBounds: 0, index: 9, orientation: 1, latestGuidePosition: 9 };
@@ -55,7 +55,7 @@ class se extends j {
     this.styles = ie;
   }
   get isXAxisDateField() {
-    return this.orientation === b.X && U(this.model) && this.model.getAxisValueFormat(0)?.type === te.DateAxisFormat;
+    return this.orientation === b.X && W(this.model) && this.model.getAxisValueFormat(0)?.type === te.DateAxisFormat;
   }
   load() {
     this.modelChange(this.model);
@@ -206,7 +206,7 @@ class se extends j {
     N(this.tooltip);
   }
   deleteGuide() {
-    this.destroyTooltip(), this.orientation === b.X && W(this.model) ? this.model.deleteXAxisGuide(this.index) : this.orientation === b.Y && Y(this.model) && this.model.deleteYAxisGuide(this.index), this.arcgisChartsConfigGuideChange.emit({
+    this.destroyTooltip(), this.orientation === b.X && j(this.model) ? this.model.deleteXAxisGuide(this.index) : this.orientation === b.Y && Y(this.model) && this.model.deleteYAxisGuide(this.index), this.arcgisChartsConfigGuideChange.emit({
       index: this.index,
       orientation: this.orientation,
       isDelete: !0

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

@@ -16,7 +16,7 @@ import { d as E } from "../../chunks/rest-js-object-literals.js";
 import { d as _, r as R, q as C } from "../../chunks/chart-object-literals.js";
 import { e as N } from "../../chunks/popover-ui-utils.js";
 import { H as B, r as M } from "../../chunks/index3.js";
-import { aP as H, aO as O } from "../../chunks/index.js";
+import { aO as H, aN as O } from "../../chunks/index.js";
 const q = 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}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.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}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`, s = {
   name: "bar-chart-data-popover",
   header: "header",

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

@@ -4,7 +4,7 @@ import { isEqual as r } from "lodash-es";
 import { LitElement as n } from "@arcgis/lumina";
 import { css as h, html as i } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
-import { i as d, bC as c, bD as m, ba as f, c5 as g, t as p } from "../../chunks/index.js";
+import { i as d, bC as c, bD as m, b9 as f, c5 as g, t as p } from "../../chunks/index.js";
 import { i as u } from "../../chunks/type-guards.js";
 const C = 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 y extends n {

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

@@ -11,7 +11,7 @@ import { b as $ } from "../../chunks/rest-js-object-literals.js";
 import { s } from "../../chunks/chart-object-literals.js";
 import { e as P } from "../../chunks/popover-ui-utils.js";
 import { b as S } from "../../chunks/index2.js";
-import { aO as k } from "../../chunks/index.js";
+import { aN as k } from "../../chunks/index.js";
 import { r as T } from "../../chunks/index3.js";
 const l = {
   symbolPropertyPopover: "symbol-property-popover",

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

@@ -4,7 +4,7 @@ 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 { bC as c, bD as m, t as f, aO as g, aP as p } from "../../chunks/index.js";
+import { bC as c, bD as m, t as f, aN as g, aO as p } from "../../chunks/index.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

@@ -12,7 +12,7 @@ import { x as E } from "../../chunks/data.js";
 import { d as c, e as f, h } from "../../chunks/chart-object-literals.js";
 import { H as L, I as P } from "../../chunks/index3.js";
 import { b as v, p as w } from "../../chunks/index2.js";
-import { r as C, aP as _ } from "../../chunks/index.js";
+import { r as C, aO as _ } from "../../chunks/index.js";
 import { r as N } from "../../chunks/popover-ui-utils.js";
 const D = A`.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",

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

@@ -14,7 +14,7 @@ import { b as g, e as c } from "../../chunks/chart-object-literals.js";
 import { e as A, p as D } from "../../chunks/popover-ui-utils.js";
 import { H as E, I as S } from "../../chunks/index3.js";
 import { b as z, p as w } from "../../chunks/index2.js";
-import { bB as N, aO as L, aP as K, aW as B } from "../../chunks/index.js";
+import { bB as N, aN as L, aO as K, aV as B } from "../../chunks/index.js";
 const H = P`.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}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.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 = {
   name: "line-chart-data-popover",
   header: "header",

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

@@ -21,28 +21,28 @@ class E extends b {
     super(...arguments), this._messages = C(), this.pieChartPopover = null, this.sortOrderElement = n(), this.categoryElement = n(), this.numericFieldsElement = n(), this.onPieChartDataChange = (e) => {
       try {
         if (e.detail !== null && e.detail?.value !== void 0) {
-          const { contentKind: t } = e.detail, i = [...e.detail.value];
-          switch (t) {
+          const { contentKind: i } = e.detail, t = [...e.detail.value];
+          switch (i) {
             case a.aggregation:
-              this.model.aggregationType = i[0] !== P.NoAggregation ? i[0] : "";
+              this.model.aggregationType = t[0] !== P.NoAggregation ? t[0] : "";
               break;
             case a.category: {
-              const r = i[0]?.trim() || "", d = this.model.numericFields;
+              const r = t[0]?.trim() || "", d = this.model.numericFields;
               d.length > 1 && r !== g && (this.model.numericFields = [d[0]]), this.model.category = r, this.model.colorMatch = !0;
               break;
             }
             case a.numericFields:
-              i.length > 1 && (this.model.category = g), this.model.numericFields = i;
+              (t.length > 1 || t.length > 0 && this.model.category.trim() === "") && (this.model.category = g), this.model.numericFields = t;
               break;
             case a.sortOrder:
-              this.model.setSortOrder(i[0]);
+              this.model.setSortOrder(t[0]);
               break;
             default:
               break;
           }
         }
-      } catch (t) {
-        throw t instanceof Error && this.arcgisChartsConfigDataChangeError.emit({ error: t, model: this.model }), t;
+      } catch (i) {
+        throw i instanceof Error && this.arcgisChartsConfigDataChangeError.emit({ error: i, model: this.model }), i;
       }
       this.requestUpdate();
     }, this.onModelConfigChange = () => {
@@ -66,8 +66,8 @@ class E extends b {
   disconnectedCallback() {
     super.disconnectedCallback(), this.removePieChartDataPopover(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
-  modelChange(e, t) {
-    t?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
+  modelChange(e, i) {
+    i?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   buildNumericFieldItem(e) {
     return f(e, s`<calcite-list-item .label=${m(this.layerFieldsInfo, e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`);
@@ -82,27 +82,27 @@ class E extends b {
     this.contentKind = a.numericFields, this.setupPopover(e);
   }
   onRemoveNumericField(e) {
-    const t = e.target.value;
-    this.model.numericFields = this.model.numericFields.filter((i) => i !== t);
+    const i = e.target.value;
+    this.model.numericFields = this.model.numericFields.filter((t) => t !== i);
   }
   onShowDataLabelsChange(e) {
     this.model.dataLabelsVisibility = e.target.checked;
   }
   setupPopover(e) {
     e.stopImmediatePropagation(), this.removePieChartDataPopover();
-    let t, i, r;
+    let i, t, r;
     switch (this.contentKind) {
       case a.category:
-        t = this.categoryElement.value, i = this._messages.categoryHeader, r = this.model.category;
+        i = this.categoryElement.value, t = this._messages.categoryHeader, r = this.model.category;
         break;
       case a.numericFields:
-        t = this.numericFieldsElement.value, i = this._messages.numericFieldsMultipleHeader, r = this.model.numericFields;
+        i = this.numericFieldsElement.value, t = this._messages.numericFieldsMultipleHeader, r = this.model.numericFields;
         break;
       case a.sortOrder:
-        t = this.sortOrderElement.value, i = this._messages.sortOrderHeader, r = this.model.getSortOrder();
+        i = this.sortOrderElement.value, t = this._messages.sortOrderHeader, r = this.model.getSortOrder();
         break;
     }
-    this.pieChartPopover = v(s`<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 = v(s`<arcgis-charts-config-pie-chart-popover .headingTitle=${t} .referenceElement=${i} 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 y({
@@ -121,17 +121,17 @@ class E extends b {
     return s`<arcgis-charts-config-field-picker .label=${e} @click=${this.onCategorySelect} ${c(this.categoryElement)}></arcgis-charts-config-field-picker>`;
   }
   renderNumericFields(e) {
-    const t = F(this.model.layer).idField, i = [];
+    const i = F(this.model.layer).idField, t = [];
     for (const r of e)
-      r !== t && i.push(this.buildNumericFieldItem(r));
-    return s`<calcite-list label class=${o(l.fieldList)} ${c(this.numericFieldsElement)}>${i}</calcite-list>`;
+      r !== i && t.push(this.buildNumericFieldItem(r));
+    return s`<calcite-list label class=${o(l.fieldList)} ${c(this.numericFieldsElement)}>${t}</calcite-list>`;
   }
   render() {
-    const e = this.renderCategory(), t = this.renderSorting(), i = this.renderNumericFields([...this.model.numericFields]);
+    const e = this.renderCategory(), i = this.renderSorting(), t = this.renderNumericFields([...this.model.numericFields]);
     return s`<calcite-label class=${o(l.label)}>${this._messages.category}${e}</calcite-label>${[
-      s`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${i}</calcite-label>`,
+      s`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${t}</calcite-label>`,
       s`<div class=${o(l.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div>`
-    ]}<calcite-label class=${o(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(l.label)}>${this._messages.sortOrder}${t}</calcite-label>`;
+    ]}<calcite-label class=${o(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(l.label)}>${this._messages.sortOrder}${i}</calcite-label>`;
   }
 }
 p("arcgis-charts-config-pie-chart-data", E);

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

@@ -12,7 +12,7 @@ import { LitElement as y, createEvent as b, safeClassMap as l } from "@arcgis/lu
 import { e as F, p as I } from "../../chunks/popover-ui-utils.js";
 import { H as D } from "../../chunks/index3.js";
 import { b as x } from "../../chunks/index2.js";
-import { bB as S, aO as T } from "../../chunks/index.js";
+import { bB as S, aN as T } from "../../chunks/index.js";
 import { d as E } from "../../chunks/rest-js-object-literals.js";
 import { a as r } from "../../chunks/common.js";
 const s = {

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

@@ -8,7 +8,7 @@ import { css as G, html as d, nothing as z } from "lit";
 import { createRef as m, ref as g } from "lit/directives/ref.js";
 import { LitElement as w, renderElement as S, safeStyleMap as u, safeClassMap as s } from "@arcgis/lumina";
 import { b as h } from "../../chunks/common.js";
-import { a1 as I, p as y } from "../../chunks/index3.js";
+import { a4 as I, p as y } from "../../chunks/index3.js";
 import { r as P } from "../../chunks/popover-ui-utils.js";
 import { b as M } from "../../chunks/rest-js-object-literals.js";
 const a = {

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

@@ -4,7 +4,7 @@ import { isEqual as l } from "lodash-es";
 import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as c, html as s } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
-import { bC as h, bD as p, ba as f, c5 as g, t as m, aS as u } from "../../chunks/index.js";
+import { bC as h, bD as p, b9 as f, c5 as g, t as m, aR as u } from "../../chunks/index.js";
 import { i as y } from "../../chunks/type-guards.js";
 const b = 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 F extends n {

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

@@ -10,7 +10,7 @@ import { LitElement as S, createEvent as l, safeClassMap as r } from "@arcgis/lu
 import { b as m } from "../../chunks/rest-js-object-literals.js";
 import { e as $ } from "../../chunks/popover-ui-utils.js";
 import { b as P } from "../../chunks/index2.js";
-import { aO as b } from "../../chunks/index.js";
+import { aN as b } from "../../chunks/index.js";
 const n = {
   scatterplotPopover: "scatter-plot-popover",
   fillColor: "fill-color",