@arcgis/charts-components 4.34.0-next.99 → 4.34.0

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

@@ -1,4 +1,4 @@
-import { ISimpleLineSymbol } from '@arcgis/charts-spec';
+import { ISimpleLineSymbol } from '../../../spec';
 import { ChartConfig } from '../../../utils';
 import { ModelTypes, PieChartSlicesDisplay } from '../../interfaces/common';
 /**
@@ -36,7 +36,7 @@ export declare const getStartAngle: (config: ChartConfig<typeof ModelTypes.PieCh
  * @param angle The start angle for the pie chart.
  * @param config The chart configuration.
  */
-export declare const setStartAngle: (angle: number, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+export declare const setStartAngle: (angle: number | null | undefined, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the end angle of the pie chart.
  * @param config The chart configuration.
@@ -48,7 +48,7 @@ export declare const getEndAngle: (config: ChartConfig<typeof ModelTypes.PieChar
  * @param angle The end angle for the pie chart.
  * @param config The chart configuration.
  */
-export declare const setEndAngle: (angle: number, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+export declare const setEndAngle: (angle: number | null | undefined, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the display category value on tooltip setting from the chart config.
  * @param config The chart configuration.
@@ -112,7 +112,7 @@ export declare const getValuePrefix: (config: ChartConfig<typeof ModelTypes.PieC
  * @param prefix The prefix to set for the values in the chart config.
  * @param config The chart configuration.
  */
-export declare const setValuePrefix: (prefix: string, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+export declare const setValuePrefix: (prefix: string | undefined, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the suffix for the slice values in the chart config.
  * @param config The chart configuration.
@@ -124,7 +124,7 @@ export declare const getValueSuffix: (config: ChartConfig<typeof ModelTypes.PieC
  * @param suffix The suffix to set for the slice values in the chart config.
  * @param config The chart configuration.
  */
-export declare const setValueSuffix: (suffix: string, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+export declare const setValueSuffix: (suffix: string | undefined, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the prefix for the slice percentage values in the chart config.
  * @param config The chart configuration.
@@ -136,7 +136,7 @@ export declare const getPercentagePrefix: (config: ChartConfig<typeof ModelTypes
  * @param prefix The prefix to set for the slice percentage values in the chart config.
  * @param config The chart configuration.
  */
-export declare const setPercentagePrefix: (prefix: string, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+export declare const setPercentagePrefix: (prefix: string | undefined, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the suffix for the slice percentage values in the chart config.
  * @param config The chart configuration.
@@ -148,7 +148,7 @@ export declare const getPercentageSuffix: (config: ChartConfig<typeof ModelTypes
  * @param suffix The suffix to set for the slice percentage values in the chart config.
  * @param config The chart configuration.
  */
-export declare const setPercentageSuffix: (suffix: string, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+export declare const setPercentageSuffix: (suffix: string | undefined, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the display type for the slices in the pie chart.
  * @param config The chart configuration.
@@ -173,7 +173,7 @@ export declare const getAlignDataLabels: (config: ChartConfig<typeof ModelTypes.
  * @param align The boolean value to set the alignDataLabels to
  * @param config The chart configuration.
  */
-export declare const setAlignDataLabels: (align: boolean, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+export declare const setAlignDataLabels: (align: boolean | undefined, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the setting for placing the data labels inside of the slices from the chart config.
  * @param config The chart configuration.
@@ -186,7 +186,7 @@ export declare const getDataLabelsInside: (config: ChartConfig<typeof ModelTypes
  * @param align The boolean value to set the dataLabelsInside to
  * @param config The chart configuration.
  */
-export declare const setDataLabelsInside: (align: boolean, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+export declare const setDataLabelsInside: (align: boolean | undefined, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the data labels offset from the chart config.
  * @param config The chart configuration.
@@ -199,7 +199,7 @@ export declare const getDataLabelsOffset: (config: ChartConfig<typeof ModelTypes
  * @param offset The offset to set for the data labels in the chart config.
  * @param config The chart configuration.
  */
-export declare const setDataLabelsOffset: (offset: number, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+export declare const setDataLabelsOffset: (offset: number | undefined, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the decimal places limit from the chart config.
  * @param config The chart configuration.
@@ -224,7 +224,7 @@ export declare const getOptimizeDataLabelsOverlapping: (config: ChartConfig<type
  * @param optimize The boolean value to set the optimizeDataLabelsOverlapping to
  * @param config The chart configuration.
  */
-export declare const setOptimizeDataLabelsOverlapping: (optimize: boolean, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+export declare const setOptimizeDataLabelsOverlapping: (optimize: boolean | undefined, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the ticks' visible setting from the chart config.
  * @param config - The chart configuration.

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

@@ -1,4 +1,4 @@
-import { WebChartPieChartGroupSlice, WebChartPieChartSlice, Color } from '@arcgis/charts-spec';
+import { WebChartPieChartGroupSlice, WebChartPieChartSlice, Color } from '../../../spec';
 import { ChartConfig } from '../../../utils';
 import { ModelTypes } from '../../interfaces/common';
 export declare const getOriginalName: (sliceIndex: number, config: ChartConfig<typeof ModelTypes.PieChart>) => Date | number | string | null | undefined;

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

@@ -1,15 +1,10 @@
-import { WebChart, WebChartRadarChartSeries } from '@arcgis/charts-spec';
+import { WebChart, WebChartRadarChartSeries } from '../../spec';
 import { ChartConfig } from '../../utils';
 import { SerialChartModel } from '../serial-chart-model/serial-chart-model';
 import { ModelParams } from '../interfaces/chart-interfaces';
 import { ModelWithBaselineStacking, ModelWithLineMarkerStyling } from '../mixins';
 import { LayerInfo, ModelTypes } from '../interfaces/common';
 export declare class RadarChartModel extends SerialChartModel {
-    /**
-     * Common strings used in the model.
-     * @category Private
-     */
-    private commonStrings;
     /**
      * Current configuration used for the Radar chart.
      */
@@ -22,12 +17,12 @@ export declare class RadarChartModel extends SerialChartModel {
     protected _chartType: "radarSeries";
     protected layerInfo: LayerInfo;
     setup(params: ModelParams<ChartConfig<typeof ModelTypes.RadarChart>>): Promise<void>;
-    protected generateDefaultConfig(): Promise<Omit<typeof this._config, "iLayer">>;
+    protected generateDefaultConfig(): Omit<typeof this._config, "iLayer">;
     /**
      * Initializes the default series for the radar chart. Used in resetting the series styling.
      * @category Private
      */
-    protected initDefaultSeries(): Promise<void>;
+    protected initDefaultSeries(): void;
     /**
      * Resets the series styling to the default styling.
      */

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

@@ -1,9 +1,9 @@
-import { ISimpleLineSymbol, ISimpleMarkerSymbol, WebChart, SizePolicy, ScatterplotOverlays } from '@arcgis/charts-spec';
+import { ISimpleLineSymbol, ISimpleMarkerSymbol, WebChart, SizePolicy, ScatterplotOverlays } from '../../spec';
 import { ChartConfig, XYChartTypes } from '../../utils';
 import { ModelParams } from '../interfaces/chart-interfaces';
 import { LayerInfo, ModelTypes } from '../interfaces/common';
 import { ChartModel } from '../chart-model/chart-model';
-import { ModelWithColorMatch, ModelWithDataLabels, ModelWithXGuides, ModelWithYGuides, ModelWithLegend, ModelWithXYAxes, ModelWithTooltips } from '../mixins';
+import { ModelWithColorMatch, ModelWithDataLabels, ModelWithXGuides, ModelWithYGuides, ModelWithLegend, ModelWithMultiAxes, ModelWithTooltips } from '../mixins';
 export declare class ScatterplotModel extends ChartModel {
     /**
      * Current configuration used for the scatterplot.
@@ -13,82 +13,53 @@ export declare class ScatterplotModel extends ChartModel {
     protected layerInfo: LayerInfo;
     setup(params: ModelParams<ChartConfig<typeof ModelTypes.Scatterplot>>): Promise<void>;
     /**
-     * Gets the x-axis field.
-     * @returns {string}
-     */
-    getXAxisField(): string;
-    /**
-     * Sets the x-axis field.
-     * @param {string} fieldName
-     * @async **This method is `async` and must be awaited for the changes to take effect.**
-     */
-    setXAxisField(fieldName: string): Promise<void>;
-    /**
-     * Gets the y-axis field.
-     * @returns {string}
-     */
-    getYAxisField(): string;
-    /**
-     * Sets the y-axis field.
-     * @param {string} fieldName
-     * @async **This method is `async` and must be awaited for the changes to take effect.**
+     * X-axis field.
      */
-    setYAxisField(fieldName: string): Promise<void>;
+    get xAxisField(): string;
+    set xAxisField(fieldName: string);
     /**
-     * Gets whether the linear trend line is shown.
-     * @returns {boolean}
+     * Y-axis field.
      */
-    getShowLinearTrend(): boolean;
+    get yAxisField(): string;
+    set yAxisField(fieldName: string);
     /**
-     * Sets whether to show the linear trend line.
-     * @param {boolean} show
+     * Whether the linear trend line is shown.
      */
-    setShowLinearTrend(show: boolean): void;
+    get showLinearTrend(): boolean;
+    set showLinearTrend(show: boolean);
     /**
-     * Gets the line symbol for the linear trend line.
-     * @returns {ISimpleLineSymbol}
+     * Line symbol for the linear trend line.
      */
-    getLinearTrendSymbol(): ISimpleLineSymbol;
+    get linearTrendSymbol(): ISimpleLineSymbol;
+    set linearTrendSymbol(symbol: ISimpleLineSymbol);
     /**
-     * Sets the line symbol for the linear trend line.
-     * @param {ISimpleLineSymbol} symbol
+     * Marker symbol used for the scatterplot points when using a fixed symbol (i.e. no size policy is set).
      */
-    setLinearTrendSymbol(symbol: ISimpleLineSymbol): void;
+    get fixedMarkerSymbol(): ISimpleMarkerSymbol;
+    set fixedMarkerSymbol(symbol: ISimpleMarkerSymbol);
     /**
-     * Gets the marker symbol used for the scatterplot points when using a fixed symbol (i.e. no size policy is set).
-     * @returns {ISimpleMarkerSymbol}
+     * Size policy for the scatterplot points. This is used to scale the size of the marker symbol based on a given field.
      */
-    getFixedMarkerSymbol(): ISimpleMarkerSymbol;
+    get sizePolicy(): SizePolicy | undefined;
+    set sizePolicy(sizePolicy: SizePolicy | undefined);
     /**
-     * Sets the marker symbol used for the scatterplot points when using a fixed symbol (i.e. no size policy is set).
-     * @param {ISimpleMarkerSymbol} symbol
+     * Chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
      */
-    setFixedMarkerSymbol(symbol: ISimpleMarkerSymbol): void;
+    get seriesOverlays(): ScatterplotOverlays | undefined;
+    set seriesOverlays(overlays: ScatterplotOverlays | undefined);
     /**
-     * Gets the size policy for the scatterplot points. This is used to scale the size of the marker symbol based on a given field.
-     * @returns {SizePolicy | undefined}
-     */
-    getSizePolicy(): SizePolicy | undefined;
-    /**
-     * Sets the size policy for the scatterplot points. This is used to scale the size of the marker symbol based on a given field.
-     * @param {SizePolicy | undefined} sizePolicy
-     */
-    setSizePolicy(sizePolicy: SizePolicy | undefined): void;
-    /**
-     * Gets the chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
-     */
-    getSeriesOverlays(): ScatterplotOverlays | undefined;
-    /**
-     * Sets the chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
-     * @param {ScatterplotOverlays} overlays The overlays
+     * Additional tooltip display fields.
+     *
+     * **NOTE**: Only numeric fields are supported.
      */
-    setSeriesOverlays(overlays: ScatterplotOverlays): void;
+    get additionalTooltipField(): string[] | string;
+    set additionalTooltipField(fields: string[] | string | undefined);
     /**
      * Generate the proper chart title given the current config.
      *
      * @returns {string}
      */
-    generateChartTitle(): Promise<string>;
+    generateChartTitle(): string;
     /**
      * Generate the proper x-axis title given the current config.
      *
@@ -101,7 +72,7 @@ export declare class ScatterplotModel extends ChartModel {
      * @returns {string}
      */
     generateYAxisTitle(): string;
-    protected generateDefaultConfig(): Promise<Omit<typeof this._config, "iLayer">>;
+    protected generateDefaultConfig(): Omit<typeof this._config, "iLayer">;
 }
-export interface ScatterplotModel extends ModelWithXYAxes, ModelWithLegend, ModelWithTooltips, ModelWithColorMatch, ModelWithDataLabels, ModelWithXGuides, ModelWithYGuides {
+export interface ScatterplotModel extends ModelWithMultiAxes, ModelWithLegend, ModelWithTooltips, ModelWithColorMatch, ModelWithDataLabels, ModelWithXGuides, ModelWithYGuides {
 }

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

@@ -1,10 +1,10 @@
-import { SizePolicy, ISimpleMarkerSymbol, ISimpleLineSymbol, ScatterplotOverlays } from '@arcgis/charts-spec';
-import { ScatterplotConfig } from '../../../utils';
+import { SizePolicy, ISimpleMarkerSymbol, ISimpleLineSymbol, ScatterplotOverlays } from '../../../spec';
+import { CommonStrings, ScatterplotConfig } from '../../../utils';
 import { LayerInfo } from '../../interfaces/common';
 /**
  * Generate the proper chart title given the current config.
  */
-export declare function generateChartTitle(config: ScatterplotConfig, layerInfo: LayerInfo): Promise<string>;
+export declare function generateChartTitle(config: ScatterplotConfig, layerInfo: LayerInfo, commonStrings: CommonStrings): string;
 /**
  * Gets the x-axis field from the config
  * @param config The scatterplot config
@@ -20,15 +20,27 @@ export declare const getYAxisField: (config: ScatterplotConfig) => string;
  * @param fieldName The x-axis field name
  * @param config The scatterplot config
  * @param layerInfo The layer info
+ * @param commonStrings The common strings
  */
-export declare const setXAxisField: (fieldName: string, config: ScatterplotConfig, layerInfo: LayerInfo) => Promise<void>;
+export declare const setXAxisField: (props: {
+    fieldName: string;
+    config: ScatterplotConfig;
+    layerInfo: LayerInfo;
+    commonStrings: CommonStrings;
+}) => void;
 /**
  * Sets the y-axis field in the config
  * @param fieldName The y-axis field name
  * @param config The scatterplot config
  * @param layerInfo The layer info
+ * @param commonStrings The common strings
  */
-export declare const setYAxisField: (fieldName: string, config: ScatterplotConfig, layerInfo: LayerInfo) => Promise<void>;
+export declare const setYAxisField: (props: {
+    fieldName: string;
+    config: ScatterplotConfig;
+    layerInfo: LayerInfo;
+    commonStrings: CommonStrings;
+}) => void;
 /**
  * Gets fixed marker symbol from the config
  * @param config The scatterplot config
@@ -90,3 +102,15 @@ export declare const getSeriesOverlays: (config: ScatterplotConfig) => Scatterpl
  * @param {ScatterplotConfig} config The scatterplot config
  */
 export declare const setSeriesOverlays: (overlays: ScatterplotOverlays, config: ScatterplotConfig) => void;
+/**
+ * Gets the additional tooltip display fields from the config.
+ * @param {ScatterplotConfig} config The scatterplot config
+ */
+export declare const getAdditionalTooltipField: (config: ScatterplotConfig) => string[];
+/**
+ * Sets the additional tooltip display fields in the config.
+ * @param {string | string[]} fields The tooltip display fields
+ * @param {ScatterplotConfig} config The scatterplot config
+ *
+ */
+export declare const setAdditionalTooltipField: (fields: string[] | string | undefined, config: ScatterplotConfig) => void;

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

@@ -1,9 +1,9 @@
 import { SerialChartTypes } from '../../utils';
 import { ChartModel } from '../chart-model/chart-model';
-import { Color, WebChartStatisticType, WebChartDataFilters, WebChartStackedKinds } from '@arcgis/charts-spec';
+import { Color, WebChartDataFilters, WebChartNullCategory, WebChartStackedKinds, WebChartStatisticType } from '../../spec';
 import { SerialChartConfig } from '../interfaces/chart-interfaces';
 import { SerialChartDataSortingKinds } from '../interfaces/common';
-import { ModelWithColorMatch, ModelWithDataLabels, ModelWithLegend, ModelWithTooltips, ModelWithRotation, ModelWithTemporalBinning, ModelWithXGuides, ModelWithXYAxes, ModelWithYGuides } from '../mixins';
+import { ModelWithColorMatch, ModelWithDataLabels, ModelWithLegend, ModelWithTooltips, ModelWithRotation, ModelWithTemporalBinning, ModelWithXGuides, ModelWithYGuides, ModelWithMultiAxes } from '../mixins';
 export declare abstract class SerialChartModel extends ChartModel {
     /**
      * Current chart type.
@@ -15,75 +15,57 @@ export declare abstract class SerialChartModel extends ChartModel {
      */
     protected _config: SerialChartConfig;
     /**
-     * Gets the x-axis field for the chart.
-     * @returns {string}
-     */
-    getXAxisField(): string;
-    /**
-     * Sets the x-axis field for the chart.
-     * @param {string} newXAxisField The new x-axis field.
-     */
-    setXAxisField(newXAxisField: string): Promise<void>;
-    /**
-     * Gets the aggregation type for the bar chart.
-     * @returns {WebChartStatisticType}
-     */
-    getAggregationType(): WebChartStatisticType;
-    /**
-     * Sets the aggregation type for the chart.
-     * @param {WebChartStatisticType} newAggregationType The new aggregation type. Must be one of the values allowed by `WebChartStatisticType`.
-     * @async **This method is `async` and must be awaited for the changes to take effect.**
+     * Internal storage of the x-axis field for the chart.
+     * @category Protected
      */
-    setAggregationType(newAggregationType: WebChartStatisticType): Promise<void>;
+    protected _xAxisField: string;
     /**
-     * Gets whether the series should be assigned to the second value axis.
-     * @param seriesIndex - The index of the series.
-     * @returns {boolean}
+     * Internal storage of the aggregation type for the chart.
+     * @category Protected
      */
-    getAssignToSecondValueAxis(seriesIndex: number): boolean;
+    protected _aggregationType: WebChartStatisticType;
     /**
-     * Sets whether the series should be assigned to the second value axis.
-     * @param assign - The value for the setting.
-     * @param seriesIndex - The index of the series.
+     * Internal storage of the split-by field for the chart.
+     * @category Protected
      */
-    setAssignToSecondValueAxis(assign: boolean, seriesIndex: number): void;
+    protected _splitByField: string;
     /**
-     * Gets the split-by field for the chart.
-     * @returns {string}
+     * Internal storage of the numeric fields for the chart.
+     * @category Protected
      */
-    getSplitByField(): string;
+    protected _numericFields: string[];
     /**
-     * Sets the split-by field for the chart.
-     * @param {string} newSplitByField The new split-by field.
-     * @async **This method is `async` and must be awaited for the changes to take effect.**
+     * The x-axis field for the chart.
      */
-    setSplitByField(newSplitByField: string): Promise<void>;
+    get xAxisField(): string;
+    set xAxisField(newXAxisField: string);
     /**
-     * Gets the numeric fields array for the chart.
-     * @returns {string[]}
+     * The aggregation type for the bar chart. Must be one of the values allowed by `WebChartStatisticType`.
      */
-    getNumericFields(): string[];
+    get aggregationType(): WebChartStatisticType;
+    set aggregationType(newAggregationType: WebChartStatisticType);
     /**
-     * Sets the numeric field or numeric fields array for the chart.
-     * @param {string | string[]} newNumericFields The new numeric field string or numeric fields array.
-     * @async **This method is `async` and must be awaited for the changes to take effect.**
+     * The split-by field for the chart.
      */
-    setNumericFields(newNumericFields: string[] | string): Promise<void>;
+    get splitByField(): string;
+    set splitByField(newSplitByField: string);
     /**
-     * Gets the data filter for the bar chart.
-     * @returns {WebChartDataFilters | undefined}
+     * The numeric fields array for the chart.
      */
-    getDataFilter(): WebChartDataFilters | undefined;
+    get numericFields(): string[];
+    set numericFields(newNumericFields: string[] | string);
     /**
-     * Sets the data filter for the bar chart.
-     * @param {WebChartDataFilters | undefined} newDataFilter The new data filter.
+     * Gets whether the series should be assigned to the second value axis.
+     * @param seriesIndex - The index of the series.
+     * @returns {boolean}
      */
-    setDataFilter(newDataFilter: WebChartDataFilters | undefined): Promise<void>;
+    getAssignToSecondValueAxis(seriesIndex: number): boolean;
     /**
-     * Gets the list of the category values for the chart.
-     * @returns {string[]}
+     * Sets whether the series should be assigned to the second value axis.
+     * @param assign - The value for the setting.
+     * @param seriesIndex - The index of the series.
      */
-    getCustomSortValues(): Promise<string[]>;
+    setAssignToSecondValueAxis(assign: boolean, seriesIndex: number): void;
     /**
      * Gets the sort order for the bar chart.
      * @returns {"xAxisAsc" | "xAxisDesc" | "yAxisAsc" | "yAxisDesc" | "customSort"}
@@ -96,20 +78,31 @@ export declare abstract class SerialChartModel extends ChartModel {
      */
     setSortOrder(newSortOrder: SerialChartDataSortingKinds, orderByList?: string[]): void;
     /**
-     * Gets the list of custom sort values for custom sort
+     * Gets the list of the category values for the chart.
      * @returns {string[]}
      */
-    getOrderByList(): string[];
+    getCustomSortValues(): Promise<string[]>;
     /**
-     * Sets the list of custom sort values for custom sort
-     * @param {string[]} newOrderByList The new list of custom sort values
+     * Sets the data filter for the bar chart.
+     * @param {WebChartDataFilters | undefined} newDataFilter The new data filter.
      */
-    setOrderByList(newOrderByList: string[]): void;
+    setDataFilters(newDataFilter: WebChartDataFilters | undefined): Promise<void>;
+    /**
+     * The list of custom sort values for custom sort
+     */
+    get orderByList(): string[];
+    set orderByList(newOrderByList: string[]);
     /**
      * Updates the series based on the layer filter.
      * @async **This method is `async` and must be awaited for the changes to take effect.**
      */
     updateSeriesFromLayerFilter(): Promise<void>;
+    /**
+     * Whether temporal binning is enabled for all series in the config.
+     * **Note:** Setting this prop removes any existing temporal binning settings if `value` is set to `false`.
+     */
+    get binTemporalData(): boolean;
+    set binTemporalData(value: boolean);
     /**
      * Gets the name of the series based on the series index.
      * If the index is out of bounds, it will return `undefined`.
@@ -146,7 +139,7 @@ export declare abstract class SerialChartModel extends ChartModel {
      */
     setOrderOfSeries(newOrder: string[]): void;
     /**
-     * Gets how the bars/lines should be placed when multiple series are rendered in the same chart, say when "split by" operation is executed on any field or
+     * How the bars/lines should be placed when multiple series are rendered in the same chart, say when "split by" operation is executed on any field or
      * when multiple attributes/fields corresponding to the same set of classes are to be visualized.
      *
      * Currently this property is only used for bar and line series.
@@ -155,18 +148,8 @@ export declare abstract class SerialChartModel extends ChartModel {
      *
      * @returns {WebChartStackedKinds | undefined}
      */
-    getStackedType(): WebChartStackedKinds | undefined;
-    /**
-     * Sets how the bars/lines should be placed when multiple series are rendered in the same chart, say when "split by" operation is executed on any field or
-     * when multiple attributes/fields corresponding to the same set of classes are to be visualized.
-     *
-     * Currently this property is only used for bar and line series.
-     *
-     * @param {WebChartStackedKinds | undefined} newStackedType The new stacked type.
-     *
-     * @default sideBySide
-     */
-    setStackedType(newStackedType: WebChartStackedKinds | undefined): Promise<void>;
+    get stackedType(): WebChartStackedKinds | undefined;
+    set stackedType(newStackedType: WebChartStackedKinds | undefined);
     /**
      * Moves a series from one index in the series array to another.
      * @param {number} fromIndex Index to move the series from.
@@ -175,35 +158,62 @@ export declare abstract class SerialChartModel extends ChartModel {
     moveSeries(fromIndex: number, toIndex: number): void;
     /**
      * Moves the custom sort values in-place for the order by list in the config.
-     *
-     * NOTE: This method should be only used when the sort order is set to `SerialChartDataSortingKinds.customSort`.
+     * **Note:** This method should be only used when the sort order is set to `SerialChartDataSortingKinds.customSort`.
      * @param {number} fromIndex The index to move the custom sort value from.
      * @param {number} toIndex The index to move the custom sort value to.
      */
     moveCustomSortValuesInOrderByList(fromIndex: number, toIndex: number): void;
-    protected abstract generateDefaultConfig(): Promise<Omit<typeof this._config, "iLayer">>;
+    /**
+     * The null category configuration of the bar chart.
+     *
+     * @requires the following to be set on the model for the null category to be applied:
+     * - `fetchNULLValues` to be set to `true` on the model.
+     * - `colorMatch` to be set to `false` on the model
+     */
+    get nullCategory(): WebChartNullCategory | undefined;
+    set nullCategory(nullCategory: WebChartNullCategory | undefined);
+    protected abstract generateDefaultConfig(): Omit<typeof this._config, "iLayer">;
+    /**
+     * Sets up the local props based on the current config.
+     * @category Protected
+     */
+    protected setupLocalProps(): void;
     /**
      * Resets the config to the default config
+     * @category Protected
+     */
+    protected resetConfig(): void;
+    /**
+     * Determines if we can rebuild the series synchronously.
+     * We can call the build new series function synchronously when either is true:
+     * - there is no split-by field
+     * - there are multiple numeric fields
+     * @category Protected
      */
-    protected resetConfig(): Promise<void>;
+    protected canUseSynchronousSeriesRebuild(): boolean;
+    /**
+     * Processes the series rebuild.
+     * If multiple async setters are called in succession, this function will only rebuild the series once after all setters have been called.
+     * @category Protected
+     * @async
+     */
+    protected processSeriesRebuild(): Promise<void>;
+    /**
+     * Gets the properties needed to build a new series array.
+     */
+    private getBuildNewSeriesProps;
     /**
      * Generate the proper chart title given the current config.
-     *
-     * @returns {string}
      */
-    generateChartTitle(): Promise<string>;
+    generateChartTitle(): string;
     /**
      * Generate the proper x-axis title given the current config.
-     *
-     * @returns {string}
      */
     generateXAxisTitle(): string;
     /**
      * Generate the proper y-axis title given the current config.
-     *
-     * @returns {string}
      */
-    generateYAxisTitle(): Promise<string>;
+    generateYAxisTitle(): string;
 }
-export interface SerialChartModel extends ModelWithXYAxes, ModelWithLegend, ModelWithTooltips, ModelWithColorMatch, ModelWithRotation, ModelWithDataLabels, ModelWithXGuides, ModelWithYGuides, ModelWithTemporalBinning {
+export interface SerialChartModel extends ModelWithMultiAxes, ModelWithLegend, ModelWithTooltips, ModelWithColorMatch, ModelWithRotation, ModelWithDataLabels, ModelWithXGuides, ModelWithYGuides, ModelWithTemporalBinning {
 }