@arcgis/charts-components 5.2.0-next.125 → 5.2.0-next.127

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

@@ -1,27 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as C } from "../../chunks/runtime.js";
+import { c as I } from "../../chunks/runtime.js";
 import { debounce as g } from "es-toolkit/compat";
-import { g as I, a as E } from "../../chunks/store.js";
-import { i as B, m, U as i, b as p, s as b } from "../../chunks/chart-ui-utils.js";
+import { g as E, a as C } from "../../chunks/store.js";
+import { i as p, m as h, U as i, b, s as r } from "../../chunks/chart-ui-utils.js";
 import { A as f } from "../../chunks/axis-model-wrapper.js";
 import { u as N } from "../../chunks/useT9n.js";
 import { css as L, html as o } from "lit";
-import { createRef as M, ref as x } from "lit/directives/ref.js";
-import { LitElement as S, renderElement as w, safeClassMap as r } from "@arcgis/lumina";
-import { a as h } from "../../chunks/chart-object-literals.js";
+import { createRef as x, ref as B } from "lit/directives/ref.js";
+import { LitElement as S, renderElement as A, safeClassMap as m } from "@arcgis/lumina";
+import { a as c } from "../../chunks/chart-object-literals.js";
 const l = {
   linkContainer: "link-container",
   label: "label",
   mb2: "mb-2"
-}, A = L`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}calcite-block{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`;
-class $ extends S {
+}, D = L`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}calcite-block{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`;
+class w extends S {
   constructor() {
-    super(...arguments), this._messages = N(), this.commonStrings = N({ name: "common", blocking: !0 }), this.axisModel = new f(), this.minBoundInputElement = M(), this.maxBoundInputElement = M(), this.showLogScaleSwitch = M(), this.defaultMinBound = Number.NaN, this.defaultMaxBound = Number.NaN, this.onMaxBoundsChange = () => {
+    super(...arguments), this._messages = N(), this.commonStrings = N({ name: "common", blocking: !0 }), this.axisModel = new f(), this.minBoundInputElement = x(), this.maxBoundInputElement = x(), this.showLogScaleSwitch = x(), this.defaultMinBound = Number.NaN, this.defaultMaxBound = Number.NaN, this.onMaxBoundsChange = () => {
       const t = this.maxBoundInputElement.value?.value;
       let e = this.maxBoundInputElement.value?.status;
       if (t !== void 0 && t !== "") {
-        const n = this.axisModel.getMinBound(), u = this.axisModel.getMaxBound(), s = Number.isFinite(n) ? n : this.initialMinBound, c = this.maxBoundInputElement.value?.min === void 0 ? s : Math.max(this.maxBoundInputElement.value.min, s ?? Number.NaN), a = Number.parseFloat(t);
-        if (a !== s && B(a, c, this.maxBoundInputElement.value?.max)) {
+        const n = this.axisModel.getMinBound(), u = this.axisModel.getMaxBound(), s = Number.isFinite(n) ? n : this.initialMinBound, M = this.maxBoundInputElement.value?.min === void 0 ? s : Math.max(this.maxBoundInputElement.value.min, s ?? Number.NaN), a = Number.parseFloat(t);
+        if (a !== s && p(a, M, this.maxBoundInputElement.value?.max)) {
           if (a !== u) {
             this.axisModel.setMaxBound(a);
             const d = this.getAxisBoundsFromStateStore();
@@ -32,16 +32,16 @@ class $ extends S {
           e = i.INVALID;
       } else
         e = i.IDLE;
-      this.maxBoundInputElement.value && m({
+      this.maxBoundInputElement.value && h({
         inputElement: this.maxBoundInputElement.value,
         status: e
       }), e !== i.INVALID && this.minBoundInputElement.value?.status === i.INVALID && this.onMinBoundsChange(), this.requestUpdate();
-    }, this.onMaxBoundsChangeDebounced = g(this.onMaxBoundsChange, p.DebounceTimer), this.onMinBoundsChange = () => {
+    }, this.onMaxBoundsChangeDebounced = g(this.onMaxBoundsChange, b.DebounceTimer), this.onMinBoundsChange = () => {
       const t = this.minBoundInputElement.value?.value;
       let e = this.minBoundInputElement.value?.status;
       if (t !== void 0 && t !== "") {
-        const n = this.axisModel.getMinBound(), u = this.axisModel.getMaxBound(), s = Number.isFinite(u) ? u : this.initialMaxBound, c = this.minBoundInputElement.value?.max === void 0 ? s : Math.min(this.minBoundInputElement.value.max, s ?? Number.NaN), a = Number.parseFloat(t);
-        if (a !== s && B(a, this.minBoundInputElement.value?.min, c)) {
+        const n = this.axisModel.getMinBound(), u = this.axisModel.getMaxBound(), s = Number.isFinite(u) ? u : this.initialMaxBound, M = this.minBoundInputElement.value?.max === void 0 ? s : Math.min(this.minBoundInputElement.value.max, s ?? Number.NaN), a = Number.parseFloat(t);
+        if (a !== s && p(a, this.minBoundInputElement.value?.min, M)) {
           if (a !== n) {
             this.axisModel.setMinBound(a);
             const d = this.getAxisBoundsFromStateStore();
@@ -52,11 +52,11 @@ class $ extends S {
           e = i.INVALID;
       } else
         e = i.IDLE;
-      this.minBoundInputElement.value && m({
+      this.minBoundInputElement.value && h({
         inputElement: this.minBoundInputElement.value,
         status: e
       }), e !== i.INVALID && this.maxBoundInputElement.value?.status === i.INVALID && this.onMaxBoundsChange(), this.updateEnableLogarithmic(this.axisModel.getLogarithmic() && (this.dataMinValue ?? Number.NaN) > 0), this.requestUpdate();
-    }, this.onMinBoundsChangeDebounced = g(this.onMinBoundsChange, p.DebounceTimer), this.onModelConfigChange = () => {
+    }, this.onMinBoundsChangeDebounced = g(this.onMinBoundsChange, b.DebounceTimer), this.onModelConfigChange = () => {
       this.requestUpdate();
     }, this.disableMaxBoundResetBtn = !0, this.disableMinBoundResetBtn = !0, this.isXAxis = !1, this.axisTitle = "", this.showMaxBoundOption = !1, this.showMinBoundOption = !1, this.showEnableLogOption = !1;
   }
@@ -64,7 +64,7 @@ class $ extends S {
     this.properties = { disableMaxBoundResetBtn: 16, disableMinBoundResetBtn: 16, messageOverrides: 0, model: 0, isXAxis: 5, axisTitle: 1, maxBoundMaxLimit: 9, maxBoundMinLimit: 9, minBoundMinLimit: 9, minBoundMaxLimit: 9, showMaxBoundOption: 5, showMinBoundOption: 5, showEnableLogOption: 5, dataMaxValue: 9, dataMinValue: 9, initialMaxBound: 9, initialMinBound: 9 };
   }
   static {
-    this.styles = A;
+    this.styles = D;
   }
   load() {
     this.modelChange(this.model), this.dataMinValue !== void 0 && this.dataMinValueChange(this.dataMinValue, Number.NaN), this.dataMaxValue !== void 0 && this.dataMaxValueChange(this.dataMaxValue, Number.NaN);
@@ -95,9 +95,9 @@ class $ extends S {
   }
   getAxisBoundsFromStateStore() {
     let t;
-    const e = E.chartAxesBoundDataMap, n = this.model.chartId;
+    const e = C.chartAxesBoundDataMap, n = this.model.chartId;
     if (n) {
-      const u = I({
+      const u = E({
         chartId: n,
         isXAxis: this.isXAxis,
         isLogarithmic: this.axisModel.getLogarithmic()
@@ -108,10 +108,10 @@ class $ extends S {
   }
   disableResetButtons() {
     const t = this.getAxisBoundsFromStateStore();
-    t && (this.disableMaxBoundResetBtn = t.defaultMaxBound === t.currMaxBound, this.disableMinBoundResetBtn = t.defaultMinBound === t.currMinBound);
+    t && (this.disableMaxBoundResetBtn = t.defaultMaxBound === t.currMaxBound && this.maxBoundInputElement.value?.status !== i.INVALID && this.maxBoundInputElement.value?.value.trim() !== "", this.disableMinBoundResetBtn = t.defaultMinBound === t.currMinBound && this.minBoundInputElement.value?.status !== i.INVALID && this.minBoundInputElement.value?.value.trim() !== "");
   }
   onShowLogScaleMouseEnter() {
-    this.showLogScaleTooltip?.remove(), this.showLogScaleSwitch.value?.disabled && (this.showLogScaleTooltip = w(o`<calcite-tooltip .referenceElement=${this.showLogScaleSwitch.value ?? document.body} open>${this.commonStrings.utilsStrings.tooltips?.logDisabled ?? ""}</calcite-tooltip>`), document.body.appendChild(this.showLogScaleTooltip));
+    this.showLogScaleTooltip?.remove(), this.showLogScaleSwitch.value?.disabled && (this.showLogScaleTooltip = A(o`<calcite-tooltip .referenceElement=${this.showLogScaleSwitch.value ?? document.body} open>${this.commonStrings.utilsStrings.tooltips?.logDisabled ?? ""}</calcite-tooltip>`), document.body.appendChild(this.showLogScaleTooltip));
   }
   onShowLogScaleMouseLeave() {
     this.showLogScaleTooltip?.remove();
@@ -124,43 +124,53 @@ class $ extends S {
   }
   onNumberFormatChange(t) {
     this.axisModel.setValueFormat({
-      type: h.NumberAxisFormat,
+      type: c.NumberAxisFormat,
       intlOptions: t.detail
     }), this.requestUpdate();
   }
   onRevertMaxBoundsToDefault() {
-    if (this.maxBoundInputElement.value?.status === i.INVALID || this.axisModel.getMaxBound() !== this.defaultMaxBound) {
+    if (this.maxBoundInputElement.value?.status === i.INVALID || // an empty value does not update the model, so it must explicitly allow Reset.
+    this.maxBoundInputElement.value?.value.trim() === "" || this.axisModel.getMaxBound() !== this.defaultMaxBound) {
+      this.onMaxBoundsChangeDebounced.cancel();
       const t = this.getAxisBoundsFromStateStore();
-      this.axisModel.getMinBound() > this.defaultMaxBound && this.axisModel.setMinBound(t?.defaultMinBound ?? Number.NaN), this.axisModel.setMaxBound(t?.defaultMaxBound ?? Number.NaN), this.maxBoundInputElement.value && m({
+      this.axisModel.getMinBound() > this.defaultMaxBound && this.axisModel.setMinBound(t?.defaultMinBound ?? Number.NaN), this.axisModel.setMaxBound(t?.defaultMaxBound ?? Number.NaN), this.maxBoundInputElement.value && (this.maxBoundInputElement.value.value = r(t?.defaultMaxBound, this.initialMaxBound) ?? "", h({
         inputElement: this.maxBoundInputElement.value,
         status: i.IDLE
-      }), this.requestUpdate();
+      })), this.requestUpdate();
     }
   }
   onRevertMinBoundsToDefault() {
-    (this.minBoundInputElement.value?.status === i.INVALID || this.axisModel.getMinBound() !== this.defaultMinBound) && (this.axisModel.getMaxBound() < this.defaultMinBound && this.axisModel.setMaxBound(Number.NaN), this.axisModel.setMinBound(Number.NaN), this.minBoundInputElement.value && m({
-      inputElement: this.minBoundInputElement.value,
-      status: i.IDLE
-    }), this.requestUpdate());
+    if (this.minBoundInputElement.value?.status === i.INVALID || // an empty value does not update the model, so it must explicitly allow Reset.
+    this.minBoundInputElement.value?.value.trim() === "" || this.axisModel.getMinBound() !== this.defaultMinBound) {
+      this.onMinBoundsChangeDebounced.cancel();
+      const t = this.getAxisBoundsFromStateStore();
+      this.axisModel.getMaxBound() < this.defaultMinBound && (this.onMaxBoundsChangeDebounced.cancel(), this.axisModel.setMaxBound(Number.NaN), this.maxBoundInputElement.value && (this.maxBoundInputElement.value.value = r(Number.NaN, this.initialMaxBound) ?? "", h({
+        inputElement: this.maxBoundInputElement.value,
+        status: i.IDLE
+      }))), this.axisModel.setMinBound(Number.NaN), this.minBoundInputElement.value && (this.minBoundInputElement.value.value = r(t?.defaultMinBound, this.initialMinBound) ?? "", h({
+        inputElement: this.minBoundInputElement.value,
+        status: i.IDLE
+      })), this.requestUpdate();
+    }
   }
   enableLogScale(t) {
     const { checked: e } = t.target;
     this.axisModel.setLogarithmic(e && (this.dataMinValue ?? Number.NaN) > 0), this.requestUpdate();
   }
   render() {
-    return o`<calcite-block .hidden=${this.axisModel.getValueFormat()?.type === h.DateAxisFormat} expanded .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block>`;
+    return o`<calcite-block .hidden=${this.axisModel.getValueFormat()?.type === c.DateAxisFormat} expanded .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block>`;
   }
   renderAxis() {
     let t = null;
     const e = { ...this.axisModel.getValueFormat() };
     switch (this.axisModel.getValueFormat()?.type) {
-      case h.CategoryAxisFormat:
+      case c.CategoryAxisFormat:
         t = o`<arcgis-charts-config-category-format .categoryFormat=${e} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;
         break;
-      case h.NumberAxisFormat:
+      case c.NumberAxisFormat:
         t = o`<div>${this.renderShowLogScale()}${this.renderMinBound()}${this.renderMaxBound()}<arcgis-charts-config-number-format .numberFormat=${{ ...e.intlOptions }} @arcgisChartsConfigNumberFormatChange=${this.onNumberFormatChange}></arcgis-charts-config-number-format></div>`;
         break;
-      case h.DateAxisFormat:
+      case c.DateAxisFormat:
         t = null;
         break;
     }
@@ -171,8 +181,8 @@ class $ extends S {
     if (!this.showMaxBoundOption)
       t = null;
     else {
-      const e = b(this.axisModel.getMaxBound(), this.initialMaxBound);
-      t = o`<div><calcite-label class=${r(l.label)}>${this._messages.maxBounds}<calcite-input type=number number-button-type=none .min=${this.maxBoundMinLimit ?? Number.MIN_SAFE_INTEGER} .max=${this.maxBoundMaxLimit ?? Number.MAX_SAFE_INTEGER} step=any .value=${e} @calciteInputInput=${this.onMaxBoundsChangeDebounced} ${x(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${r(l.linkContainer)}><calcite-button .disabled=${this.disableMaxBoundResetBtn} @click=${this.onRevertMaxBoundsToDefault} appearance=transparent icon-end=reset>${this._messages.revertToDefault}</calcite-button></div></div>`;
+      const e = r(this.axisModel.getMaxBound(), this.initialMaxBound);
+      t = o`<div><calcite-label class=${m(l.label)}>${this._messages.maxBounds}<calcite-input type=number number-button-type=none .min=${this.maxBoundMinLimit ?? Number.MIN_SAFE_INTEGER} .max=${this.maxBoundMaxLimit ?? Number.MAX_SAFE_INTEGER} step=any .value=${e} @calciteInputInput=${this.onMaxBoundsChangeDebounced} ${B(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${m(l.linkContainer)}><calcite-button .disabled=${this.disableMaxBoundResetBtn} @click=${this.onRevertMaxBoundsToDefault} appearance=transparent icon-end=reset>${this._messages.revertToDefault}</calcite-button></div></div>`;
     }
     return t;
   }
@@ -181,20 +191,20 @@ class $ extends S {
     if (!this.showMinBoundOption)
       t = null;
     else {
-      const e = b(this.axisModel.getMinBound(), this.initialMinBound ?? void 0);
-      t = o`<div><calcite-label class=${r(l.label)}>${this._messages.minBounds}<calcite-input type=number number-button-type=none .min=${this.minBoundMinLimit ?? Number.MIN_SAFE_INTEGER} .max=${this.minBoundMaxLimit ?? Number.MAX_SAFE_INTEGER} step=any .value=${e} @calciteInputInput=${this.onMinBoundsChangeDebounced} ${x(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${r(l.linkContainer)}><calcite-button .disabled=${this.disableMinBoundResetBtn} appearance=transparent icon-end=reset @click=${this.onRevertMinBoundsToDefault}>${this._messages.revertToDefault}</calcite-button></div></div>`;
+      const e = this.getAxisBoundsFromStateStore(), n = r(this.axisModel.getMinBound(), e?.defaultMinBound ?? this.initialMinBound);
+      t = o`<div><calcite-label class=${m(l.label)}>${this._messages.minBounds}<calcite-input type=number number-button-type=none .min=${this.minBoundMinLimit ?? Number.MIN_SAFE_INTEGER} .max=${this.minBoundMaxLimit ?? Number.MAX_SAFE_INTEGER} step=any .value=${n} @calciteInputInput=${this.onMinBoundsChangeDebounced} ${B(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${m(l.linkContainer)}><calcite-button .disabled=${this.disableMinBoundResetBtn} appearance=transparent icon-end=reset @click=${this.onRevertMinBoundsToDefault}>${this._messages.revertToDefault}</calcite-button></div></div>`;
     }
     return t;
   }
   renderShowLogScale() {
     let t;
-    return this.showEnableLogOption && (t = o`<calcite-label layout=inline-space-between class=${r({
+    return this.showEnableLogOption && (t = o`<calcite-label layout=inline-space-between class=${m({
       [l.label]: !0,
       [l.mb2]: !0
-    })}>${this._messages.logScale}<div @mouseenter=${this.onShowLogScaleMouseEnter} @mouseleave=${this.onShowLogScaleMouseLeave}><calcite-switch .checked=${this.axisModel.getLogarithmic() && (this.dataMinValue ?? Number.NaN) > 0} .disabled=${(this.dataMinValue ?? Number.NaN) <= 0} @calciteSwitchChange=${this.enableLogScale} ${x(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`), t;
+    })}>${this._messages.logScale}<div @mouseenter=${this.onShowLogScaleMouseEnter} @mouseleave=${this.onShowLogScaleMouseLeave}><calcite-switch .checked=${this.axisModel.getLogarithmic() && (this.dataMinValue ?? Number.NaN) > 0} .disabled=${(this.dataMinValue ?? Number.NaN) <= 0} @calciteSwitchChange=${this.enableLogScale} ${B(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`), t;
   }
 }
-C("arcgis-charts-config-axis", $);
+I("arcgis-charts-config-axis", w);
 export {
-  $ as ArcgisChartsConfigAxis
+  w as ArcgisChartsConfigAxis
 };

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 "es-toolkit/compat";
 import { C as t } from "../../chunks/interfaces.js";
-import { i as c, aq as p, bH as u, bI as C, bd as y, t as F, aQ as v } from "../../chunks/index.js";
+import { i as c, aq as p, bJ as u, bK as C, bg as y, t as F, aR 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

@@ -10,9 +10,9 @@ import { u as F } from "../../chunks/useT9n.js";
 import { css as _, html as n, nothing as N } from "lit";
 import { createRef as c, ref as m } from "lit/directives/ref.js";
 import { LitElement as U, createEvent as v, safeClassMap as l, renderElement as V } from "@arcgis/lumina";
-import { b as $, o as z, C as M, a as B, p as K } from "../../chunks/index2.js";
-import { x as R } from "../../chunks/data.js";
-import { r as A, bF as j, p as L, aQ as H } from "../../chunks/index.js";
+import { b as $, o as z, C as M, a as B, p as R } from "../../chunks/index2.js";
+import { x as K } from "../../chunks/data.js";
+import { r as A, bH as j, p as L, aR as H } from "../../chunks/index.js";
 import { I as q, J as W } from "../../chunks/index3.js";
 import { r as Z } from "../../chunks/popover-ui-utils.js";
 import { d as h, e as x, a as f, h as y } from "../../chunks/chart-object-literals.js";
@@ -181,7 +181,7 @@ class J extends U {
     return this.model.splitByField === "" || (this.model.numericFields ?? []).length > 1 ? "" : $(this.layerFieldsInfo, this.model.splitByField);
   }
   getCorrectedCategoryValue() {
-    return R({
+    return K({
       fieldName: this.model.xAxisField,
       fieldList: this.layerFieldsInfo
     }) ? "" : $(this.layerFieldsInfo, this.model.xAxisField);
@@ -271,7 +271,7 @@ class J extends U {
     return t === f.CategoryAxisFormat && e === g.customSort && !this.isCustomSortDisabled ? n`<calcite-label class=${l(r.label)}><div class=${l(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${i === 0 || i === -1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-up id=${C.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${i === -1 || i === this.model.orderByList.length - 1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-down id=${C.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${S(this.model.orderByList, this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${L(this.model.config.series ?? []) === B.BarAndLineFromFields ? this._messages.values : this._messages.category}${this.buildCustomSortList()}</calcite-label>` : null;
   }
   renderInterval() {
-    const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = K(this.model.temporalBinningUnit ?? x.Second, this._messages) ?? "", s = E(d), o = {
+    const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = R(this.model.temporalBinningUnit ?? x.Second, this._messages) ?? "", s = E(d), o = {
       size: this.model.temporalBinningSize,
       unit: this.model.temporalBinningUnit
     }, u = S(o, s);

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";
@@ -15,7 +15,7 @@ import { b as u, d as z, 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 { I as K, J as _ } from "../../chunks/index3.js";
-import { D as O, bG as P, aQ as H, aZ as M, aP as U } from "../../chunks/index.js";
+import { D as O, bI as I, aR as H, a_ as M, aQ 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",
@@ -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;
       }
@@ -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-box-plot/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as n } from "@arcgis/lumina";
 import { css as c, html as t } from "lit";
 import { isEqual as l } from "es-toolkit/compat";
 import { C as a } from "../../chunks/interfaces.js";
-import { bH as d, bI as h, t as f } from "../../chunks/index.js";
+import { bJ as d, bK as h, t as f } from "../../chunks/index.js";
 const g = 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 m extends n {
   constructor() {

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 { bG as b, aP as E, D as w } from "../../chunks/index.js";
+import { bI as b, aQ 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

@@ -11,11 +11,11 @@ import { isEqual as D, cloneDeep as W } from "es-toolkit/compat";
 import { i as k } from "../../chunks/index4.js";
 import { q as F, r as E, C as G } from "../../chunks/index2.js";
 import { LitElement as X, createEvent as f, renderElement as v, safeStyleMap as Z, safeClassMap as d } from "@arcgis/lumina";
-import { css as K, html as h } from "lit";
-import { createRef as j, ref as q } from "lit/directives/ref.js";
+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 b, g as J } from "../../chunks/store.js";
-import { bJ as Q, ai as ee, bK as te, bL as ae, bM as ie } from "../../chunks/index.js";
+import { c as Y, a as b, g as Q } from "../../chunks/store.js";
+import { bL as J, ai as ee, bM as te, bN as ae, bO 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";
@@ -80,10 +80,10 @@ function pe(p, e) {
     }), t.charts = a;
   }
 }
-const ue = K`.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;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`;
+const ue = j`.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;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`;
 class ge extends X {
   constructor() {
-    super(), this.selectChartTypePopover = null, this.chartsListFlowItem = j(), this.supportedChartTypes = [
+    super(), this.selectChartTypePopover = null, this.chartsListFlowItem = q(), this.supportedChartTypes = [
       o.BarSeries,
       o.BoxPlotSeries,
       o.LineSeries,
@@ -255,7 +255,7 @@ class ge extends X {
     }
     w(e), e.forEach((i) => {
       a.find((r) => r.isSameChartAs(i)) === void 0 && a.push(i);
-    }), a = a.filter((i) => !Q(i.config)), this.modelList = a;
+    }), a = a.filter((i) => !J(i.config)), this.modelList = a;
   }
   modelListChange(e, t) {
     this.selectedChartId = w(e, this.selectedChartId), t?.forEach((i) => {
@@ -307,7 +307,7 @@ class ge extends X {
     e?.forEach((t) => {
       const { isXAxis: a, maximum: i, minimum: s } = t, r = this.getModel(this.selectedChartId);
       if (r !== void 0 && T(r) && this.selectedChartId !== void 0) {
-        const n = new se(r, a), l = J({
+        const n = new se(r, a), l = Q({
           chartId: this.selectedChartId,
           isXAxis: a,
           isLogarithmic: n.getLogarithmic()
@@ -420,7 +420,7 @@ class ge extends X {
     return V(e, (t) => t.id, (t) => h`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId !== void 0} .modelList=${ce(this.modelList, t.id.toString(), B(t.type) ? ie : this.supportedChartTypes)} .selectedChartId=${this.selectedChartId ?? ""} .layer=${t} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`);
   }
   render() {
-    return this.close ? null : h`<calcite-flow>${S("charts-list", h`<calcite-flow-item .selected=${this.panelNumber === 0 || this.disableEditing} .heading=${this.headerTitle ?? this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${q(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber >= 1 && !this.disableEditing ? this.renderTabs() : null}</calcite-flow>`;
+    return this.close ? null : h`<calcite-flow>${S("charts-list", h`<calcite-flow-item .selected=${this.panelNumber === 0 || this.disableEditing} .heading=${this.headerTitle ?? this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${K(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber >= 1 && !this.disableEditing ? this.renderTabs() : null}</calcite-flow>`;
   }
   renderTabs() {
     const e = this.getModel(this.selectedChartId);

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

@@ -9,11 +9,11 @@ import { h as G } from "../../chunks/chart-ui-utils.js";
 import { R as W, b } from "../../chunks/rest-js-object-literals.js";
 import { u as N } from "../../chunks/useT9n.js";
 import { css as z, html as f } from "lit";
-import { LitElement as H, renderElement as O, safeClassMap as p } from "@arcgis/lumina";
-import { C as R, F as i, L as m } from "../../chunks/common.js";
-import { b as u, bO as r } from "../../chunks/index.js";
+import { LitElement as H, renderElement as R, safeClassMap as p } from "@arcgis/lumina";
+import { C as j, F as i, L as m } from "../../chunks/common.js";
+import { b as u, bQ as r } from "../../chunks/index.js";
 import { r as $ } from "../../chunks/popover-ui-utils.js";
-import { C as j } from "../../chunks/index2.js";
+import { C as I } from "../../chunks/index2.js";
 import { a } from "../../chunks/chart-object-literals.js";
 const v = {
   type: b.TS,
@@ -34,7 +34,7 @@ const v = {
   element: "chart-element",
   elementList: "element-list",
   sectionLabel: "section-label"
-}, I = z`.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{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.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)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`;
+}, O = z`.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{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.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)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`;
 class X extends H {
   constructor() {
     super(...arguments), this._messages = N(), this.formatPopover = null, this.selectableElements = [], this.textProperties = [], this.symbolProperties = [], this.symbolPropertyChange = (t) => {
@@ -74,7 +74,7 @@ class X extends H {
       if (e.target?.localName === "calcite-list-item" ? s = e.target?.value : s = e.target?.parentNode?.value, this.selectedSymbols = [], this.selectedTexts = [], this.selectedBackground.includes(s))
         this.selectedBackground = [], this.selectedElement = void 0;
       else {
-        const o = this.getFormatValue(s), l = [...j.backgroundColor];
+        const o = this.getFormatValue(s), l = [...I.backgroundColor];
         this.selectedBackground = [s], this.selectedElement = o ?? l;
       }
       this.setupFormatPopover();
@@ -84,7 +84,7 @@ class X extends H {
         this.setFormatValue(s, e);
       }), this.selectedElement = n(t.target.selectedElement);
     }, this.updateBackground = (t) => {
-      this.setFormatValue(R.Background, t.detail), this.selectedElement = t.detail;
+      this.setFormatValue(j.Background, t.detail), this.selectedElement = t.detail;
     }, this.updateTextProps = (t) => {
       const { font: e, color: s } = t.detail;
       this.selectedTexts.forEach((o) => {
@@ -113,7 +113,7 @@ class X extends H {
     this.properties = { selectedSymbols: 16, selectedTexts: 16, selectedBackground: 16, selectedElement: 16, messageOverrides: 0, model: 0 };
   }
   static {
-    this.styles = I;
+    this.styles = O;
   }
   load() {
     this.modelChange(this.model);
@@ -157,7 +157,7 @@ class X extends H {
     this.formatPopover = $(this.formatPopover);
     const t = this.selectedElement;
     t?.type === b.TS || t?.type === b.SLS || // To check if the selected element is background.
-    Array.isArray(this.selectedElement) ? (this.formatPopover = O(f`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`), this.formatPopover !== null && !document.body.contains(this.formatPopover) && document.body.appendChild(this.formatPopover)) : this.removeFormatPopover();
+    Array.isArray(this.selectedElement) ? (this.formatPopover = R(f`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`), this.formatPopover !== null && !document.body.contains(this.formatPopover) && document.body.appendChild(this.formatPopover)) : this.removeFormatPopover();
   }
   removeFormatPopover() {
     this.formatPopover !== null && (this.formatPopover.open = !1, this.formatPopover = $(this.formatPopover));

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

@@ -10,9 +10,9 @@ import { css as O, html as c } from "lit";
 import { createRef as h, ref as u } from "lit/directives/ref.js";
 import { LitElement as V, createEvent as U, renderElement as L, safeStyleMap as M, safeClassMap as o } from "@arcgis/lumina";
 import { l as W, q as Y, r as j } from "../../chunks/type-guards2.js";
-import { bP as p, b as m, bn as H, bQ as A, bR as _, i as Q } from "../../chunks/index.js";
-import { t as J } from "../../chunks/index3.js";
-import { r as K } from "../../chunks/popover-ui-utils.js";
+import { bR as p, b as m, bo as H, bS as A, bT as _, i as J } from "../../chunks/index.js";
+import { t as K } 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";
 import { a as te } from "../../chunks/chart-object-literals.js";
 import { G as b } from "../../chunks/common.js";
@@ -101,14 +101,14 @@ class se extends V {
     })), this.guidePopover?.open === !0 && this.removeGuidePopover();
   }
   setGuideDateTimeRange() {
-    const e = this.calculatedMinMaxBounds?.find((d) => d.isXAxis)?.minimum, t = this.calculatedMinMaxBounds?.find((d) => d.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 = H(this.timeZone) ?? l, r = A(i, s), v = _(i, s), f = A(a, s), R = _(a, s), T = this.startDateCalciteInput.value?.value ?? "", C = T === "" ? r : T, D = this.startTimeCalciteInput.value?.value ?? "", I = D === "" ? v : D, x = this.endDateCalciteInput.value?.value ?? "", y = x === "" ? f : x, P = this.endTimeCalciteInput.value?.value ?? "", w = P === "" ? R : P;
+    const e = this.calculatedMinMaxBounds?.find((d) => d.isXAxis)?.minimum, t = this.calculatedMinMaxBounds?.find((d) => d.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 = H(this.timeZone) ?? l, r = A(i, s), v = _(i, s), f = A(a, s), R = _(a, s), T = this.startDateCalciteInput.value?.value ?? "", C = T === "" ? r : T, D = this.startTimeCalciteInput.value?.value ?? "", I = D === "" ? v : D, x = this.endDateCalciteInput.value?.value ?? "", y = x === "" ? f : x, w = this.endTimeCalciteInput.value?.value ?? "", P = w === "" ? R : w;
     let $ = !1;
     if (!Array.isArray(C) && C !== void 0 && I !== void 0) {
       const d = `${C}T${I}`;
       this.model.setGuideStart(d, this.index, this.orientation), $ = !0;
     }
-    if (!Array.isArray(y) && y !== void 0 && w !== void 0) {
-      const d = x === "" ? void 0 : `${y}T${w}`;
+    if (!Array.isArray(y) && y !== void 0 && P !== void 0) {
+      const d = x === "" ? void 0 : `${y}T${P}`;
       this.model.setGuideEnd(d, this.index, this.orientation), $ = !0;
     }
     $ && (this.symbolChange(), this.arcgisChartsConfigGuideChange.emit({
@@ -161,11 +161,11 @@ class se extends V {
     Array.isArray(t?.color) ? (this.guidePopover = L(c`<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 = K(this.guidePopover));
+    this.guidePopover !== null && this.guidePopover !== void 0 && (this.guidePopover = Q(this.guidePopover));
   }
   setColor(e) {
-    const t = J({ opacity: 0 }), i = this.model.getGuideStyle(this.index, this.orientation), a = {
-      ...Q(i) ? i : {},
+    const t = K({ opacity: 0 }), i = this.model.getGuideStyle(this.index, this.orientation), a = {
+      ...J(i) ? i : {},
       type: g.SFS,
       color: e,
       outline: t

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

@@ -4,7 +4,7 @@ import { LitElement as l } from "@arcgis/lumina";
 import { css as n, html as i } from "lit";
 import { C as s } from "../../chunks/interfaces.js";
 import { isEqual as d } from "es-toolkit/compat";
-import { bH as h, bI as c, t as f } from "../../chunks/index.js";
+import { bJ as h, bK as c, t as f } from "../../chunks/index.js";
 const p = n`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class m extends l {
   static {