@arcgis/charts-components 5.0.0-next.92 → 5.0.0-next.93

package/dist/loader.js

@@ -2,9 +2,9 @@ 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.92 */
+v5.0.0-next.93 */
 const o = t(e, {
-  "arcgis-chart": [() => import("./components/arcgis-chart/customElement.js"), "actionMode,allowUsingObjectIdStat,autoDestroyDisabled,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:,messageOverrides:,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-chart": [() => import("./components/arcgis-chart/customElement.js"), "actionMode,allowUsingObjectIdStat,autoDestroyDisabled,autoDisposeChart,autoInverseDataLabelTextColor,chartIndex,chartLimits:,chartWillRender:,cursorRange,dataLabelFormatter:,disableAutoTheming,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:,messageOverrides:,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"],
   "arcgis-charts-config-axes": [() => import("./components/arcgis-charts-config-axes/customElement.js"), "calculatedDataMinMaxBounds:,calculatedMinMaxBounds:,messageOverrides:,model:,open,showEnableXLogOption,showEnableYLogOption,showMaxXBoundOption,showMaxYBoundOption,showMinXBoundOption,showMinYBoundOption"],
   "arcgis-charts-config-axis": [() => import("./components/arcgis-charts-config-axis/customElement.js"), "axisTitle,dataMaxValue,dataMinValue,initialMaxBound,initialMinBound,isXAxis,maxBoundMaxLimit,maxBoundMinLimit,messageOverrides:,minBoundMaxLimit,minBoundMinLimit,model:,showEnableLogOption,showMaxBoundOption,showMinBoundOption"],

package/dist/model/mixins/model-with-basic-x-axis.d.ts

@@ -6,6 +6,11 @@ export declare abstract class ModelWithBasicXAxis extends ChartModel {
      */
     get xAxisTitleText(): string;
     set xAxisTitleText(newXAxisTitleText: string);
+    /**
+     * Whether the x-axis labels are visible.
+     */
+    get xAxisLabelsVisibility(): boolean;
+    set xAxisLabelsVisibility(newXAxisLabelsVisibility: boolean);
     /**
      * Whether the x-axis title is visible.
      * true: X-axis title is visible.

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

@@ -1,5 +1,5 @@
+import { CategoryFormatOptions, DateTimeFormatOptions, ISimpleLineSymbol, NumberFormatOptions, WebChartAxisScrollBar, WebChartCursorCrosshair, WebChartLabelBehavior, WebChartTextSymbol } from '../../spec';
 import { XYChartTypes } from '../../utils';
-import { CategoryFormatOptions, DateTimeFormatOptions, NumberFormatOptions, WebChartAxisScrollBar, WebChartTextSymbol, ISimpleLineSymbol, WebChartLabelBehavior, WebChartCursorCrosshair } from '../../spec';
 import { ModelWithBasicXAxis } from './model-with-basic-x-axis';
 export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     protected _chartType: XYChartTypes;
@@ -17,6 +17,32 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
      * @param axisIndex - The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
      */
     setAxisTitleText(titleText: string, axisIndex: number): void;
+    /**
+     * Gets the visibility of the specified axis.
+     * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
+     * @returns {boolean}
+     */
+    getAxisVisibility(axisIndex: number): boolean;
+    /**
+     * Sets the visibility of the specified axis.
+     * **Note:** The visibility for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * @param {boolean} isVisible The visibility state for the axis.
+     * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
+     */
+    setAxisVisibility(isVisible: boolean, axisIndex: number): void;
+    /**
+     * Gets the visibility of the specified axis labels.
+     * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
+     * @returns {boolean}
+     */
+    getAxisLabelsVisibility(axisIndex: number): boolean;
+    /**
+     * Sets the visibility of the specified axis labels.
+     * **Note:** The labels visibility for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * @param {boolean} isVisible The visibility state for the axis labels.
+     * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
+     */
+    setAxisLabelsVisibility(isVisible: boolean, axisIndex: number): void;
     /**
      * Gets the visibility of the specified axis title.
      *

package/dist/model/mixins/utils/axes.d.ts

@@ -1,5 +1,5 @@
-import { ChartConfig } from '../../../utils';
 import { ISimpleLineSymbol, WebChartAxisScrollBar, WebChartTextSymbol } from '../../../spec';
+import { ChartConfig } from '../../../utils';
 /**
  * Gets the axis title symbol for the specified axis index from the chart config.
  *
@@ -74,6 +74,34 @@ export declare const getAxisTitleText: (axisIndex: number, config: ChartConfig)
  * @param config - The chart config object
  */
 export declare const setAxisTitleText: (title: string, axisIndex: number, config: ChartConfig) => void;
+/**
+ * Gets the visibility of the axis
+ *
+ * @param axisIndex - The index of the axis
+ * @param config - The chart config object
+ */
+export declare const getAxisVisibility: (axisIndex: number, config: ChartConfig) => boolean;
+/**
+ * Sets the visibility of the axis
+ *
+ * @param visibility - Whether or not to show the axis
+ * @param axisIndex - The index of the axis
+ * @param config - The chart config object
+ */
+export declare const setAxisVisibility: (visibility: boolean, axisIndex: number, config: ChartConfig) => void;
+/**
+ * Gets the visibility of the axis labels
+ * @param axisIndex - The index of the axis
+ * @param config - The chart config object
+ */
+export declare const getAxisLabelsVisibility: (axisIndex: number, config: ChartConfig) => boolean;
+/**
+ * Sets the visibility of the axis labels
+ * @param visibility - Whether or not to show the axis labels
+ * @param axisIndex - The index of the axis
+ * @param config - The chart config object
+ */
+export declare const setAxisLabelsVisibility: (visibility: boolean, axisIndex: number, config: ChartConfig) => void;
 /**
  * Gets the visibility of the axis title.
  *

package/dist/model/mixins/utils/guides.d.ts

@@ -3,6 +3,8 @@ import { ChartConfig } from '../../../utils';
 import { GuideOrientation } from '../../interfaces/common';
 /**
  * Gets the guide labels text symbol from the chart config.
+ * TODO: Need to revisit how this is used. This function returns the first label found in
+ * the config, while each guide label could be different.
  * @param config
  */
 export declare const getGuideLabelsSymbol: (config: ChartConfig) => WebChartTextSymbol | undefined;

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

@@ -41,7 +41,18 @@ export declare abstract class PieChartLegendModel extends ModelWithLegend {
      *
      * @param labelMaxWidth - The maximum width in pixel for the legend item labels
      */
-    setLabelMaxWidth(labelMaxWidth: number): void;
+    setLabelMaxWidth(labelMaxWidth: number | undefined): void;
+    /**
+     * The maximum width in pixel for the legend value labels.
+     * @returns {number}
+     */
+    get valueLabelMaxWidth(): number;
+    set valueLabelMaxWidth(valueLabelMaxWidth: number | undefined);
+    /**
+     * Whether to display the category in the legend.
+     */
+    get displayCategory(): boolean;
+    set displayCategory(displayCategory: boolean);
 }
 export interface PieChartLegendModel extends ModelWithLegend {
 }

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

@@ -202,6 +202,12 @@ export declare class PieChartModel extends ChartModel {
      */
     get endAngle(): number | null | undefined;
     set endAngle(angle: number | null | undefined);
+    /**
+     * Whether to display the category on the data label.
+     * **Note:** If the setting is not found in the config, it will default to `true`.
+     */
+    get displayCategoryOnDataLabel(): boolean;
+    set displayCategoryOnDataLabel(display: boolean);
     /**
      * Display category value on tooltip setting from the chart config.
      *
@@ -209,6 +215,18 @@ export declare class PieChartModel extends ChartModel {
      */
     get displayCategoryValueOnTooltip(): boolean;
     set displayCategoryValueOnTooltip(display: 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`.
+     */
+    get displayNumericValueOnDataLabel(): boolean;
+    set displayNumericValueOnDataLabel(display: 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`.
+     */
+    get displayPercentageOnDataLabel(): boolean;
+    set displayPercentageOnDataLabel(display: boolean);
     /**
      * Display numeric value on tooltip setting from the chart config.
      *

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

@@ -66,4 +66,16 @@ export declare const getLabelMaxWidth: (config: ChartConfig) => number;
  * @param labelMaxWidth - The maximum width in pixel for the legend item labels
  * @param config - The chart configuration object
  */
-export declare const setLabelMaxWidth: (labelMaxWidth: number, config: ChartConfig) => void;
+export declare const setLabelMaxWidth: (labelMaxWidth: number | undefined, config: ChartConfig) => void;
+/**
+ * Gets the maximum width in pixel for the legend value labels.
+ * @param config The chart configuration object
+ * @returns {number}
+ */
+export declare const getValueLabelMaxWidth: (config: ChartConfig) => number;
+/**
+ * Sets the maximum width in pixel for the legend value labels.
+ * @param valueLabelMaxWidth The maximum width in pixel for the legend value labels
+ * @param config The chart configuration object
+ */
+export declare const setValueLabelMaxWidth: (valueLabelMaxWidth: number | undefined, config: ChartConfig) => void;

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

@@ -70,6 +70,32 @@ export declare const getDisplayCategoryOnDataLabel: (config: ChartConfig<typeof
  * @param config - The chart configuration.
  */
 export declare const setDisplayCategoryOnDataLabel: (display: boolean, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+/**
+ * Gets the display numeric value on data label setting from the chart config.
+ * @param config The chart configuration.
+ * @returns {boolean}
+ * **Note:** If the setting is not found in the config, it will default to `true`.
+ */
+export declare const getDisplayNumericValueOnDataLabel: (config: ChartConfig<typeof ModelTypes.PieChart>) => boolean;
+/**
+ * Sets the display numeric value on data label setting in the chart config.
+ * @param display The boolean value to set the displayNumericValueOnDataLabel to
+ * @param config The chart configuration.
+ */
+export declare const setDisplayNumericValueOnDataLabel: (display: boolean, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
+/**
+ * Gets whether the percentage is displayed on the data label.
+ * @param config The chart configuration.
+ * @returns {boolean}
+ * **Note:** If the setting is not found in the config, it will default to `false`.
+ */
+export declare const getDisplayPercentageOnDataLabel: (config: ChartConfig<typeof ModelTypes.PieChart>) => boolean;
+/**
+ * Whether to display the percentage on the data label.
+ * @param display The boolean value to set the displayPercentageOnDataLabel to
+ * @param config The chart configuration.
+ */
+export declare const setDisplayPercentageOnDataLabel: (display: boolean, config: ChartConfig<typeof ModelTypes.PieChart>) => void;
 /**
  * Gets the display numeric value on tooltip setting from the chart config.
  *

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

@@ -1,11 +1,17 @@
+import { BarChartModel, BoxPlotModel, ChartModel, ComboBarLineChartModel, GaugeModel, HistogramModel, LineChartModel, ModelOfType, ModelTypes, PieChartLegendModel, PieChartModel, ScatterplotModel, SerialChartModel } from '..';
 import { WebChart } from '../../spec';
-import { BarChartModel, BoxPlotModel, ChartModel, HistogramModel, LineChartModel, ModelOfType, ModelTypes, PieChartModel, ScatterplotModel, SerialChartModel } from '..';
-import { ModelWithBasicXAxis, ModelWithDataLabels, ModelWithGuides, ModelWithLegend, ModelWithRotation, ModelWithTemporalBinning, ModelWithXGuides, ModelWithYGuides, ModelWithMultiAxes } from '../mixins/index';
+import { HeatChartModel } from '../heat-chart-model/heat-chart-model';
+import { ModelWithBaselineStacking, ModelWithBasicXAxis, ModelWithColorMatch, ModelWithDataLabels, ModelWithGuides, ModelWithLegend, ModelWithLineMarkerStyling, ModelWithMultiAxes, ModelWithRotation, ModelWithTemporalBinning, ModelWithTooltips, ModelWithXGuides, ModelWithYGuides } from '../mixins/index';
 /**
  * Determines if the provided model or config is a `ChartModel`.
  * @param model The model to check.
  */
 export declare function isChartModel(model: ChartModel | WebChart | undefined): model is ChartModel;
+/**
+ * Determines if the provided `model` is of type `HeatChartModel`.
+ * @param model The model to check.
+ */
+export declare function isHeatChartModel(model: ChartModel | undefined): model is HeatChartModel;
 /**
  * Determines if the provided `model` is of type `BarChartModel`.
  * @param model The model to check.
@@ -16,12 +22,17 @@ export declare function isBarChartModel(model: ChartModel | undefined): model is
  * @param model The model to check.
  */
 export declare function isLineChartModel(model: ChartModel | undefined): model is LineChartModel;
+/**
+ * Determines if the provided `model` is of type `ComboBarLineChartModel`.
+ * @param model The model to check.
+ */
+export declare function isComboBarLineChartModel(model: ChartModel | undefined): model is ComboBarLineChartModel;
 /**
  * Determines if the provided `model` is of type `SerialChartModel`.
  * This includes LineSeries, BarSeries, ComboLineAndBarSeries, and RadarSeries.
  * @param model The model to check.
  */
-export declare function isSerialChartModel(model: SerialChartModel | undefined): model is SerialChartModel;
+export declare function isSerialChartModel(model: ChartModel | undefined): model is SerialChartModel;
 /**
  * Determines if the provided `model` is of type `PieChartModel`.
  * @param model The model to check.
@@ -43,6 +54,11 @@ export declare function isScatterplotModel(model: ChartModel | undefined): model
  * @param model The model to check.
  */
 export declare function isHistogramModel(model: ChartModel | undefined): model is HistogramModel;
+/**
+ * Determines if the provided `model` is of type `GaugeModel`.
+ * @param model The model to check.
+ */
+export declare function isGaugeModel(model: ChartModel | undefined): model is GaugeModel;
 /**
  * Type guard for ModelWithBasicXAxis
  * @param model
@@ -53,6 +69,26 @@ export declare function isModelWithBasicXAxis(model: ChartModel | undefined): mo
  * @param model
  */
 export declare function isModelWithMultiAxes(model: ChartModel | undefined): model is ModelWithMultiAxes;
+/**
+ * Type guard for ModelWithColorMatch
+ * @param model
+ */
+export declare function isModelWithColorMatch(model: ChartModel | undefined): model is ModelWithColorMatch;
+/**
+ * Type guard for ModelWithLineMarkerStyling
+ * @param model
+ */
+export declare function isModelWithLineMarkerStyling(model: ChartModel | undefined): model is ModelWithLineMarkerStyling;
+/**
+ * Type guard for ModelWithBaselineStacking
+ * @param model
+ */
+export declare function isModelWithBaselineStacking(model: ChartModel | undefined): model is ModelWithBaselineStacking;
+/**
+ * Type guard for ModelWithTooltips
+ * @param model
+ */
+export declare function isModelWithTooltips(model: ChartModel | undefined): model is ModelWithTooltips;
 /**
  * Type guard for ModelWithRotation
  * @param model
@@ -83,6 +119,11 @@ export declare function isModelWithYGuides(model: ChartModel | undefined): model
  * @param model The model to check.
  */
 export declare function isModelWithLegend(model: ChartModel | undefined): model is ModelWithLegend;
+/**
+ * Determines if the provided `model` is of type `PieChartLegendModel`.
+ * @param model The model to check.
+ */
+export declare function isPieChartLegendModel(model: ChartModel | undefined): model is PieChartLegendModel;
 /**
  * Determines if the provided `model` is of type `ModelWithTemporalBinning`.
  * @param model The model to check.

package/dist/model.js

@@ -1,12 +1,12 @@
 import { M as i } from "./chunks/common.js";
-import { B as m, C as y, F as g, G as C, H as w, L as f, a as u, P as b, b as p, S as L, T, c as S } from "./chunks/common.js";
-import { s as r, t as s, u as n } from "./chunks/type-guards.js";
-import { a as B, e as P, i as x, g as W, b as K, r as v, h as D, l as G, m as H, p as F, j as O, k as R, q as A, n as E, o as X, d as Y, f as $, c as j } from "./chunks/type-guards.js";
+import { B as m, C as y, F as g, G as C, H as w, L as f, a as u, P as L, b, S as p, T, c as B } from "./chunks/common.js";
+import { A as s, B as r, C as n } from "./chunks/type-guards.js";
+import { b as k, g as P, i as W, d as x, k as v, a as G, j as H, c as K, z as D, p as F, l as A, n as O, s as R, t as E, w as X, o as Y, m as $, r as j, y as q, q as z, u as I, v as J, x as N, f as Q, h as U, e as V } from "./chunks/type-guards.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.92 */
-async function c(t) {
-  const o = "config" in t ? r(t.config) : t.chartType;
+v5.0.0-next.93 */
+async function h(t) {
+  const o = "config" in t ? s(t.config) : t.chartType;
   let a;
   if (!("layer" in t) && !("iLayer" in t) && "config" in t && t.config.iLayer === void 0)
     throw new Error(
@@ -69,7 +69,7 @@ async function c(t) {
     layer: "layer" in t ? t.layer : void 0,
     iLayer: "iLayer" in t ? t.iLayer : void 0,
     config: "config" in t ? t.config : void 0
-  }), o !== void 0 && s(a, o))
+  }), o !== void 0 && r(a, o))
     return a;
   {
     const e = n(a.chartType);
@@ -87,28 +87,36 @@ export {
   f as LineFormatKeys,
   i as ModelTypes,
   u as PieChartDataModes,
-  b as PieChartDataSortingKinds,
-  p as PieChartSlicesDisplay,
-  L as SerialChartDataSortingKinds,
+  L as PieChartDataSortingKinds,
+  b as PieChartSlicesDisplay,
+  p as SerialChartDataSortingKinds,
   T as TextFormatKeys,
-  c as createModel,
-  S as customSortString,
-  B as isBarChartModel,
+  h as createModel,
+  B as customSortString,
+  k as isBarChartModel,
   P as isBoxPlotModel,
-  x as isChartModel,
-  W as isHistogramModel,
+  W as isChartModel,
+  x as isComboBarLineChartModel,
+  v as isGaugeModel,
+  G as isHeatChartModel,
+  H as isHistogramModel,
   K as isLineChartModel,
-  v as isModelOfType,
-  D as isModelWithBasicXAxis,
-  G as isModelWithDataLabels,
-  H as isModelWithGuides,
-  F as isModelWithLegend,
-  O as isModelWithMultiAxes,
-  R as isModelWithRotation,
-  A as isModelWithTemporalBinning,
-  E as isModelWithXGuides,
-  X as isModelWithYGuides,
-  Y as isPieChartModel,
-  $ as isScatterplotModel,
-  j as isSerialChartModel
+  D as isModelOfType,
+  F as isModelWithBaselineStacking,
+  A as isModelWithBasicXAxis,
+  O as isModelWithColorMatch,
+  R as isModelWithDataLabels,
+  E as isModelWithGuides,
+  X as isModelWithLegend,
+  Y as isModelWithLineMarkerStyling,
+  $ as isModelWithMultiAxes,
+  j as isModelWithRotation,
+  q as isModelWithTemporalBinning,
+  z as isModelWithTooltips,
+  I as isModelWithXGuides,
+  J as isModelWithYGuides,
+  N as isPieChartLegendModel,
+  Q as isPieChartModel,
+  U as isScatterplotModel,
+  V as isSerialChartModel
 };

package/dist/types/lumina.d.ts

@@ -3,7 +3,7 @@ import type { ArcgisChart } from "../components/arcgis-chart/index.js";
 import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/index.js";
 import type { h, EventHandler } from "@arcgis/lumina";
 
-interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, h.JSX.HTMLAttributes<HTMLArcgisChartElement> {
+interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableAutoTheming' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, h.JSX.HTMLAttributes<HTMLArcgisChartElement> {
   onarcgisAxesMinMaxChange?: EventHandler<HTMLArcgisChartElement["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<HTMLArcgisChartElement["arcgisChartNotFoundWarning"]>;

package/dist/types/preact.d.ts

@@ -4,7 +4,7 @@ import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-b
 import { HTMLAttributes } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
-interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, HTMLAttributes<HTMLArcgisChartElement> {
+interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableAutoTheming' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, HTMLAttributes<HTMLArcgisChartElement> {
   onarcgisAxesMinMaxChange?: EventHandler<HTMLArcgisChartElement["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<HTMLArcgisChartElement["arcgisChartNotFoundWarning"]>;

package/dist/types/preact10.d.ts

@@ -5,7 +5,7 @@ import { JSX as PreactJsx } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
-interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, PreactJsx.HTMLAttributes<HTMLArcgisChartElement> {
+interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableAutoTheming' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, PreactJsx.HTMLAttributes<HTMLArcgisChartElement> {
   onarcgisAxesMinMaxChange?: EventHandler<HTMLArcgisChartElement["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<HTMLArcgisChartElement["arcgisChartNotFoundWarning"]>;

package/dist/types/react.d.ts

@@ -4,7 +4,7 @@ import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-b
 import type { HTMLProps } from 'react';
 import type { EventHandler } from "@arcgis/lumina"; 
 
-interface ReactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, HTMLProps<HTMLArcgisChartElement> {
+interface ReactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableAutoTheming' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, HTMLProps<HTMLArcgisChartElement> {
   onarcgisAxesMinMaxChange?: EventHandler<HTMLArcgisChartElement["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<HTMLArcgisChartElement["arcgisChartNotFoundWarning"]>;

package/dist/types/stencil.d.ts

@@ -4,7 +4,7 @@ import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-b
 import { JSXBase as StencilJsx } from "@stencil/core/internal";
 import type { EventHandler } from "@arcgis/lumina";
 
-interface StencilArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, StencilJsx.HTMLAttributes<HTMLArcgisChartElement> {
+interface StencilArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableAutoTheming' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, StencilJsx.HTMLAttributes<HTMLArcgisChartElement> {
   onArcgisAxesMinMaxChange?: EventHandler<HTMLArcgisChartElement["arcgisAxesMinMaxChange"]>;
   onArcgisBadDataWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisBadDataWarningRaise"]>;
   onArcgisChartNotFoundWarning?: EventHandler<HTMLArcgisChartElement["arcgisChartNotFoundWarning"]>;

package/dist/utils/components/themes.d.ts

@@ -0,0 +1,133 @@
+import { ChartOptions } from '../../chart-rendering/common/interfaces';
+import { EsriColor } from '../../chart-rendering/common/types';
+import { ArcgisChart } from '../../components/arcgis-chart/customElement.js';
+import { Color, WebChartBarChartSeries, WebChartBoxPlotSeries, WebChartHistogramSeries, WebChartLineChartSeries, WebChartOverlay, WebChartPieChartSlice, WebChartRadarChartSeries, WebChartScatterplotSeries } from '../../spec';
+/**
+ * Interface representing the list of colors a theme can provide.
+ */
+export interface ChartThemeColors {
+    backgroundColor?: EsriColor;
+    textColor?: EsriColor;
+    lineColor?: EsriColor;
+    secondLineColor?: EsriColor;
+}
+/**
+ * Indicates whether the Calcite dark mode is enabled on the DOM.
+ * @param chartElement The chart element
+ */
+export declare function isCalciteDarkModeEnabled(chartElement: HTMLElement): boolean;
+/**
+ * Retrieves the Calcite dark theme colors from the css variables.
+ * @param chartElement The chart element
+ */
+declare function getCalciteDarkThemeColors(chartElement: Element): ChartThemeColors;
+/**
+ * Applies the theme colors to the axes.
+ * @param config The config to alter
+ * @param themeColors The theme colors to apply
+ */
+declare function applyThemeColorsToAxes(config: ArcgisChart["config"], themeColors: ChartThemeColors): void;
+/**
+ * Applies the theme colors to the background.
+ * @param config The config to alter
+ * @param themeColors The theme colors to apply
+ */
+declare function applyThemeColorsToBackground(config: ArcgisChart["config"], themeColors: ChartThemeColors): void;
+/**
+ * Applies the theme colors to the title, footer and subtitle.
+ * @param config The config to alter
+ * @param themeColors The theme colors to apply
+ */
+declare function applyThemeColorsToTitleFooterSubtitle(config: ArcgisChart["config"], themeColors: ChartThemeColors): void;
+/**
+ * Updates the overlay symbol color (if the overlay is created and visible).
+ * @param overlayColor The color to set
+ * @param overlay The overlay to update
+ */
+declare function updateOverlaySymbolColor(overlayColor: Color, overlay?: WebChartOverlay): void;
+/**
+ * Updates the marker symbol color.
+ * @param props.configElementWithFillSymbol The config element with marker symbol to update
+ * @param props.markerColor The marker color to set
+ * @param props.lineColor The line color to set (optional)
+ */
+declare function updateMarkerSymbolColor(props: {
+    configElementWithFillSymbol: WebChartLineChartSeries | WebChartRadarChartSeries | WebChartScatterplotSeries;
+    markerColor: Color;
+    lineColor?: Color;
+}): void;
+/**
+ * Updates the fill symbol color.
+ * @param props.configElementWithFillSymbol The config element with fill symbol to update
+ * @param props.fillColor The fill color to set
+ * @param props.lineColor The line color to set (optional)
+ */
+declare function updateFillSymbolColor(props: {
+    configElementWithFillSymbol: WebChartBarChartSeries | WebChartBoxPlotSeries | WebChartHistogramSeries | WebChartPieChartSlice;
+    fillColor: Color;
+    lineColor?: Color;
+}): void;
+/**
+ * Applies the theme colors to the series.
+ * @param config The config to alter
+ * @param themeColors The theme colors to apply
+ */
+declare function applyThemeColorsToSeries(config: ArcgisChart["config"], themeColors: ChartThemeColors): void;
+/**
+ * Applies the theme colors to pie chart specific properties.
+ * @param config The config to alter
+ * @param themeColors The theme colors to apply
+ */
+declare function applyThemeColorsToPieChartSeries(config: ArcgisChart["config"], themeColors: ChartThemeColors): void;
+/**
+ * Applies the theme colors to the legend.
+ * @param config The config to alter
+ * @param themeColors The theme colors to apply
+ */
+declare function applyThemeColorsToLegend(config: ArcgisChart["config"], themeColors: ChartThemeColors): void;
+/**
+ * Applies the theme colors to gauge specific properties.
+ * @param config The config to alter
+ * @param themeColors The theme colors to apply
+ */
+declare function applyThemeColorsToGauge(config: ArcgisChart["config"], themeColors: ChartThemeColors): void;
+/**
+ * Applies the theme colors to heat chart specific properties.
+ * @param config The config to alter
+ * @param themeColors The theme colors to apply
+ */
+declare function applyThemeColorsToHeatChart(config: ArcgisChart["config"], themeColors: ChartThemeColors): void;
+/**
+ * Applies the theme to the loader colors in the chart options.
+ * @param props.options The chart options
+ * @param props.calciteThemeApplied The currently applied calcite theme
+ * @param props.config The chart config
+ * @returns A modified copy of the chart options
+ */
+export declare function applyThemeToLoaderColors(props: {
+    options: ChartOptions;
+    calciteThemeApplied: ArcgisChart["calciteThemeApplied"];
+    config: ArcgisChart["config"];
+}): ChartOptions;
+/**
+ * Apply a theme colors to the chart config.
+ * The only theme supported currently is the Calcite dark mode.
+ * @param chartElement The chart element
+ * @param config The chart config
+ */
+export declare function applyThemeColors(chartElement: HTMLArcgisChartElement, config: ArcgisChart["config"]): ArcgisChart["config"];
+export declare const commonThemesPrivateFunctions: {
+    applyThemeColorsToAxes: typeof applyThemeColorsToAxes;
+    applyThemeColorsToBackground: typeof applyThemeColorsToBackground;
+    applyThemeColorsToTitleFooterSubtitle: typeof applyThemeColorsToTitleFooterSubtitle;
+    applyThemeColorsToSeries: typeof applyThemeColorsToSeries;
+    applyThemeColorsToPieChartSeries: typeof applyThemeColorsToPieChartSeries;
+    applyThemeColorsToLegend: typeof applyThemeColorsToLegend;
+    applyThemeColorsToGauge: typeof applyThemeColorsToGauge;
+    applyThemeColorsToHeatChart: typeof applyThemeColorsToHeatChart;
+    getCalciteDarkThemeColors: typeof getCalciteDarkThemeColors;
+    updateOverlaySymbolColor: typeof updateOverlaySymbolColor;
+    updateFillSymbolColor: typeof updateFillSymbolColor;
+    updateMarkerSymbolColor: typeof updateMarkerSymbolColor;
+};
+export {};