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

package/dist/components/arcgis-charts-action-bar/customElement.js

@@ -11,7 +11,7 @@ import { i as F } from "../../chunks/rotated-state.js";
 import { A as t, c as l, D as e } from "../../chunks/index5.js";
 import { A as k } from "../../chunks/index2.js";
 import { a as I } from "../../chunks/chart-object-literals.js";
-import { i as r, g as w } from "../../chunks/type-guards2.js";
+import { i as r, j as w } from "../../chunks/type-guards2.js";
 function N(d) {
   return d?.tagName.toLowerCase() === "arcgis-chart";
 }

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, bG as u, bH as C, bd as y, t as F, aQ as v } from "../../chunks/index.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";
 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

@@ -4,7 +4,7 @@ import { keyed as I } from "lit/directives/keyed.js";
 import { isEqual as S } from "es-toolkit/compat";
 import { repeat as D } from "lit/directives/repeat.js";
 import { B as a, a as C } from "../../chunks/interfaces.js";
-import { d as p, a as d, r as E, b as O } from "../../chunks/store.js";
+import { d as p, a as d, r as O, b as E } from "../../chunks/store.js";
 import { b as P } from "../../chunks/chart-ui-utils.js";
 import { u as F } from "../../chunks/useT9n.js";
 import { css as _, html as n, nothing as N } from "lit";
@@ -12,8 +12,8 @@ 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, bE as j, p as L, aQ as H } from "../../chunks/index.js";
-import { H as q, I as W } from "../../chunks/index3.js";
+import { r as A, bF as j, p as L, aQ 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";
 import { S as g } from "../../chunks/common.js";
@@ -29,7 +29,7 @@ const r = {
   dimText: "dim-text",
   intervalContainer: "interval-container"
 }, G = _`.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:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.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:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major);max-height:400px;overflow-y:auto}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`;
-class Q extends U {
+class J extends U {
   constructor() {
     super(...arguments), this._messages = F(), this.commonStrings = F({ name: "common", blocking: !0 }), this.barChartPopover = null, this.sortOrderElement = c(), this.aggregationElement = c(), this.categoryElement = c(), this.numericFieldsElement = c(), this.splitByFieldElement = c(), this.enableTimeBinningSwitch = c(), this.intervalAlignmentElement = c(), this.intervalElement = c(), this.originalCustomSortLabels = [], this.isCustomSortDisabled = !1, this.onBarChartDataChange = async (e) => {
       try {
@@ -79,7 +79,7 @@ class Q extends U {
             default:
               break;
           }
-          t !== a.interval && t !== a.intervalAlignment && E(d);
+          t !== a.interval && t !== a.intervalAlignment && O(d);
         }
       } catch (t) {
         throw this.arcgisChartsConfigDataChangeError.emit({ error: t, model: this.model }), t;
@@ -271,7 +271,7 @@ class Q 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 = O(d), o = {
+    const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = K(this.model.temporalBinningUnit ?? x.Second, this._messages) ?? "", s = E(d), o = {
       size: this.model.temporalBinningSize,
       unit: this.model.temporalBinningUnit
     }, u = S(o, s);
@@ -292,7 +292,7 @@ class Q extends U {
     return n`<calcite-label class=${l(r.label)}>${this._messages.category}${t}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.numericFields}${o}</calcite-label><div class=${l(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${l(r.label)}><span class=${l(this.disableSplitBy ? r.dimText : "")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${l(r.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.enableTemporalBinning}<calcite-switch .checked=${this.model.binTemporalData} @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(this.enableTimeBinningSwitch)}></calcite-switch></calcite-label><div .hidden=${!this.model.binTemporalData || !this.shouldShowTimeBinning()}><calcite-label class=${l(r.label)}>${this._messages.interval}${b}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${k}</calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType !== h.Count ? n`<calcite-label class=${l(r.label)}>${this._messages.emptyBins}${T}</calcite-label>` : null}</div></div><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${l(this.model.getAxisValueFormat(0)?.type === f.DateAxisFormat ? r.disabledLabel : r.label)}>${this._messages.sortOrder}${s}</calcite-label>${u}`;
   }
 }
-w("arcgis-charts-config-bar-chart-data", Q);
+w("arcgis-charts-config-bar-chart-data", J);
 export {
-  Q as ArcgisChartsConfigBarChartData
+  J as ArcgisChartsConfigBarChartData
 };

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

@@ -14,8 +14,8 @@ import { d as L } from "../../chunks/rest-js-object-literals.js";
 import { b as u, d as z, e as p } from "../../chunks/chart-object-literals.js";
 import { S as m } from "../../chunks/common.js";
 import { e as N, p as B } from "../../chunks/popover-ui-utils.js";
-import { H as K, I as _ } from "../../chunks/index3.js";
-import { D as H, bF as P, aQ as O, aZ as M, aP as U } from "../../chunks/index.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 { 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",
@@ -62,7 +62,7 @@ class q extends S {
   }
   createTooltip(e) {
     if (e.target?.label === this._messages.customSort && this.isCustomSortDisabled) {
-      const t = e.target, i = H(t), s = new Intl.NumberFormat(i).format(k.customSortLimit), r = D(this._messages.customSortLimit ?? "", {
+      const t = e.target, i = O(t), s = new Intl.NumberFormat(i).format(k.customSortLimit), r = D(this._messages.customSortLimit ?? "", {
         totalLimit: s
       });
       this.tooltip = T(a`<calcite-tooltip style=${F({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
@@ -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) || O(r) || M(r)) && i.push(this.buildPickListItem(r));
+          r && (r.type === L.String || P(r) || H(r) || M(r)) && i.push(this.buildPickListItem(r));
         }
         break;
       }

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

@@ -3,7 +3,7 @@ import { c as N } from "../../chunks/runtime.js";
 import { repeat as V } from "lit/directives/repeat.js";
 import { keyed as S } from "lit/directives/keyed.js";
 import { createModel as _ } from "../../model/shared/setup-utils.js";
-import { d as $, c as U, h as R, g as x, j as T, k as z } from "../../chunks/type-guards2.js";
+import { f as $, e as U, k as R, j as x, l as T, m as z } from "../../chunks/type-guards2.js";
 import { i as H } from "../../chunks/rotated-state.js";
 import { substitute as O } from "@arcgis/core/intl.js";
 import { C as c } from "../../chunks/interfaces.js";
@@ -14,12 +14,12 @@ import { LitElement as X, createEvent as f, renderElement as v, safeStyleMap as
 import { css as K, html as h } from "lit";
 import { createRef as j, ref as q } from "lit/directives/ref.js";
 import { u as I } from "../../chunks/useT9n.js";
-import { c as Y, a as M, g as J } from "../../chunks/store.js";
-import { bI as Q, ai as ee, bJ as te, bK as ae, bL as ie } from "../../chunks/index.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 { 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";
-import { C as b } from "../../chunks/index5.js";
+import { C as M } from "../../chunks/index5.js";
 import { g as L } from "../../chunks/chart-ui-utils2.js";
 import { i as P, b as B } from "../../chunks/type-guards.js";
 import { r as le } from "../../chunks/popover-ui-utils.js";
@@ -114,7 +114,7 @@ class ge extends X {
           case o.LineSeries:
           case o.BarSeries: {
             const { dataItems: n, timeIntervalInfo: l } = a;
-            ($(s) || U(s) && s.binTemporalData) && (l?.size !== void 0 && s.temporalBinningSize !== l?.size && (s.temporalBinningSize = l?.size), l?.unit !== void 0 && s.temporalBinningUnit !== l?.unit && l?.unit !== ne.Quarter && (s.temporalBinningUnit = l?.unit), l?.size !== void 0 && l?.unit !== void 0 && Y(M, { size: l.size, unit: l.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(n), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
+            ($(s) || U(s) && s.binTemporalData) && (l?.size !== void 0 && s.temporalBinningSize !== l?.size && (s.temporalBinningSize = l?.size), l?.unit !== void 0 && s.temporalBinningUnit !== l?.unit && l?.unit !== ne.Quarter && (s.temporalBinningUnit = l?.unit), l?.size !== void 0 && l?.unit !== void 0 && Y(b, { size: l.size, unit: l.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(n), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
             break;
           }
         }
@@ -277,7 +277,7 @@ class ge extends X {
       chartType: t.chartType,
       commonStrings: this.commonStrings,
       config: t.config
-    }) : "", e !== void 0 && e !== M.selectedChartId && (M.selectedChartId = e), this.allowChartSyncing = !0, this.arcgisChartsConfigSelectedChartChange.emit({
+    }) : "", e !== void 0 && e !== b.selectedChartId && (b.selectedChartId = e), this.allowChartSyncing = !0, this.arcgisChartsConfigSelectedChartChange.emit({
       key: "key",
       model: t
     });
@@ -286,7 +286,7 @@ class ge extends X {
     e === 0 ? this.clearPartialModels() : e === 1 && this.removeSelectChartTypePopover(), this.arcgisChartsConfigPanelNumberChange.emit({ panelNumber: e, modelList: this.modelList });
   }
   addChartEventListeners() {
-    this.listenOn(document, b.DataProcessComplete, this.chartDataProcessComplete), this.listenOn(document, b.AxesMinMaxChange, this.chartAxesMinMaxChange), this.listenOn(document, b.SeriesColorChange, this.chartSeriesColorChange), this.listenOn(document, b.NoRenderPropChange, this.chartNoRenderPropChange), this.listenOn(document, b.LegendItemVisibilityChange, this.chartLegendItemVisibilityChange);
+    this.listenOn(document, M.DataProcessComplete, this.chartDataProcessComplete), this.listenOn(document, M.AxesMinMaxChange, this.chartAxesMinMaxChange), this.listenOn(document, M.SeriesColorChange, this.chartSeriesColorChange), this.listenOn(document, M.NoRenderPropChange, this.chartNoRenderPropChange), this.listenOn(document, M.LegendItemVisibilityChange, this.chartLegendItemVisibilityChange);
   }
   getDataExtent(e) {
     const t = this.getModel(this.selectedChartId)?.config;
@@ -311,7 +311,7 @@ class ge extends X {
           chartId: this.selectedChartId,
           isXAxis: a,
           isLogarithmic: n.getLogarithmic()
-        }), g = M.chartAxesBoundDataMap;
+        }), g = b.chartAxesBoundDataMap;
         g[this.selectedChartId] === void 0 && (g[this.selectedChartId] = {});
         const u = g[this.selectedChartId]?.[l], C = {
           defaultMinBound: u?.defaultMinBound === u?.currMinBound ? s : u?.defaultMinBound,

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

@@ -6,7 +6,7 @@ import { i as p, m as c, U as r, s as y } from "../../chunks/chart-ui-utils.js";
 import { u } from "../../chunks/useT9n.js";
 import { createRef as S, ref as d } from "lit/directives/ref.js";
 import { LitElement as g, createEvent as f, safeClassMap as n } from "@arcgis/lumina";
-import { N as b } from "../../chunks/index3.js";
+import { P as b } from "../../chunks/index3.js";
 import { b as v } from "../../chunks/rest-js-object-literals.js";
 const C = {
   arial: "Arial",

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

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as B } from "../../chunks/runtime.js";
 import { ref as M } from "lit/directives/ref.js";
-import { l as y, j as d, g as h, m as S, a as V, h as w } from "../../chunks/type-guards2.js";
+import { n as y, l as d, j as h, o as S, c as V, k as w } from "../../chunks/type-guards2.js";
 import { i as T } from "../../chunks/data-labels-symbol.js";
 import { i as C, a as L, b as P } from "../../chunks/axis-lines-symbol.js";
 import { cloneDeep as n, isArray as F, isObject as A, mergeWith as D, isEmpty as E } from "es-toolkit/compat";
 import { h as G } from "../../chunks/chart-ui-utils.js";
-import { R as N, b } from "../../chunks/rest-js-object-literals.js";
-import { u as W } from "../../chunks/useT9n.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 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, bN as r } from "../../chunks/index.js";
+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 { r as $ } from "../../chunks/popover-ui-utils.js";
-import { C as I } from "../../chunks/index2.js";
+import { C as j } from "../../chunks/index2.js";
 import { a } from "../../chunks/chart-object-literals.js";
 const v = {
   type: b.TS,
@@ -28,16 +28,16 @@ const v = {
 }, k = {
   type: b.SLS,
   color: [1, 1, 1, 255],
-  style: N.Solid,
+  style: W.Solid,
   width: 2
 }, g = {
   element: "chart-element",
   elementList: "element-list",
   sectionLabel: "section-label"
-}, 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}`;
+}, 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}`;
 class X extends H {
   constructor() {
-    super(...arguments), this._messages = W(), this.formatPopover = null, this.selectableElements = [], this.textProperties = [], this.symbolProperties = [], this.symbolPropertyChange = (t) => {
+    super(...arguments), this._messages = N(), this.formatPopover = null, this.selectableElements = [], this.textProperties = [], this.symbolProperties = [], this.symbolPropertyChange = (t) => {
       const e = t;
       e.stopImmediatePropagation();
       let s;
@@ -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 = [...I.backgroundColor];
+        const o = this.getFormatValue(s), l = [...j.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(j.Background, t.detail), this.selectedElement = t.detail;
+      this.setFormatValue(R.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 = O;
+    this.styles = I;
   }
   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 = 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();
+    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();
   }
   removeFormatPopover() {
     this.formatPopover !== null && (this.formatPopover.open = !1, this.formatPopover = $(this.formatPopover));

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

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as T } from "../../chunks/runtime.js";
-import { j as n, n as r, g as c } from "../../chunks/type-guards2.js";
+import { l as n, p as r, j as c } from "../../chunks/type-guards2.js";
 import { i as h, a as m, b as g } from "../../chunks/generate-x-axis-title.js";
 import { isEmpty as x } from "es-toolkit/compat";
 import { m as u, U as b } from "../../chunks/chart-ui-utils.js";

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

@@ -2,15 +2,15 @@
 import { c as B } from "../../chunks/runtime.js";
 import { keyed as X } from "lit/directives/keyed.js";
 import { cloneDeep as E } from "es-toolkit/compat";
-import { m as G, U as S, a as N, j as O, k } from "../../chunks/chart-ui-utils.js";
+import { m as G, U as S, a as N, j as Z, k } from "../../chunks/chart-ui-utils.js";
 import { d as F } from "../../chunks/default.js";
-import { g as Z } from "../../chunks/resource.js";
+import { g as q } from "../../chunks/resource.js";
 import { u as z } from "../../chunks/useT9n.js";
-import { css as V, html as c } from "lit";
+import { css as O, html as c } from "lit";
 import { createRef as h, ref as u } from "lit/directives/ref.js";
-import { LitElement as q, createEvent as U, renderElement as L, safeStyleMap as M, safeClassMap as o } from "@arcgis/lumina";
-import { j as W, o as j, p as Y } from "../../chunks/type-guards2.js";
-import { bO as p, b as m, bm as H, bP as A, bQ as _, i as Q } from "../../chunks/index.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 { b as g, R as ee } from "../../chunks/rest-js-object-literals.js";
@@ -20,8 +20,8 @@ const n = {
   row: "row",
   column: "column",
   colorPicker: "color-picker"
-}, ie = V`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`;
-class se extends q {
+}, ie = O`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`;
+class se extends V {
   constructor() {
     super(...arguments), this._messages = z(), this.startCalciteInput = h(), this.endCalciteInput = h(), this.startDateCalciteInput = h(), this.endDateCalciteInput = h(), this.startTimeCalciteInput = h(), this.endTimeCalciteInput = h(), this.colorElement = h(), this.colorChange = (e) => {
       const t = e.detail, i = this.model.getGuideStart(this.index, this.orientation), a = this.model.getGuideEnd(this.index, this.orientation);
@@ -206,19 +206,19 @@ class se extends q {
     N(this.tooltip);
   }
   deleteGuide() {
-    this.destroyTooltip(), this.orientation === b.X && j(this.model) ? this.model.deleteXAxisGuide(this.index) : this.orientation === b.Y && Y(this.model) && this.model.deleteYAxisGuide(this.index), this.arcgisChartsConfigGuideChange.emit({
+    this.destroyTooltip(), this.orientation === b.X && Y(this.model) ? this.model.deleteXAxisGuide(this.index) : this.orientation === b.Y && j(this.model) && this.model.deleteYAxisGuide(this.index), this.arcgisChartsConfigGuideChange.emit({
       index: this.index,
       orientation: this.orientation,
       isDelete: !0
     });
   }
   renderColorElement() {
-    const e = this.model.getGuideStyle(this.index, this.orientation), [t, i, a, l] = [...e?.color ?? [1, 1, 1, 255]], s = this.model.getGuideStart(this.index, this.orientation), r = this.model.getGuideEnd(this.index, this.orientation), v = m(e) ? O(e.style) : ee.Solid, f = p(s, r) === g.SLS ? `line-${v}` : "square-f";
+    const e = this.model.getGuideStyle(this.index, this.orientation), [t, i, a, l] = [...e?.color ?? [1, 1, 1, 255]], s = this.model.getGuideStart(this.index, this.orientation), r = this.model.getGuideEnd(this.index, this.orientation), v = m(e) ? Z(e.style) : ee.Solid, f = p(s, r) === g.SLS ? `line-${v}` : "square-f";
     return c`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${u(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${M({ color: `rgba(${t},${i},${a},${l / 255})` })}></calcite-icon></calcite-list-item></calcite-list>`;
   }
   render() {
     const e = this.model.getGuideStart(this.index, this.orientation), t = this.model.getGuideEnd(this.index, this.orientation), i = this.model.getGuideName(this.index, this.orientation), a = this.model.getGuideLabelText(this.index, this.orientation), l = this.model.getGuideAbove(this.index, this.orientation), s = this.model.getGuideVisibility(this.index, this.orientation), r = this.isXAxisDateField;
-    return c`<calcite-block .heading=${i ?? ""} .expanded=${this.latestGuidePosition === Z(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{
+    return c`<calcite-block .heading=${i ?? ""} .expanded=${this.latestGuidePosition === q(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{
       expand: this._messages.expand,
       collapse: this._messages.collapse
     }}><calcite-action slot=actions-end text .icon=${s ? "view-visible" : "view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${r ? c`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${u(this.startDateCalciteInput)}></calcite-input-date-picker>` : c`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${k} number-button-type=none .value=${e?.toString()} ${u(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${r ? c`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${u(this.endDateCalciteInput)}></calcite-input-date-picker>` : c`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${k} number-button-type=none .value=${t?.toString()} ${u(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${r ? X("time-picker-row", c`<div class=${o(n.row)}>${e != null ? c`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${u(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}${t != null ? c`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${u(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}</div>`) : null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`;

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

@@ -7,7 +7,7 @@ import { u as f } from "../../chunks/useT9n.js";
 import { css as A, html as a } from "lit";
 import { createRef as x, ref as C } from "lit/directives/ref.js";
 import { LitElement as b, renderElement as v, safeClassMap as c } from "@arcgis/lumina";
-import { o as h, p as u } from "../../chunks/type-guards2.js";
+import { q as h, r as u } from "../../chunks/type-guards2.js";
 import { G as s } from "../../chunks/common.js";
 const P = A`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`;
 class $ extends b {

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 { bG as h, bH as c, t as f } from "../../chunks/index.js";
+import { bH as h, bI 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 {

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

@@ -5,8 +5,8 @@ import { normalizeLocale as w, defaultLocale as I } from "@arcgis/toolkit/intl";
 import { getElementLocale as N } from "@arcgis/toolkit/intl/dom";
 import { css as _, html as i } from "lit";
 import { createRef as n, ref as c } from "lit/directives/ref.js";
-import { parseInt as H, camelCase as O } from "es-toolkit/compat";
-import { DateTime as L } from "luxon";
+import { parseInt as H, camelCase as L } from "es-toolkit/compat";
+import { DateTime as O } from "luxon";
 import { C as T, b as x, t as U } from "../../chunks/index2.js";
 import { u as R } from "../../chunks/useT9n.js";
 import { c as l, W as k } from "../../chunks/interfaces.js";
@@ -17,7 +17,7 @@ import { e as X, a as Z } from "../../chunks/store.js";
 import { H as G } from "../../chunks/common.js";
 import { b as j } from "../../chunks/rest-js-object-literals.js";
 import { d as m, h, l as p, a as C, n as u, q as F, r as Y } from "../../chunks/chart-object-literals.js";
-import { H as J, i as Q, O as d } from "../../chunks/index3.js";
+import { I as Q, i as J, Q as d } from "../../chunks/index3.js";
 import { r as S } from "../../chunks/index.js";
 import { i as ee } from "../../chunks/index4.js";
 import { r as ae } from "../../chunks/popover-ui-utils.js";
@@ -109,7 +109,7 @@ class se extends A {
     this.modelChange(this.model), this.onModelConfigChange();
   }
   willUpdate(e) {
-    e.has("model") && this.modelChange(this.model, e.get("model")), this.aggregationLabel = J(this.model.aggregationType, this.commonStrings);
+    e.has("model") && this.modelChange(this.model, e.get("model")), this.aggregationLabel = Q(this.model.aggregationType, this.commonStrings);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.model?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
@@ -126,7 +126,7 @@ class se extends A {
   }
   getFirstDayOfWeek() {
     const { lang: e } = N(this.el ?? document.documentElement), a = w(e);
-    return L.local().setLocale(e).startOf("week", { useLocaleWeeks: a !== I }).weekday;
+    return O.local().setLocale(e).startOf("week", { useLocaleWeeks: a !== I }).weekday;
   }
   applyCalendarTypePreset(e) {
     switch (e) {
@@ -173,7 +173,7 @@ class se extends A {
   applyGeneratedClassBreaks(e, a) {
     if (this.model.chartRenderer = {
       type: "classBreaks",
-      field: Q.valueField,
+      field: J.valueField,
       classBreakInfos: e
     }, this.model.heatRulesType !== u.Renderer && (this.model.heatRulesType = u.Renderer), this.model.classificationMethod !== F.manual) {
       const t = e.length || a;
@@ -290,7 +290,7 @@ class se extends A {
       manual: this._messages.classBreaksMethod?.manual,
       naturalBreaks: this._messages.classBreaksMethod?.naturalBreaks,
       quantile: this._messages.classBreaksMethod?.quantile
-    }, a = this.model.classificationMethod ? e[O(this.model.classificationMethod)] ?? "" : "";
+    }, a = this.model.classificationMethod ? e[L(this.model.classificationMethod)] ?? "" : "";
     return i`<arcgis-charts-config-field-picker .label=${a} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-picker>`;
   }
   renderColorRampSelect() {

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

@@ -15,7 +15,7 @@ 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 { H as B, r as M } from "../../chunks/index3.js";
+import { I as B, r as M } from "../../chunks/index3.js";
 import { aQ as H, aP 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",

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

@@ -4,7 +4,7 @@ import { isEqual as r } from "es-toolkit/compat";
 import { LitElement as n } from "@arcgis/lumina";
 import { css as d, html as i } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
-import { i as h, bG as c, bH as m, bd as f, c9 as g, t as p } from "../../chunks/index.js";
+import { i as h, bH as c, bI as m, bd as f, ca as g, t as p } from "../../chunks/index.js";
 import { i as u } from "../../chunks/type-guards.js";
 const C = 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 y extends n {

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

@@ -3,17 +3,17 @@ import { c as M } from "../../chunks/runtime.js";
 import { keyed as y } from "lit/directives/keyed.js";
 import { debounce as f } from "es-toolkit/compat";
 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 { i as I, m as C, U as S, b as D, n as L, s as V, D as T } from "../../chunks/chart-ui-utils.js";
+import { d as P, a as x } from "../../chunks/store.js";
 import { u as N } from "../../chunks/useT9n.js";
 import { css as F, html as c } from "lit";
 import { createRef as b, ref as v } from "lit/directives/ref.js";
 import { LitElement as B, createEvent as $, renderElement as _, safeStyleMap as O, safeClassMap as o } from "@arcgis/lumina";
-import { P as H, E as K } from "../../chunks/index3.js";
+import { R 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 { b as R } from "../../chunks/rest-js-object-literals.js";
+import { r as R } from "../../chunks/popover-ui-utils.js";
+import { b as z } from "../../chunks/rest-js-object-literals.js";
 import { s as u } from "../../chunks/chart-object-literals.js";
 const l = {
   label: "label",
@@ -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 (T(x), t) {
+          switch (P(x), t) {
             case d.transformation:
               this.model.dataTransformationType = i ?? u.None;
               break;
@@ -110,7 +110,7 @@ class q extends B {
     t?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   removeHistogramDataPopover() {
-    this.histogramPopover !== null && (this.histogramPopover = z(this.histogramPopover));
+    this.histogramPopover !== null && (this.histogramPopover = R(this.histogramPopover));
   }
   getDataTransformationLabel() {
     let e;
@@ -164,7 +164,7 @@ class q extends B {
         t = void 0;
         break;
     }
-    return L(t, P);
+    return L(t, T);
   }
   binCountChange(e) {
     const t = Number.parseInt(e);
@@ -174,7 +174,7 @@ class q extends B {
     }));
   }
   onColorElementSelect(e, t, i) {
-    this.binColorSelected = i === void 0, e.type === R.SFS ? (this.selectedOverlaySymbol = void 0, this.selectedBinColorSymbol = e, this.contentKind = d.fillSymbol) : (this.selectedBinColorSymbol = void 0, this.selectedOverlaySymbol = e, this.overlaySectionElement = i, this.contentKind = d.lineSymbol), this.popoverHeading = t, this.setupPopover();
+    this.binColorSelected = i === void 0, e.type === z.SFS ? (this.selectedOverlaySymbol = void 0, this.selectedBinColorSymbol = e, this.contentKind = d.fillSymbol) : (this.selectedBinColorSymbol = void 0, this.selectedOverlaySymbol = e, this.overlaySectionElement = i, this.contentKind = d.lineSymbol), this.popoverHeading = t, this.setupPopover();
   }
   onNumericFieldSelect(e) {
     e.stopImmediatePropagation(), this.selectedNumericalField = this.model.numericField, this.contentKind = d.numericFields, this.setupPopover();

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

@@ -4,7 +4,7 @@ import { isEqual as a } from "es-toolkit/compat";
 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 { bG as c, bH as m, t as f, aP as g, aQ as p } from "../../chunks/index.js";
+import { bH as c, bI as m, t as f, aP as g, aQ 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

@@ -10,7 +10,7 @@ import { d as p, a as c, r as C, b as T } from "../../chunks/store.js";
 import { isEqual as S } from "es-toolkit/compat";
 import { x as E } from "../../chunks/data.js";
 import { d, e as y, h as g } from "../../chunks/chart-object-literals.js";
-import { H as L, I as P } from "../../chunks/index3.js";
+import { I as L, J as P } from "../../chunks/index3.js";
 import { b, p as w } from "../../chunks/index2.js";
 import { r as $, aQ as _ } from "../../chunks/index.js";
 import { r as N } from "../../chunks/popover-ui-utils.js";

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

@@ -12,10 +12,10 @@ import { c as $, b as F, e as d, f as I, s as T } from "../../chunks/chart-ui-ut
 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 { H as E, I as S } from "../../chunks/index3.js";
+import { I as E, J as S } from "../../chunks/index3.js";
 import { b as z, p as w } from "../../chunks/index2.js";
-import { bF as N, aP as L, aQ as K, aZ 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 = {
+import { bG as N, aP as L, aQ as K, aZ as B } from "../../chunks/index.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 = {
   name: "line-chart-data-popover",
   header: "header",
   fab: "fab",
@@ -23,7 +23,7 @@ const H = P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.a
   sizeSection: "size-section",
   applyButton: "apply-button"
 };
-class _ extends k {
+class H 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 _ 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 = H;
+    this.styles = _;
   }
   async reposition() {
     await this.popoverElement.value?.reposition();
@@ -183,7 +183,7 @@ class _ extends k {
     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>`;
   }
 }
-y("arcgis-charts-config-line-chart-popover", _);
+y("arcgis-charts-config-line-chart-popover", H);
 export {
-  _ as ArcgisChartsConfigLineChartPopover
+  H as ArcgisChartsConfigLineChartPopover
 };