@arcgis/charts-components 5.0.0-next.14 → 5.0.0-next.140

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

@@ -1,275 +1,208 @@
-import { Color, ISimpleLineSymbol, WebChart, WebChartPieChartGroupSlice, WebChartPieChartSlice, WebChartStatisticType } from '../../spec';
-import { ChartConfig, ChartTypes } from '../../utils';
-import { ChartModel } from '../chart-model/chart-model';
-import { ModelParams } from '../interfaces/chart-interfaces';
-import { LayerInfo, ModelTypes, PieChartDataSortingKinds, PieChartSlicesDisplay, PieChartDataModes } from '../interfaces/common';
-import { ModelWithColorMatch, ModelWithDataLabels, ModelWithTooltips } from '../mixins';
-import { PieChartLegendModel } from './pie-chart-legend-model';
-export declare class PieChartModel extends ChartModel {
-    /**
-     * Current configuration used for the pie chart
-     */
-    protected _config: ChartConfig<typeof ModelTypes.PieChart, WebChart>;
-    protected _chartType: ChartTypes;
-    /**
-     * Protected property to hold the pie chart data mode (Category or Fields)
-     *
-     * `category` - The chart will use values from the category field to determine each slice.
-     *
-     * `fields` - The chart will use aggregated values from the numeric fields to determine each slice.
-     *
-     * @category Protected
-     */
-    protected _mode: PieChartDataModes;
-    protected layerInfo: LayerInfo;
-    /**
-     * Array of hidden grouped slice ids
-     * @category Private
-     */
-    private _groupedSliceIds;
-    setup(params: ModelParams<ChartConfig<typeof ModelTypes.PieChart>>): Promise<void>;
-    /**
-     * Category field for the pie chart.
-     */
-    get category(): string;
-    set category(category: string);
-    /**
-     * Numeric fields for the pie chart.
-     */
-    get numericFields(): string[];
-    set numericFields(numericFields: string[] | string);
-    /**
-     * Aggregation type for the pie chart.
-     */
-    get aggregationType(): WebChartStatisticType;
-    set aggregationType(aggregationType: WebChartStatisticType);
-    /**
-     * Gets the sort order for the pie chart.
-     * @returns {PieChartDataSortingKinds}
-     */
-    getSortOrder(): PieChartDataSortingKinds;
-    /**
-     * Sets the sort order for the pie chart.
-     * @param {PieChartDataSortingKinds} sortOrder The sort order.
-     * @param {string[]} orderByList The list of category values.
-     */
-    setSortOrder(sortOrder: PieChartDataSortingKinds, orderByList?: string[]): void;
-    /**
-     * List of category's values for custom sort
-     */
-    get orderByList(): string[];
-    set orderByList(orderByList: string[]);
-    /**
-     * The pie chart data mode (Category or Fields).
-     * `category` - The chart is using values from the category field to determine each slice.
-     * `fields` - The chart is using aggregated values from the numeric fields to determine each slice.
-     */
-    get mode(): PieChartDataModes;
-    set mode(mode: PieChartDataModes);
-    /**
-     * Gets the list of the category values for the chart.
-     * @returns {string[]}
-     */
-    getCustomSortValues(): Promise<string[]>;
-    /**
-     * 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 `customSort`.
-     * @param {number} fromIndex The index to move the custom sort item from.
-     * @param {number} toIndex The index to move the category item to.
-     */
-    moveCustomSortValuesInOrderByList(fromIndex: number, toIndex: number): void;
-    /**
-     * Ticks symbol connecting slices to labels.
-     */
-    get ticksSymbol(): ISimpleLineSymbol | undefined;
-    set ticksSymbol(lineSymbol: ISimpleLineSymbol | undefined);
-    /**
-     * Array of slices for the pie chart.
-     */
-    get slices(): WebChartPieChartSlice[] | undefined;
-    set slices(slices: WebChartPieChartSlice[] | undefined);
-    /**
-     * Array of grouped slice ids for the pie chart.
-     */
-    get groupedSliceIds(): string[];
-    set groupedSliceIds(groupedSliceIds: string[]);
-    /**
-     * Slice grouping configuration for the pie chart.
-     */
-    get sliceGrouping(): WebChartPieChartGroupSlice | undefined;
-    set sliceGrouping(sliceGrouping: WebChartPieChartGroupSlice | undefined);
-    /**
-     * Inner radius size for the pie chart.
-     */
-    get innerRadiusSize(): number;
-    set innerRadiusSize(size: number);
-    /**
-     * Threshold below which slices will be grouped.
-     */
-    get groupingThreshold(): number;
-    set groupingThreshold(threshold: number);
-    /**
-     * Character limit for the slice labels.
-     */
-    get labelCharacterLimit(): number | null;
-    set labelCharacterLimit(limit: number | null);
-    /**
-     * Number of decimal places to display in the slice values.
-     */
-    get decimalPlaces(): number;
-    set decimalPlaces(decimalPlaces: number);
-    /**
-     * Display type for the pie chart slices. Specifies whether to display the slices as a percentage, value, or both.
-     */
-    get displayType(): PieChartSlicesDisplay;
-    set displayType(displayType: PieChartSlicesDisplay);
-    protected generateDefaultConfig(): Omit<typeof this._config, "iLayer">;
-    /**
-     * Gets the original name of the slice based on the slice index.
-     * @param {number} sliceIndex - The index of the slice.
-     * @returns {Date | number | string | null | undefined}
-     */
-    getOriginalSliceName(sliceIndex: number): Date | number | string | null | undefined;
-    /**
-     * Gets the name of the slice based on the slice index. If the index is out of bounds, this function will return `undefined`.
-     * @param {number} sliceIndex The index of the slice.
-     * @returns {string | undefined}
-     */
-    getSliceName(sliceIndex: number): string | undefined;
-    /**
-     * Sets name of the slice based on the slice index.
-     * @param {string} name The name for the slice.
-     * @param {number} sliceIndex The index of the slice.
-     */
-    setSliceName(name: string, sliceIndex: number): void;
-    /**
-     * Gets the color of the slice based on the slice index. If the index is out of bounds, this function will return `undefined`.
-     * @param {number} sliceIndex The index of the slice.
-     * @returns {Color | undefined}
-     */
-    getSliceColor(sliceIndex: number): Color | undefined;
-    /**
-     * Sets the color of the slice based on the slice index.
-     * @param {Color | undefined} color The color for the slice.
-     * @param {number} sliceIndex The index of the slice.
-     */
-    setSliceColor(color: Color | undefined, sliceIndex: number): void;
-    /**
-     * Order of the slice array by returning an array of slice ids
-     */
-    get orderOfSlices(): string[] | undefined;
-    set orderOfSlices(order: string[] | undefined);
-    /**
-     * Moves a series from one index in the series array to another.
-     * @param {number} fromIndex Index to move the series from.
-     * @param {number} toIndex Index to move the series to.
-     */
-    moveSeries(fromIndex: number, toIndex: number): void;
-    /**
-     * Gets the slice id for a given slice index. If the index is out of bounds, this function will return `undefined`.
-     * @param {number} sliceIndex The index of the slice.
-     * @returns {string | undefined}
-     */
-    getSliceId(sliceIndex: number): string | undefined;
-    /**
-     * Gets the slice index for a given slice id. If the `sliceId` is not found, this function will return `undefined`.
-     * @param {string} sliceId The id of the slice.
-     * @returns {number | undefined}
-     */
-    getSliceIndex(sliceId: string): number | undefined;
-    /**
-     * Gets the length of the slices array.
-     * @returns {number}
-     */
-    getSlicesLength(): number;
-    /**
-     * Resets the slices styling to the default styling.
-     */
-    resetSlices(): void;
-    /**
-     * Returns whether the series styling is able to be reset.
-     * @returns {boolean}
-     */
-    resetAvailable(): boolean;
-    /**
-     * Visibility of the ticks.
-     */
-    get ticksVisibility(): boolean;
-    set ticksVisibility(visibility: boolean);
-    /**
-     * Start angle of the pie chart.
-     */
-    get startAngle(): number | null | undefined;
-    set startAngle(angle: number | null | undefined);
-    /**
-     * End angle of the pie chart.
-     */
-    get endAngle(): number | null | undefined;
-    set endAngle(angle: number | null | undefined);
-    /**
-     * Display category value on tooltip setting from the chart config.
-     * @remarks If the setting is not found in the config, it will default to `true`.
-     */
-    get displayCategoryValueOnTooltip(): boolean;
-    set displayCategoryValueOnTooltip(display: boolean);
-    /**
-     * Display numeric value on tooltip setting from the chart config.
-     * @remarks If the setting is not found in the config, it will default to `true`.
-     */
-    get displayNumericValueOnTooltip(): boolean;
-    set displayNumericValueOnTooltip(display: boolean);
-    /**
-     * Display percentage on tooltip setting from the chart config.
-     * @remarks If the setting is not found in the config, it will default to `true`.
-     */
-    get displayPercentageOnTooltip(): boolean;
-    set displayPercentageOnTooltip(display: boolean);
-    /**
-     * Prefix of the values of the slices.
-     */
-    get valuePrefix(): string | undefined;
-    set valuePrefix(prefix: string | undefined);
-    /**
-     * Suffix of the values of the slice.
-     */
-    get valueSuffix(): string | undefined;
-    set valueSuffix(suffix: string | undefined);
-    /**
-     * Prefix of the percentages of the slices.
-     */
-    get percentagePrefix(): string | undefined;
-    set percentagePrefix(prefix: string | undefined);
-    /**
-     * Suffix of the percentages of the slices.
-     */
-    get percentageSuffix(): string | undefined;
-    set percentageSuffix(suffix: string | undefined);
-    /**
-     * Offset for the data labels.
-     */
-    get dataLabelsOffset(): number;
-    set dataLabelsOffset(offset: number);
-    /**
-     * Align data labels setting for the pie chart.
-     */
-    get alignDataLabels(): boolean | undefined;
-    set alignDataLabels(align: boolean | undefined);
-    /**
-     * Setting for placing the data labels inside of the slices.
-     */
-    get dataLabelsInside(): boolean | undefined;
-    set dataLabelsInside(inside: boolean | undefined);
-    /**
-     * Optimize data labels overlapping setting for the pie chart.
-     */
-    get optimizeDataLabelsOverlapping(): boolean | undefined;
-    set optimizeDataLabelsOverlapping(optimize: boolean | undefined);
-    /**
-     * Generate the proper chart title given the current config.
-     *
-     * @returns {string}
-     */
-    generateChartTitle(): string;
-}
-export interface PieChartModel extends PieChartLegendModel, ModelWithTooltips, ModelWithColorMatch, ModelWithDataLabels {
+import type { ChartModel } from "../chart-model/chart-model.js";
+import type { ModelParams } from "../interfaces/chart-interfaces.js";
+import type { LayerInfo, ModelTypes, PieChartDataSortingKinds, PieChartSlicesDisplay, PieChartDataModes } from "../interfaces/common.js";
+import type { WithColorMatch } from "../properties/color-match.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 { MixinInstances } from "../shared/utils.js";
+import type { PieChartLegendModel } from "./pie-chart-legend-model.js";
+import type { ChartConfig } from "../../utils/types/index.js";
+import type { WebChart, WebChartPieChartGroupSlice, WebChartPieChartSlice } from "../../spec/web-chart.js";
+import type { WebChartStatisticType } from "../../spec/chart-object-literals.js";
+import type { ChartTypes } from "../../utils/misc/index.js";
+import type { Color, ISimpleLineSymbol } from "../../spec/rest-js-types.js";
+import type { ModelWithTooltips as ModelWithTooltips2 } from "../mixins/model-with-tooltips.js";
+
+export class PieChartModel extends ChartModel {
+  protected _chartType: ChartTypes;
+  /** Current configuration used for the pie chart */
+  protected _config: ChartConfig<typeof ModelTypes.PieChart, WebChart>;
+  /**
+   * Protected property to hold the pie chart data mode
+   * - `category`: the chart will use values from the category field to determine each slice.
+   * - `fields`: the chart will use aggregated values from the numeric fields to determine each slice.
+   */
+  protected _mode: PieChartDataModes;
+  /** Aggregation type for the pie chart. */
+  accessor aggregationType: WebChartStatisticType;
+  /** Align data labels setting for the pie chart. */
+  accessor alignDataLabels: boolean | undefined;
+  /** Category field for the pie chart. */
+  accessor category: string;
+  /** Setting for placing the data labels inside of the slices. */
+  accessor dataLabelsInside: boolean | undefined;
+  /** Offset for the data labels. */
+  accessor dataLabelsOffset: number;
+  /** Number of decimal places to display in the slice values. */
+  accessor decimalPlaces: number;
+  /**
+   * Whether to display the category on the data label.
+   * **Note:** If the setting is not found in the config, it will default to `true`.
+   */
+  accessor displayCategoryOnDataLabel: boolean;
+  /**
+   * Display category value on tooltip setting from the chart config.
+   *
+   * **Note**: If the setting is not found in the config, it will default to `true`.
+   */
+  accessor displayCategoryValueOnTooltip: boolean;
+  /**
+   * Whether to display the numeric value on the data label.
+   * **Note:** If the setting is not found in the config, it will default to `true`.
+   */
+  accessor displayNumericValueOnDataLabel: boolean;
+  /**
+   * Display numeric value on tooltip setting from the chart config.
+   *
+   * **Note**: If the setting is not found in the config, it will default to `true`.
+   */
+  accessor displayNumericValueOnTooltip: boolean;
+  /**
+   * Whether to display the percentage on the data label.
+   * **Note:** If the setting is not found in the config, it will default to `true`.
+   */
+  accessor displayPercentageOnDataLabel: boolean;
+  /**
+   * Display percentage on tooltip setting from the chart config.
+   *
+   * **Note**: If the setting is not found in the config, it will default to `true`.
+   */
+  accessor displayPercentageOnTooltip: boolean;
+  /** Display type for the pie chart slices. Specifies whether to display the slices as a percentage, value, or both. */
+  accessor displayType: PieChartSlicesDisplay;
+  /** End angle of the pie chart. */
+  accessor endAngle: number | null | undefined;
+  /** Array of grouped slice ids for the pie chart. */
+  accessor groupedSliceIds: string[];
+  /** Threshold below which slices will be grouped. */
+  accessor groupingThreshold: number;
+  /** Inner radius size for the pie chart. */
+  accessor innerRadiusSize: number;
+  /** Character limit for the slice labels. */
+  accessor labelCharacterLimit: number | null;
+  protected layerInfo: LayerInfo;
+  /**
+   * The pie chart data mode (Category or Fields).
+   * `category` - The chart is using values from the category field to determine each slice.
+   * `fields` - The chart is using aggregated values from the numeric fields to determine each slice.
+   */
+  accessor mode: PieChartDataModes;
+  /** Numeric fields for the pie chart. */
+  get numericFields(): string[];
+  set numericFields(value: string[] | string);
+  /** Optimize data labels overlapping setting for the pie chart. */
+  accessor optimizeDataLabelsOverlapping: boolean | undefined;
+  /** List of category's values for custom sort */
+  accessor orderByList: string[];
+  /** Order of the slice array by returning an array of slice ids */
+  accessor orderOfSlices: string[] | undefined;
+  /** Prefix of the percentages of the slices. */
+  accessor percentagePrefix: string | undefined;
+  /** Suffix of the percentages of the slices. */
+  accessor percentageSuffix: string | undefined;
+  /** Slice grouping configuration for the pie chart. */
+  accessor sliceGrouping: WebChartPieChartGroupSlice | undefined;
+  /** Array of slices for the pie chart. */
+  accessor slices: WebChartPieChartSlice[] | undefined;
+  /** Start angle of the pie chart. */
+  accessor startAngle: number | null | undefined;
+  /** Ticks symbol connecting slices to labels. */
+  accessor ticksSymbol: ISimpleLineSymbol | undefined;
+  /** Visibility of the ticks. */
+  accessor ticksVisibility: boolean;
+  /** Prefix of the values of the slices. */
+  accessor valuePrefix: string | undefined;
+  /** Suffix of the values of the slice. */
+  accessor valueSuffix: string | undefined;
+  /** Generate the proper chart title given the current config. */
+  generateChartTitle(): string;
+  protected generateDefaultConfig(): Omit<ChartConfig<"pieChart", WebChart>, "iLayer">;
+  /** Gets the list of the category values for the chart. */
+  getCustomSortValues(): Promise<string[]>;
+  /**
+   * Gets the original name of the slice based on the slice index.
+   *
+   * @param sliceIndex - The index of the slice.
+   */
+  getOriginalSliceName(sliceIndex: number): Date | number | string | null | undefined;
+  /**
+   * Gets the color of the slice based on the slice index. If the index is out of bounds, this function will return `undefined`.
+   *
+   * @param sliceIndex - The index of the slice.
+   */
+  getSliceColor(sliceIndex: number): Color | undefined;
+  /**
+   * Gets the slice id for a given slice index. If the index is out of bounds, this function will return `undefined`.
+   *
+   * @param sliceIndex - The index of the slice.
+   */
+  getSliceId(sliceIndex: number): string | undefined;
+  /**
+   * Gets the slice index for a given slice id. If the `sliceId` is not found, this function will return `undefined`.
+   *
+   * @param sliceId - The id of the slice.
+   */
+  getSliceIndex(sliceId: string): number | undefined;
+  /**
+   * Gets the name of the slice based on the slice index. If the index is out of bounds, this function will return `undefined`.
+   *
+   * @param sliceIndex - The index of the slice.
+   */
+  getSliceName(sliceIndex: number): string | undefined;
+  /** Gets the length of the slices array. */
+  getSlicesLength(): number;
+  /** Gets the sort order for the pie chart. */
+  getSortOrder(): PieChartDataSortingKinds;
+  /**
+   * 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 `customSort`.
+   *
+   * @param fromIndex - The index to move the custom sort item from.
+   * @param toIndex - The index to move the category item to.
+   */
+  moveCustomSortValuesInOrderByList(fromIndex: number, toIndex: number): void;
+  /**
+   * Moves a series from one index in the series array to another.
+   *
+   * @param fromIndex - Index to move the series from.
+   * @param toIndex - Index to move the series to.
+   */
+  moveSeries(fromIndex: number, toIndex: number): void;
+  /** Returns whether the series styling is able to be reset. */
+  resetAvailable(): boolean;
+  /** Resets the slices styling to the default styling. */
+  resetSlices(): void;
+  /**
+   * Sets the color of the slice based on the slice index.
+   *
+   * @param color - The color for the slice.
+   * @param sliceIndex - The index of the slice.
+   */
+  setSliceColor(color: Color | undefined, sliceIndex: number): void;
+  /**
+   * Sets name of the slice based on the slice index.
+   *
+   * @param name - The name for the slice.
+   * @param sliceIndex - The index of the slice.
+   */
+  setSliceName(name: string, sliceIndex: number): void;
+  /**
+   * Sets the sort order for the pie chart.
+   *
+   * @param sortOrder - The sort order.
+   * @param orderByList - The list of category values.
+   */
+  setSortOrder(sortOrder: PieChartDataSortingKinds, orderByList?: string[]): void;
+  /** @param params */
+  setup(params: ModelParams<ChartConfig<typeof ModelTypes.PieChart>>): Promise<void>;
 }
+
+export interface PieChartModel extends MixinInstances<typeof pieChartMixins> {}
+
+export const pieChartMixins: readonly [
+    typeof PieChartLegendModel,
+    typeof ModelWithTooltips2,
+    typeof WithColorMatch,
+    typeof WithDataLabelsVisibility,
+    typeof WithDataLabelsSymbol
+];

package/dist/model/properties/axes/axis-labels-symbol.d.ts

@@ -0,0 +1,8 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+import type { WebChartTextSymbol } from "../../../spec/web-chart.js";
+
+/** Adds support for configuring the axis labels symbol. */
+export abstract class WithAxisLabelsSymbol extends ChartModelBase {
+  /** Axis labels text symbol (font, color, style). */
+  accessor axisLabelsSymbol: WebChartTextSymbol | undefined;
+}

package/dist/model/properties/axes/axis-lines-symbol.d.ts

@@ -0,0 +1,8 @@
+import type { ChartModelBase } from "../../chart-model/chart-model-base.js";
+import type { ISimpleLineSymbol } from "../../../spec/rest-js-types.js";
+
+/** Adds support for configuring the axis lines symbol. */
+export abstract class WithAxisLinesSymbol extends ChartModelBase {
+  /** Axis lines symbol (line width, style, color). */
+  accessor axisLinesSymbol: ISimpleLineSymbol | undefined;
+}

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

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../../../chart-model/chart-model-base.js";
+
+/** Adds support for computing an x-axis title based on chart type. */
+export abstract class WithGenerateXAxisTitle extends ChartModelBase {
+  /** Generate the proper x-axis title from the current config. */
+  generateXAxisTitle(): string;
+}

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

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../../../chart-model/chart-model-base.js";
+
+/** Adds support for configuring the maximum x-axis bound. */
+export abstract class WithMaxXBound extends ChartModelBase {
+  /** Maximum bound set for the x-axis. Null indicates no explicit maximum. */
+  accessor maxXBound: number | null;
+}

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

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../../../chart-model/chart-model-base.js";
+
+/** Adds support for configuring the minimum x-axis bound. */
+export abstract class WithMinXBound extends ChartModelBase {
+  /** Minimum bound set for the x-axis. Null indicates no explicit minimum. */
+  accessor minXBound: number | null;
+}

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

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../../../chart-model/chart-model-base.js";
+
+/** Adds support for configuring the x-axis labels visibility. */
+export abstract class WithXAxisLabelsVisibility extends ChartModelBase {
+  /** Whether the x-axis labels are visible. */
+  accessor xAxisLabelsVisibility: boolean;
+}

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

@@ -0,0 +1,8 @@
+import type { WebChartTextSymbol } from "../../../../spec/web-chart.js";
+import type { ChartModelBase } from "../../../chart-model/chart-model-base.js";
+
+/** Adds support for configuring the x-axis title symbol. */
+export abstract class WithXAxisTitleSymbol extends ChartModelBase {
+  /** X-axis title text symbol (font, color, style). */
+  accessor xAxisTitleSymbol: WebChartTextSymbol | undefined;
+}

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

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../../../chart-model/chart-model-base.js";
+
+/** Adds support for configuring the x-axis title text. */
+export abstract class WithXAxisTitleText extends ChartModelBase {
+  /** The x-axis title text. */
+  accessor xAxisTitleText: string;
+}

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

@@ -0,0 +1,11 @@
+import type { ChartModelBase } from "../../../chart-model/chart-model-base.js";
+
+/** Adds support for toggling the x-axis title visibility. */
+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.
+   */
+  accessor xAxisTitleVisibility: boolean;
+}

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

@@ -0,0 +1,8 @@
+import type { ChartModelBase } from "../../../chart-model/chart-model-base.js";
+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 {}

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

@@ -0,0 +1,8 @@
+import type { Color } from "../../spec/rest-js-types.js";
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for working with the chart background color. */
+export abstract class WithBackgroundColor extends ChartModelBase {
+  /** The background color of the chart. */
+  accessor backgroundColor: Color | undefined;
+}

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

@@ -0,0 +1,7 @@
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds getter/setter support for the chart identifier. */
+export abstract class WithChartId extends ChartModelBase {
+  /** The chart ID. */
+  accessor chartId: string | undefined;
+}

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

@@ -0,0 +1,9 @@
+import type { IDrawingInfo } from "../../spec/rest-js-types.js";
+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. */
+  get chartRenderer(): IDrawingInfo["renderer"] | undefined;
+  set chartRenderer(value: IDrawingInfo["renderer"]);
+}

package/dist/model/properties/chart-sub-type.d.ts

@@ -0,0 +1,8 @@
+import type { ChartSubType } from "../../utils/misc/interfaces.js";
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/** Adds support for reading the chart sub type. */
+export abstract class WithChartSubType extends ChartModelBase {
+  /** The chart sub type of the series. */
+  get chartSubType(): ChartSubType;
+}