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

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

@@ -1,10 +1,10 @@
 import type { GaugeChartSubTypes, SizePolicyScaleTypes, WebChartCalendarDatePartsUnits, WebChartClassBreakTypes, WebChartDataTransformations, WebChartDirectionalDataOrder, WebChartHeatChartHeatRulesTypes, WebChartHeatChartViewTypes, WebChartLabelBehavior, WebChartLegendPositions, WebChartMultiAxesDataOrder, WebChartNullPolicyTypes, WebChartOrderSeriesBy, WebChartPredefinedLabelsDataOrder, WebChartRadarChartAxisLabelsOrientation, WebChartStackedKinds, WebChartTemporalBinningUnits, WebChartTimeAggregationTypes, WebChartTypes } from "./chart-object-literals.js";
 import type { TimeIntervalInfo } from "./data-source.js";
 import type { RESTUnits } from "./rest-js-object-literals.js";
-import type { Color, IDrawingInfo, IEnvelope, IExtent, IFeatureLayer, IPoint, IPolygon, IPolygonWithCurves, IPolyline, ISimpleFillSymbol, ISimpleLineSymbol, ISimpleMarkerSymbol, IStatisticDefinition, ITextSymbol } from "./rest-js-types.js";
+import type { Color, IDrawingInfo, IEnvelope, IExtent, IFeatureLayer, IImageServiceLayer, IPoint, IPolygon, IPolygonWithCurves, IPolyline, ISimpleFillSymbol, ISimpleLineSymbol, ISimpleMarkerSymbol, IStatisticDefinition, ITextSymbol, ITiledImageServiceLayer, IWCSLayer } from "./rest-js-types.js";
 
 /** Version of the current specification. */
-export const WebChartCurrentVersion: "25.0.0";
+export const WebChartCurrentVersion: "25.1.0";
 
 /** Stores information regarding a numeric conversion. */
 export interface ValueConversion {
@@ -202,7 +202,7 @@ export interface WebChartOverlay {
 export interface NumberFormatOptions {
   /** Represents a unique string identifier for the `NumberFormatOptions` object. For the `NumberFormatOptions` object, it is `number`. It can help to differentiate numerical (value) axis from other types of axes such as date-time axis and category axis. */
   type: typeof WebChartTypes.NumberAxisFormat;
-  /** Represents the JS native [Intl.NumberFormatOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat), which is based on [CLDR](http://cldr.unicode.org/translation/numbers-currency/number-patterns) specifications. */
+  /** Represents the JS native [Intl.NumberFormatOptions](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat), which is based on [CLDR](https://cldr.unicode.org/translation/number-currency-formats/number-and-currency-patterns) specifications. */
   intlOptions: Intl.NumberFormatOptions;
 }
 
@@ -232,7 +232,7 @@ export interface WebChartDateTimeUnitFormatOptions {
 export interface DateTimeFormatOptions {
   /** Represents a unique string identifier for the `NumberFormatOptions` object. For the `NumberFormatOptions` object, it is `date`. It can help to differentiate date-time axis from other types of axes such as numeric (value) axis and category axis. */
   type: typeof WebChartTypes.DateAxisFormat;
-  /** Represent the JS native [Intl.DateTimeFormatOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat), which is based on [CLDR](http://cldr.unicode.org/translation/date-time-1/date-time-patterns) specifications. */
+  /** Represent the JS native [Intl.DateTimeFormatOptions](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat), which is based on [CLDR](https://cldr.unicode.org/translation/date-time/date-time-patterns) specifications. */
   intlOptions: Intl.DateTimeFormatOptions;
   /** Represents how to format specific date and time units when displayed on the axis, independently from the `intlOptions`. */
   formatPerDateTimeUnit?: WebChartDateTimeUnitFormatOptions;
@@ -411,6 +411,41 @@ export interface WebChartNeedle {
   displayPin?: boolean;
 }
 
+/**
+ * JSON representation of the fixed progress bands for gauge chart, which is a specific type of guide for gauge charts.
+ * It defines the properties of the fixed progress bands and how they should be rendered on a gauge chart.
+ *
+ * The "target" band's start value is set to the axis minimum, end value is set to the gauge value, and the color is what defined in the bands config.
+ * Similarly, the "base" band's start value is set to the gauge value, end value is set to the axis maximum, and the color is what defined in the bands config.
+ *
+ * @example
+ * ```json
+ * "progressBands": {
+ *   "type": "fixed",
+ *   "visible": true,
+ *   "bands": {
+ *     "target": { "type": "esriSFS", "color": [0, 255, 0, 255] },
+ *     "base": { "type": "esriSFS", "color": [255, 0, 0, 255] }
+ *   }
+ * }
+ * ```
+ */
+export interface WebChartGaugeFixedProgressBands {
+  /** Represents a unique string identifier for the fixed progress bands object. For `WebChartGaugeFixedProgressBands` object, it is `fixed`. */
+  type: typeof WebChartTypes.FixedProgressBands;
+  /**
+   * Determines the visibility of the fixed progress bands on the gauge chart.
+   *
+   * @default true
+   */
+  visible?: boolean;
+  /** Contains styling information on how the fixed progress bands should be rendered. */
+  bands?: {
+      target?: ISimpleFillSymbol;
+      base?: ISimpleFillSymbol;
+  };
+}
+
 /** JSON representation of the gauge chart's axis object. Inherits from the `WebChartAxis` properties. */
 export interface WebChartGaugeAxis extends WebChartAxis {
   /** Specifies how the axis' inner label needs to be displayed. */
@@ -464,6 +499,12 @@ export interface WebChartGaugeAxis extends WebChartAxis {
    * When `maximumFromField` is not provided or when it leads to an invalid value, the `maximum` value from the axis config, if provided, or the default value of 0, in that order, will be used.
    */
   maximumFromField?: IStatisticDefinition | string;
+  /**
+   * Defines how to render the two progress bands on a gauge chart.
+   *
+   * **note**: When progressBands are used (defined and visible), the axis guides will be ignored.
+   */
+  progressBands?: WebChartGaugeFixedProgressBands;
 }
 
 /** JSON representation of the radar chart's axis object. */
@@ -586,6 +627,12 @@ export interface WebChartSeries {
    * Used for bar and line charts using a date x-axis with no time binning.
    */
   dataTooltipDateFormat?: DateTimeFormatOptions;
+  /**
+   * Specifies the font size for tooltip text.
+   *
+   * @default 14
+   */
+  dataTooltipFontSize?: number;
   /** Specifies the name of the series. It would be reflected in the chart's legend. */
   name: string;
   /** Specifies a query object associated with a particular series containing information on what data to fetch for that series. */
@@ -1135,9 +1182,13 @@ export interface WebChartHeatChartHeatClassBreaks {
    * `manual` - allows you to manually specify the class breaks.
    */
   classificationMethod?: WebChartClassBreakTypes;
+  colorRampInfo?: {
+      name?: string;
+      flipped?: boolean;
+  };
 }
 
-/** JSON representation of the Heat chart empty cell configuration. */
+/** JSON representation of the heat chart empty cell configuration. */
 export interface WebChartHeatChartEmptyCell {
   /**
    * Specifies the text to use by the empty cells.
@@ -1153,7 +1204,7 @@ export interface WebChartHeatChartEmptyCell {
   symbol?: ISimpleFillSymbol;
 }
 
-/** JSON representation of the heat chart series */
+/** JSON representation of the heat chart series. */
 export interface WebChartHeatChartSeries extends WebChartSeries {
   type: typeof WebChartTypes.HeatSeries;
   /**
@@ -1196,7 +1247,7 @@ export interface WebChart {
   /** Can be used to uniquely identify a chart. */
   id?: string;
   /** Property representing the layer to be used by the chart. If not provided we expect a layer object to be set on the component. */
-  iLayer?: IFeatureLayer;
+  iLayer?: IFeatureLayer | IImageServiceLayer | ITiledImageServiceLayer | IWCSLayer;
   /** Used to filter the chart's data while in layer mode. */
   dataFilters?: WebChartDataFilters;
   /** Specifies title of the chart. */
@@ -1415,7 +1466,11 @@ export interface WebChartTemporalBinningExtras {
   /**
    * Defines the [IANA time zone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones) used for temporal bin calculations.
    *
+   * Do not set this property along with the date axis `valueFormat.intlOptions.timeZone` to prevent the data to be shifted twice.
+   *
    * Current limitation: this is applied only when the provided layer supports the `queryBins` operation.
+   *
+   * @deprecated since 5.1. Set the `timeZone` property on the date axis `valueFormat.intlOptions` instead.
    */
   outTimeZone?: string;
   /**

package/dist/types/lumina.d.ts

@@ -3,8 +3,7 @@ import type { ArcgisChart } from "../components/arcgis-chart/customElement.js";
 import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/customElement.js";
 import type { h, EventHandler } from "@arcgis/lumina";
 
-type ArcgisChartSetterTypes = ArcgisChart["@setterTypes"];
-interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "allowUsingObjectIdStat" | "aria" | "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<ArcgisChart> {
+interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "allowUsingObjectIdStat" | "animationEnabled" | "aria" | "autoDestroyDisabled" | "autoDisposeChart" | "autoInverseDataLabelTextColor" | "calciteThemingCSSVariables" | "chartIndex" | "chartLimits" | "chartWillRender" | "configurationEnabled" | "cursorRange" | "dataLabelFormatter" | "disableInteractions" | "disableTogglingLegendItems" | "enableBetaFeatures" | "enableConfiguration" | "enableResponsiveFeatures" | "errorPolicy" | "featureIndex" | "filterByExtent" | "filterBySelection" | "filterByViewExtent" | "gaugeInnerLabelFormatter" | "guideTooltipFormatter" | "hideEmptySeries" | "hideLicenseWatermark" | "hideLoaderAnimation" | "hideUIMessages" | "hideZeroCountCategories" | "ignoreSmoothRenderingLimit" | "ignoreViewExtent" | "interactionsDisabled" | "layer" | "layerFieldsChangePolicy" | "layerFilterChangePolicy" | "layerItemId" | "layerRendererChangePolicy" | "legendPosition" | "legendValueLabelFormatter" | "legendVisibility" | "loaderColors" | "messageOverrides" | "model" | "nullAsValid" | "placeholder" | "popupTemplateFieldInfosEnabled" | "queueChartCreation" | "replaceNoValueCategoryWithZero" | "returnFeaturesExtent" | "returnSelectionIndexes" | "returnSelectionOIDs" | "rotated" | "rotation" | "runtimeDataFilters" | "secondaryYAxisLabelFormatter" | "selectionData" | "selectionManager" | "selectionTheme" | "setTimeBinningInfoWhenNotProvided" | "showEmptySeries" | "showLicenseWatermark" | "showUIMessages" | "skipChartCreationQueue" | "syncChartsSelection" | "syncSelection" | "syncSelectionsBetweenChartAndLayerViewPolicy" | "syncViewSelection" | "syncViewTimeExtent" | "syncViewTimeZone" | "syncViewTimeZoneInclusionList" | "timeZone" | "togglingLegendItemsDisabled" | "tooltipFormatter" | "updateSplitBySeries" | "useAnimatedCharts" | "usePopupTemplateFieldsInfo" | "view" | "viewTimeExtentChangePolicy" | "xAxisLabelFormatter" | "yAxisLabelFormatter">>, h.JSX.HTMLAttributes<ArcgisChart> {
   onarcgisAxesMinMaxChange?: EventHandler<ArcgisChart["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<ArcgisChart["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<ArcgisChart["arcgisChartNotFoundWarning"]>;
@@ -23,7 +22,7 @@ interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "al
   onarcgisUpdateComplete?: EventHandler<ArcgisChart["arcgisUpdateComplete"]>;
 }
 
-interface LuminaArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "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">>, h.JSX.HTMLAttributes<ArcgisChartsActionBar> {
+interface LuminaArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "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">>, h.JSX.HTMLAttributes<ArcgisChartsActionBar> {
   onarcgisActionBarToggle?: EventHandler<ArcgisChartsActionBar["arcgisActionBarToggle"]>;
   onarcgisDefaultActionSelect?: EventHandler<ArcgisChartsActionBar["arcgisDefaultActionSelect"]>;
 }

package/dist/types/preact.d.ts

@@ -4,8 +4,7 @@ import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-b
 import { HTMLAttributes } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
-type ArcgisChartSetterTypes = ArcgisChart["@setterTypes"];
-interface PreactArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "allowUsingObjectIdStat" | "aria" | "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<ArcgisChart> {
+interface PreactArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "allowUsingObjectIdStat" | "animationEnabled" | "aria" | "autoDestroyDisabled" | "autoDisposeChart" | "autoInverseDataLabelTextColor" | "calciteThemingCSSVariables" | "chartIndex" | "chartLimits" | "chartWillRender" | "configurationEnabled" | "cursorRange" | "dataLabelFormatter" | "disableInteractions" | "disableTogglingLegendItems" | "enableBetaFeatures" | "enableConfiguration" | "enableResponsiveFeatures" | "errorPolicy" | "featureIndex" | "filterByExtent" | "filterBySelection" | "filterByViewExtent" | "gaugeInnerLabelFormatter" | "guideTooltipFormatter" | "hideEmptySeries" | "hideLicenseWatermark" | "hideLoaderAnimation" | "hideUIMessages" | "hideZeroCountCategories" | "ignoreSmoothRenderingLimit" | "ignoreViewExtent" | "interactionsDisabled" | "layer" | "layerFieldsChangePolicy" | "layerFilterChangePolicy" | "layerItemId" | "layerRendererChangePolicy" | "legendPosition" | "legendValueLabelFormatter" | "legendVisibility" | "loaderColors" | "messageOverrides" | "model" | "nullAsValid" | "placeholder" | "popupTemplateFieldInfosEnabled" | "queueChartCreation" | "replaceNoValueCategoryWithZero" | "returnFeaturesExtent" | "returnSelectionIndexes" | "returnSelectionOIDs" | "rotated" | "rotation" | "runtimeDataFilters" | "secondaryYAxisLabelFormatter" | "selectionData" | "selectionManager" | "selectionTheme" | "setTimeBinningInfoWhenNotProvided" | "showEmptySeries" | "showLicenseWatermark" | "showUIMessages" | "skipChartCreationQueue" | "syncChartsSelection" | "syncSelection" | "syncSelectionsBetweenChartAndLayerViewPolicy" | "syncViewSelection" | "syncViewTimeExtent" | "syncViewTimeZone" | "syncViewTimeZoneInclusionList" | "timeZone" | "togglingLegendItemsDisabled" | "tooltipFormatter" | "updateSplitBySeries" | "useAnimatedCharts" | "usePopupTemplateFieldsInfo" | "view" | "viewTimeExtentChangePolicy" | "xAxisLabelFormatter" | "yAxisLabelFormatter">>, HTMLAttributes<ArcgisChart> {
   onarcgisAxesMinMaxChange?: EventHandler<ArcgisChart["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<ArcgisChart["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<ArcgisChart["arcgisChartNotFoundWarning"]>;
@@ -24,7 +23,7 @@ interface PreactArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "al
   onarcgisUpdateComplete?: EventHandler<ArcgisChart["arcgisUpdateComplete"]>;
 }
 
-interface PreactArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "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">>, HTMLAttributes<ArcgisChartsActionBar> {
+interface PreactArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "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">>, HTMLAttributes<ArcgisChartsActionBar> {
   onarcgisActionBarToggle?: EventHandler<ArcgisChartsActionBar["arcgisActionBarToggle"]>;
   onarcgisDefaultActionSelect?: EventHandler<ArcgisChartsActionBar["arcgisDefaultActionSelect"]>;
 }

package/dist/types/react.d.ts

@@ -4,8 +4,7 @@ import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-b
 import type { HTMLProps } from 'react';
 import type { EventHandler } from "@arcgis/lumina"; 
 
-type ArcgisChartSetterTypes = ArcgisChart["@setterTypes"];
-interface ReactArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "allowUsingObjectIdStat" | "aria" | "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<ArcgisChart> {
+interface ReactArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "allowUsingObjectIdStat" | "animationEnabled" | "aria" | "autoDestroyDisabled" | "autoDisposeChart" | "autoInverseDataLabelTextColor" | "calciteThemingCSSVariables" | "chartIndex" | "chartLimits" | "chartWillRender" | "configurationEnabled" | "cursorRange" | "dataLabelFormatter" | "disableInteractions" | "disableTogglingLegendItems" | "enableBetaFeatures" | "enableConfiguration" | "enableResponsiveFeatures" | "errorPolicy" | "featureIndex" | "filterByExtent" | "filterBySelection" | "filterByViewExtent" | "gaugeInnerLabelFormatter" | "guideTooltipFormatter" | "hideEmptySeries" | "hideLicenseWatermark" | "hideLoaderAnimation" | "hideUIMessages" | "hideZeroCountCategories" | "ignoreSmoothRenderingLimit" | "ignoreViewExtent" | "interactionsDisabled" | "layer" | "layerFieldsChangePolicy" | "layerFilterChangePolicy" | "layerItemId" | "layerRendererChangePolicy" | "legendPosition" | "legendValueLabelFormatter" | "legendVisibility" | "loaderColors" | "messageOverrides" | "model" | "nullAsValid" | "placeholder" | "popupTemplateFieldInfosEnabled" | "queueChartCreation" | "replaceNoValueCategoryWithZero" | "returnFeaturesExtent" | "returnSelectionIndexes" | "returnSelectionOIDs" | "rotated" | "rotation" | "runtimeDataFilters" | "secondaryYAxisLabelFormatter" | "selectionData" | "selectionManager" | "selectionTheme" | "setTimeBinningInfoWhenNotProvided" | "showEmptySeries" | "showLicenseWatermark" | "showUIMessages" | "skipChartCreationQueue" | "syncChartsSelection" | "syncSelection" | "syncSelectionsBetweenChartAndLayerViewPolicy" | "syncViewSelection" | "syncViewTimeExtent" | "syncViewTimeZone" | "syncViewTimeZoneInclusionList" | "timeZone" | "togglingLegendItemsDisabled" | "tooltipFormatter" | "updateSplitBySeries" | "useAnimatedCharts" | "usePopupTemplateFieldsInfo" | "view" | "viewTimeExtentChangePolicy" | "xAxisLabelFormatter" | "yAxisLabelFormatter">>, HTMLProps<ArcgisChart> {
   onarcgisAxesMinMaxChange?: EventHandler<ArcgisChart["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<ArcgisChart["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<ArcgisChart["arcgisChartNotFoundWarning"]>;
@@ -24,7 +23,7 @@ interface ReactArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "all
   onarcgisUpdateComplete?: EventHandler<ArcgisChart["arcgisUpdateComplete"]>;
 }
 
-interface ReactArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "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">>, HTMLProps<ArcgisChartsActionBar> {
+interface ReactArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "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">>, HTMLProps<ArcgisChartsActionBar> {
   onarcgisActionBarToggle?: EventHandler<ArcgisChartsActionBar["arcgisActionBarToggle"]>;
   onarcgisDefaultActionSelect?: EventHandler<ArcgisChartsActionBar["arcgisDefaultActionSelect"]>;
 }

package/dist/types/stencil.d.ts

@@ -4,8 +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";
 
-type ArcgisChartSetterTypes = ArcgisChart["@setterTypes"];
-interface StencilArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "allowUsingObjectIdStat" | "aria" | "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<ArcgisChart> {
+interface StencilArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "allowUsingObjectIdStat" | "animationEnabled" | "aria" | "autoDestroyDisabled" | "autoDisposeChart" | "autoInverseDataLabelTextColor" | "calciteThemingCSSVariables" | "chartIndex" | "chartLimits" | "chartWillRender" | "configurationEnabled" | "cursorRange" | "dataLabelFormatter" | "disableInteractions" | "disableTogglingLegendItems" | "enableBetaFeatures" | "enableConfiguration" | "enableResponsiveFeatures" | "errorPolicy" | "featureIndex" | "filterByExtent" | "filterBySelection" | "filterByViewExtent" | "gaugeInnerLabelFormatter" | "guideTooltipFormatter" | "hideEmptySeries" | "hideLicenseWatermark" | "hideLoaderAnimation" | "hideUIMessages" | "hideZeroCountCategories" | "ignoreSmoothRenderingLimit" | "ignoreViewExtent" | "interactionsDisabled" | "layer" | "layerFieldsChangePolicy" | "layerFilterChangePolicy" | "layerItemId" | "layerRendererChangePolicy" | "legendPosition" | "legendValueLabelFormatter" | "legendVisibility" | "loaderColors" | "messageOverrides" | "model" | "nullAsValid" | "placeholder" | "popupTemplateFieldInfosEnabled" | "queueChartCreation" | "replaceNoValueCategoryWithZero" | "returnFeaturesExtent" | "returnSelectionIndexes" | "returnSelectionOIDs" | "rotated" | "rotation" | "runtimeDataFilters" | "secondaryYAxisLabelFormatter" | "selectionData" | "selectionManager" | "selectionTheme" | "setTimeBinningInfoWhenNotProvided" | "showEmptySeries" | "showLicenseWatermark" | "showUIMessages" | "skipChartCreationQueue" | "syncChartsSelection" | "syncSelection" | "syncSelectionsBetweenChartAndLayerViewPolicy" | "syncViewSelection" | "syncViewTimeExtent" | "syncViewTimeZone" | "syncViewTimeZoneInclusionList" | "timeZone" | "togglingLegendItemsDisabled" | "tooltipFormatter" | "updateSplitBySeries" | "useAnimatedCharts" | "usePopupTemplateFieldsInfo" | "view" | "viewTimeExtentChangePolicy" | "xAxisLabelFormatter" | "yAxisLabelFormatter">>, StencilJsx.HTMLAttributes<ArcgisChart> {
   onArcgisAxesMinMaxChange?: EventHandler<ArcgisChart["arcgisAxesMinMaxChange"]>;
   onArcgisBadDataWarningRaise?: EventHandler<ArcgisChart["arcgisBadDataWarningRaise"]>;
   onArcgisChartNotFoundWarning?: EventHandler<ArcgisChart["arcgisChartNotFoundWarning"]>;
@@ -24,7 +23,7 @@ interface StencilArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "a
   onArcgisUpdateComplete?: EventHandler<ArcgisChart["arcgisUpdateComplete"]>;
 }
 
-interface StencilArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "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">>, StencilJsx.HTMLAttributes<ArcgisChartsActionBar> {
+interface StencilArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "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">>, StencilJsx.HTMLAttributes<ArcgisChartsActionBar> {
   onArcgisActionBarToggle?: EventHandler<ArcgisChartsActionBar["arcgisActionBarToggle"]>;
   onArcgisDefaultActionSelect?: EventHandler<ArcgisChartsActionBar["arcgisDefaultActionSelect"]>;
 }

package/dist/utils/chart-config/converter/index.d.ts

@@ -1,5 +1,5 @@
-import type FeatureLayerView from "@arcgis/core/views/layers/FeatureLayerView";
-import type { SupportedLayer } from "../../../interfaces.js";
+import type FeatureLayerView from "@arcgis/core/views/layers/FeatureLayerView.js";
+import type { SupportedLayer, SupportedRasterLayer } from "../../../interfaces.js";
 import type { WebChart, WebGaugeChart } from "../../../spec/web-chart.js";
 
 /**
@@ -12,6 +12,7 @@ import type { WebChart, WebGaugeChart } from "../../../spec/web-chart.js";
  * @param config - The chart config.
  * @param layerOrLayerView - The layer instance.
  * @param chartContainer
+ * @param abortSignal
  * @returns The updated web chart config.
  */
-export function convertChartSpec<T extends WebChart | WebGaugeChart>(config?: T, layerOrLayerView?: FeatureLayerView | SupportedLayer, chartContainer?: HTMLElement): Promise<T>;
+export function convertChartSpec<T extends WebChart | WebGaugeChart>(config?: T, layerOrLayerView?: FeatureLayerView | SupportedLayer | SupportedRasterLayer, chartContainer?: HTMLElement, abortSignal?: AbortSignal): Promise<T>;