@arcgis/charts-components 5.0.0-next.121 → 5.0.0-next.122

package/dist/chunks/type-guards.js

@@ -2,7 +2,7 @@ import { w as s, W as t } from "./series-types.js";
 import { M as i } from "./common.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 function a(e) {
   switch (e) {
     case t.BarSeries:

package/dist/chunks/useT9n.js

@@ -2,7 +2,7 @@ import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/utils.js

@@ -24,7 +24,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import { s as J } from "./index4.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 function Ae(i, e, s) {
   const t = i?.axes?.[e];
   t?.title !== void 0 ? t.title.content.text = s : t !== void 0 && (t.title = M({

package/dist/chunks/utils2.js

@@ -1,7 +1,7 @@
 import "@arcgis/toolkit/intl";
 import "lodash-es";
-import "./series-types.js";
 import "d3-array";
+import "./series-types.js";
 import { aH as x, aF as a, bA as l } from "./index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
@@ -23,7 +23,7 @@ import "./runtime.js";
 import "@arcgis/toolkit/dom";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 const q = (i, e) => e.axes?.[i]?.labels?.visible ?? !0, w = (i, e, s) => {
   const t = s.axes?.[e];
   t?.labels !== void 0 ? t.labels.visible = i : t !== void 0 && t?.labels === void 0 && (t.labels = x({

package/dist/chunks/web-component-utils.js

@@ -10,7 +10,7 @@ import { g as se, a as ne, b as re } from "./pie-chart-data.js";
 import { b as le, g as q } from "./data.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 const ve = [
   P.BarSeries,
   P.BoxPlotSeries,

package/dist/chunks/x-axis-labels-visibility.js

@@ -3,7 +3,7 @@ import { k as x, s as d, a as c } from "./utils.js";
 import { e as p, f as _ } from "./utils2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 var g = Object.defineProperty, b = Object.getOwnPropertyDescriptor, m = (s, i, t, f) => {
   for (var e = b(i, t), n = s.length - 1, a; n >= 0; n--)
     (a = s[n]) && (e = a(i, t, e) || e);

package/dist/components/arcgis-chart/customElement.d.ts

@@ -6,11 +6,17 @@ import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/
 import { PropertyValues } from 'lit';
 import { AxisLabelFormatCallback, ChartOptions, GaugeInnerLabelFormatCallback, GuideTooltipFormatCallback, NotifyOptions, PieChartLegendValueLabelFormatCallback, PreRenderCallback } from '../../chart-rendering/common/interfaces';
 import { CSVOptions, SupportedLayer } from '../../interfaces';
-import { ChartModel } from '../../model';
-import { WebChart, WebChartDataFilters, WebChartDataTypes, WebChartLegendPositions } from '../../spec';
-import { ActionModes, ChartElementLimit, CursorRange, DataWarningObject, LoaderColors, SelectionData, SelectionTheme, ValidationStatus, ErrorPolicy, LayerFieldsChangePolicy, LayerFilterChangePolicy, LayerRendererChangePolicy, SyncSelectionsBetweenChartAndLayerViewPolicy, ViewTimeExtentChangePolicy } from '../../utils';
 import { AxesMinMaxChangePayload, DataProcessCompletePayload, LegendItemVisibilityChangePayload, NoRenderPropChangePayload, SelectionCompletePayload, SeriesColorChangePayload } from '../../utils/components/event-payloads';
 import { MissingSplitBySeriesProps, DownloadableChartImagesTypes } from '../../utils/components/interfaces';
+import { ChartModel } from '../../model/chart-model/chart-model';
+import { WebChartLegendPositions } from '../../spec/chart-object-literals';
+import { WebChart, WebChartDataFilters } from '../../spec/web-chart';
+import { WebChartDataTypes } from '../../spec/data-source';
+import { LoaderColors, SelectionData, SelectionTheme } from '../../utils/misc/interfaces';
+import { ErrorPolicy, LayerFieldsChangePolicy, LayerFilterChangePolicy, LayerRendererChangePolicy, SyncSelectionsBetweenChartAndLayerViewPolicy, ViewTimeExtentChangePolicy } from '../../utils/types/index';
+import { ActionModes, CursorRange } from '../../utils/cursor/interfaces';
+import { ChartElementLimit } from '../../utils/defaults/interfaces';
+import { DataWarningObject, ValidationStatus } from '../../utils/chart-config/validator/interfaces';
 
 /**
  * The Chart component renders a chart based on the provided model. Get started by reading the [Introduction to charts](https://developers.arcgis.com/javascript/latest/charts-components-intro/) page.

package/dist/components/arcgis-chart/customElement.js

@@ -50,15 +50,15 @@ import { Scrollbar as bl } from "@amcharts/amcharts4/.internal/core/elements/Scr
 import { u as yl } from "../../chunks/useT9n.js";
 import { g as Ch } from "../../chunks/interfaces.js";
 import { i as yo, a as xh, b as vh } from "../../chunks/type-guards.js";
-import { createModel as Lh } from "../../model.js";
-import { L as ys, b as Ss, c as Cs, S as qo, V as jo, A as Sl, E as Wo } from "../../chunks/index5.js";
-import { u as Fh, o as Ah } from "../../chunks/action-bar-utils.js";
-import { o as Cl } from "../../chunks/chart-ui-utils2.js";
-import { ac as xl, ad as vl, ae as Th, af as kh, ag as Ih, ah as wh } from "../../chunks/serial-chart-data.js";
-import { g as $h, t as Ll, b as Fl, D as Dh, m as Oh } from "../../chunks/web-component-utils.js";
+import { u as Lh, o as Fh } from "../../chunks/action-bar-utils.js";
+import { o as Sl } from "../../chunks/chart-ui-utils2.js";
+import { ac as Cl, ad as xl, ae as Ah, af as Th, ag as kh, ah as Ih } from "../../chunks/serial-chart-data.js";
+import { g as wh, t as vl, b as Ll, D as $h, m as Dh } from "../../chunks/web-component-utils.js";
+import { L as ys, b as Ss, c as Cs, S as qo, V as jo, A as Fl, E as Wo } from "../../chunks/index5.js";
+import { createModel as Oh } from "../../model.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 var Eo = { exports: {} }, ns, Al;
 function Rh() {
   if (Al) return ns;
@@ -18804,7 +18804,7 @@ function $d(t) {
 const MA = ({ message: t, heading: e, options: i }) => Uo`<calcite-alert .icon=${i?.icon ?? "exclamationMarkTriangle"} .open=${i?.active === !0} .autoClose=${i?.autoClose ?? !1} .autoCloseDuration=${i?.duration ?? "medium"} scale=m .kind=${i?.kind ?? "danger"} .ariaHidden=${i?.active !== !0} dir=ltr role=alertdialog label="arcgis charts notify panel">${e !== void 0 ? Uo`<div slot=title>${e}</div>` : null}${t !== void 0 ? Uo`<div slot=message>${t}</div>` : null}</calcite-alert>`, NA = Hm`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.chart{flex-grow:1;overflow-y:hidden}.chart>div{justify-content:center;align-items:center}.chart .arcgis-charts-modal-inside{padding:1em 1em 1em 0}.chart .arcgis-charts-modal-inside ol{padding-left:2em}.chart .arcgis-charts-modal-curtain{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2001;background-color:#fff;opacity:.5;opacity:1}.chart .arcgis-charts-modal-content{background:#fffc;color:#000;display:inline-block;top:0;left:0;overflow:visible;z-index:2002;position:absolute;max-width:90%;max-height:90%;width:auto!important;height:auto!important;margin:auto!important;inset:auto!important}.chart .arcgis-charts-modal-header{display:block;width:100%;min-height:1.8em;background:#0000000d}.chart .arcgis-charts-modal-close{display:block;position:absolute;top:.3em;right:.3em;background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBoZWlnaHQ9IjUxMiIgdmVyc2lvbj0iMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ0NS4yIDEwOS4ybC00Mi40LTQyLjRMMjU2IDIxMy42IDEwOS4yIDY2LjhsLTQyLjQgNDIuNEwyMTMuNiAyNTYgNjYuOCA0MDIuOGw0Mi40IDQyLjRMMjU2IDI5OC40bDE0Ni44IDE0Ni44IDQyLjQtNDIuNEwyOTguNCAyNTYiLz48L3N2Zz4=) center center/80% no-repeat #6464641a;width:1.2em;height:1.2em;cursor:pointer}.chart .arcgis-charts-modal-title{font-weight:700;font-size:110%;padding:.5em 1.2em .5em 1em}:host{width:var(--chart-width, var(--arcgis-charts-default-width));height:var(--chart-height, var(--arcgis-charts-default-height));display:flex;flex-direction:row}`;
 class PA extends Mm {
   constructor() {
-    super(), this._messages = yl(), this.chartRef = zm(), this.guid = $h(), this.commonStrings = yl({ name: "common", blocking: !0 }), this.dataUpdateNeededProps = [
+    super(), this._messages = yl(), this.chartRef = zm(), this.guid = wh(), this.commonStrings = yl({ name: "common", blocking: !0 }), this.dataUpdateNeededProps = [
       "forceDataUpdate",
       "runtimeDataFilters",
       "returnFeaturesExtent",
@@ -18818,7 +18818,7 @@ class PA extends Mm {
       }, this.arcgisSelectionComplete.emit({ selectionData: this.selectionData, model: this._model })) : this.clearSelection());
     }, this.configPanelNumberChange = (e) => {
       const i = e, { panelNumber: a, modelList: o } = i.detail;
-      this.actionBarElement && this.enableConfiguration && this.ourModelExistsIn(o) && (this.actionBarElement.editChartToggle = a === 1 ? Sl.Active : Sl.Inactive);
+      this.actionBarElement && this.enableConfiguration && this.ourModelExistsIn(o) && (this.actionBarElement.editChartToggle = a === 1 ? Fl.Active : Fl.Inactive);
     }, this.configDataChangeError = (e) => {
       const i = e, { error: a, model: o } = i.detail;
       this.enableConfiguration && o?.isSameChartAs(this._model) && this.errorAlert(a.message);
@@ -18918,12 +18918,12 @@ class PA extends Mm {
         const l = new Em();
         Object.entries(this.chartData).forEach(([c, u]) => {
           if (Array.isArray(u) && u.length > 0) {
-            const m = Ll({
+            const m = vl({
               rawData: u,
               config: this._model?.config ?? this.config,
               layer: o,
               fieldList: n
-            }), g = Fl(m, e), h = `${s}-${c}.csv`;
+            }), g = Ll(m, e), h = `${s}-${c}.csv`;
             l.file(h, g);
           }
         });
@@ -18932,19 +18932,19 @@ class PA extends Mm {
       } else {
         let l;
         if ("bins" in this.chartData ? l = this.chartData.bins : "dataItems" in this.chartData && (l = this.chartData.dataItems), l) {
-          const d = Ll({
+          const d = vl({
             rawData: l,
             config: this._model?.config ?? this.config,
             layer: o,
             fieldList: n
-          }), c = Fl(d, e);
+          }), c = Ll(d, e);
           i = URL.createObjectURL(new Blob([c], { type: "text/csv;charset=utf-8;" })), a = `${s}.csv`;
         }
       }
-      i !== void 0 && a !== void 0 && Cl(i, a);
+      i !== void 0 && a !== void 0 && Sl(i, a);
     }
   }
-  async exportAsImage(e = Dh.PNG) {
+  async exportAsImage(e = $h.PNG) {
     const i = this.chartRef.value;
     i ? (await Wm(i, {
       useCORS: !0,
@@ -18952,7 +18952,7 @@ class PA extends Mm {
     })).toBlob((o) => {
       if (o) {
         const n = URL.createObjectURL(o), s = `${this.model.titleText ?? this.commonStrings.utilsStrings.chartType.chart}.${e}`;
-        Cl(n, s);
+        Sl(n, s);
       }
     }, e) : this.errorAlert(this.commonStrings?.errorStrings.errors.exportImageChartNotReady);
   }
@@ -19008,7 +19008,7 @@ class PA extends Mm {
             fieldList: a
           }), l = this.gatherComponentOptions(s);
           const d = this.updateSplitBySeries?.addMissingSeries === !0 && (s || e.includes("layer") || e.includes("filterByExtent"));
-          let { alteredConfig: c, preFetchedQueryResponse: u } = await xl({
+          let { alteredConfig: c, preFetchedQueryResponse: u } = await Cl({
             configToAlter: this.config,
             updateSplitBySeries: this.updateSplitBySeries,
             addMissingSeries: d,
@@ -19058,7 +19058,7 @@ class PA extends Mm {
           });
         }
       }
-    }, Oh);
+    }, Dh);
   }
   willUpdate(e) {
     e.has("model") && this.modelChange(), e.has("selectionData") && this.selectionDataChange(), e.has("layer") && this.layerChange(), e.has("layerItemId") && this.layerItemIdChange(), (e.has("chartIndex") || e.has("layerItemId")) && this.createModelFromLayer(), e.has("timeZone") && this.timeZoneChange(), e.has("filterBySelection") && this.filterBySelectionChanged(), e.has("layerFilterChangePolicy") && this.layerFilterChangePolicyCallBack(this.layerFilterChangePolicy), e.has("viewTimeExtentChangePolicy") && this.viewTimeExtentChangePolicyCallback(this.viewTimeExtentChangePolicy), e.has("layerRendererChangePolicy") && this.layerRendererChangePolicyCallBack(this.layerRendererChangePolicy), e.has("layerFieldsChangePolicy") && this.layerFieldsChangePolicyCallBack(this.layerFieldsChangePolicy), Array.from(e.keys(), (i) => {
@@ -19075,12 +19075,12 @@ class PA extends Mm {
   async updatedAsync() {
     if (this.dataFetching && (await this.dataFetching, this.dataFetching = void 0), this.chart === void 0 && this.chartCreationProcessing !== void 0 && (await this.chartCreationProcessing, this.chartCreationProcessing = void 0), this.config !== void 0 && this.chart !== void 0 && !this.showNotifyPanel)
       try {
-        (!this.config && !this.layer || vl(this.config, this.layer) && !va(this.config)) && await this.updateQueue?.push();
+        (!this.config && !this.layer || xl(this.config, this.layer) && !va(this.config)) && await this.updateQueue?.push();
       } catch (e) {
         this.chartRef.value !== void 0 && (e instanceof gi && e.name === no.ChartDisposed ? (this.chart?.dispose(), this.chart = void 0, this.chartRef.value.innerHTML = "", await this.createChartInstance(!1)) : (e instanceof gi && e.name === no.QueryFeaturesError ? this.arcgisDataProcessError.emit(e.details) : e instanceof gi && this.arcgisRuntimeError.emit(e.details ?? e), this.errorAlert(String(e))));
       }
     else this.chart === void 0 && this.chartCreationProcessing === void 0 && !this.showNotifyPanel && await this.createChartInstance();
-    this.placeholder !== void 0 ? await this.notify(this.placeholder) : this.enableConfiguration && va(this.config) && this.applyPlaceholderForPartialConfig(this.config), this.actionBarElement !== void 0 && Fh({
+    this.placeholder !== void 0 ? await this.notify(this.placeholder) : this.enableConfiguration && va(this.config) && this.applyPlaceholderForPartialConfig(this.config), this.actionBarElement !== void 0 && Lh({
       actionBar: this.actionBarElement,
       chartComponent: this.el,
       config: this.config,
@@ -19212,19 +19212,19 @@ class PA extends Mm {
     e ? this.chartRef.value?.classList.add(Mi.DisableInteractions) : this.chartRef.value?.classList.remove(Mi.DisableInteractions);
   }
   rotationChange(e) {
-    e !== void 0 && (this.config = Th(e, this.config));
+    e !== void 0 && (this.config = Ah(e, this.config));
   }
   legendPositionChange(e) {
-    e !== void 0 && (this.config = kh(e, this.config));
+    e !== void 0 && (this.config = Th(e, this.config));
   }
   legendVisibilityChange(e) {
-    e !== void 0 && (this.config = Ih(e, this.config));
+    e !== void 0 && (this.config = kh(e, this.config));
   }
   timeZoneChange() {
     this.updateConfigTimeZone();
   }
   filterBySelectionChanged() {
-    this.config = wh(this.config);
+    this.config = Ih(this.config);
   }
   layerFilterChangePolicyCallBack(e) {
     e !== ys.Ignore ? this.setLayerFilterWatchHandler() : this.removeLayerFilterWatchHandler();
@@ -19310,7 +19310,7 @@ class PA extends Mm {
       await e.load();
       const i = this.chartIndex ?? 0, a = e?.charts?.[i];
       if (a)
-        this.model = await Lh({
+        this.model = await Oh({
           layer: e,
           config: a
         });
@@ -19414,7 +19414,7 @@ class PA extends Mm {
         view: this.view,
         filterByExtent: this.filterByExtent
       }) : void 0;
-      let a = this.gatherComponentOptions(), { alteredConfig: o, preFetchedQueryResponse: n } = await xl({
+      let a = this.gatherComponentOptions(), { alteredConfig: o, preFetchedQueryResponse: n } = await Cl({
         configToAlter: this.config,
         updateSplitBySeries: this.updateSplitBySeries,
         addMissingSeries: this.updateSplitBySeries?.addMissingSeries === !0,
@@ -19423,7 +19423,7 @@ class PA extends Mm {
         options: a,
         layer: this.layer
       });
-      if (!o && !this.layer || vl(o, this.layer)) {
+      if (!o && !this.layer || xl(o, this.layer)) {
         const s = await gs({
           input: o,
           queryObject: i,
@@ -19468,7 +19468,7 @@ class PA extends Mm {
   render() {
     const e = this.showNotifyPanel ? MA({ heading: this.notifyHeading, message: this.notifyMessage, options: this.notifyOptions }) : null, i = this.showNotifyPanel && this.notifyOptions?.kind === "danger" ? Mi.Hide : `${Mi.Chart} ${Mi.Show}`, a = this.showNotifyPanel ? `${Mi.Show} ${Mi.NotifyPanel}` : Mi.Hide;
     return Uo`<slot name=${Ch.actionBar} @slotchange=${(o) => {
-      this.actionBarElement = Ah(o, this.el, this.config);
+      this.actionBarElement = Fh(o, this.el, this.config);
     }} ${sl(this.actionBarSlotRef)}></slot><div class=${nl(i)} ${sl(this.chartRef)}></div><div class=${nl(a)}>${e}</div>`;
   }
 }

package/dist/components/arcgis-charts-action-bar/customElement.d.ts

@@ -1,9 +1,11 @@
 /// <reference path="../../index.d.ts" />
-import { ChartTypes, ActionModes, ActionState, ActionToggle, DefaultChartActions } from '../../utils';
 import { DefaultActionSelectPayload } from '../../utils/components/event-payloads';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { WebChartTypes } from '../../spec';
 import { ArcgisChart } from '../arcgis-chart/customElement.js';
+import { ChartTypes } from '../../utils/misc/index';
+import { ActionState, ActionToggle, DefaultChartActions } from '../../utils/types/index';
+import { ActionModes } from '../../utils/cursor/interfaces';
+import { WebChartTypes } from '../../spec/chart-object-literals';
 
 /**
  * The Charts Action Bar component provides context-specific actions such as rotation, zooming, and filtering, as well as general actions like exporting the chart as an image or CSV file.

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

@@ -1,39 +1,19 @@
 import { c as O } from "../../chunks/runtime.js";
 import { css as z, html as c } from "lit";
-import "@arcgis/toolkit/intl";
-import "lodash-es";
-import { W as E } from "../../chunks/series-types.js";
-import "d3-array";
-import { a2 as $ } from "../../chunks/index.js";
-import "@arcgis/core/Graphic.js";
-import "@arcgis/core/renderers/support/jsonUtils.js";
-import "@arcgis/core/symbols/support/symbolUtils.js";
-import "@arcgis/core/intl.js";
-import "@arcgis/core/layers/support/FeatureFilter.js";
-import "@arcgis/core/smartMapping/statistics/histogram.js";
-import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
-import "simple-statistics";
-import "@arcgis/core/request.js";
-import "@arcgis/core/AttributeBinsGraphic.js";
-import "@arcgis/core/geometry/support/jsonUtils.js";
-import "@arcgis/core/rest/support/AttributeBinsQuery.js";
-import "@arcgis/core/rest/support/Query.js";
-import "@arcgis/core/rest/support/StatisticDefinition.js";
-import "@arcgis/core/time/TimeExtent.js";
-import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/toolkit/dom";
-import { A as t, a as o, D as e } from "../../chunks/index5.js";
-import { g as b } from "../../chunks/interfaces.js";
+import { g as E } from "../../chunks/interfaces.js";
 import { g as _ } from "../../chunks/action-bar-utils.js";
-import { u as C } from "../../chunks/useT9n.js";
-import { createRef as y, ref as B } from "lit/directives/ref.js";
-import { LitElement as V, renderElement as D, safeStyleMap as k, createEvent as I, safeClassMap as F, nothing as s } from "@arcgis/lumina";
+import { u as $ } from "../../chunks/useT9n.js";
+import { createRef as b, ref as C } from "lit/directives/ref.js";
+import { LitElement as V, renderElement as y, safeStyleMap as B, createEvent as D, safeClassMap as F, nothing as s } from "@arcgis/lumina";
 import { d as n } from "../../chunks/chart-ui-utils2.js";
-import { i as h, r as M } from "../../chunks/type-guards.js";
+import { i as h, r as k } from "../../chunks/type-guards.js";
+import { W as I } from "../../chunks/series-types.js";
 import { i as L } from "../../chunks/rotated-state.js";
+import { A as t, a as o, D as e } from "../../chunks/index5.js";
+import { a2 as M } from "../../chunks/index.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 function N(d) {
   return d?.tagName.toLowerCase() === "arcgis-chart";
 }
@@ -42,18 +22,18 @@ const R = {
 }, W = z`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`;
 class Z extends V {
   constructor() {
-    super(...arguments), this.calciteActionBar = y(), this.exportCalciteActionBar = y(), this.expandAction = null, this._messages = C(), this.commonStrings = C({ name: "common", blocking: !0 }), this.handleMouseOver = (l) => {
+    super(...arguments), this.calciteActionBar = b(), this.exportCalciteActionBar = b(), this.expandAction = null, this._messages = $(), this.commonStrings = $({ name: "common", blocking: !0 }), this.handleMouseOver = (l) => {
       if (this.calciteActionBar.value && !this.calciteActionBar.value?.expanded) {
         const a = l.target;
         this.actionTooltip !== void 0 && (this.actionTooltip = n(this.actionTooltip));
         let i;
-        a?.tagName === "CALCITE-ACTION" ? i = a : (a?.tagName === "CALCITE-ACTION-MENU" || a?.tagName === "DIV") && (i = a.firstChild), i !== void 0 && (this.actionTooltip = D(c`<calcite-tooltip style=${k({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
+        a?.tagName === "CALCITE-ACTION" ? i = a : (a?.tagName === "CALCITE-ACTION-MENU" || a?.tagName === "DIV") && (i = a.firstChild), i !== void 0 && (this.actionTooltip = y(c`<calcite-tooltip style=${B({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
       } else
         this.actionTooltip = n(this.actionTooltip);
-    }, this.actionTooltip = null, this.forceDisableActions = !1, this.editChartToggle = t.Inactive, this.editChartState = o.Disabled, this.legendToggle = t.Inactive, this.legendState = o.Enabled, this.rotateChartToggle = t.Inactive, this.rotateChartState = o.Enabled, this.filterBySelectionToggle = t.Inactive, this.filterBySelectionState = o.Enabled, this.filterByExtentToggle = t.Inactive, this.filterByExtentState = o.Enabled, this.actionBarSelectionMode = $.MultiSelectionWithCtrlKey, this.selectionToggle = t.Inactive, this.selectionState = o.Enabled, this.zoomToggle = t.Inactive, this.zoomState = o.Enabled, this.fullExtentToggle = t.Inactive, this.fullExtentState = o.Enabled, this.clearSelectionToggle = t.Inactive, this.clearSelectionState = o.Enabled, this.switchSelectionToggle = t.Inactive, this.switchSelectionState = o.Enabled, this.exportAsImageState = o.Enabled, this.exportAsCSVState = o.Enabled, this.disableCSVExportForChartTypes = [
-      E.ScatterSeries,
-      E.BoxPlotSeries
-    ], this.exportActionState = o.Enabled, this.expanded = !1, this.hiddenActions = [e.EditChart], this.arcgisActionBarToggle = I(), this.arcgisDefaultActionSelect = I();
+    }, this.actionTooltip = null, this.forceDisableActions = !1, this.editChartToggle = t.Inactive, this.editChartState = o.Disabled, this.legendToggle = t.Inactive, this.legendState = o.Enabled, this.rotateChartToggle = t.Inactive, this.rotateChartState = o.Enabled, this.filterBySelectionToggle = t.Inactive, this.filterBySelectionState = o.Enabled, this.filterByExtentToggle = t.Inactive, this.filterByExtentState = o.Enabled, this.actionBarSelectionMode = M.MultiSelectionWithCtrlKey, this.selectionToggle = t.Inactive, this.selectionState = o.Enabled, this.zoomToggle = t.Inactive, this.zoomState = o.Enabled, this.fullExtentToggle = t.Inactive, this.fullExtentState = o.Enabled, this.clearSelectionToggle = t.Inactive, this.clearSelectionState = o.Enabled, this.switchSelectionToggle = t.Inactive, this.switchSelectionState = o.Enabled, this.exportAsImageState = o.Enabled, this.exportAsCSVState = o.Enabled, this.disableCSVExportForChartTypes = [
+      I.ScatterSeries,
+      I.BoxPlotSeries
+    ], this.exportActionState = o.Enabled, this.expanded = !1, this.hiddenActions = [e.EditChart], this.arcgisActionBarToggle = D(), this.arcgisDefaultActionSelect = D();
   }
   static {
     this.properties = { actionTooltip: 16, messageOverrides: 0, chartType: 1, chartElement: 0, forceDisableActions: 5, editChartToggle: 1, editChartState: 1, editChartTitle: 1, legendToggle: 1, legendState: 1, legendTitle: 1, rotateChartToggle: 1, rotateChartState: 1, rotateChartTitle: 1, filterBySelectionToggle: 1, filterBySelectionState: 1, filterBySelectionTitle: 1, filterByExtentToggle: 1, filterByExtentState: 1, filterByExtentTitle: 1, actionBarSelectionMode: 1, selectionToggle: 1, selectionState: 1, selectionTitle: 1, zoomToggle: 1, zoomState: 1, zoomTitle: 1, fullExtentToggle: 1, fullExtentState: 1, fullExtentTitle: 1, clearSelectionToggle: 1, clearSelectionState: 1, clearSelectionTitle: 1, switchSelectionToggle: 1, switchSelectionState: 1, switchSelectionTitle: 1, exportAsImageState: 1, exportAsImageTitle: 1, exportAsCSVState: 1, exportAsCSVTitle: 1, disableCSVExportForChartTypes: 0, exportActionState: 1, expanded: 5, hiddenActions: 0 };
@@ -80,7 +60,7 @@ class Z extends V {
         this.editChartToggle = this.editChartToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.editChartToggle === t.Active;
         break;
       case e.Legend:
-        this.legendToggle = this.legendToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.legendToggle === t.Active, h(this.chartElement?.model) && M(this.chartElement?.model) && (this.chartElement.model.legendVisibility = i.actionActive), this.chartElement?.model && (h(this.chartElement.model) ? M(this.chartElement.model) && (this.chartElement.model.legendVisibility = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
+        this.legendToggle = this.legendToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.legendToggle === t.Active, h(this.chartElement?.model) && k(this.chartElement?.model) && (this.chartElement.model.legendVisibility = i.actionActive), this.chartElement?.model && (h(this.chartElement.model) ? k(this.chartElement.model) && (this.chartElement.model.legendVisibility = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
         break;
       case e.RotateChart:
         this.rotateChartToggle = this.rotateChartToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.rotateChartToggle === t.Active, this.chartElement?.model && (h(this.chartElement.model) ? L(this.chartElement.model) && (this.chartElement.model.rotatedState = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
@@ -95,7 +75,7 @@ class Z extends V {
         this.selectionToggle = t.Active, this.zoomToggle = t.Inactive, i.actionActive = this.selectionToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.actionMode = this.actionBarSelectionMode);
         break;
       case e.Zoom:
-        this.zoomToggle = t.Active, this.selectionToggle = t.Inactive, i.actionActive = this.zoomToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.actionMode = $.Zoom);
+        this.zoomToggle = t.Active, this.selectionToggle = t.Inactive, i.actionActive = this.zoomToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.actionMode = M.Zoom);
         break;
       case e.ClearSelection:
         i.actionActive = this.clearSelectionToggle === t.Active, this.chartElement?.clearSelection();
@@ -134,7 +114,7 @@ class Z extends V {
   }
   handleExpandTooltip() {
     this.expandAction === null && (this.expandAction = this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action") ?? null, this.expandAction !== null && (this.listenOn(this.expandAction, "mouseenter", () => {
-      !this.calciteActionBar.value?.expanded && this.expandAction !== null && !document.body.contains(this.actionTooltip) && (this.actionTooltip = D(c`<calcite-tooltip style=${k({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand ?? ""}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
+      !this.calciteActionBar.value?.expanded && this.expandAction !== null && !document.body.contains(this.actionTooltip) && (this.actionTooltip = y(c`<calcite-tooltip style=${B({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand ?? ""}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
     }), this.listenOn(this.expandAction, "mouseleave", () => {
       !this.calciteActionBar.value?.expanded && this.actionTooltip !== null && (this.actionTooltip = n(this.actionTooltip));
     }), this.listenOn(this.expandAction, "click", () => {
@@ -142,16 +122,16 @@ class Z extends V {
     })));
   }
   renderDefaultActions() {
-    const l = _(this.chartType).filter((w) => !this.hiddenActions?.includes(w)), a = this.chartElement?.layer && "isTable" in this.chartElement.layer ? this.chartElement.layer.isTable : !1, i = l.includes(e.EditChart), r = l.includes(e.Legend), g = l.includes(e.RotateChart), m = l.includes(e.FilterBySelection), p = l.includes(e.FilterByExtent) && !a, u = l.includes(e.Zoom), A = l.includes(e.Selection), v = l.includes(e.ClearSelection), f = l.includes(e.FullExtent), T = l.includes(e.SwitchSelection), S = l.includes(e.ExportAsImage), x = l.includes(e.ExportAsCSV);
+    const l = _(this.chartType).filter((w) => !this.hiddenActions?.includes(w)), a = this.chartElement?.layer && "isTable" in this.chartElement.layer ? this.chartElement.layer.isTable : !1, i = l.includes(e.EditChart), r = l.includes(e.Legend), g = l.includes(e.RotateChart), m = l.includes(e.FilterBySelection), u = l.includes(e.FilterByExtent) && !a, A = l.includes(e.Zoom), v = l.includes(e.Selection), p = l.includes(e.ClearSelection), f = l.includes(e.FullExtent), T = l.includes(e.SwitchSelection), S = l.includes(e.ExportAsImage), x = l.includes(e.ExportAsCSV);
     return [
       r || g ? c`<calcite-action-group>${i ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart ?? s} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart ?? ""} .active=${this.editChartToggle === t.Active} .disabled=${this.editChartState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${r ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend ?? s} .text=${this.legendTitle ?? this._messages?.legend ?? ""} .active=${this.legendToggle === t.Active} .disabled=${this.legendState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>` : null}${g ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart ?? s} icon=rotate .text=${this.rotateChartTitle ?? this._messages?.rotateChart ?? ""} .active=${this.rotateChartToggle === t.Active} .disabled=${this.rotateChartState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
-      m || p ? c`<calcite-action-group>${m ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection ?? s} icon=selection-filter .text=${this.filterBySelectionTitle ?? this._messages?.filterBySelection ?? ""} .active=${this.filterBySelectionToggle === t.Active} .disabled=${this.filterBySelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${p ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent ?? s} icon=extent-filter .text=${this.filterByExtentTitle ?? this._messages?.filterByExtent ?? ""} .active=${this.filterByExtentToggle === t.Active} .disabled=${this.filterByExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
-      A || u || f || v || T ? c`<calcite-action-group>${u ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom ?? s} icon=magnifying-glass .text=${this.zoomTitle ?? this._messages?.zoom ?? ""} .active=${this.zoomToggle === t.Active} .disabled=${this.zoomState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${A ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection ?? s} icon=cursor-selection .text=${this.selectionTitle ?? this._messages?.selection ?? ""} .active=${this.selectionToggle === t.Active} .disabled=${this.selectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${v ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection ?? s} icon=erase .text=${this.clearSelectionTitle ?? this._messages?.clearSelection ?? ""} .active=${this.clearSelectionToggle === t.Active} .disabled=${this.clearSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${f ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent ?? s} icon=zoom-out-fixed .text=${this.fullExtentTitle ?? this._messages?.fullExtent ?? ""} .active=${this.fullExtentToggle === t.Active} .disabled=${this.fullExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${T ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection ?? s} icon=arrow-right-left .text=${this.switchSelectionTitle ?? this._messages?.switchSelection ?? ""} .active=${this.switchSelectionToggle === t.Active} .disabled=${this.switchSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
-      S || x ? c`<calcite-action-menu .label=${this._messages?.export ?? ""} ${B(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export ?? ""} .disabled=${this.exportActionState === o.Disabled || this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${S ? c`<div><calcite-action id=${e.ExportAsImage ?? s} icon=graph-bar .text=${this.exportAsImageTitle ?? this._messages?.exportAsImage ?? ""} .disabled=${this.exportAsImageState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}${x ? c`<div><calcite-action id=${e.ExportAsCSV ?? s} icon=table .text=${this.exportAsCSVTitle ?? this._messages?.exportAsTable ?? ""} .disabled=${this.exportAsCSVState === o.Disabled || this.forceDisableActions || this.chartType && this.disableCSVExportForChartTypes.includes(this.chartType)} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}</calcite-action-menu>` : null
+      m || u ? c`<calcite-action-group>${m ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection ?? s} icon=selection-filter .text=${this.filterBySelectionTitle ?? this._messages?.filterBySelection ?? ""} .active=${this.filterBySelectionToggle === t.Active} .disabled=${this.filterBySelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${u ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent ?? s} icon=extent-filter .text=${this.filterByExtentTitle ?? this._messages?.filterByExtent ?? ""} .active=${this.filterByExtentToggle === t.Active} .disabled=${this.filterByExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
+      v || A || f || p || T ? c`<calcite-action-group>${A ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom ?? s} icon=magnifying-glass .text=${this.zoomTitle ?? this._messages?.zoom ?? ""} .active=${this.zoomToggle === t.Active} .disabled=${this.zoomState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${v ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection ?? s} icon=cursor-selection .text=${this.selectionTitle ?? this._messages?.selection ?? ""} .active=${this.selectionToggle === t.Active} .disabled=${this.selectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${p ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection ?? s} icon=erase .text=${this.clearSelectionTitle ?? this._messages?.clearSelection ?? ""} .active=${this.clearSelectionToggle === t.Active} .disabled=${this.clearSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${f ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent ?? s} icon=zoom-out-fixed .text=${this.fullExtentTitle ?? this._messages?.fullExtent ?? ""} .active=${this.fullExtentToggle === t.Active} .disabled=${this.fullExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${T ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection ?? s} icon=arrow-right-left .text=${this.switchSelectionTitle ?? this._messages?.switchSelection ?? ""} .active=${this.switchSelectionToggle === t.Active} .disabled=${this.switchSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
+      S || x ? c`<calcite-action-menu .label=${this._messages?.export ?? ""} ${C(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export ?? ""} .disabled=${this.exportActionState === o.Disabled || this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${S ? c`<div><calcite-action id=${e.ExportAsImage ?? s} icon=graph-bar .text=${this.exportAsImageTitle ?? this._messages?.exportAsImage ?? ""} .disabled=${this.exportAsImageState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}${x ? c`<div><calcite-action id=${e.ExportAsCSV ?? s} icon=table .text=${this.exportAsCSVTitle ?? this._messages?.exportAsTable ?? ""} .disabled=${this.exportAsCSVState === o.Disabled || this.forceDisableActions || this.chartType && this.disableCSVExportForChartTypes.includes(this.chartType)} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}</calcite-action-menu>` : null
     ];
   }
   render() {
-    return c`<calcite-action-bar class=${F(R.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{ expand: this._messages.expand, collapse: this._messages.collapse }} overflow-actions-disabled ${B(this.calciteActionBar)}><slot name=${b.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${b.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`;
+    return c`<calcite-action-bar class=${F(R.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{ expand: this._messages.expand, collapse: this._messages.collapse }} overflow-actions-disabled ${C(this.calciteActionBar)}><slot name=${E.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${E.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`;
   }
 }
 O("arcgis-charts-action-bar", Z);

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

@@ -4,7 +4,7 @@ import { u as e } from "../../chunks/useT9n.js";
 import { LitElement as d } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 const u = o`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width)}`;
 class l extends d {
   constructor() {

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

@@ -10,7 +10,7 @@ import { createRef as r, ref as h } from "lit/directives/ref.js";
 import { LitElement as C, renderElement as I, safeClassMap as u } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 const o = {
   linkContainer: "link-container",
   label: "label",

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

@@ -1,8 +1,8 @@
 import { c as l } from "../../chunks/runtime.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as r } from "lodash-es";
-import "../../chunks/series-types.js";
 import "d3-array";
+import "../../chunks/series-types.js";
 import { bE as n, bG as c, bL as h } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
@@ -27,7 +27,7 @@ import { css as p, html as a } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 const u = p`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class C extends g {
   constructor() {

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

@@ -2,9 +2,9 @@ import { c as T } from "../../chunks/runtime.js";
 import { keyed as $ } from "lit/directives/keyed.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as v } from "lodash-es";
-import { a as g, i as I, W as p, m as b } from "../../chunks/series-types.js";
-import { bJ as F, bq as k, br as O, b as D, cX as y, cY as E, dj as P, o as B, de as x, bL as _, d2 as N } from "../../chunks/index.js";
 import "d3-array";
+import { bJ as I, bq as k, br as O, b as D, cX as y, cY as E, dj as P, o as F, de as B, bL as _, d2 as N } from "../../chunks/index.js";
+import { a as g, i as x, W as p, m as b } from "../../chunks/series-types.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -26,7 +26,7 @@ import { LitElement as q, createEvent as C, safeClassMap as l, renderElement as
 import { x as Z } from "../../chunks/data.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 const r = {
   label: "label",
   fieldList: "field-list",
@@ -58,7 +58,7 @@ class J extends q {
               break;
             }
             case a.numericFields:
-              if (this.model.numericFields = i, (this.model.numericFields ?? []).length > 0 && this.model.aggregationType === g.Count && this.model.numericFields[0] !== F(this.model.layer).idField && (this.model.aggregationType = g.Sum), this.model.getSortOrder() === d.customSort) {
+              if (this.model.numericFields = i, (this.model.numericFields ?? []).length > 0 && this.model.aggregationType === g.Count && this.model.numericFields[0] !== I(this.model.layer).idField && (this.model.aggregationType = g.Sum), this.model.getSortOrder() === d.customSort) {
                 const s = await this.updateCustomSortProps();
                 this.model.orderByList = s, this.sortOrderResetCounter += 1;
               }
@@ -207,12 +207,12 @@ class J extends q {
     e.stopImmediatePropagation(), this.removeBarChartDataPopover();
     const t = {
       size: this.model.temporalBinningSize ?? 1,
-      unit: this.model.temporalBinningUnit ?? I.Second
+      unit: this.model.temporalBinningUnit ?? x.Second
     };
     let i, s, o, h = !1, u = !1;
     switch (this.contentKind) {
       case a.aggregation:
-        i = this.aggregationElement.value, s = this._messages.aggregationHeader, h = B(this.model.config.series ?? []) === x.BarAndLineFromFields, o = this.model.aggregationType;
+        i = this.aggregationElement.value, s = this._messages.aggregationHeader, h = F(this.model.config.series ?? []) === B.BarAndLineFromFields, o = this.model.aggregationType;
         break;
       case a.category:
         i = this.categoryElement.value, s = this._messages.categoryHeader, o = this.model.xAxisField;
@@ -266,17 +266,17 @@ class J extends q {
     return n`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`;
   }
   renderNumericFields(e) {
-    const t = F(this.model.layer).idField, i = [];
+    const t = I(this.model.layer).idField, i = [];
     for (const s of e)
       s !== t && i.push(this.buildNumericFieldItem(s));
     return n`<calcite-list label class=${l(r.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`;
   }
   renderCustomSortUI() {
     const e = this.model.getSortOrder(), t = this.model.getAxisValueFormat(0)?.type, i = this.model.orderByList.indexOf(this.selectedCustomSortItemId);
-    return t === p.CategoryAxisFormat && e === d.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=${f.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=${f.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${v(this.model.orderByList, this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${B(this.model.config.series ?? []) === x.BarAndLineFromFields ? this._messages.values : this._messages.category}${this.buildCustomSortList()}</calcite-label>` : null;
+    return t === p.CategoryAxisFormat && e === d.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=${f.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=${f.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${v(this.model.orderByList, this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${F(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 = N(this.model.temporalBinningUnit ?? I.Second, this._messages) ?? "", s = R(S), o = {
+    const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = N(this.model.temporalBinningUnit ?? x.Second, this._messages) ?? "", s = R(S), o = {
       size: this.model.temporalBinningSize,
       unit: this.model.temporalBinningUnit
     }, h = v(o, s);

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

@@ -33,7 +33,7 @@ import { e as M, p as U } from "../../chunks/popover-ui-utils.js";
 import { h as v, U as C, i as h, d as j, e as H, s as O } from "../../chunks/chart-ui-utils2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 const W = D`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.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 = {
   jsAppFlyout: "js-app-flyout",
   name: "bar-chart-data-popover",

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

@@ -2,8 +2,8 @@ import { c as k } from "../../chunks/runtime.js";
 import { keyed as x } from "lit/directives/keyed.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
-import { e as r, a as u } from "../../chunks/series-types.js";
 import "d3-array";
+import { e as r, a as u } from "../../chunks/series-types.js";
 import { de as T, dj as C } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
@@ -30,7 +30,7 @@ import { LitElement as N, createEvent as O, renderElement as f, safeStyleMap as
 import { d as _ } from "../../chunks/chart-ui-utils2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 const E = {
   stackedType: "stacked-type"
 }, o = {

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

@@ -2,8 +2,8 @@ import { c } from "../../chunks/runtime.js";
 import { css as p, html as m } from "lit";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
-import "../../chunks/series-types.js";
 import "d3-array";
+import "../../chunks/series-types.js";
 import { ap as h } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
@@ -29,7 +29,7 @@ import { createRef as C, ref as u } from "lit/directives/ref.js";
 import { LitElement as v, createEvent as o, safeClassMap as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.121 */
+v5.0.0-next.122 */
 const r = {
   jsAppFlyout: "js-app-flyout",
   panelChildrenContainer: "panel-children-container"