@arcgis/charts-components 5.2.0-next.79 → 5.2.0-next.84

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

@@ -1,23 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as F } from "../../chunks/runtime.js";
+import { c as T } from "../../chunks/runtime.js";
 import { repeat as d } from "lit/directives/repeat.js";
-import { css as T, html as l } from "lit";
+import { css as F, html as r } from "lit";
 import { keyed as f } from "lit/directives/keyed.js";
 import P from "@arcgis/core/Color.js";
-import { LitElement as I, createEvent as h, safeClassMap as r, nothing as g, safeStyleMap as L } from "@arcgis/lumina";
+import { LitElement as I, createEvent as h, safeClassMap as l, nothing as g, safeStyleMap as L } from "@arcgis/lumina";
 import { createRef as u, ref as p } from "lit/directives/ref.js";
 import { isEqual as S } from "lodash-es";
-import { d as D, F as v } from "../../chunks/index3.js";
+import { b as D, C as v } from "../../chunks/index2.js";
 import { u as b } from "../../chunks/useT9n.js";
-import { e as c, W as $ } from "../../chunks/interfaces.js";
-import { c as y, b as A, 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 { c, W as $ } from "../../chunks/interfaces.js";
+import { c as y, b as A, e as m } from "../../chunks/chart-ui-utils.js";
+import { C as x, d as k } from "../../chunks/class-breaks.js";
+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 { w as B, aF as M } from "../../chunks/index.js";
-import { bj as H, by as O } from "../../chunks/index2.js";
-const q = T`.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 = {
+import { H as B, r as M } from "../../chunks/index3.js";
+import { aP as H, aO 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",
   popoverPickList: "popover-pick-list",
@@ -57,16 +57,16 @@ class W extends I {
     }, A.PopoverTimer), N(this.popoverElement.value, this.open);
   }
   buildAggregationListItems() {
-    return d(y.filter((e) => e !== _.NoAggregation), (e) => e, (e, t) => l`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e, this.selectedContent)}></calcite-list-item>`);
+    return d(y.filter((e) => e !== _.NoAggregation), (e) => e, (e, t) => r`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e, this.selectedContent)}></calcite-list-item>`);
   }
   buildPickListItem(e) {
-    return f(e.name, l`<calcite-list-item .label=${D(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${m(e.name, this.selectedContent)}></calcite-list-item>`);
+    return f(e.name, r`<calcite-list-item .label=${D(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${m(e.name, this.selectedContent)}></calcite-list-item>`);
   }
   buildPickListItems(e) {
     const t = this.layerFieldsInfo?.length ?? 0, a = [];
     switch (e) {
       case c.numericFields: {
-        const i = f(" ", l`<calcite-list-item label=" " value=" " .selected=${m("", this.selectedContent)}></calcite-list-item>`);
+        const i = f(" ", r`<calcite-list-item label=" " value=" " .selected=${m("", this.selectedContent)}></calcite-list-item>`);
         a.push(i);
         for (let o = 0; o < t; o += 1) {
           const n = this.layerFieldsInfo?.[o];
@@ -168,29 +168,29 @@ class W extends I {
   }
   renderAggregationType() {
     const e = this.buildAggregationListItems();
-    return l`<calcite-list label class=${r(s.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
+    return r`<calcite-list label class=${l(s.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
   }
   renderXAxisFieldSelect() {
     const e = this.buildPickListItems(c.xAxisField);
-    return l`<calcite-list label class=${r(s.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
+    return r`<calcite-list label class=${l(s.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   renderNumericFields() {
     const e = this.buildPickListItems(c.numericFields);
-    return l`<calcite-list label class=${r(s.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
+    return r`<calcite-list label class=${l(s.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   renderCalendarType() {
     const e = this.layerFieldsInfo.find((i) => i.name === this.model.xAxisField), t = Object.values($).filter((i) => i !== $.WeekByDayOfWeekAndHourOfDay || e?.type !== E.DateOnly), a = d(t, (i) => i, (i) => {
       const o = this._messages[i];
-      return l`<calcite-list-item .label=${o} .value=${i} .selected=${m(i, this.selectedContent)}></calcite-list-item>`;
+      return r`<calcite-list-item .label=${o} .value=${i} .selected=${m(i, this.selectedContent)}></calcite-list-item>`;
     });
-    return l`<calcite-list label class=${r(s.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`;
+    return r`<calcite-list label class=${l(s.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`;
   }
   renderCalendarViewType() {
     const e = d(Object.values(R), (t) => t, (t) => {
       const a = this._messages[t];
-      return l`<calcite-list-item .label=${a} .value=${t} .disabled=${t !== R.singleCalendarView} .selected=${m(t, this.selectedContent)}></calcite-list-item>`;
+      return r`<calcite-list-item .label=${a} .value=${t} .disabled=${t !== R.singleCalendarView} .selected=${m(t, this.selectedContent)}></calcite-list-item>`;
     });
-    return l`<calcite-list label class=${r(s.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
+    return r`<calcite-list label class=${l(s.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   renderClassBreakMethod() {
     const e = [
@@ -211,9 +211,9 @@ class W extends I {
       }
     ], t = d(Object.values(e), ({ value: a }) => a, (a) => {
       const { title: i, msg: o, value: n } = a;
-      return l`<calcite-list-item .label=${i} .description=${o} .value=${n} .selected=${m(n, this.selectedContent)}></calcite-list-item>`;
+      return r`<calcite-list-item .label=${i} .description=${o} .value=${n} .selected=${m(n, this.selectedContent)}></calcite-list-item>`;
     });
-    return l`<calcite-list label class=${r(s.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`;
+    return r`<calcite-list label class=${l(s.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`;
   }
   renderPopoverInfo() {
     let e;
@@ -243,27 +243,27 @@ class W extends I {
         e = this.renderEmptyCellUI();
         break;
       default:
-        e = l`<div></div>`;
+        e = r`<div></div>`;
         break;
     }
     return e;
   }
   renderColorRampSelect() {
     const e = this.filterColorRamps(), t = this._messages?.colorRampCategories ? this._messages.colorRampCategories[this.selectedCategory] : this.selectedCategory;
-    return l`<div class=${r(s.colorRampPopover)}><div class=${r(s.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories ?? "All color ramps" ?? g}>${Object.keys(k).map((a) => l`<calcite-dropdown-item data-tag=${a ?? g} .selected=${this.selectedCategory === a}>${this._messages?.colorRampCategories ? this._messages.colorRampCategories[a] : a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${r(s.rampGrid)}>${e.length === 0 && l`<div class=${r(s.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory !== "all" ? `"${this.selectedCategory}"` : ""}</div>` || ""}${e.map((a) => {
+    return r`<div class=${l(s.colorRampPopover)}><div class=${l(s.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories ?? "All color ramps" ?? g}>${Object.keys(k).map((a) => r`<calcite-dropdown-item data-tag=${a ?? g} .selected=${this.selectedCategory === a}>${this._messages?.colorRampCategories ? this._messages.colorRampCategories[a] : a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(s.rampGrid)}>${e.length === 0 && r`<div class=${l(s.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory !== "all" ? `"${this.selectedCategory}"` : ""}</div>` || ""}${e.map((a) => {
       const i = this.getRampColors(a), o = a.name === this.selectedColorRampName;
-      return l`<div class=${`${s.rampItem} ${o ? "selected" : ""}`} title=${a.name ?? g} @click=${() => this.onRampSelect(a)}><div class=${r(s.rampName)} aria-hidden=true>${a.name}</div><div class=${r(s.rampStrips)}>${d(i, (n) => n, (n) => l`<div class=${r(s.rampStrip)} style=${L({ backgroundColor: this.rampColorToCss(n) })}></div>`)}${i.length === 0 && l`<div class=${`${s.rampStrip} ${s.rampStripFallback}`}></div>` || ""}</div></div>`;
-    })}</div><div class=${r(s.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`;
+      return r`<div class=${`${s.rampItem} ${o ? "selected" : ""}`} title=${a.name ?? g} @click=${() => this.onRampSelect(a)}><div class=${l(s.rampName)} aria-hidden=true>${a.name}</div><div class=${l(s.rampStrips)}>${d(i, (n) => n, (n) => r`<div class=${l(s.rampStrip)} style=${L({ backgroundColor: this.rampColorToCss(n) })}></div>`)}${i.length === 0 && r`<div class=${`${s.rampStrip} ${s.rampStripFallback}`}></div>` || ""}</div></div>`;
+    })}</div><div class=${l(s.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`;
   }
   renderEmptyCellUI() {
     const e = this.model.emptyCellSymbol?.color ?? v.grayColor, t = this.model.emptyCellText ?? v.nullCategory?.text ?? "";
-    return l`<div><div class=${r(s.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${r(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`;
+    return r`<div><div class=${l(s.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`;
   }
   render() {
-    return l`<div><calcite-popover class=${r(s.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${r(s.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(s.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`;
+    return r`<div><calcite-popover class=${l(s.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(s.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(s.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`;
   }
 }
-F("arcgis-charts-config-heat-chart-popover", W);
+T("arcgis-charts-config-heat-chart-popover", W);
 export {
   W as ArcgisChartsConfigHeatChartPopover
 };

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

@@ -2,12 +2,12 @@
 import { c as l } from "../../chunks/runtime.js";
 import { isEqual as r } from "lodash-es";
 import { LitElement as n } from "@arcgis/lumina";
-import { css as d, html as i } from "lit";
+import { css as h, html as i } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
-import { bF as h, a$ as c, ac as m, bY as f, ay as g, I as p } from "../../chunks/index2.js";
-import { d as u } from "../../chunks/type-guards.js";
-const y = d`: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 {
+import { i as d, bC as c, bD as m, bc 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 {
   constructor() {
     super(...arguments), this.onModelConfigChange = async (e) => {
       const s = e?.detail.config ?? this.model.config;
@@ -18,7 +18,7 @@ class C extends n {
     this.properties = { layerFieldsInfo: 16, model: 0, chartData: 0, seriesColor: 0, calculatedMinMaxBounds: 0, page: 1, layer: 0, usePopupTemplateFieldsInfo: 5, popupTemplateFieldInfosEnabled: 5 };
   }
   static {
-    this.styles = y;
+    this.styles = C;
   }
   async load() {
     this.seriesColor !== void 0 && this.seriesColorChange(this.seriesColor), await this.updateFetchLayerFieldsInfo(this.model?.config), this.modelChange(this.model);
@@ -35,7 +35,7 @@ class C extends n {
   }
   seriesColorChange(e) {
     this.model.colorMatch && e?.forEach((a) => {
-      h(a) && e?.get(0) !== void 0 && !r(this.model.binSymbol, a) && (this.model.binSymbol = a);
+      d(a) && e?.get(0) !== void 0 && !r(this.model.binSymbol, a) && (this.model.binSymbol = a);
     });
   }
   async updateFetchLayerFieldsInfo(e) {
@@ -76,7 +76,7 @@ class C extends n {
     return e;
   }
 }
-l("arcgis-charts-config-histogram", C);
+l("arcgis-charts-config-histogram", y);
 export {
-  C as ArcgisChartsConfigHistogram
+  y as ArcgisChartsConfigHistogram
 };

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

@@ -2,19 +2,19 @@
 import { c as M } 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, d as s } from "../../chunks/interfaces.js";
-import { i as I, m as C, b as S, n as L, 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 { d, e as a, H as s } from "../../chunks/interfaces.js";
+import { i as I, m as C, U as S, b as D, n as L, s as V, D as P } from "../../chunks/chart-ui-utils.js";
+import { d as T, 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";
 import { LitElement as B, createEvent as $, renderElement as _, safeStyleMap as O, safeClassMap as o } from "@arcgis/lumina";
-import { t as H, I as K } from "../../chunks/index.js";
-import { d as A } from "../../chunks/index3.js";
-import { d as U } from "../../chunks/type-guards.js";
+import { P as H, E as K } from "../../chunks/index3.js";
+import { b as A } from "../../chunks/index2.js";
+import { i as U } from "../../chunks/type-guards.js";
 import { r as z } from "../../chunks/popover-ui-utils.js";
-import { i as R } from "../../chunks/rest-js-object-literals.js";
-import { g as u } from "../../chunks/chart-object-literals.js";
+import { b as R } from "../../chunks/rest-js-object-literals.js";
+import { s as u } from "../../chunks/chart-object-literals.js";
 const l = {
   label: "label",
   row: "row",
@@ -30,11 +30,11 @@ class q extends B {
       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({
         inputElement: this.binInputElement.value,
-        status: D.INVALID
+        status: S.INVALID
       });
-    }, S.DebounceTimer), this.onBinCountSliderChange = f(() => {
+    }, D.DebounceTimer), this.onBinCountSliderChange = f(() => {
       this.binCountChange(this.binSliderElement.value?.value?.toString() ?? "");
-    }, S.DebounceTimer), this.onNormalDistColorSelect = (e) => {
+    }, D.DebounceTimer), this.onNormalDistColorSelect = (e) => {
       e.stopImmediatePropagation(), this.onColorElementSelect(this.model.normalDistSymbol, this._messages.normalDistStyle ?? "", this.normalDistOverlayElement);
     }, this.onMeanColorSelect = (e) => {
       e.stopImmediatePropagation(), this.onColorElementSelect(this.model.meanSymbol, this._messages.meanStyle ?? "", this.meanOverlayElement);
@@ -48,7 +48,7 @@ class q extends B {
       try {
         if (e.detail !== null && e.detail !== void 0) {
           const { contentKind: t } = e.detail, { value: i } = e.detail;
-          switch (P(x), t) {
+          switch (T(x), t) {
             case d.transformation:
               this.model.dataTransformationType = i ?? u.None;
               break;
@@ -164,13 +164,13 @@ class q extends B {
         t = void 0;
         break;
     }
-    return L(t, T);
+    return L(t, P);
   }
   binCountChange(e) {
     const t = Number.parseInt(e);
     this.model.binCount !== t && (this.model.binCount = t, this.binInputElement.value && C({
       inputElement: this.binInputElement.value,
-      status: D.IDLE
+      status: S.IDLE
     }));
   }
   onColorElementSelect(e, t, i) {

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

@@ -1,18 +1,18 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as f } from "../../chunks/runtime.js";
-import { css as y, html as t } from "lit";
+import { css as v, html as t } from "lit";
 import { keyed as c } from "lit/directives/keyed.js";
-import { H as i } from "../../chunks/interfaces.js";
-import { b as v, o as C } from "../../chunks/chart-ui-utils2.js";
+import { d as i } from "../../chunks/interfaces.js";
+import { b as y, o as C } from "../../chunks/chart-ui-utils.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 o } from "@arcgis/lumina";
-import { i as $ } from "../../chunks/rest-js-object-literals.js";
-import { g as s } from "../../chunks/chart-object-literals.js";
+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 { d as S } from "../../chunks/index3.js";
-import { by as k } from "../../chunks/index2.js";
-import { aF as T } from "../../chunks/index.js";
+import { b as S } from "../../chunks/index2.js";
+import { aO as k } from "../../chunks/index.js";
+import { r as T } from "../../chunks/index3.js";
 const l = {
   symbolPropertyPopover: "symbol-property-popover",
   colorPicker: "color-picker",
@@ -20,7 +20,7 @@ const l = {
   popoverPickList: "popover-pick-list",
   fieldSelectPanel: "field-select-panel",
   transformationPanel: "transformation-panel"
-}, w = y`.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)}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .inline{padding:0 1rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`;
+}, w = 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)}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .inline{padding:0 1rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`;
 class x extends b {
   constructor() {
     super(...arguments), this._messages = u(), this.picklist = m(), this.popoverElement = m(), this.layerFieldsInfo = [], this.open = !1, this.arcgisChartsConfigHistogramPopoverChange = p(), this.arcgisChartsConfigHistogramPopoverSymbolChange = p(), this.arcgisChartsConfigPopoverClose = p();
@@ -37,7 +37,7 @@ class x extends b {
   updated() {
     setTimeout(() => {
       this.picklist.value?.setFocus();
-    }, v.PopoverTimer), P(this.popoverElement.value, this.open);
+    }, y.PopoverTimer), P(this.popoverElement.value, this.open);
   }
   buildPickListItems(e) {
     const n = [];

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as s } from "../../chunks/runtime.js";
 import { css as i, html as t } from "lit";
-import { U as a } from "../../chunks/chart-ui-utils2.js";
+import { U as a } from "../../chunks/chart-ui-utils.js";
 import { LitElement as e, safeClassMap as l } from "@arcgis/lumina";
 const n = {
   invalidMessageColor: "invalid-message-color"

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 { a$ as c, ac as m, I as f, by as g, bj as p } from "../../chunks/index2.js";
+import { bC as c, bD as m, t as f, aO as g, aP 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

@@ -1,20 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as $ } from "../../chunks/runtime.js";
 import { keyed as F } from "lit/directives/keyed.js";
-import { LitElement as x, createEvent as g, renderElement as A, safeClassMap as s } from "@arcgis/lumina";
-import { css as I, html as r } from "lit";
+import { LitElement as I, createEvent as g, renderElement as x, safeClassMap as s } from "@arcgis/lumina";
+import { css as A, 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, a as u, r as k, b as T } from "../../chunks/store.js";
 import { isEqual as S } 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 { w as L, aj as P } from "../../chunks/index.js";
-import { d as v, m as w } from "../../chunks/index3.js";
-import { ap as C, bj as _ } from "../../chunks/index2.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 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 = {
+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",
   fieldList: "field-list",
   fab: "fab",
@@ -22,7 +22,7 @@ const D = I`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.a
   linkContainer: "link-container",
   dimText: "dim-text"
 };
-class U extends x {
+class U extends I {
   constructor() {
     super(...arguments), this._messages = b(), this.commonStrings = b({ name: "common", blocking: !0 }), this.lineChartPopover = null, this.aggregationElement = m(), this.xAxisFieldElement = m(), this.numericFieldsElement = m(), this.splitByFieldElement = m(), this.intervalAlignmentElement = m(), this.intervalElement = m(), this.onLineChartDataChange = (e) => {
       try {
@@ -163,7 +163,7 @@ class U extends x {
         i = this.intervalAlignmentElement.value, a = this._messages.intervalAlignment, o = this.model.timeAggregationType ?? "";
         break;
     }
-    this.lineChartPopover = A(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`), !document.body.contains(this.lineChartPopover) && this.lineChartPopover !== null && document.body.appendChild(this.lineChartPopover);
+    this.lineChartPopover = x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`), !document.body.contains(this.lineChartPopover) && this.lineChartPopover !== null && document.body.appendChild(this.lineChartPopover);
   }
   removeLineChartDataPopover() {
     this.lineChartPopover !== null && (this.lineChartPopover.open = !1, this.lineChartPopover = N(this.lineChartPopover));

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

@@ -1,21 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as L } from "../../chunks/runtime.js";
+import { c as y } from "../../chunks/runtime.js";
 import { repeat as u } from "lit/directives/repeat.js";
 import { keyed as f } from "lit/directives/keyed.js";
 import { LitElement as k, createEvent as v, safeClassMap as o } from "@arcgis/lumina";
 import { css as P, html as n } from "lit";
-import { createRef as h, ref as m } from "lit/directives/ref.js";
+import { createRef as h, ref as p } from "lit/directives/ref.js";
 import { isEqual as b } from "lodash-es";
 import { u as C } from "../../chunks/useT9n.js";
 import { L as a } from "../../chunks/interfaces.js";
-import { c as $, b as F, e as d, f as I, s as T } from "../../chunks/chart-ui-utils2.js";
-import { R as x } from "../../chunks/rest-js-object-literals.js";
-import { t as g, s as c } from "../../chunks/chart-object-literals.js";
+import { c as $, b as F, e as d, f as I, s as T } from "../../chunks/chart-ui-utils.js";
+import { d as x } from "../../chunks/rest-js-object-literals.js";
+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 { w as E, aj as S } from "../../chunks/index.js";
-import { d as z, m as w } from "../../chunks/index3.js";
-import { bs as N, by as y, bj as K, bQ as B } from "../../chunks/index2.js";
-const _ = 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 = {
+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";
+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",
   fab: "fab",
@@ -23,7 +23,7 @@ const _ = P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.a
   sizeSection: "size-section",
   applyButton: "apply-button"
 };
-class H extends k {
+class _ extends k {
   constructor() {
     super(...arguments), this._messages = C(), this.commonStrings = C({ name: "common", blocking: !0 }), this.picklist = h(), this.intervalSizeElement = h(), this.intervalTypeElement = h(), this.popoverElement = h(), this.placement = "leading", this.offsetDistance = -200, this.pickListHasChanged = !1, this.open = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigLineChartDataPopoverChange = v(), this.arcgisChartsConfigLineChartPopoverClose = v();
   }
@@ -31,7 +31,7 @@ class H extends k {
     this.properties = { aggregationLabels: 16, timeAggregationLabels: 16, messageOverrides: 0, headingTitle: 1, referenceElement: 0, open: 5, contentKind: 1, layerFieldsInfo: 0, selectedContent: 1 };
   }
   static {
-    this.styles = _;
+    this.styles = H;
   }
   async reposition() {
     await this.popoverElement.value?.reposition();
@@ -67,14 +67,14 @@ class H extends k {
       case a.numericFields: {
         for (let l = 0; l < t; l += 1) {
           const i = this.layerFieldsInfo?.[l];
-          i && y(i) && s.push(this.buildPickListItem(i));
+          i && L(i) && s.push(this.buildPickListItem(i));
         }
         break;
       }
       case a.xAxisField: {
         for (let l = 0; l < t; l += 1) {
           const i = this.layerFieldsInfo?.[l];
-          i && (y(i) || K(i) || B(i)) && s.push(this.buildPickListItem(i));
+          i && (L(i) || K(i) || B(i)) && s.push(this.buildPickListItem(i));
         }
         break;
       }
@@ -82,8 +82,8 @@ class H extends k {
         const l = f(" ", n`<calcite-list-item label=" " value=" " .selected=${d("", this.selectedContent)}></calcite-list-item>`);
         s.push(l);
         for (let i = 0; i < t; i += 1) {
-          const p = this.layerFieldsInfo?.[i];
-          p && (N(p) || p.type === x.String) && s.push(this.buildPickListItem(p));
+          const m = this.layerFieldsInfo?.[i];
+          m && (N(m) || m.type === x.String) && s.push(this.buildPickListItem(m));
         }
         break;
       }
@@ -128,15 +128,15 @@ class H extends k {
   }
   renderXAxisField() {
     const e = this.buildPickListItems(a.xAxisField);
-    return n`<calcite-list label class=${o(r.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(r.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   renderNumericFields() {
     const e = this.buildPickListItems(a.numericFields);
-    return n`<calcite-list label class=${o(r.popoverPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(r.popoverPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   renderSplitByField() {
     const e = this.buildPickListItems(a.splitByField);
-    return n`<calcite-list label class=${o(r.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(r.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   renderIntervalAlignment() {
     const e = this.buildIntervalAlignmentPickListItems();
@@ -152,7 +152,7 @@ class H extends k {
       c.Month,
       c.Year
     ];
-    return n`<div><div class=${o(r.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${T(e?.size, 1)} ${m(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${m(this.intervalTypeElement)}>${t.map((s) => n`<calcite-option .value=${s} .label=${w(s, this._messages)} .selected=${e?.unit === s}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(r.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
+    return n`<div><div class=${o(r.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${T(e?.size, 1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${p(this.intervalTypeElement)}>${t.map((s) => n`<calcite-option .value=${s} .label=${w(s, this._messages)} .selected=${e?.unit === s}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(r.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
   }
   renderPopoverInfo() {
     let e;
@@ -180,10 +180,10 @@ class H extends k {
   }
   render() {
     let e;
-    return this.contentKind === a.numericFields && (e = n`<div slot=footer><calcite-fab class=${o(r.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>`), n`<div><calcite-popover class=${o(r.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${m(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(r.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
+    return this.contentKind === a.numericFields && (e = n`<div slot=footer><calcite-fab class=${o(r.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>`), n`<div><calcite-popover class=${o(r.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(r.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
-L("arcgis-charts-config-line-chart-popover", H);
+y("arcgis-charts-config-line-chart-popover", _);
 export {
-  H as ArcgisChartsConfigLineChartPopover
+  _ as ArcgisChartsConfigLineChartPopover
 };

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

@@ -5,8 +5,8 @@ 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 { j as b } from "../../chunks/chart-ui-utils2.js";
-import { C as M } from "../../chunks/index3.js";
+import { j as b } from "../../chunks/chart-ui-utils.js";
+import { a as M } from "../../chunks/index2.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)}`;
 class k extends I {

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

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as u } from "../../chunks/runtime.js";
 import { css as C, html as v } from "lit";
-import { i as f, m, s as S, U as g } from "../../chunks/chart-ui-utils2.js";
+import { i as f, m, U as g, s as S } from "../../chunks/chart-ui-utils.js";
 import { u as y } from "../../chunks/useT9n.js";
 import { createRef as a, ref as o } from "lit/directives/ref.js";
 import { LitElement as $, createEvent as s, safeClassMap as l, nothing as c } from "@arcgis/lumina";
 import { e as b } from "../../chunks/popover-ui-utils.js";
-import { aF as E } from "../../chunks/index.js";
-import { g as i } from "../../chunks/rest-js-object-literals.js";
+import { r as E } from "../../chunks/index3.js";
+import { R as i } from "../../chunks/rest-js-object-literals.js";
 const n = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

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

@@ -1,11 +1,11 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as p } from "../../chunks/runtime.js";
 import { css as m, html as s } from "lit";
-import { i as y, m as o, s as u, U as c } from "../../chunks/chart-ui-utils2.js";
+import { i as y, m as o, U as c, s as u } from "../../chunks/chart-ui-utils.js";
 import { u as g } from "../../chunks/useT9n.js";
 import { createRef as r, ref as h } from "lit/directives/ref.js";
 import { LitElement as S, createEvent as d, safeClassMap as l, nothing as n } from "@arcgis/lumina";
-import { i as f, g as t } from "../../chunks/rest-js-object-literals.js";
+import { b as f, R as t } from "../../chunks/rest-js-object-literals.js";
 const a = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as o } from "../../chunks/runtime.js";
 import { css as u, html as h } from "lit";
-import { i as p, m, s as d, U as r } from "../../chunks/chart-ui-utils2.js";
+import { i as p, m, U as r, s as d } from "../../chunks/chart-ui-utils.js";
 import { u as g } from "../../chunks/useT9n.js";
 import { createRef as b, ref as f } from "lit/directives/ref.js";
 import { LitElement as v, createEvent as F, safeClassMap as a } from "@arcgis/lumina";

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

@@ -4,8 +4,8 @@ import { isEqual as n, cloneDeep as h } from "lodash-es";
 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 { a$ as I, ac as F, I as v } from "../../chunks/index2.js";
-import { i as b } from "../../chunks/rest-js-object-literals.js";
+import { bC as I, bD as F, t as v } from "../../chunks/index.js";
+import { 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 {
   constructor() {

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

@@ -7,10 +7,10 @@ import { css as u, html as s } from "lit";
 import { createRef as n, ref as c } from "lit/directives/ref.js";
 import { LitElement as b, createEvent as h, renderElement as v, safeClassMap as o } from "@arcgis/lumina";
 import { x as y } from "../../chunks/data.js";
-import { d as m } from "../../chunks/index3.js";
-import { m as g, ap as F } from "../../chunks/index2.js";
+import { b as m } from "../../chunks/index2.js";
+import { w as g, r as F } from "../../chunks/index.js";
 import { r as $ } from "../../chunks/popover-ui-utils.js";
-import { r as P } from "../../chunks/chart-object-literals.js";
+import { d as P } from "../../chunks/chart-object-literals.js";
 const l = {
   label: "label",
   fieldList: "field-list",