@arcgis/charts-components 4.34.0-next.131 → 4.34.0-next.133

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

@@ -21,7 +21,7 @@ import { LitElement as v, createEvent as o, safeClassMap as c, renderElement as
 import { repeat as w } from "lit/directives/repeat.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.131 */
+v4.34.0-next.133 */
 const n = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-09-14T04:40:21",
+  "timestamp": "2025-09-16T04:40:28",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.131",
+    "version": "4.34.0-next.133",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-09-14T04:40:21",
+  "timestamp": "2025-09-16T04:40:28",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.131",
+    "version": "4.34.0-next.133",
     "typescriptVersion": "5.8.3"
   },
   "components": [

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/charts-components",
-  "version": "4.34.0-next.131",
+  "version": "4.34.0-next.133",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/index.js

@@ -10,13 +10,13 @@ import { c as Ur, a as _r, e as jr, f as zr, d as Yr, g as Xr, b as Zr, l as Jr
 import { h as ai, l as ti, m as si, g as ri, p as ii, f as oi, j as li, n as ni, q as ui, k as ci, o as di, i as gi, b as fi, c as yi, d as bi, a as mi, u as pi, s as Si, r as hi, t as Ci, e as Fi } from "./chunks/index4.js";
 import { g as Li, a as Ti } from "./chunks/chart-ui-utils.js";
 import { e as xi, p as Bi, r as Wi } from "./chunks/popover-ui-utils.js";
-import { B as vi, C as Mi, F as Ii, G as $i, L as Oi, M as Ri, a as Ei, P as Ni, b as ki, S as Vi, T as Hi } from "./chunks/common.js";
-import { a as Qi, e as qi, i as Gi, g as wi, b as Ui, r as _i, h as ji, l as zi, m as Yi, p as Xi, j as Zi, k as Ji, q as eo, n as ao, o as to, d as so, f as ro, c as io } from "./chunks/type-guards.js";
-import { B as lo, a as no, C as uo, H as co, L as go, P as fo, S as yo } from "./chunks/interfaces2.js";
-import { g as mo, s as po } from "./chunks/runtime.js";
+import { B as vi, C as Mi, F as Ii, G as $i, L as Oi, M as Ri, a as Ei, P as Ni, b as ki, S as Vi, T as Hi, c as Ki } from "./chunks/common.js";
+import { a as qi, e as Gi, i as wi, g as Ui, b as _i, r as ji, h as zi, l as Yi, m as Xi, p as Zi, j as Ji, k as eo, q as ao, n as to, o as so, d as ro, f as io, c as oo } from "./chunks/type-guards.js";
+import { B as no, a as uo, C as co, H as go, L as fo, P as yo, S as bo } from "./chunks/interfaces2.js";
+import { g as po, s as So } from "./chunks/runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.131 */
+v4.34.0-next.133 */
 function I(a) {
   let o;
   switch (a.length) {
@@ -197,11 +197,11 @@ export {
   Mr as ActionState,
   Ir as ActionToggle,
   w as ArcgisChartsError,
-  lo as BarChartDataPopoverKinds,
-  no as BoxPlotDataPopoverKinds,
+  no as BarChartDataPopoverKinds,
+  uo as BoxPlotDataPopoverKinds,
   vi as BoxPlotDataSortingKinds,
   U as BoxPlotYFieldKeys,
-  uo as ChartAuthoringPages,
+  co as ChartAuthoringPages,
   $r as ChartComponentEvents,
   _ as ChartSubType,
   Mi as ColorFormatKeys,
@@ -215,17 +215,17 @@ export {
   Ii as FormatKeys,
   Us as GaugeChartSubTypes,
   $i as GuideOrientation,
-  co as HistogramDataPopoverKinds,
+  go as HistogramDataPopoverKinds,
   Nr as LayerFieldsChangePolicy,
   kr as LayerFilterChangePolicy,
   Vr as LayerRendererChangePolicy,
   Z as LimitBehavior,
-  go as LineChartDataPopoverKinds,
+  fo as LineChartDataPopoverKinds,
   Oi as LineFormatKeys,
   Ri as ModelTypes,
   J as OverlayTerms,
   Ei as PieChartDataModes,
-  fo as PieChartDataPopoverKinds,
+  yo as PieChartDataPopoverKinds,
   Ni as PieChartDataSortingKinds,
   ki as PieChartSlicesDisplay,
   m as RESTFieldType,
@@ -240,7 +240,7 @@ export {
   C as RESTSymbolType,
   Js as RESTUnits,
   er as RESTVerticalAlignment,
-  yo as ScatterplotDataPopoverKinds,
+  bo as ScatterplotDataPopoverKinds,
   ee as SelectionSource,
   Vi as SerialChartDataSortingKinds,
   ar as SizePolicyScaleTypes,
@@ -289,6 +289,7 @@ export {
   N as convertInlineDataToLayerDefinition,
   Ur as convertTimeZone,
   qr as createModel,
+  Ki as customSortString,
   be as defaultAxisLineColor,
   me as defaultBarLineFromFieldsName,
   pe as defaultBarLineFromFieldsValue,
@@ -320,7 +321,7 @@ export {
   Qe as firstWebMapVersion,
   qe as fullOpacity,
   Ge as generateRandomRestColor,
-  mo as getAssetPath,
+  po as getAssetPath,
   we as getBoxPlotChartSubType,
   Ue as getBoxPlotStatisticFieldNames,
   _e as getBoxPlotYList,
@@ -434,13 +435,13 @@ export {
   Rt as histogramBinCount,
   Q as inlineConversionPrivateFunctions,
   Et as isAbsoluteTruthWhereClause,
-  Qi as isBarChartModel,
+  qi as isBarChartModel,
   ti as isBarChartSeries,
   si as isBarChartSeriesArray,
-  qi as isBoxPlotModel,
+  Gi as isBoxPlotModel,
   ri as isBoxPlotSeries,
   ii as isBoxPlotSeriesArray,
-  Gi as isChartModel,
+  wi as isChartModel,
   Nt as isChartRotated,
   oi as isChartType,
   kt as isDateField,
@@ -450,27 +451,27 @@ export {
   Qt as isFeatureLayer,
   qt as isFeatureLayerView,
   Gt as isGaugeByFeature,
-  wi as isHistogramModel,
+  Ui as isHistogramModel,
   wt as isIntegerField,
-  Ui as isLineChartModel,
+  _i as isLineChartModel,
   li as isLineChartSeries,
   ni as isLineChartSeriesArray,
-  _i as isModelOfType,
-  ji as isModelWithBasicXAxis,
-  zi as isModelWithDataLabels,
-  Yi as isModelWithGuides,
-  Xi as isModelWithLegend,
-  Zi as isModelWithMultiAxes,
-  Ji as isModelWithRotation,
-  eo as isModelWithTemporalBinning,
-  ao as isModelWithXGuides,
-  to as isModelWithYGuides,
+  ji as isModelOfType,
+  zi as isModelWithBasicXAxis,
+  Yi as isModelWithDataLabels,
+  Xi as isModelWithGuides,
+  Zi as isModelWithLegend,
+  Ji as isModelWithMultiAxes,
+  eo as isModelWithRotation,
+  ao as isModelWithTemporalBinning,
+  to as isModelWithXGuides,
+  so as isModelWithYGuides,
   Ut as isMultiFieldsBoxPlot,
   ui as isNumberFormatOptions,
   _t as isNumberOfElementsUnderLimit,
   jt as isNumericField,
   zt as isPartialConfig,
-  so as isPieChartModel,
+  ro as isPieChartModel,
   Yt as isPropertyKeyInData,
   Xt as isQueryCacheable,
   Zt as isQueryCalculatedExprInItem,
@@ -480,9 +481,9 @@ export {
   fi as isSFS,
   yi as isSLS,
   bi as isSMS,
-  ro as isScatterplotModel,
+  io as isScatterplotModel,
   Jt as isSelectionEmpty,
-  io as isSerialChartModel,
+  oo as isSerialChartModel,
   es as isSeriesUsingTimeBinning,
   as as isSplitByChart,
   mi as isStackedTypeSupported,
@@ -529,7 +530,7 @@ export {
   Rs as reducedOpacity,
   Wi as removePopover,
   Es as sanitizeHTMLOutput,
-  po as setAssetPath,
+  So as setAssetPath,
   Ns as sortArrayAUsingArrayB,
   ks as timeUnitHelper,
   Pr as typeGuardsPrivateFunctions,

package/dist/interfaces.d.ts

@@ -72,6 +72,8 @@ export declare const BarChartDataPopoverKinds: {
     readonly numericFields: "numericField";
     readonly splitByField: "splitByField";
     readonly sortOrder: "sortOrder";
+    readonly interval: "interval";
+    readonly intervalAlignment: "intervalAlignment";
 };
 export type BarChartDataPopoverKinds = (typeof BarChartDataPopoverKinds)[keyof typeof BarChartDataPopoverKinds];
 export declare const PieChartDataPopoverKinds: {

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

@@ -3031,7 +3031,7 @@ export namespace WebChartJSONSchemas {
                             description: string;
                             default: string;
                         };
-                        color: {
+                        symbol: {
                             $ref: string;
                             description: string;
                             default: string;

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.131 */
+v4.34.0-next.133 */
 const o = t(e, {
   "arcgis-chart": [() => import("./components/arcgis-chart/customElement.js"), "actionMode,allowUsingObjectIdStat,autoDisposeChart,autoInverseDataLabelTextColor,chartIndex,chartLimits:,chartWillRender:,cursorRange,dataLabelFormatter:,disableInteractions,disableTogglingLegendItems,enableBetaFeatures,enableConfiguration,enableResponsiveFeatures,errorPolicy,featureIndex,filterByExtent,filterBySelection,gaugeInnerLabelFormatter:,guideTooltipFormatter:,hideEmptySeries,hideLicenseWatermark,hideLoaderAnimation,ignoreSmoothRenderingLimit,ignoreViewExtent,layer:,layerFieldsChangePolicy,layerFilterChangePolicy,layerItemId,layerRendererChangePolicy,legendPosition,legendValueLabelFormatter:,legendVisibility,loaderColors:,model:,nullAsValid,placeholder,queueChartCreation,replaceNoValueCategoryWithZero,returnFeaturesExtent,returnSelectionIndexes,returnSelectionOIDs,rotation,runtimeDataFilters:,secondaryYAxisLabelFormatter:,selectionData:,selectionTheme:,setTimeBinningInfoWhenNotProvided,showUIMessages,syncSelection,syncSelectionsBetweenChartAndLayerViewPolicy,timeZone,tooltipFormatter:,updateSplitBySeries:,useAnimatedCharts,usePopupTemplateFieldsInfo,view:,viewTimeExtentChangePolicy,xAxisLabelFormatter:,yAxisLabelFormatter:;clearSelection,errorAlert,exportAsCSV,exportAsImage,loadModel,notify,refresh,resetZoom,switchSelection"],
   "arcgis-charts-action-bar": [() => import("./components/arcgis-charts-action-bar/customElement.js"), "actionBarSelectionMode,chartElement:,chartType,clearSelectionState,clearSelectionTitle,clearSelectionToggle,disableCSVExportForChartTypes:,editChartState,editChartTitle,editChartToggle,expanded,exportActionState,exportAsCSVState,exportAsCSVTitle,exportAsImageState,exportAsImageTitle,filterByExtentState,filterByExtentTitle,filterByExtentToggle,filterBySelectionState,filterBySelectionTitle,filterBySelectionToggle,forceDisableActions,fullExtentState,fullExtentTitle,fullExtentToggle,hiddenActions:,legendState,legendTitle,legendToggle,messageOverrides:,rotateChartState,rotateChartTitle,rotateChartToggle,selectionState,selectionTitle,selectionToggle,switchSelectionState,switchSelectionTitle,switchSelectionToggle,zoomState,zoomTitle,zoomToggle"],

package/dist/model/box-plot-model/box-plot-model.d.ts

@@ -1,5 +1,5 @@
 import { ChartConfig, XYChartTypes } from '../../utils';
-import { Color, RESTSimpleLineSymbolStyle, WebChart, WebChartDataFilters } from '../../spec';
+import { Color, RESTSimpleLineSymbolStyle, WebChart } from '../../spec';
 import { ChartModel } from '../chart-model/chart-model';
 import { ModelParams } from '../interfaces/chart-interfaces';
 import { LayerInfo, ModelTypes, BoxPlotDataSortingKinds } from '../interfaces/common';
@@ -11,6 +11,12 @@ export declare class BoxPlotModel extends ChartModel {
     protected _config: ChartConfig<typeof ModelTypes.BoxPlot, WebChart>;
     protected _chartType: XYChartTypes;
     protected layerInfo: LayerInfo;
+    /**
+     * Specifies whether the model supports custom sort.
+     * @default true
+     * @readonly
+     */
+    static supportsCustomSort: boolean;
     /**
      * Common strings used in the model.
      * @category Private
@@ -33,11 +39,6 @@ export declare class BoxPlotModel extends ChartModel {
      * @async **This method is `async` and must be awaited for the changes to take effect.**
      */
     setCategory(newCategory: string): Promise<void>;
-    /**
-     * Gets the list of the category values for the chart.
-     * @returns {string[]}
-     */
-    getCustomSortValues(): Promise<string[]>;
     /**
      * Gets the numeric fields array for the box plot.
      * @returns {string[]}
@@ -93,6 +94,11 @@ export declare class BoxPlotModel extends ChartModel {
      * @param {string[]} orderByList The new list of category's values for custom sort.
      */
     setSortOrder(newSortOrder: BoxPlotDataSortingKinds, orderByList?: string[]): void;
+    /**
+     * Gets the list of the category values for the chart.
+     * @returns {string[]}
+     */
+    getCustomSortValues(): Promise<string[]>;
     /**
      * Gets the list of category's values for custom sort
      * @returns {string[]}
@@ -108,16 +114,6 @@ export declare class BoxPlotModel extends ChartModel {
      * @async **This method is `async` and must be awaited for the changes to take effect.*
      */
     updateSeriesFromLayerFilter(): Promise<void>;
-    /**
-     * Gets the data filter for the bar chart.
-     * @returns {WebChartDataFilters | undefined}
-     */
-    getDataFilter(): WebChartDataFilters | undefined;
-    /**
-     * Sets the data filter for the bar chart.
-     * @param {WebChartDataFilters | undefined} newDataFilter The new data filter.
-     */
-    setDataFilter(newDataFilter: WebChartDataFilters | undefined): Promise<void>;
     /**
      * Gets whether mean lines are shown.
      * @returns {boolean | undefined}

package/dist/model/box-plot-model/utils/box-plot-data.d.ts

@@ -1,5 +1,5 @@
 import { BoxPlotConfig, ChartConfig, CommonStrings } from '../../../utils';
-import { Color, WebChartBoxPlotSeries, WebChartDataFilters, WebChartLineChartSeries } from '../../../spec';
+import { Color, WebChartBoxPlotSeries, WebChartLineChartSeries } from '../../../spec';
 import { LayerInfo, ModelTypes, BoxPlotDataSortingKinds } from '../../interfaces/common';
 /**
  * Gets the category field.
@@ -123,18 +123,6 @@ export declare const getOrderByList: (config: ChartConfig<typeof ModelTypes.BoxP
  * @param  {ChartConfig<typeof ModelTypes.BoxPlot>} config - The chart config.
  */
 export declare const setOrderByList: (values: string[], config: ChartConfig<typeof ModelTypes.BoxPlot>) => void;
-/**
- * Get the data filter from the config.
- * @param  {ChartConfig<typeof ModelTypes.BoxPlot>} config - The chart config.
- * @returns WebChartDataFilters | undefined - The data filter.
- */
-export declare const getDataFilter: (config: ChartConfig<typeof ModelTypes.BoxPlot>) => WebChartDataFilters | undefined;
-/**
- * Set the data filter in the config.
- * @param  {WebChartDataFilters | undefined} dataFilter - The data filter.
- * @param  {ChartConfig<typeof ModelTypes.BoxPlot>} config - The chart config.
- */
-export declare const setDataFilter: (dataFilter: WebChartDataFilters | undefined, config: ChartConfig<typeof ModelTypes.BoxPlot>) => void;
 /**
  * Get the custom sort values from the config.
  * @param  {ChartConfig<typeof ModelTypes.BoxPlot>} config - The chart config.

package/dist/model/chart-model/chart-model.d.ts

@@ -1,4 +1,4 @@
-import { Color, IDrawingInfo, LegendItemVisibility, NumberFormatOptions, SupportedLayer, WebChartTextSymbol } from '../../spec';
+import { Color, IDrawingInfo, LegendItemVisibility, NumberFormatOptions, SupportedLayer, WebChartDataFilters, WebChartTextSymbol } from '../../spec';
 import { ModelParams } from '../interfaces/chart-interfaces';
 import { LayerInfo, ModelTypes } from '../interfaces/common';
 import { ChartConfig, ChartSubType, ChartTypes } from '../../utils';
@@ -27,6 +27,11 @@ export declare abstract class ChartModel extends EventTarget {
      * Data store object that can be used to store any data needed for the chart.
      */
     dataStore: any;
+    /**
+     * Whether this chart type supports custom sort.
+     * Default: false (no custom sort).
+     */
+    static supportsCustomSort: boolean;
     /**
      * Completes the async setup process for the chart model. Must be called before using the model.
      * @param {ModelParams} params The parameters to be used to set up the chart model.
@@ -314,6 +319,35 @@ export declare abstract class ChartModel extends EventTarget {
      * @returns {string[]}
      */
     getSplitByValues(): string[];
+    /**
+     * Get the sort order kind.
+     * Only called if `supportsCustomSort` is true.
+     */
+    protected getSortOrderKind(): string;
+    /**
+     * Get custom sort values.
+     * Only called if `supportsCustomSort` is true.
+     */
+    getCustomSortValues(): Promise<string[]>;
+    /**
+     * Set sort order kind.
+     * Only called if `supportsCustomSort` is true.
+     */
+    setSortOrderKind(_sortOrder: string, _orderByList: string[]): void;
+    /**
+     * Check if the given sort order is a 'custom sort'.
+     * Only called if `supportsCustomSort` is true.
+     */
+    protected isSortOrderCustomSort(sortOrder: string): boolean;
+    /**
+     * Gets the data filter for the bar chart.
+     * @returns {WebChartDataFilters | undefined}
+     */
+    getDataFilters(): WebChartDataFilters | undefined;
+    /**
+     * Shared method for all chart types.
+     */
+    setDataFilter(newDataFilters: WebChartDataFilters | undefined): Promise<void>;
     /**
      * Emits a config update event.
      * @category Protected

package/dist/model/chart-model/utils/data.d.ts

@@ -1,3 +1,4 @@
+import { WebChartDataFilters } from '../../../spec';
 import { ChartConfig } from '../../../utils';
 /**
  * Sets whether to fetch `null` values for them to be counted or displayed as categories on the chart.
@@ -17,3 +18,15 @@ export declare const getFetchNULLValues: (config: ChartConfig) => boolean;
  * @returns {string[]} An array of split by values.
  */
 export declare const getSplitByValues: (config: ChartConfig) => string[];
+/**
+ * Get the data filter from the config.
+ * @param  {ChartConfig} config - The chart config.
+ * @returns WebChartDataFilters | undefined - The data filter.
+ */
+export declare const getDataFilters: (config: ChartConfig) => WebChartDataFilters | undefined;
+/**
+ * Set the data filter in the config.
+ * @param  {WebChartDataFilters | undefined} dataFilter - The data filter.
+ * @param  {ChartConfig} config - The chart config.
+ */
+export declare const setDataFilters: (dataFilter: WebChartDataFilters | undefined, config: ChartConfig) => void;

package/dist/model/interfaces/common.d.ts

@@ -9,6 +9,7 @@ import { LineChartModel } from '../line-chart-model/line-chart-model';
 import { PieChartModel } from '../pie-chart-model/pie-chart-model';
 import { RadarChartModel } from '../radar-chart-model/radar-chart-model';
 import { ScatterplotModel } from '../scatterplot-model/scatterplot-model';
+export declare const customSortString = "customSort";
 export declare const SerialChartDataSortingKinds: {
     readonly xAxisAsc: "xAxisAsc";
     readonly xAxisDesc: "xAxisDesc";

package/dist/model/pie-chart-model/pie-chart-model.d.ts

@@ -22,6 +22,12 @@ export declare class PieChartModel extends ChartModel {
      */
     protected _mode: PieChartDataModes;
     protected layerInfo: LayerInfo;
+    /**
+     * Specifies whether the model supports custom sort.
+     * @default true
+     * @readonly
+     */
+    static supportsCustomSort: boolean;
     /**
      * Array of hidden grouped slice ids
      * @category Private

package/dist/model/serial-chart-model/serial-chart-model.d.ts

@@ -1,6 +1,6 @@
 import { SerialChartTypes } from '../../utils';
 import { ChartModel } from '../chart-model/chart-model';
-import { Color, WebChartStatisticType, WebChartDataFilters, WebChartStackedKinds } from '../../spec';
+import { Color, WebChartStatisticType, WebChartStackedKinds } from '../../spec';
 import { SerialChartConfig } from '../interfaces/chart-interfaces';
 import { SerialChartDataSortingKinds } from '../interfaces/common';
 import { ModelWithColorMatch, ModelWithDataLabels, ModelWithLegend, ModelWithTooltips, ModelWithRotation, ModelWithTemporalBinning, ModelWithXGuides, ModelWithYGuides, ModelWithMultiAxes } from '../mixins';
@@ -14,6 +14,12 @@ export declare abstract class SerialChartModel extends ChartModel {
      * Current configuration used for the series chart.
      */
     protected _config: SerialChartConfig;
+    /**
+     * Specifies whether the model supports custom sort.
+     * @default true
+     * @readonly
+     */
+    static supportsCustomSort: boolean;
     /**
      * Gets the x-axis field for the chart.
      * @returns {string}
@@ -69,21 +75,6 @@ export declare abstract class SerialChartModel extends ChartModel {
      * @async **This method is `async` and must be awaited for the changes to take effect.**
      */
     setNumericFields(newNumericFields: string[] | string): Promise<void>;
-    /**
-     * Gets the data filter for the bar chart.
-     * @returns {WebChartDataFilters | undefined}
-     */
-    getDataFilter(): WebChartDataFilters | undefined;
-    /**
-     * Sets the data filter for the bar chart.
-     * @param {WebChartDataFilters | undefined} newDataFilter The new data filter.
-     */
-    setDataFilter(newDataFilter: WebChartDataFilters | undefined): Promise<void>;
-    /**
-     * Gets the list of the category values for the chart.
-     * @returns {string[]}
-     */
-    getCustomSortValues(): Promise<string[]>;
     /**
      * Gets the sort order for the bar chart.
      * @returns {"xAxisAsc" | "xAxisDesc" | "yAxisAsc" | "yAxisDesc" | "customSort"}
@@ -95,6 +86,11 @@ export declare abstract class SerialChartModel extends ChartModel {
      * @param {string[]} orderByList The list of category's values to order by.
      */
     setSortOrder(newSortOrder: SerialChartDataSortingKinds, orderByList?: string[]): void;
+    /**
+     * Gets the list of the category values for the chart.
+     * @returns {string[]}
+     */
+    getCustomSortValues(): Promise<string[]>;
     /**
      * Gets the list of custom sort values for custom sort
      * @returns {string[]}
@@ -110,6 +106,18 @@ export declare abstract class SerialChartModel extends ChartModel {
      * @async **This method is `async` and must be awaited for the changes to take effect.**
      */
     updateSeriesFromLayerFilter(): Promise<void>;
+    /**
+     * Gets whether temporal binning is enabled for all series in the config.
+     * @returns {boolean} - Whether temporal binning is enabled.
+     */
+    getBinTemporalData(): boolean;
+    /**
+     * Enable or disable temporal binning for all series in the config.
+     * @param {boolean} value - Whether to enable or disable temporal binning.
+     *
+     * **NOTE** This method removes any existing temporal binning settings if `value` is set to `false`.
+     */
+    setBinTemporalData(value: boolean): void;
     /**
      * Gets the name of the series based on the series index.
      * If the index is out of bounds, it will return `undefined`.

package/dist/model/serial-chart-model/utils/serial-chart-data.d.ts

@@ -1,4 +1,4 @@
-import { WebChartDataFilters, WebChartStatisticType } from '../../../spec';
+import { WebChartStatisticType } from '../../../spec';
 import { ChartConfig, CommonStrings } from '../../../utils';
 import { SerialChartConfig } from '../../interfaces/chart-interfaces';
 import { LayerInfo, SerialChartDataSortingKinds } from '../../interfaces/common';
@@ -146,18 +146,6 @@ export declare const getDefaultSeriesName: (props: {
  * @param  {ChartConfig} config - The chart config.
  */
 export declare const setOrderByList: (values: string[], config: ChartConfig) => void;
-/**
- * Get the data filter from the config.
- * @param  {ChartConfig} config - The chart config.
- * @returns WebChartDataFilters | undefined - The data filter.
- */
-export declare const getDataFilter: (config: ChartConfig) => WebChartDataFilters | undefined;
-/**
- * Set the data filter in the config.
- * @param  {WebChartDataFilters | undefined} dataFilter - The data filter.
- * @param  {ChartConfig} config - The chart config.
- */
-export declare const setDataFilter: (dataFilter: WebChartDataFilters | undefined, config: ChartConfig) => void;
 /**
  * Get the custom sort values from the config.
  * @param  {SerialChartConfig} config - The chart config.
@@ -166,3 +154,17 @@ export declare const setDataFilter: (dataFilter: WebChartDataFilters | undefined
  * @returns string[] - The custom sort values.
  */
 export declare const getCustomSortValues: (config: SerialChartConfig, layerInfo: LayerInfo | undefined) => Promise<string[]>;
+/**
+ * Get whether temporal binning is enabled for the series in the config.
+ * @param {SerialChartConfig} config - The chart config.
+ * @returns {boolean} - Whether temporal binning is enabled.
+ */
+export declare function getBinTemporalData(config: SerialChartConfig): boolean;
+/**
+ * Enable or disable temporal binning for all series in the config.
+ * @param {SerialChartConfig} config - The chart config.
+ * @param {boolean} value - Whether to enable or disable temporal binning.
+ *
+ * **NOTE** This method removes any existing temporal binning settings if `value` is set to `false`.
+ */
+export declare function setBinTemporalData(value: boolean, config: SerialChartConfig): void;

package/dist/spec/web-chart.d.ts

@@ -1339,12 +1339,12 @@ export interface WebChartHeatChartSeries extends WebChartSeries {
          */
         text?: string;
         /**
-         * Specifies the color to use for the item with no data.
-         * If none is provided, the default color will be used.
+         * Specifies the symbol to use for the item with no data.
+         * If none is provided, the default symbol will be used.
          *
-         * @default [150, 150, 150, 255] - light gray
+         * @default A solid fill symbol with [150, 150, 150, 255] color (light gray) color
          */
-        color?: Color;
+        symbol?: ISimpleFillSymbol;
     };
 }
 export type WebChartRadarChartSeries = WebChartLineChartSeries<"radarSeries">;

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

@@ -106,6 +106,7 @@ declare const CommonStringsIdentity: (value: {
             invalidValueFormatForHistogram: string;
             invalidValueFormatForScatterplot: string;
             invalidValueFormatForGauge: string;
+            invalidValueFormatForHeatChart: string;
             mismatchAxisAndValueFormat: string;
             queryError: string;
             simpleError: string;
@@ -130,6 +131,7 @@ declare const CommonStringsIdentity: (value: {
             pieChartCannotHaveMixtureOfPositiveAndNegativeSlices: string;
             pieChartSlicesCannotExceedLimit: string;
             gaugeCannotExceedLimit: string;
+            heatChartCannotExceedLimit: string;
             negativeValueInDataForLogTransformation: string;
             negativeValueInDataForSqrtTransformation: string;
             logarithmicXAxisNotPossible: string;
@@ -356,6 +358,7 @@ declare const CommonStringsIdentity: (value: {
             invalidValueFormatForHistogram: string;
             invalidValueFormatForScatterplot: string;
             invalidValueFormatForGauge: string;
+            invalidValueFormatForHeatChart: string;
             mismatchAxisAndValueFormat: string;
             queryError: string;
             simpleError: string;
@@ -380,6 +383,7 @@ declare const CommonStringsIdentity: (value: {
             pieChartCannotHaveMixtureOfPositiveAndNegativeSlices: string;
             pieChartSlicesCannotExceedLimit: string;
             gaugeCannotExceedLimit: string;
+            heatChartCannotExceedLimit: string;
             negativeValueInDataForLogTransformation: string;
             negativeValueInDataForSqrtTransformation: string;
             logarithmicXAxisNotPossible: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "4.34.0-next.131",
+  "version": "4.34.0-next.133",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "dist/index.js",
@@ -28,8 +28,8 @@
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
     "@amcharts/amcharts5": "^5.13.5",
-    "@arcgis/lumina": "4.34.0-next.131",
-    "@arcgis/toolkit": "4.34.0-next.131",
+    "@arcgis/lumina": "4.34.0-next.133",
+    "@arcgis/toolkit": "4.34.0-next.133",
     "ajv": "6.12.6",
     "d3-array": "^3.2.1",
     "d3-shape": "^3.2.0",

package/dist/cdn/3GP4JK4U.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.131 */
-import g from"./QITPT2BQ.js";import e from"./UHFF6EON.js";import d from"./WKXRMVX2.js";import b from"./C4JLSXWE.js";import{i as c,k as f}from"./H5JEAOJL.js";import{a as E}from"./RR3FZWJC.js";import a from"./N5HPONPJ.js";import{a as F,f as r}from"./3AS6FXA3.js";export default $arcgis.t(([,,,,,,,{Fa:g,N:x,Oa:B,P:v,V:w,Z:A,ba:U,mb:l,wc:O},{Ba:S,Ca:ge,Da:le,Ea:_,Y:p,Z:y,_:z,a:X,aa:P,b:d,ba:q,ca:W,d:m,da:Y,ea:G,fa:H,ga:J,ha:K,ia:Q,ja:R,ka:Z,ma:$,na:ee,oa:ie,qa:te,ra:o,sa:se,ta:ae,ua:ne,va:n,wa:u,xa:oe,ya:C,za:re},{a:h,c:b,d:M,e:D},{a:V,b:N,c:k,d:L},j])=>{var I=class extends h{getTemporalBinningSize(){return P(this._config)}setTemporalBinningSize(e){H(e,this._config),this.emitConfigUpdate("setTemporalBinningSize")}getTemporalBinningUnit(){return q(this._config)}setTemporalBinningUnit(e){K(e,this._config),this.emitConfigUpdate("setTemporalBinningUnit")}getTimeAggregationType(){return W(this._config)}setTimeAggregationType(e){Q(e,this._config),this.emitConfigUpdate("setTimeAggregationType")}getTrimIncompleteTimeInterval(){return Y(this._config)}setTrimIncompleteTimeInterval(e){R(e,this._config),this.emitConfigUpdate("setTrimIncompleteTimeInterval")}getNullPolicy(){return G(this._config)}setNullPolicy(e){J(e,this._config),this.emitConfigUpdate("setNullPolicy")}resetTimeInterval(){Z(this._config),this.emitConfigUpdate("resetTimeInterval")}},he=(s,e)=>e.series?.[s].assignToSecondValueAxis??!1,de=async(s,e,i)=>{s&&i.axes!==void 0&&!i.axes?.[2]&&(i.axes[2]=(await A(F.BarSeries))[1]),i.series&&i.series.forEach((t,a)=>{a===e?t.assignToSecondValueAxis=s:a!==e&&t?.assignToSecondValueAxis!==!0&&(t.assignToSecondValueAxis=!1)}),i.axes?.[2]&&!i.series.some(t=>t.assignToSecondValueAxis)&&i.axes.splice(2,1)},me=(s,e)=>e.series?.[s]?.name,pe=(s,e,i)=>{i.series?.[e]&&(i.series[e].name=s)},ye=(s,e)=>{let i=e.series?.[s],t;return f(i)?t=i.fillSymbol?.color:c(i)&&(t=i.lineSymbol?.color),t},ue=(s,e,i)=>{let t=i.series?.[e];t&&(f(t)?t.fillSymbol={...U(e),...t.fillSymbol,color:s}:c(t)&&(t.lineSymbol={...w(e),...t.lineSymbol,color:s}))},Ce=s=>s.series.map(e=>e.id),Se=(s,e)=>{e.series?.sort((i,t)=>s.findIndex(a=>i.id===a)-s.findIndex(a=>t.id===a))},_e=s=>s.stackedType??r.Side,Ie=async s=>{let{newStackedType:e,config:i,layerInfo:t}=s;if(i.stackedType=e,t!==void 0){let a=await d({config:i,layerInfo:t,numericFields:n(i),aggregationType:o(i)});X(i,1,a)}i.axes?.[1]&&(e===r.Stacked100?i.axes[1].valueFormat=v():i.axes[1].valueFormat=x()),m({config:i,value:null,axisIndex:1,isMax:!1}),m({config:i,value:null,axisIndex:1,isMax:!0})},T=class extends h{getXAxisField(){return z(this._config)}async setXAxisField(e){let i=e.trim()==="";!i&&this.layerInfo&&await oe(e,this._config,this.layerInfo);let t=n(this._config),a=l(this._config.series)===g.BarAndLineFromFields,ce=t.includes(this.layerInfo?.objectIdField??"");if(i||a&&ce){await this.resetConfig();let fe=t.length===1&&t[0]===this.layerInfo?.objectIdField;this.layerInfo&&t.length>0&&!fe&&await u(t,this._config,this.layerInfo)}this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate("setXAxisField")}getAggregationType(){return o(this._config)}async setAggregationType(e){this.layerInfo&&(await se(e,this._config,this.layerInfo),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate("setAggregationType"))}getAssignToSecondValueAxis(e){return he(e,this._config)}async setAssignToSecondValueAxis(e,i){await de(e,i,this._config),this.emitConfigUpdate("setAssignToSecondValueAxis")}getSplitByField(){return ae(this._config)}async setSplitByField(e){this.layerInfo?.layerFieldsInfo&&$(this.layerInfo?.layerFieldsInfo,e)&&(await ne(e,this._config,this.layerInfo),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate("setSplitByField"))}getNumericFields(){return n(this._config)}async setNumericFields(e){if(typeof e=="string"&&(e=[e]),ee(this.layerInfo?.layerFieldsInfo??[],e)&&this.layerInfo){await u(e,this._config,this.layerInfo);let i=n(this._config);l(this._config.series)===g.BarAndLineFromFields&&i.some(t=>t===this.layerInfo?.objectIdField)&&await this.resetConfig(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate("setNumericFields")}}getDataFilter(){return ge(this._config)}async setDataFilter(e){le(e,this._config);let i=C(this._config);if(i===E.customSort){let t=await _(this._config,this.layerInfo);y(i,this._config,t)}this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate("setDataFilter")}async getCustomSortValues(){return await _(this._config,this.layerInfo)}getSortOrder(){return C(this._config)}setSortOrder(e,i){y(e,this._config,i),this.emitConfigUpdate("setSortOrder")}getOrderByList(){return p(this._config)}setOrderByList(e){!O(this._config)&&(S(e,this._config),this.emitConfigUpdate("setOrderByList"))}async updateSeriesFromLayerFilter(){this.layerInfo!==void 0&&(await re({splitByField:this.getSplitByField(),numericFields:this.getNumericFields(),aggregationType:this.getAggregationType(),config:this._config,layerInfo:this.layerInfo}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate("updateSeriesFromLayerFilter"))}getSeriesName(e){return me(e,this._config)}setSeriesName(e,i){pe(e,i,this._config),this.emitConfigUpdate("setSeriesName")}getSeriesColor(e){return ye(e,this._config)}setSeriesColor(e,i){ue(e,i,this._config),this.emitConfigUpdate("setSeriesColor")}getOrderOfSeries(){return Ce(this._config)}setOrderOfSeries(e){Se(e,this._config),this.emitConfigUpdate("setOrderOfSeries")}getStackedType(){return _e(this._config)}async setStackedType(e){await Ie({newStackedType:e,config:this._config,layerInfo:this.layerInfo}),this.emitConfigUpdate("setStackedType")}moveSeries(e,i){let t=this.getOrderOfSeries(),[a]=t.splice(e,1);t.splice(i,0,a),this.setOrderOfSeries(t),this.emitConfigUpdate("moveSeries")}moveCustomSortValuesInOrderByList(e,i){let t=p(this._config),[a]=t.splice(e,1);t.splice(i,0,a),S(t,this._config),this.emitConfigUpdate("moveCustomSortValuesInOrderByList")}async resetConfig(){let e=this._config.id;this._config=await this.generateDefaultConfig(),this._config.id=e,this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate("resetConfig")}async generateChartTitle(){return this.layerInfo!==void 0?await te(this._config,this.layerInfo):""}generateXAxisTitle(){let e=this.getXAxisField();return this.layerInfo!==void 0?B(this.layerInfo.layerFieldsInfo,e):""}async generateYAxisTitle(){return this.layerInfo!==void 0?await d({config:this._config,layerInfo:this.layerInfo,numericFields:n(this._config),aggregationType:o(this._config)}):""}};ie(T,[D,N,k,V,j,L,b,M,I]);return{a:pe,b:ue,c:T}},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b,d,e,g)