@arcgis/charts-components 5.1.0-next.13 → 5.1.0-next.130

package/dist/model/properties/axes/x-axis/x-axis-title-visibility.d.ts

@@ -4,8 +4,8 @@ import type { ChartModelBase } from "../../../chart-model/chart-model-base.js";
 export abstract class WithXAxisTitleVisibility extends ChartModelBase {
   /**
    * Whether the x-axis title is visible.
-   * true: X-axis title is visible.
-   * false: X-axis title is hidden.
+   * `true`: X-axis title is visible.
+   * `false`: X-axis title is hidden.
    */
   accessor xAxisTitleVisibility: boolean;
 }

package/dist/model/properties/axes/x-axis/x-bounds.d.ts

@@ -3,6 +3,5 @@ import type { WithMaxXBound } from "./max-x-bound.js";
 import type { WithMinXBound } from "./min-x-bound.js";
 
 /** Adds support for configuring both minimum and maximum x-axis bounds. */
-export abstract class WithXBounds extends ChartModelBase {}
-
-export interface WithXBounds extends WithMaxXBound, WithMinXBound {}
+export abstract class WithXBounds extends WithXBoundsSuperclass {}
+declare const WithXBoundsSuperclass: typeof ChartModelBase & typeof WithMinXBound & typeof WithMaxXBound

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

@@ -3,7 +3,50 @@ import type { ChartModelBase } from "../chart-model/chart-model-base.js";
 
 /** Adds support for working with chart renderer. */
 export abstract class WithChartRenderer extends ChartModelBase {
-  /** The chart renderer. */
+  /**
+   * The chart renderer.
+   *
+   * @example
+   * In this example, we set the chartRenderer for a class-break heat chart.
+   * ```ts
+   * heatChartModel.chartRenderer = {
+   *    "type": "classBreaks",
+   *    "field": "arcgis_charts_heat_chart_value",
+   *    "classBreakInfos": [
+   *        {
+   *          "label": "70 - 145",
+   *          "classMinValue": 70,
+   *          "classMaxValue": 145,
+   *          "symbol": {
+   *            "type": "esriSFS",
+   *            "color": [
+   *              212,
+   *              227,
+   *              255,
+   *              255
+   *            ],
+   *            "style": "esriSFSSolid"
+   *          }
+   *        },
+   *        {
+   *          "label": "146 - 250",
+   *          "classMinValue": 146,
+   *          "classMaxValue": 250,
+   *          "symbol": {
+   *            "type": "esriSFS",
+   *            "color": [
+   *              43,
+   *              108,
+   *              240,
+   *              255
+   *            ],
+   *            "style": "esriSFSSolid"
+   *          }
+   *        }
+   *    ]
+   *  };
+   * ```
+   */
   get chartRenderer(): IDrawingInfo["renderer"] | undefined;
   set chartRenderer(value: IDrawingInfo["renderer"]);
 }

package/dist/model/properties/color-match.d.ts

@@ -6,7 +6,6 @@ export abstract class WithColorMatch extends ChartModelBase {
    * Whether the chart should attempt to match the data source's colors.
    *
    * `true`: Attempt to match the data source's colors.
-   *
    * `false`: Use the colors defined in the config.
    */
   accessor colorMatch: boolean;

package/dist/model/properties/data-filters.d.ts

@@ -3,7 +3,7 @@ import type { ChartModelBase } from "../chart-model/chart-model-base.js";
 
 /** Adds support for working with chart data filters. */
 export abstract class WithDataFilters extends ChartModelBase {
-  /** Gets the data filter for the bar chart. */
+  /** Gets the data filter for the chart. */
   getDataFilters(): WebChartDataFilters | undefined;
   /**
    * Sets the data filter for the chart.

package/dist/model/properties/data-labels/data-labels-visibility.d.ts

@@ -2,9 +2,6 @@ import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
 
 /** Adds support for working with the data labels visibility. */
 export abstract class WithDataLabelsVisibility extends ChartModelBase {
-  /**
-   * Whether data labels are visible.
-   * true: visible, false: hidden.
-   */
+  /** Whether data labels are visible. */
   accessor dataLabelsVisibility: boolean;
 }

package/dist/model/properties/data-tooltip-font-size.d.ts

@@ -0,0 +1,20 @@
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for working with data tooltip font sizes. */
+export abstract class WithSeriesDataTooltipFontSize extends ChartModelBase {
+  /**
+   * Gets the data tooltip font size for a series.
+   *
+   * If the series index is out of bounds or the series list is empty, this function will return `undefined`.
+   *
+   * @param seriesIndex - The index of the series to retrieve the font size for.
+   */
+  getDataTooltipFontSize(seriesIndex: number): number | undefined;
+  /**
+   * Sets the data tooltip font size for a series.
+   *
+   * @param fontSize - The font size to set.
+   * @param seriesIndex - The index of the series to set the font size for.
+   */
+  setDataTooltipFontSize(fontSize: number | undefined, seriesIndex: number): void;
+}

package/dist/model/properties/description/description-visibility.d.ts

@@ -5,10 +5,6 @@ export abstract class WithDescriptionVisibility extends ChartModelBase {
   /**
    * Whether or not the chart description is visible.
    *
-   * `true`: Description is visible.
-   *
-   * `false`: Description is hidden.
-   *
    * **Note:** Even if the description is visible, it may not be displayed if the description text is empty.
    */
   accessor descriptionVisibility: boolean;

package/dist/model/properties/layer.d.ts

@@ -1,8 +1,8 @@
-import type { SupportedLayer } from "../../interfaces.js";
+import type { SupportedLayer, SupportedRasterLayer } from "../../interfaces.js";
 import type { ChartModelBase } from "../chart-model/chart-model-base.js";
 
 /** Adds getter support for the associated layer reference. */
 export abstract class WithLayer extends ChartModelBase {
   /** The chart model's layer. */
-  get layer(): SupportedLayer | undefined;
+  get layer(): SupportedLayer | SupportedRasterLayer | undefined;
 }

package/dist/model/properties/rotated-state.d.ts

@@ -3,5 +3,11 @@ import type { ChartModelBase } from "../chart-model/chart-model-base.js";
 /** Adds support for working with the chart rotated state. */
 export abstract class WithRotatedState extends ChartModelBase {
   /** Whether the chart is rotated. */
+  accessor rotated: boolean;
+  /**
+   * Whether the chart is rotated.
+   *
+   * @deprecated since 5.1. Use [rotated](https://developers.arcgis.com/javascript/latest/references/charts-components/model/properties/rotated-state/#rotated) instead.
+   */
   accessor rotatedState: boolean;
 }

package/dist/model/properties/subtitle/subtitle-visibility.d.ts

@@ -5,10 +5,6 @@ export abstract class WithChartSubtitleVisibility extends ChartModelBase {
   /**
    * Whether or not the chart subtitle is visible.
    *
-   * `true`: Chart subtitle is visible.
-   *
-   * `false`: Chart subtitle is hidden.
-   *
    * **Note:** Even if the subtitle is visible, it may not be displayed if the subtitle text is empty.
    */
   accessor chartSubtitleVisibility: boolean;

package/dist/model/properties/time-zone.d.ts

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for working with a time zone. */
+export abstract class WithTimeZone extends ChartModelBase {
+  /** Gets the time zone for the chart. */
+  accessor timeZone: string | undefined;
+}

package/dist/model/properties/title/title-visibility.d.ts

@@ -5,10 +5,6 @@ export abstract class WithChartTitleVisibility extends ChartModelBase {
   /**
    * Whether or not the chart title is visible.
    *
-   * `true`: Chart title is visible.
-   *
-   * `false`: Chart title is hidden.
-   *
    * **Note:** Even if the title is visible, it may not be displayed if the title text is empty.
    */
   accessor chartTitleVisibility: boolean;

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

@@ -14,7 +14,6 @@ export class RadarChartModel extends RadarChartModelSuperclass {
    * Completes the async setup process for the chart model. Must be called before using the model.
    *
    * @param params
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   setup(params: ModelParams<ChartConfig<typeof ModelTypes.RadarChart>>): Promise<void>;
 }

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

@@ -23,9 +23,9 @@ import type { ModelWithYGuides } from "../mixins/model-with-y-guides.js";
 
 export class ScatterplotModel extends ScatterplotModelSuperclass {
   /**
-   * Additional tooltip display fields.
+   * Add an additional field to display for scatterplot tooltips.
    *
-   * **NOTE**: Only numeric fields are supported.
+   * **Note**: Only numeric fields are supported.
    */
   get additionalTooltipField(): string[] | string;
   set additionalTooltipField(value: string[] | string | undefined);
@@ -33,7 +33,7 @@ export class ScatterplotModel extends ScatterplotModelSuperclass {
   accessor fixedMarkerSymbol: ISimpleMarkerSymbol;
   /** Line symbol for the linear trend line. */
   accessor linearTrendSymbol: ISimpleLineSymbol;
-  /** Chart overlays. The scatterplot implements only 1 overlay, **trendLine**. */
+  /** Trendline overlay for the scatterplot. */
   accessor seriesOverlays: ScatterplotOverlays | undefined;
   /** Whether the linear trend line is shown. */
   accessor showLinearTrend: boolean;
@@ -51,7 +51,6 @@ export class ScatterplotModel extends ScatterplotModelSuperclass {
    * Completes the async setup process for the chart model. Must be called before using the model.
    *
    * @param params
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   setup(params: ModelParams<ChartConfig<typeof ModelTypes.Scatterplot>>): Promise<void>;
 }

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

@@ -1,40 +1,41 @@
+import type { WebChartStatisticType, WebChartStackedKinds } from "../../spec/chart-object-literals.js";
+import type { Color } from "../../spec/rest-js-types.js";
+import type { WebChartDataFilters, WebChartNullCategory } from "../../spec/web-chart.js";
 import type { ChartModel } from "../chart-model/chart-model.js";
 import type { HeatChartDataSortingKinds, SerialChartDataSortingKinds } from "../interfaces/common.js";
-import type { WithColorMatch } from "../properties/color-match.js";
-import type { WithRotatedState } from "../properties/rotated-state.js";
-import type { WithDataLabelsVisibility } from "../properties/data-labels/data-labels-visibility.js";
-import type { WithDataLabelsSymbol } from "../properties/data-labels/data-labels-symbol.js";
+import type { ModelWithLegend } from "../mixins/model-with-legend.js";
+import type { ModelWithMultiAxes } from "../mixins/model-with-multi-axes.js";
+import type { ModelWithTemporalBinning } from "../mixins/model-with-temporal-binning.js";
+import type { ModelWithTooltips } from "../mixins/model-with-tooltips.js";
+import type { ModelWithXGuides } from "../mixins/model-with-x-guides.js";
+import type { ModelWithYGuides } from "../mixins/model-with-y-guides.js";
 import type { WithAxisLabelsSymbol } from "../properties/axes/axis-labels-symbol.js";
 import type { WithAxisLinesSymbol } from "../properties/axes/axis-lines-symbol.js";
-import type { WithXBounds } from "../properties/axes/x-axis/x-bounds.js";
+import type { WithGenerateXAxisTitle } from "../properties/axes/x-axis/generate-x-axis-title.js";
 import type { WithXAxisLabelsVisibility } from "../properties/axes/x-axis/x-axis-labels-visibility.js";
 import type { WithXAxisTitleSymbol } from "../properties/axes/x-axis/x-axis-title-symbol.js";
 import type { WithXAxisTitleText } from "../properties/axes/x-axis/x-axis-title-text.js";
 import type { WithXAxisTitleVisibility } from "../properties/axes/x-axis/x-axis-title-visibility.js";
-import type { WithGenerateXAxisTitle } from "../properties/axes/x-axis/generate-x-axis-title.js";
-import type { WebChartStatisticType, WebChartStackedKinds } from "../../spec/chart-object-literals.js";
-import type { WebChartDataFilters, WebChartNullCategory } from "../../spec/web-chart.js";
-import type { Color } from "../../spec/rest-js-types.js";
-import type { ModelWithMultiAxes } from "../mixins/model-with-multi-axes.js";
-import type { ModelWithLegend } from "../mixins/model-with-legend.js";
-import type { ModelWithTooltips } from "../mixins/model-with-tooltips.js";
-import type { ModelWithXGuides } from "../mixins/model-with-x-guides.js";
-import type { ModelWithYGuides } from "../mixins/model-with-y-guides.js";
-import type { ModelWithTemporalBinning } from "../mixins/model-with-temporal-binning.js";
+import type { WithXBounds } from "../properties/axes/x-axis/x-bounds.js";
+import type { WithColorMatch } from "../properties/color-match.js";
+import type { WithDataLabelsSymbol } from "../properties/data-labels/data-labels-symbol.js";
+import type { WithDataLabelsVisibility } from "../properties/data-labels/data-labels-visibility.js";
+import type { WithRotatedState } from "../properties/rotated-state.js";
+import type { WithTimeZone } from "../properties/time-zone.js";
 
 export abstract class SerialChartModel extends SerialChartModelSuperclass {
-  /** The aggregation type for the bar chart. Must be one of the values allowed by `WebChartStatisticType`. */
+  /** The aggregation type for the chart. */
   accessor aggregationType: WebChartStatisticType;
   /**
    * 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`.
    */
   accessor binTemporalData: boolean;
   /**
-   * The null category configuration of the bar chart.
+   * The null category configuration of the chart.
    *
-   * @requires
-   * the following to be set on the model for the null category to be applied:
+   * 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
    */
@@ -42,15 +43,15 @@ export abstract class SerialChartModel extends SerialChartModelSuperclass {
   /** The numeric fields array for the chart. */
   get numericFields(): string[];
   set numericFields(value: string[] | string);
-  /** The list of custom sort values for custom sort */
+  /** The list of values for custom sort. */
   accessor orderByList: string[];
   /** The split-by field for the chart. */
   accessor splitByField: string;
   /**
-   * 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.
    *
-   * **Note**: Currently this property is only used for bar and line series.
+   * **Note**: Currently this property is only used for bar charts and line charts.
    */
   accessor stackedType: WebChartStackedKinds | undefined;
   /** The x-axis field for the chart. */
@@ -139,11 +140,7 @@ export abstract class SerialChartModel extends SerialChartModelSuperclass {
    * @param orderByList - The list of category's values to order by.
    */
   setSortOrder(newSortOrder: HeatChartDataSortingKinds | SerialChartDataSortingKinds, orderByList?: string[]): void;
-  /**
-   * 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>;
+  /** Updates the series based on the layer filter. */
+  updateSeriesFromLayerFilter(): void;
 }
-declare const SerialChartModelSuperclass: typeof ChartModel & typeof WithGenerateXAxisTitle & typeof WithAxisLinesSymbol & typeof WithAxisLabelsSymbol & typeof WithXAxisTitleSymbol & typeof WithXBounds & typeof WithXAxisTitleVisibility & typeof WithXAxisLabelsVisibility & typeof WithXAxisTitleText & typeof ModelWithTemporalBinning & typeof ModelWithYGuides & typeof ModelWithXGuides & typeof WithDataLabelsSymbol & typeof WithDataLabelsVisibility & typeof WithRotatedState & typeof WithColorMatch & typeof ModelWithTooltips & typeof ModelWithLegend & typeof ModelWithMultiAxes
+declare const SerialChartModelSuperclass: typeof ChartModel & typeof WithTimeZone & typeof WithGenerateXAxisTitle & typeof WithAxisLinesSymbol & typeof WithAxisLabelsSymbol & typeof WithXAxisTitleSymbol & typeof WithXBounds & typeof WithXAxisTitleVisibility & typeof WithXAxisLabelsVisibility & typeof WithXAxisTitleText & typeof ModelWithTemporalBinning & typeof ModelWithYGuides & typeof ModelWithXGuides & typeof WithDataLabelsSymbol & typeof WithDataLabelsVisibility & typeof WithRotatedState & typeof WithColorMatch & typeof ModelWithTooltips & typeof ModelWithLegend & typeof ModelWithMultiAxes

package/dist/model/shared/setup-utils.d.ts

@@ -1,13 +1,21 @@
-import type { ModelOfType, ModelTypes } from "../interfaces/common.js";
-import type { SupportedLayer } from "../../interfaces.js";
-import type { IFeatureLayer } from "../../spec/rest-js-types.js";
+import type { SupportedLayer, SupportedRasterLayer } from "../../interfaces.js";
+import type { IFeatureLayer, IImageServiceLayer, ITiledImageServiceLayer } from "../../spec/rest-js-types.js";
+import type { CommonStrings } from "../../utils/localization/interfaces.js";
 import type { ChartConfig } from "../../utils/types/index.js";
+import type { ModelOfType, ModelTypes } from "../interfaces/common.js";
 
 /**
  * Creates a new chart model for config interaction based on the provided properties.
  * Various combinations of properties `layer`, `iLayer`, `chartType`, and `config` are supported.
  *
  * @param props - The properties used to set up the chart.
+ * @example
+ * ```ts
+ * const chartModel = await createModel({
+ *  layer: myLayer,
+ *  chartType: "gauge",
+ * });
+ * ```
  */
 export function createModel<T extends ModelTypes>(props: CreateModelProps<T>): Promise<ModelOfType<T>>;
 
@@ -15,7 +23,9 @@ export function createModel<T extends ModelTypes>(props: CreateModelProps<T>): P
  * Properties used by the `createModel` function to create a new model.
  * Various combinations of `layer`, `iLayer`, `chartType`, and `config` are supported.
  */
-export type CreateModelProps<T extends ModelTypes> = ILayerAndSourcelessConfig<T> | ILayerAndType<T> | LayerAndSourcelessConfig<T> | LayerAndType<T> | SourcedConfig<T>;
+export type CreateModelProps<T extends ModelTypes> = (ILayerAndSourcelessConfig<T> | ILayerAndType<T> | LayerAndSourcelessConfig<T> | LayerAndType<T> | SourcedConfig<T>) & {
+  commonStrings?: CommonStrings;
+};
 
 /**
  * Properties used by the `createModel` function to create a new model based on the provided `layer` and `chartType`.
@@ -23,7 +33,7 @@ export type CreateModelProps<T extends ModelTypes> = ILayerAndSourcelessConfig<T
  * A new model of the specified type will be created using default values.
  */
 export type LayerAndType<T extends ModelTypes> = {
-  layer: SupportedLayer;
+  layer: SupportedLayer | SupportedRasterLayer;
   chartType: T;
 };
 
@@ -33,7 +43,7 @@ export type LayerAndType<T extends ModelTypes> = {
  * A new model of the specified type will be created using default values.
  */
 export type ILayerAndType<T extends ModelTypes> = {
-  iLayer: IFeatureLayer;
+  iLayer: IFeatureLayer | IImageServiceLayer | ITiledImageServiceLayer;
   chartType: T;
 };
 
@@ -43,7 +53,7 @@ export type ILayerAndType<T extends ModelTypes> = {
  * The `config` is considered "sourceless" since its `iLayer` property is not required.
  */
 export type LayerAndSourcelessConfig<T extends ModelTypes> = {
-  layer: SupportedLayer;
+  layer: SupportedLayer | SupportedRasterLayer;
   config: ChartConfig<T>;
 };
 
@@ -53,7 +63,7 @@ export type LayerAndSourcelessConfig<T extends ModelTypes> = {
  * The `config` is considered "sourceless" since its `iLayer` property is not required.
  */
 export type ILayerAndSourcelessConfig<T extends ModelTypes> = {
-  iLayer: IFeatureLayer;
+  iLayer: IFeatureLayer | IImageServiceLayer | ITiledImageServiceLayer;
   config: ChartConfig<T>;
 };
 

package/dist/model/shared/setup-utils.js

@@ -0,0 +1,80 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { M as o } from "../../chunks/common.js";
+import { g as r, i as n, c } from "../../chunks/model-types.js";
+async function s(a) {
+  const i = "config" in a ? r(a.config) : a.chartType;
+  let t;
+  if (!("layer" in a) && !("iLayer" in a) && "config" in a && a.config.iLayer === void 0)
+    throw new Error(
+      "The source is missing. You can provide it to createModel through either `iLayer`, `layer`, or by setting the `config.iLayer` property."
+    );
+  switch (i) {
+    case o.LineChart: {
+      const { LineChartModel: e } = await import("../../chunks/line-chart-model.js");
+      t = new e();
+      break;
+    }
+    case o.ComboBarLineChart: {
+      const { ComboBarLineChartModel: e } = await import("../../chunks/combo-bar-line-chart-model.js");
+      t = new e();
+      break;
+    }
+    case o.PieChart: {
+      const { PieChartModel: e } = await import("../../chunks/pie-chart-model.js");
+      t = new e();
+      break;
+    }
+    case o.Histogram: {
+      const { HistogramModel: e } = await import("../../chunks/histogram-model.js");
+      t = new e();
+      break;
+    }
+    case o.Scatterplot: {
+      const { ScatterplotModel: e } = await import("../../chunks/scatterplot-model.js");
+      t = new e();
+      break;
+    }
+    case o.BoxPlot: {
+      const { BoxPlotModel: e } = await import("../../chunks/box-plot-model.js");
+      t = new e();
+      break;
+    }
+    case o.Gauge: {
+      const { GaugeModel: e } = await import("../../chunks/gauge-model.js");
+      t = new e();
+      break;
+    }
+    case o.RadarChart: {
+      const { RadarChartModel: e } = await import("../../chunks/radar-chart-model.js");
+      t = new e();
+      break;
+    }
+    case o.HeatChart: {
+      const { HeatChartModel: e } = await import("../../chunks/heat-chart-model.js");
+      t = new e();
+      break;
+    }
+    case o.BarChart:
+    default: {
+      const { BarChartModel: e } = await import("../../chunks/bar-chart-model.js");
+      t = new e();
+      break;
+    }
+  }
+  if (await t?.setup({
+    layer: "layer" in a ? a.layer : void 0,
+    iLayer: "iLayer" in a ? a.iLayer : void 0,
+    config: "config" in a ? a.config : void 0,
+    commonStrings: "commonStrings" in a ? a.commonStrings : void 0
+  }), i !== void 0 && n(t, i))
+    return t;
+  {
+    const e = c(t.chartType);
+    throw new Error(
+      `Please check the arguments provided to \`createModel\`. The generated model's type (\`${e}\`) does not match the type specified by either the \`chartType\` or the \`config\` argument (\`${i}\`).`
+    );
+  }
+}
+export {
+  s as createModel
+};

package/dist/model/shared/type-guards.d.ts

@@ -21,6 +21,7 @@ import type { ModelWithXGuides } from "../mixins/model-with-x-guides.js";
 import type { ModelWithYGuides } from "../mixins/model-with-y-guides.js";
 import type { ModelWithLegend } from "../mixins/model-with-legend.js";
 import type { ModelWithTemporalBinning } from "../mixins/model-with-temporal-binning.js";
+import type { RadarChartModel } from "../radar-chart-model/radar-chart-model.js";
 
 /**
  * Determines if the provided model or config is a `ChartModel`.
@@ -43,6 +44,13 @@ export function isBarChartModel(model: ChartModelBase | undefined): model is Bar
  */
 export function isLineChartModel(model: ChartModelBase | undefined): model is LineChartModel;
 
+/**
+ * Determines if the provided `model` is of type `RadarChartModel`.
+ *
+ * @param model - The model to check.
+ */
+export function isRadarChartModel(model: ChartModelBase | undefined): model is RadarChartModel;
+
 /**
  * Determines if the provided `model` is of type `ComboBarLineChartModel`.
  *

package/dist/spec/chart-object-literals.d.ts

@@ -8,6 +8,7 @@ export const WebChartTypes: {
     readonly Axis: "chartAxis";
     readonly GaugeAxisTick: "gaugeAxisTick";
     readonly GaugeNeedle: "gaugeNeedle";
+    readonly FixedProgressBands: "fixed";
     readonly CategoryAxisFormat: "category";
     readonly NumberAxisFormat: "number";
     readonly DateAxisFormat: "date";

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

@@ -40,6 +40,13 @@ export interface WebChartBoxPlotDataItem {
   meanLines?: WebChartDataItem[];
 }
 
+/** JSON representation of the processed data for a heat chart. */
+export interface WebChartHeatChartDataItem {
+  dataItems: WebChartDataItem[];
+  /** Precomputed category data for heat chart axes. */
+  heatChartAxesData?: WebHeatChartAxesData;
+}
+
 /** JSON representation of the processed data for a scatterplot trend line. */
 export interface ScatterplotTrendLineData {
   r2?: number;
@@ -57,6 +64,12 @@ export interface TimeIntervalInfo {
   size?: number;
 }
 
+/** JSON representation of the pre-computed category data for heat chart axes. */
+export interface WebHeatChartAxesData {
+  xAxisData: WebChartDataItem[];
+  yAxisData: WebChartDataItem[];
+}
+
 /** JSON representation of the generic data structure for bar chart, line chart, combo bar line chart, gauge, heat chart, pie chart and radar chart. */
 export interface WebChartGenericDataItem {
   dataItems: WebChartDataItem[];
@@ -99,6 +112,6 @@ export interface WebChartHistogramDataItem {
   bins: WebChartBin[];
 }
 
-export type WebChartDataTypes = WebChartBoxPlotDataItem | WebChartGenericDataItem | WebChartHistogramDataItem | WebChartScatterplotDataItem;
+export type WebChartDataTypes = WebChartBoxPlotDataItem | WebChartGenericDataItem | WebChartHeatChartDataItem | WebChartHistogramDataItem | WebChartScatterplotDataItem;
 
 export type RGBArray = [number, number, number];