@arcgis/charts-components 5.2.0-next.54 → 5.2.0-next.56

package/dist/json-schema/index.d.ts

@@ -4949,15 +4949,24 @@
         WebChartDataItemValue: {
             anyOf: ({
                 type: string;
-                format: string;
+                items: {
+                    type: string[];
+                    $ref?: undefined;
+                };
+                format?: undefined;
                 $ref?: undefined;
+                not?: undefined;
+            } | {
+                type: string;
+                format: string;
                 items?: undefined;
+                $ref?: undefined;
                 not?: undefined;
             } | {
                 $ref: string;
                 type?: undefined;
-                format?: undefined;
                 items?: undefined;
+                format?: undefined;
                 not?: undefined;
             } | {
                 type: string;
@@ -4979,16 +4988,16 @@
                 not?: undefined;
             } | {
                 type: string;
+                items?: undefined;
                 format?: undefined;
                 $ref?: undefined;
-                items?: undefined;
                 not?: undefined;
             } | {
                 not: {};
                 type?: undefined;
+                items?: undefined;
                 format?: undefined;
                 $ref?: undefined;
-                items?: undefined;
             })[];
             title: string;
         };
@@ -5068,6 +5077,28 @@
             description: string;
             title: string;
         };
+        WebChartGaugeChartDataItem: {
+            type: string;
+            properties: {
+                dataItems: {
+                    type: string;
+                    items: {
+                        $ref: string;
+                    };
+                };
+                calculatedAxisMinimum: {
+                    type: string;
+                };
+                calculatedAxisMaximum: {
+                    type: string;
+                };
+                gaugeValue: {
+                    type: string;
+                };
+            };
+            required: string[];
+            title: string;
+        };
         ScatterplotTrendLineData: {
             type: string;
             properties: {

package/dist/model/mixins/model-with-multi-axes.d.ts

@@ -240,7 +240,7 @@ export abstract class ModelWithMultiAxes extends ChartModel {
    * **Note:** To set the grid lines symbol for the secondary Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setSeriesToSecondaryYAxis(true, 1)` method to assign a series to the secondary Y-axis.
    *
    * @param linesSymbol - The grid lines symbol.
-   * @param axisIndices - The indices of the axes to set the grid lines symbol for.
+   * @param axisIndices - The indices of the axes to set the grid lines symbol for. If omitted, the symbol is applied to all axes.
    */
   setGridLinesSymbol(linesSymbol: ISimpleLineSymbol | undefined, axisIndices?: number[]): void;
   /**

package/dist/spec/data-source.d.ts

@@ -28,7 +28,7 @@ export type IRendererSymbol = ISymbol
 
 export type WebChartDataItemColor = Color | RGBArray | RGBObject | string;
 
-export type WebChartDataItemValue = Date | IExtent | IRendererSymbol | number[] | string[] | WebChartDataItem[] | WebChartDataItemColor | boolean | number | string | null | undefined;
+export type WebChartDataItemValue = (number | string)[] | Date | IExtent | IRendererSymbol | number[] | string[] | WebChartDataItem[] | WebChartDataItemColor | boolean | number | string | null | undefined;
 
 /** JSON representation of a typical data item. */
 export type WebChartDataItem = Record<string, WebChartDataItemValue>;
@@ -47,6 +47,13 @@ export interface WebChartHeatChartDataItem {
   heatChartAxesData?: WebHeatChartAxesData;
 }
 
+export interface WebChartGaugeChartDataItem {
+  dataItems: WebChartDataItem[];
+  calculatedAxisMinimum?: number;
+  calculatedAxisMaximum?: number;
+  gaugeValue?: number;
+}
+
 /** JSON representation of the processed data for a scatterplot trend line. */
 export interface ScatterplotTrendLineData {
   r2?: number;
@@ -117,6 +124,6 @@ export interface WebChartHistogramDataItem {
   bins: WebChartBin[];
 }
 
-export type WebChartDataTypes = WebChartBoxPlotDataItem | WebChartGenericDataItem | WebChartHeatChartDataItem | WebChartHistogramDataItem | WebChartScatterplotDataItem;
+export type WebChartDataTypes = WebChartBoxPlotDataItem | WebChartGaugeChartDataItem | WebChartGenericDataItem | WebChartHeatChartDataItem | WebChartHistogramDataItem | WebChartScatterplotDataItem;
 
 export type RGBArray = [number, number, number];

package/dist/utils/chart-config/converter/index.js

@@ -1,20 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { getElementLocale as je } from "@arcgis/toolkit/intl/dom";
-import { cloneDeep as n, isEmpty as h } from "lodash-es";
+import { getElementLocale as ze } from "@arcgis/toolkit/intl/dom";
+import { cloneDeep as n, isEmpty as B } from "lodash-es";
 import { DateTime as He } from "luxon";
-import { af as $e, Q as oe, Z as Qe, cs as se, cU as ne, c3 as Ye, ac as Ke, Y as O, bg as Xe, O as b, bF as ee, aG as Ze, aH as Je, m as Z, h as Ue, w as et } from "../../../chunks/index2.js";
-import { W as tt, az as rt, g as it, E as ot, ae as st } from "../../../chunks/index.js";
+import { af as $e, Q as oe, Z as Qe, ct as se, cU as ne, c3 as Ye, ac as Ke, Y as O, bg as Xe, O as b, bF as ee, aG as Ze, aH as Je, m as Z, h as Ue, w as et } from "../../../chunks/index2.js";
+import { W as tt, aB as rt, g as it, G as ot, ag as st } from "../../../chunks/index.js";
 import { d as nt } from "../../../chunks/type-guards.js";
 import { C as f, h as k, q as ae } from "../../../chunks/index3.js";
 import { h as at, o as dt, s as lt } from "../../../chunks/index5.js";
-import { g as B } from "../../../chunks/series-types.js";
+import { g as h } from "../../../chunks/series-types.js";
 import { v as te, u as c, r as F, n as p, p as v, f as ct, j as re, s as C } from "../../../chunks/chart-object-literals.js";
 import { p as ut, e as ft, f as pt, h as yt } from "../../../chunks/class-breaks.js";
 var L = /* @__PURE__ */ ((r) => (r.NONE = "none", r.ROTATE = "rotate", r.STAGGER = "stagger", r.WRAP = "wrap", r))(L || {});
 function de(r) {
   const { configToUpdate: e, chartContainer: i, layer: t } = r, o = n(e);
   if (t?.capabilities?.queryAttributeBins?.supportsFirstDayOfWeek === !0 && (!("firstDayOfWeek" in e) || e.firstDayOfWeek === void 0 || e.firstDayOfWeek === null)) {
-    const { lang: s } = je(i ?? document.documentElement);
+    const { lang: s } = ze(i ?? document.documentElement);
     try {
       o.firstDayOfWeek = He.local().setLocale(s.replaceAll("_", "-")).startOf("week", { useLocaleWeeks: !0 }).weekday;
     } catch {
@@ -42,17 +42,17 @@ function mt(r) {
 }
 function le(r) {
   const e = n(r);
-  return h(r.axes) || (e.axes = r.axes?.map((i) => {
+  return B(r.axes) || (e.axes = r.axes?.map((i) => {
     const t = i;
     return delete t.calculateAutomaticMaximum, delete t.calculateAutomaticMinimum, t.title?.content.font?.style !== void 0 && (t.title.content.font.style = t.title.content.font.style.toLowerCase()), t;
   })), e;
 }
 function ce(r) {
   const e = n(r);
-  return h(r.series) || (e.series = r.series.map((i, t) => {
+  return B(r.series) || (e.series = r.series.map((i, t) => {
     const o = i;
     i.id === void 0 && (o.id = `Series ${Date.now()}-${t}`);
-    const s = B(r.series, t);
+    const s = h(r.series, t);
     return (s === c.BarSeries || s === c.LineSeries || s === c.RadarSeries) && o.query?.outStatistics?.[0]?.statisticType === "median" && (o.query.outStatistics[0].statisticType = F.ContinuousPercentile), s === c.BarSeries && o.multipleBarType !== void 0 && (o.stackedType = o.multipleBarType, delete o.multipleBarType), s === c.PieSeries && o.sliceGrouping !== void 0 && (o.sliceGrouping.sliceId = rt.defaultGroupOfSlicesId, o.sliceGrouping.groupName !== void 0 && (o.sliceGrouping = {
       ...o.sliceGrouping,
       label: o.sliceGrouping.groupName
@@ -87,10 +87,10 @@ async function ue(r) {
     a && (s = await Ke(a, t));
   }
   if (s) {
-    const a = O(o.series), u = B(o.series), y = o.series && o.series.length > 0 && o.series[0].x.trim() === "" || u === c.GaugeSeries && !Xe(e) || a === f.PieFromFields || a === f.BarAndLineFromFields || a === f.BoxPlotMonoField || a === f.BoxPlotMonoFieldAndSplitBy || a === f.BoxPlotMultiFields || a === f.BoxPlotMultiFieldsAndSplitBy, _e = u === c.ScatterSeries || u === c.HeatSeries || a === f.BarAndLineNoAggregation || a === f.BarAndLineSplitByNoAggregation || a === f.BoxPlotMonoField || a === f.BoxPlotMonoFieldAndSplitBy || a === f.BoxPlotMonoFieldAndCategory || a === f.BoxPlotMonoFieldAndCategoryAndSplitBy || a === f.PieNoAggregation;
+    const a = O(o.series), u = h(o.series), y = o.series && o.series.length > 0 && o.series[0].x.trim() === "" || u === c.GaugeSeries && !Xe(e) || a === f.PieFromFields || a === f.BarAndLineFromFields || a === f.BoxPlotMonoField || a === f.BoxPlotMonoFieldAndSplitBy || a === f.BoxPlotMultiFields || a === f.BoxPlotMultiFieldsAndSplitBy, je = u === c.ScatterSeries || u === c.HeatSeries || a === f.BarAndLineNoAggregation || a === f.BarAndLineSplitByNoAggregation || a === f.BoxPlotMonoField || a === f.BoxPlotMonoFieldAndSplitBy || a === f.BoxPlotMonoFieldAndCategory || a === f.BoxPlotMonoFieldAndCategoryAndSplitBy || a === f.PieNoAggregation;
     if (o.series = e.series.map((l) => {
       const d = { ...l };
-      if (y || (d.x = b({ queryObject: s, fieldToMatch: l.x })), "y" in d && _e) {
+      if (y || (d.x = b({ queryObject: s, fieldToMatch: l.x })), "y" in d && je) {
         const m = d.y;
         if (Array.isArray(m)) {
           const S = ee({
@@ -152,7 +152,7 @@ async function ue(r) {
 }
 function fe(r) {
   const e = n(r);
-  if (!h(r.series) && B(r.series) === c.BoxPlotSeries) {
+  if (!B(r.series) && h(r.series) === c.BoxPlotSeries) {
     const t = e.series[0];
     t && (t.showOutliers !== void 0 && (r.showOutliers === void 0 && (e.showOutliers = t.showOutliers), delete t.showOutliers), t.standardizeValues !== void 0 && (r.standardizeValues === void 0 && (e.standardizeValues = t.standardizeValues), delete t.standardizeValues), t.showMean !== void 0 && (r.showMean === void 0 && (e.showMean = t.showMean), delete t.showMean));
   }
@@ -176,7 +176,7 @@ function ye(r) {
 }
 function me(r) {
   const e = n(r);
-  if (!h(e.series) && B(r.series) === c.BoxPlotSeries) {
+  if (!B(e.series) && h(r.series) === c.BoxPlotSeries) {
     if (e.orderOptions?.data === void 0) {
       const t = pe(r.series[0]);
       t.orderType !== void 0 && (e.orderOptions ??= {}, e.orderOptions.data = {
@@ -186,7 +186,7 @@ function me(r) {
     }
     if (e.series = r.series.map((t) => {
       const o = t;
-      return h(o.x?.trim()) && (o.x = it), delete o.query?.orderByFields, o;
+      return B(o.x?.trim()) && (o.x = it), delete o.query?.orderByFields, o;
     }), ye(e)) {
       e.showMean = !0;
       const t = e.series.find(
@@ -218,7 +218,7 @@ function ve(r) {
     i.has(s) && (s = `${s}_${Date.now()}`, o.id = s), i.add(s);
   }), e;
 }
-async function he(r) {
+async function Be(r) {
   const { configToUpdate: e, layer: i, chartContainer: t, abortSignal: o } = r;
   let s = n(e);
   if (s = le(s), s = ce(s), s = await ue({ configToUpdate: s, layer: i, abortSignal: o }), se(s)) {
@@ -227,7 +227,7 @@ async function he(r) {
   }
   return s = Se(s), s = ve(s), ne(s) && !nt(i) && (s = de({ configToUpdate: s, chartContainer: t, layer: i })), s;
 }
-function Be(r) {
+function he(r) {
   const e = n(r);
   return e?.orderOptions?.orderByFields !== void 0 && O(r.series) === f.PieFromFields && (e.orderOptions.orderByFields = r?.orderOptions?.orderByFields?.map(
     (i) => {
@@ -241,7 +241,7 @@ function Be(r) {
 }
 function Ce(r) {
   const e = n(r);
-  if (!h(r.series) && e.axes?.[0] !== void 0 && B(r.series) === c.GaugeSeries && r.axes?.[0] !== void 0) {
+  if (!B(r.series) && e.axes?.[0] !== void 0 && h(r.series) === c.GaugeSeries && r.axes?.[0] !== void 0) {
     const t = r.axes[0];
     t.ticks !== void 0 && Object.hasOwn(t.ticks, "spacing") && delete t.ticks.spacing, e.axes[0] = t;
   }
@@ -258,13 +258,13 @@ function be(r) {
 }
 function J(r) {
   const e = n(r);
-  return h(r.series) || (dt(r) && r.rotated === void 0 && (e.rotated = r.series[0].rotated ?? ot()), e.series.forEach((i) => {
+  return B(r.series) || (dt(r) && r.rotated === void 0 && (e.rotated = r.series[0].rotated ?? ot()), e.series.forEach((i) => {
     i.rotated !== void 0 && delete i.rotated;
   })), e;
 }
 function Fe(r) {
   const e = n(r), i = r.dataSource;
-  return "dataSource" in e && !h(i) && (i.type === "featureLayer" && e.dataSource !== void 0 && (e.dataSource.type = "layer"), "featureLayer" in i && (e.dataSource.layer = i.featureLayer, delete e.dataSource.featureLayer)), e;
+  return "dataSource" in e && !B(i) && (i.type === "featureLayer" && e.dataSource !== void 0 && (e.dataSource.type = "layer"), "featureLayer" in i && (e.dataSource.layer = i.featureLayer, delete e.dataSource.featureLayer)), e;
 }
 function Te(r) {
   const e = n(r);
@@ -300,7 +300,7 @@ function U(r) {
 }
 function Oe(r) {
   const e = n(r);
-  if (!h(r.series) && B(r.series) === c.PieSeries) {
+  if (!B(r.series) && h(r.series) === c.PieSeries) {
     const t = e.series[0];
     if (t) {
       if (t.sortLabelsBy === "originalValue")
@@ -316,7 +316,7 @@ function Oe(r) {
 }
 function ke(r) {
   const e = n(r);
-  return h(r.series) || (lt(r) && r.stackedType === void 0 && (e.stackedType = r.series[0].stackedType ?? st()), e.series.forEach((i) => {
+  return B(r.series) || (lt(r) && r.stackedType === void 0 && (e.stackedType = r.series[0].stackedType ?? st()), e.series.forEach((i) => {
     "stackedType" in i && delete i.stackedType;
   })), e;
 }
@@ -377,7 +377,7 @@ function De(r) {
 function P(r) {
   let e, i = r.orderOptions?.orderByFields?.[0];
   if (r.series?.length > 0) {
-    const t = B(r.series), o = O(r.series);
+    const t = h(r.series), o = O(r.series);
     if (t !== c.PieSeries && o !== f.BarAndLineFromFields && (i = i ?? r.series[0].x), i && !ae(i)) {
       const { fieldToSort: s, orderBy: a } = k(i);
       let u;
@@ -400,7 +400,7 @@ function Me(r) {
     }), t.sortLabelsBy === "originalValue" || s.orderOptions?.data?.preferDataLabel === !1 || a.orderOptions?.data?.preferLabel === !1)
       e.orderOptions?.data && delete e.orderOptions.data;
     else if (e.orderOptions?.data === void 0)
-      if (B(e.series) === c.BoxPlotSeries) {
+      if (h(e.series) === c.BoxPlotSeries) {
         if (t.sortLabelsBy || o.sortOptions?.sortDataBy !== void 0) {
           const y = U(o.sortOptions?.sortDataBy?.sortType);
           y && y !== p.MultiAxes && (e.orderOptions ??= {}, e.orderOptions.data = {
@@ -493,7 +493,7 @@ function Ve(r) {
 }
 function Ge(r) {
   let e = n(r);
-  return e = Be(e), e;
+  return e = he(e), e;
 }
 function w(r) {
   let e = n(r);
@@ -540,13 +540,13 @@ function V(r) {
 function G(r) {
   return Me(r);
 }
-function z(r) {
+function _(r) {
   return ge(r);
 }
-function _(r) {
+function j(r) {
   return Ie(r);
 }
-function j(r) {
+function z(r) {
   return We(r);
 }
 function H(r) {
@@ -571,10 +571,10 @@ function X(r) {
   let e = n(r);
   return e = mt(e), e;
 }
-function ze(r) {
+function _e(r) {
   const { versionsToConvert: e, configToUpdate: i } = r;
   let t = n(i);
-  return e.length > 0 && t !== void 0 && (t = De(t), e.includes(oe) || e.includes(Ye) ? (t = Ge(t), t = w(t), t = A(t), t = D(t), t = M(t), t = I(t), t = W(t), t = q(t), t = R(t), t = E(t), t = N(t), t = V(t), t = G(t), t = z(t), t = _(t), t = j(t), t = H(t), t = $(t), t = Q(t), t = Y(t), t = K(t), t = X(t)) : e.forEach((o) => {
+  return e.length > 0 && t !== void 0 && (t = De(t), e.includes(oe) || e.includes(Ye) ? (t = Ge(t), t = w(t), t = A(t), t = D(t), t = M(t), t = I(t), t = W(t), t = q(t), t = R(t), t = E(t), t = N(t), t = V(t), t = G(t), t = _(t), t = j(t), t = z(t), t = H(t), t = $(t), t = Q(t), t = Y(t), t = K(t), t = X(t)) : e.forEach((o) => {
     if (t !== void 0)
       switch (o) {
         case "1.0.1":
@@ -614,13 +614,13 @@ function ze(r) {
           t = G(t);
           break;
         case "16.0.0":
-          t = z(t);
+          t = _(t);
           break;
         case "16.1.0":
-          t = _(t);
+          t = j(t);
           break;
         case "18.1.3":
-          t = j(t);
+          t = z(t);
           break;
         case "20.1.0":
           t = H(t);
@@ -647,9 +647,9 @@ async function Pt(r, e, i, t) {
   let o = r;
   if (r) {
     const s = $e(e);
-    await s?.load({ signal: t }), o = await he({ configToUpdate: r, layer: s, chartContainer: i, abortSignal: t });
+    await s?.load({ signal: t }), o = await Be({ configToUpdate: r, layer: s, chartContainer: i, abortSignal: t });
     const a = r.version ?? oe, { versionStatus: u, versions: y } = Qe(a);
-    (u === te.Older || u === te.Unrecognized) && (o = ze({
+    (u === te.Older || u === te.Unrecognized) && (o = _e({
       versionsToConvert: y,
       configToUpdate: o
     }));
@@ -665,7 +665,7 @@ const Lt = {
   moveSeriesRotatedPropToChart: J,
   renameDataSourceProperties: Fe,
   copyDataSourceFilterToConfig: Te,
-  adjustPieFromFieldsDefaultNameAndValue: Be,
+  adjustPieFromFieldsDefaultNameAndValue: he,
   removeSpacingPropertyFromGauge: Ce,
   moveBoxPlotSeriesPropsToChart: fe,
   movePieSeriesSortLabelsPropToChart: Oe,
@@ -688,7 +688,7 @@ const Lt = {
   convertTemporalBinningProps: qe,
   convertRESTStatisticTypeToWebChartStatisticType: Re,
   renameChartSubtitle: Ee,
-  applyMandatoryConversions: he,
+  applyMandatoryConversions: Be,
   convertTo1x0x1: Ge,
   convertTo2x0x0: w,
   convertTo3x5x0: A,
@@ -702,9 +702,9 @@ const Lt = {
   convertTo11x0x0: N,
   convertTo12x0x0: V,
   convertTo15x0x0: G,
-  convertTo16x1x0: z,
-  convertTo16x1x1: _,
-  convertTo19x0x0: j,
+  convertTo16x1x0: _,
+  convertTo16x1x1: j,
+  convertTo19x0x0: z,
   convertTo20x2x0: H,
   convertTo21x1x0: $,
   convertTo23x3x0: Q,
@@ -713,7 +713,7 @@ const Lt = {
   convertTo25x1x0: X,
   convertTemporalBinningProps2: Ne,
   transformPropsInHeatChart: Ve,
-  applyConversions: ze,
+  applyConversions: _e,
   convertDataSourceToILayer: ge,
   applyDefaultFirstDayOfWeek: de
 };

package/dist/utils/chart-config/utils/index.d.ts

@@ -1,5 +1,7 @@
 import type { DataOrderParameters } from "../../../chart-rendering/common/data/utils/summarize-data/interfaces.js";
+import type { ChartOptions } from "../../../chart-rendering/common/interfaces.js";
 import type { WebChartTypes, WebChartVersionStatus } from "../../../spec/chart-object-literals.js";
+import type { WebChartBin, WebChartDataItem } from "../../../spec/data-source.js";
 import type { RESTSymbolType } from "../../../spec/rest-js-object-literals.js";
 import type { IField } from "../../../spec/rest-js-types.js";
 import type { WebBoxPlot, WebChart, WebChartLegend, WebChartSeriesType, WebHeatChart } from "../../../spec/web-chart.js";
@@ -8,8 +10,6 @@ import type { ChartElementLimit } from "../../defaults/interfaces.js";
 import type { QueryObjectOrRaster as QueryObject } from "../../layer/interfaces.js";
 import type { ChartSubType, SelectionData } from "../../misc/interfaces.js";
 import type { WebChartSeriesSupportingTemporalBinning } from "./interfaces.js";
-import type { ChartOptions } from "../../../chart-rendering/common/interfaces.js";
-import type { WebChartBin, WebChartDataItem } from "../../../spec/data-source.js";
 
 /**
  * Retrieve and construct chart version information based on the input version and the currently supported ArcGIS Chart versions

package/dist/utils/data/interfaces.d.ts

@@ -1,4 +1,3 @@
-import type { GaugeMinMaxFromData } from "../../chart-rendering/common/interfaces.js";
 import type { WebChartDataTypes } from "../../spec/data-source.js";
 import type { WebChartQuery } from "../../spec/web-chart.js";
 import type { DataWarningKeywords } from "../chart-config/validator/interfaces.js";
@@ -19,7 +18,6 @@ export interface DataInfo {
   count?: number;
   data?: WebChartDataTypes;
   queryConfig?: WebChartQuery;
-  gaugeMinMaxFromData?: GaugeMinMaxFromData;
 }
 
 /** @internal */
@@ -65,7 +63,10 @@ export interface DataUpdateDetails {
       valueFormatChangeRequiresNewData?: boolean;
   };
   histogram?: { dataPropsChanged?: boolean; };
-  gauge?: { valueConversionChanged?: boolean; };
+  gauge?: {
+      valueConversionChanged?: boolean;
+      minMaxFromFieldsChanged?: boolean;
+  };
   boxPlot?: { showMeanChanged?: boolean; };
   heatChart?: {
       binningChanged?: boolean;

package/dist/utils/defaults/index.d.ts

@@ -2,7 +2,7 @@ import type { WebChartStackedKinds, WebChartTypes } from "../../spec/chart-objec
 import type { Color, IFont, ISimpleFillSymbol, ISimpleLineSymbol, ISimpleMarkerSymbol } from "../../spec/rest-js-types.js";
 import type { CategoryFormatOptions, DateTimeFormatOptions, HistogramOverlays, NumberFormatOptions, ScatterplotOverlays, SizePolicy, WebBoxPlot, WebChart, WebChartAxis, WebChartBarChartSeries, WebChartBoxPlotSeries, WebChartCursorCrosshair, WebChartGaugeAxis, WebChartGaugeSeries, WebChartHeatChartSeries, WebChartHistogramSeries, WebChartLegend, WebChartLineChartSeries, WebChartNeedle, WebChartOverlay, WebChartPieChartSeries, WebChartPieChartTick, WebChartRadarChartSeries, WebChartScatterplotSeries, WebChartText, WebChartTextSymbol, WebGaugeChart, WebHeatChart } from "../../spec/web-chart.js";
 import type { CommonStrings } from "../localization/interfaces.js";
-import type { ChartElementLimit, ChartElementTechnicalLimit, ChartTextProps, QueryDefaults, TextElements } from "./interfaces.js";
+import type { ChartElementLimit, ChartElementTechnicalLimit, ChartTextProps, GaugeChartDefaults, QueryDefaults, TextElements } from "./interfaces.js";
 
 /** @internal */
 export const histogramBinCount: 32;
@@ -64,6 +64,13 @@ export const defaultHeatChartNumberOfBreaks: {
     max: number;
 };
 
+export const gaugeDefaults: GaugeChartDefaults;
+
+export const gaugeSpecialIds: {
+    gaugeFirstLabelId: string;
+    gaugeLastLabelId: string;
+};
+
 /**
  * default color set from Pro
  *

package/dist/utils/defaults/interfaces.d.ts

@@ -79,4 +79,9 @@ export const TextElements: {
 };
 
 /** @internal */
-export type TextElements = (typeof TextElements)[keyof typeof TextElements];
+export type TextElements = (typeof TextElements)[keyof typeof TextElements];
+
+export interface GaugeChartDefaults {
+  axisMinimum: number;
+  axisMaximum: number;
+}

package/dist/utils/layer/query-parser/index.d.ts

@@ -86,6 +86,7 @@ export function mapAttributeBinsQueryForTemporalData(props: {
     dateField: string;
     splitByField?: string;
     axisTimeZone?: string;
+    returnStatisticsAggregatedIds: boolean;
     view?: ChartOptions["view"];
     syncViewTimeZone?: ChartOptions["syncViewTimeZone"];
 }): AttributeBinsQuery;

package/dist/utils/type-guards/chart-types.d.ts

@@ -0,0 +1,10 @@
+import type { WebChart } from "../../spec/web-chart.js";
+
+/**
+ * Check the `subType` in the chart config to determine whether the chart is a gauge by feature.
+ * If `subType` is not defined, the chart is defaulted to be a statistic gauge.
+ *
+ * @param config - the chart config
+ * @internal
+ */
+export function isGaugeByFeature(config: WebChart): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.2.0-next.54",
+  "version": "5.2.0-next.56",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "./dist/index.js",
@@ -29,7 +29,7 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
-    "@amcharts/amcharts5": "~5.19.1",
+    "@amcharts/amcharts5": "~5.20.0",
     "@esri/arcgis-html-sanitizer": "~4.1.0",
     "@lit/task": "^1.0.3",
     "@zumer/snapdom": "^2.12.9",
@@ -41,8 +41,8 @@
     "luxon": "~3.7.2",
     "simple-statistics": "^7.8.8",
     "tslib": "^2.8.1",
-    "@arcgis/toolkit": "5.2.0-next.54",
-    "@arcgis/lumina": "5.2.0-next.54"
+    "@arcgis/lumina": "5.2.0-next.56",
+    "@arcgis/toolkit": "5.2.0-next.56"
   },
   "peerDependencies": {
     "@arcgis/core": "^5.2.0-next",

package/dist/cdn/2GEIEFIX.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import u from"./LYGQJLFB.js";import{a as ae}from"./L7CMLBHB.js";import{a as ie}from"./AZHBGLOD.js";import{a as k}from"./CHZMNR2R.js";import{a as se}from"./IHO3OLL3.js";import t from"./B5MGM6AD.js";import{a as $,b as W,e as ee}from"./OBPAQN4H.js";import{a as f}from"./IVLVCLDE.js";import s from"./WV7XTPHK.js";import{d as n}from"./JYC77MVD.js";import{a as P}from"./MBL6ZAKF.js";import r from"./QM25LJL6.js";import q from"./YUZVGY4R.js";import p from"./OQ56CBAK.js";import{a as J}from"./4CNIERJX.js";import m from"./UWAFXDFW.js";import l from"./JT5VM5N6.js";import j from"./ORKE6J33.js";import i from"./IZMUEFG7.js";import{b as B,c as L,i as Y,l as w,p as D}from"./QYNNPEED.js";import g from"./4N76NKSQ.js";import"./4HW6IYHV.js";import e from"./3WDEAWZX.js";import d from"./H6B2SK7Y.js";import b from"./O3N5YFJC.js";import"./ZALJA7E5.js";import a from"./35R7YJXM.js";import{C as v,c as R,q as T}from"./223CX3CX.js";import{d as x,e as O}from"./BGOWDCTO.js";import"./FDXN5BIJ.js";import"./KX7KGXKQ.js";import{l as S}from"./SP2IPHWF.js";import"./HMBXRL4X.js";import{A as V,B as _,C as h,D as z,F as M,H as U,g as N,i as c,n as C,z as A}from"./5DUKB563.js";import"./NYFHPR6N.js";import"./QP5UAIC6.js";import"./QJMUS3VS.js";import{a as o,k as H}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:le},{F:X,Ob:K,nc:j,oa:G,sa:Z},,,,,{b:I},,{a:Q},,,,,{r:te},{e:y,f:q},{b:E}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function re(m,e){let i=new Set,t=e;return m?.forEach((a,s)=>{let r=a.chartId;(i.has(r)||r===void 0||r==="")&&(a.chartId=`Chart_${Date.now()}_${s}`,e===r&&(t=a.chartId)),i.add(r)}),t}function ne(m,e,i){return m?.filter(t=>T(i,t.config)&&t.layer?.id===e)??[]}function ce(m){let{modelList:e,layerList:i,activeLayerId:t,disableEditing:a}=m,s=new Map;return e?.forEach(r=>{let l=r.layer;l&&s.set(l.id,l)}),a||i.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!t||r.id===t)}function he(m,e){m.forEach(i=>{e.forEach(t=>{i?.id===t.layer?.id&&oe(i,t)})})}function oe(m,e){let i=m;if(i){let t=[...i?.charts??[]],a=t?.findIndex(r=>r.id===e.chartId),s=!1;a!==void 0&&a>-1?(s=!S(t[a],e.config),t[a]=e.config):i&&!I(e.config)&&(s=!0,t.push(e.config)),s&&(i.charts=t)}}function de(m,e){let i=m;if(i){let t=[...i.charts??[]],a=t.findIndex(s=>s.id===e);a>-1&&(t.splice(a,1),i.charts=t)}}function me(m,e){let i=m;if(i){let t=[...i.charts??[]];t=v({arrayA:t,arrayB:e.map(a=>a.config),getKey:a=>a.id??a.title?.content.text??""}),i.charts=t}}var pe=N`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`,F=class extends _{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=A(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries,o.HeatSeries],this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.chartDataProcessComplete=e=>{let i=e,{chartData:t,model:a}=i.detail,s=this.getModel(this.selectedChartId);if(a?.isSameChartAs(s))switch(s?.chartType){case o.HistogramSeries:if(this.chartData=t,a&&(a.dataStore.chartData=t,O(a.layer))){let r=a,l=t?.bins?.length;l!==void 0&&r.binCount!==l&&(r.binCount=l)}break;case o.PieSeries:{this.chartData=t,a&&(a.dataStore.chartData=t);break}case o.ScatterSeries:{let r=t,{dataItems:l,r2:g,aggregated:u}=r,p=g;Number.isFinite(g)||(p=void 0),this.r2=p,Y(a)&&(a.dataStore.r2=p,a.dataStore.aggregated=u,u&&(a.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(l),a&&(a.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:case o.BarSeries:{let{dataItems:r,timeIntervalInfo:l}=t;if((L(s)||B(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!==H.Quarter&&(s.temporalBinningUnit=l?.unit),l?.size!==void 0&&l?.unit!==void 0&&ee($,{size:l.size,unit:l.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(r),a&&(a.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds),B(s)){let g=s.xAxisField,u=r.some(b=>b[g]===null),p=s.nullCategory;u&&p===void 0&&(s.nullCategory=R.nullCategory)}break}}},this.chartAxesMinMaxChange=e=>{let i=e,{bounds:t,model:a}=i.detail,s=this.getModel(this.selectedChartId),r=a?.isSameChartAs(s),l=s?.chartType;if(r)switch(l){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=t,a&&(a.dataStore.calculatedMinMaxBounds=t),this.updateAxesBoundsInAppState(t);break}},this.chartSeriesColorChange=e=>{let i=e,{data:t,model:a}=i.detail,s=this.getModel(this.selectedChartId);if(a?.isSameChartAs(s))switch(s?.chartType){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=t,a&&(a.dataStore.seriesColor=t);break;case o.PieSeries:{let r=new Map([[0,t]]);this.seriesColor=r,a&&(a.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let i=e,{propName:t,value:a,model:s}=i.detail,r=this.modelList.find(l=>s?.isSameChartAs(l));if(r)switch(t){case"rotation":typeof a=="boolean"&&Q(r)&&(r.rotated=a);break;case"legendPosition":typeof a=="string"&&D(r)&&(r.legendPosition=a);break;case"legendVisibility":typeof a=="boolean"&&D(r)&&(r.legendVisibility=a);break}},this.chartLegendItemVisibilityChange=e=>{let i=e,{legendItemVisibility:t,model:a}=i.detail,s=this.modelList.find(r=>a?.isSameChartAs(r));s?.setSeriesVisibility(t),w(s)&&((s.getMinBound(1)===null||Number.isNaN(s.getMinBound(1)))&&s.setMinBound(null,1),(s.getMaxBound(1)===null||Number.isNaN(s.getMaxBound(1)))&&s.setMaxBound(null,1),L(s)&&((s.getMinBound(0)===null||Number.isNaN(s.getMinBound(0)))&&s.setMinBound(null,0),(s.getMaxBound(0)===null||Number.isNaN(s.getMaxBound(0)))&&s.setMaxBound(null,0)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:i,layerId:t}=e.target;i!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:i,layerId:t}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let i=e.target;oe(i?.layer,i)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.close=!1,this.usePopupTemplateFieldsInfo=!1,this.panelNumber=0,this.filterBySelection=!1,this.arcgisChartsConfigChartViewChartClose=C(),this.arcgisChartsConfigModelListChange=C(),this.arcgisChartsConfigNewChart=C(),this.arcgisChartsConfigPanelNumberChange=C(),this.arcgisChartsConfigSelectedChartChange=C(),this.addChartEventListeners(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:1,activeLayerId:1,disableEditing:5,syncChartsToLayers:5,timeZone:1,headerTitle:1,close:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:q}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,panelNumber:9,filterBySelection:5}}static{this.styles=pe}async setFocus(){await this.chartsListFlowItem.value?.setFocus()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}willUpdate(e){e.has("layerList")&&this.layerListChange(),e.has("panelNumber")&&this.panelNumberChange(this.panelNumber),e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&this.selectedChartIdChange(this.selectedChartId)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover()}modelListReorderChangeListener(e){let{modelList:i}=e.detail;if(this.modelList=v({arrayA:this.modelList,arrayB:i,getKey:t=>t.chartId??t.titleText??""}),this.syncChartsToLayers){let t=i.find(a=>a.layer?.id!==void 0)?.layer?.id;if(t){let a=this.layerList.find(s=>s.id.toString()===t);a&&me(a,i)}}}async layerListChange(){let e=[],i=this.layerList.map(a=>a.id.toString()),t=[...this.modelList.filter(a=>i.includes(a.layer?.id??""))];for(let a of this.layerList??[]){if(a.type==="sublayer"){let r=await a.createFeatureLayer();if(!r)continue;a=r}let s=a.charts;for(let r of s??[]){let l=await J({layer:a,config:r,commonStrings:this.commonStrings});l!==void 0&&e.push(l)}}re(e),e.forEach(a=>{t.find(s=>s.isSameChartAs(a))===void 0&&t.push(a)}),t=t.filter(a=>!K(a.config)),this.modelList=t}modelListChange(e,i){this.selectedChartId=re(e,this.selectedChartId),i?.forEach(a=>{a.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(a=>{a.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let t=this.getModel(this.selectedChartId);this.currentChartTypeText=t?.chartType!==void 0?E({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&he(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let i=this.getModel(e);this.setEventBasedPropsFromModelData(i),this.currentChartTypeText=i?.chartType!==void 0?E({chartType:i.chartType,commonStrings:this.commonStrings,config:i.config}):"",e!==void 0&&e!==$.selectedChartId&&($.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:i})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){this.listenOn(document,f.DataProcessComplete,this.chartDataProcessComplete),this.listenOn(document,f.AxesMinMaxChange,this.chartAxesMinMaxChange),this.listenOn(document,f.SeriesColorChange,this.chartSeriesColorChange),this.listenOn(document,f.NoRenderPropChange,this.chartNoRenderPropChange),this.listenOn(document,f.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let i=this.getModel(this.selectedChartId)?.config,t=[];if(i!==void 0&&e!==void 0){let a=j({chartConfig:i,chartData:e}),{minY:s,maxY:r,minX:l,maxX:g}=a;t=[{isXAxis:!0,minimum:l,maximum:g},{isXAxis:!1,minimum:s,maximum:r}]}return t}updateAxesBoundsInAppState(e){e?.forEach(i=>{let{isXAxis:t,maximum:a,minimum:s}=i,r=this.getModel(this.selectedChartId);if(r!==void 0&&w(r)&&this.selectedChartId!==void 0){let l=new ae(r,t),g=W({chartId:this.selectedChartId,isXAxis:t,isLogarithmic:l.getLogarithmic()}),u=$.chartAxesBoundDataMap;u[this.selectedChartId]===void 0&&(u[this.selectedChartId]={});let p=u[this.selectedChartId]?.[g],b={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?a:p?.defaultMaxBound,currMaxBound:a};!S(p,b)&&this.selectedChartId!==void 0&&u?.[this.selectedChartId]!==void 0&&(u[this.selectedChartId][g]=b)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(i=>T(X,i.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}async onAddChartClick(e){let{referenceElement:i,layerId:t,layerType:a}=e.detail,s=!0;if(x(a)&&t){let r=this.layerList.find(l=>l.id===t);x(r?.type)&&(s=!!(await Z(r))?.attributeTable)}this.setupSelectChartTypePopover(i,t,a,s)}setupSelectChartTypePopover(e,i,t,a=!0){let s=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=M(c`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${i} .layerType=${t} .isRasterBarChartSupported=${a} .popoverPlacement=${s} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`),!document.body.contains(this.selectChartTypePopover)&&this.selectChartTypePopover!==null&&document.body.appendChild(this.selectChartTypePopover)}getModel(e){return this.modelList?.find(i=>i.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=se(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!I(e.config))}onViewChartDelete(e){let{chartId:i}=e.detail;if(i!==void 0){let t=this.modelList.find(s=>s.chartId===i),a=this.layerList.find(s=>s.id===t?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==i)],a&&this.syncChartsToLayers&&this.allowChartSyncing&&de(a,i)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&(this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:this.getModel(this.selectedChartId)})),this.selectedChartId=e.detail.chartId}onViewChartsEdit(e){this.onViewChartsSelect(e),this.panelNumber=1}onViewChartClose(){this.close=!0,this.removeSelectChartTypePopover(),this.arcgisChartsConfigChartViewChartClose.emit()}setEventBasedPropsFromModelData(e){this.chartData=e?.dataStore.chartData,this.r2=e?.dataStore.r2,this.seriesColor=e?.dataStore.seriesColor,this.calculatedMinMaxBounds=e?.dataStore.calculatedMinMaxBounds,this.calculatedDataMinMaxBounds=e?.dataStore.calculatedDataMinMaxBounds}createTooltip(e){let i=e.target,t="";switch(i.icon){case"configure":t=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":t=this._messages.series??"";break;case"graph-pie-slice":t=this._messages.slices??"";break;case"graph-axis":t=this._messages.axes??"";break;case"graph-guides":t=this._messages.guides??"";break;case"palette":t=this._messages.format??"";break;case"text":t=this._messages.general??"";break;default:t="";break}this.tooltip=M(c`<calcite-tooltip style=${z({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=top>${t}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){te(this.tooltip)}renderViewCharts(){let e=ce({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return ie(e,i=>i.id,i=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${ne(this.modelList,i.id.toString(),x(i.type)?G:this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${i} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.close?null:c`<calcite-flow>${k("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${V(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber>=1&&!this.disableEditing?this.renderTabs():null}</calcite-flow>`}renderTabs(){let e=this.getModel(this.selectedChartId);return k("chart-edit",c`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??n.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?le(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?c`<calcite-action-bar class=${h(d.tabBar)} layout=horizontal expand-disabled><calcite-action class=${h(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===n.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=n.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===o.BarSeries?c`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.LineSeries?c`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.BoxPlotSeries?c`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===n.Slices} @click=${()=>{this.selectedPanel=n.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===n.Axes} @click=${()=>{this.selectedPanel=n.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===n.Guides} @click=${()=>{this.selectedPanel=n.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===n.Format} @click=${()=>{this.selectedPanel=n.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===n.General} @click=${()=>{this.selectedPanel=n.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),i=e?.layer,t=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case o.BarSeries:t=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case o.LineSeries:t=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case o.PieSeries:t=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .chartData=${this.chartData} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case o.HistogramSeries:t=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case o.ScatterSeries:t=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case o.BoxPlotSeries:t=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break;case o.HeatSeries:t=c`<arcgis-charts-config-heat-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data}></arcgis-charts-config-heat-chart>`;break}return t}};U("arcgis-charts-config-create-flow",F);return F},"intl",a,b,d,e,g,i,j,l,m,p,q,r,s,t,u)