@arcgis/charts-components 5.0.0-next.9 → 5.0.0-next.91

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

@@ -1,7 +1,9 @@
-import { IField, SupportedLayer, WebChart, WebChartAxis, WebChartGaugeAxis } from '../../spec';
+import { IField, WebChart, WebChartAxis, WebChartGaugeAxis } from '../../spec';
 import { LayerInfo, SplitByFieldInfos } from '../interfaces/common';
+import { SupportedLayer } from '../../interfaces';
 /**
- * Returns the necessary information for building series based on a split-by field
+ * Returns the necessary information for building series based on a split-by field.
+ *
  * @param props.config The chart config
  * @param props.layer The layer instance
  * @param props.layerFieldsInfo Fields Information of the layer
@@ -24,17 +26,14 @@ export declare function isValidSplitByField(layerFieldsInfo: IField[], splitByFi
 export declare function isValidNumericFields(layerFieldsInfo: IField[], numericFields: string[]): boolean;
 /**
  * This function applies mixins to a class. [source](https://www.typescriptlang.org/docs/handbook/mixins.html)
- * @param derivedCtor
- * @param constructors
  */
 export declare function applyMixins(derivedCtor: any, constructors: any[]): void;
 /**
- * Get the list of category's values or labels from the layer
- * @param {LayerInfo} props.layerInfo The layer information
- * @param {WebChart} props.config The chart configuration
- * @param {string} props.category The category
+ * Get the list of category's values or labels from the layer.
  *
- * @returns {Promise<string[]>}
+ * @param props.layerInfo The layer information
+ * @param props.config The chart configuration
+ * @param props.category The category
  */
 export declare function getCategoryLabels(props: {
     layerInfo: LayerInfo;

package/dist/model.js

@@ -1,10 +1,10 @@
 import { M as i } from "./chunks/common.js";
-import { B as m, C as y, F as g, G as w, L as C, a as f, P as u, b, S as p, T as L, c as T } 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 S, g as x, b as W, r as v, h as G, l as K, m as D, p as F, j as H, k as O, q as R, n as A, o as E, d as X, f as Y, c as $ } 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";
 /*! 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.9 */
+v5.0.0-next.91 */
 async function c(t) {
   const o = "config" in t ? r(t.config) : t.chartType;
   let a;
@@ -82,32 +82,33 @@ export {
   m as BoxPlotDataSortingKinds,
   y as ColorFormatKeys,
   g as FormatKeys,
-  w as GuideOrientation,
-  C as LineFormatKeys,
+  C as GuideOrientation,
+  w as HeatChartDataSortingKinds,
+  f as LineFormatKeys,
   i as ModelTypes,
-  f as PieChartDataModes,
-  u as PieChartDataSortingKinds,
-  b as PieChartSlicesDisplay,
-  p as SerialChartDataSortingKinds,
-  L as TextFormatKeys,
+  u as PieChartDataModes,
+  b as PieChartDataSortingKinds,
+  p as PieChartSlicesDisplay,
+  L as SerialChartDataSortingKinds,
+  T as TextFormatKeys,
   c as createModel,
-  T as customSortString,
+  S as customSortString,
   B as isBarChartModel,
   P as isBoxPlotModel,
-  S as isChartModel,
-  x as isHistogramModel,
-  W as isLineChartModel,
+  x as isChartModel,
+  W as isHistogramModel,
+  K as isLineChartModel,
   v as isModelOfType,
-  G as isModelWithBasicXAxis,
-  K as isModelWithDataLabels,
-  D as isModelWithGuides,
+  D as isModelWithBasicXAxis,
+  G as isModelWithDataLabels,
+  H as isModelWithGuides,
   F as isModelWithLegend,
-  H as isModelWithMultiAxes,
-  O as isModelWithRotation,
-  R as isModelWithTemporalBinning,
-  A as isModelWithXGuides,
-  E as isModelWithYGuides,
-  X as isPieChartModel,
-  Y as isScatterplotModel,
-  $ as isSerialChartModel
+  O as isModelWithMultiAxes,
+  R as isModelWithRotation,
+  A as isModelWithTemporalBinning,
+  E as isModelWithXGuides,
+  X as isModelWithYGuides,
+  Y as isPieChartModel,
+  $ as isScatterplotModel,
+  j as isSerialChartModel
 };

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

@@ -134,6 +134,7 @@ export type WebChartCalendarBinningOffsetUnits = (typeof WebChartCalendarBinning
  */
 export declare const WebChartHeatChartHeatRulesTypes: {
     readonly Gradient: "gradient";
+    readonly Renderer: "renderer";
 };
 export type WebChartHeatChartHeatRulesTypes = (typeof WebChartHeatChartHeatRulesTypes)[keyof typeof WebChartHeatChartHeatRulesTypes];
 /**
@@ -212,17 +213,42 @@ export declare const WebChartOrderDataByTypes: {
     readonly Mean: "arcgis-charts-mean";
     readonly Median: "arcgis-charts-median";
     readonly Category: "arcgis-charts-category";
+    readonly MultiAxes: "arcgis-charts-multi-axes";
 };
 export type WebChartOrderDataByTypes = (typeof WebChartOrderDataByTypes)[keyof typeof WebChartOrderDataByTypes];
 /**
- * A data order option that the items are to be ordered either ascending or descending.
- * It can be used for any type of order, like by category, by mean, by median, etc.
+ * A data order option that allows the items to be ordered on both the x- and y-axes;
+ *
+ * For each axis, the order can be either a direction (ascending or descending) for all axis types;
+ * or a predefined list of labels when the axis is categorical.
+ *
+ * @remarks This order option is currently only used in heat charts.
+ */
+export interface WebChartMultiAxesDataOrder {
+    /**
+     * The type of order, which is two dimensional.
+     */
+    orderType: "arcgis-charts-multi-axes";
+    /**
+     * The direction of the order for the x axis. If the axis is categorical, this can also be a predefined list of labels.
+     */
+    orderByX?: string[] | WebChartSortOrderKinds;
+    /**
+     * The direction of the order for the y axis. If the axis is categorical, this can also be a predefined list of labels.
+     */
+    orderByY?: string[] | WebChartSortOrderKinds;
+}
+/**
+ * A data order option that allows the items to be ordered either ascending or descending.
+ * This option can be used for the following types of order: by category, by mean, by median, and by y value.
+ *
+ * @remarks This order option is currently not available for Heat charts.
  */
 export interface WebChartDirectionalDataOrder {
     /**
      * The type of order, eg by category, by mean, by median, or by y value.
      */
-    orderType: WebChartOrderDataByTypes;
+    orderType: "arcgis-charts-category" | "arcgis-charts-mean" | "arcgis-charts-median" | "arcgis-charts-y-value";
     /**
      * The direction of the order, either ascending or descending.
      */
@@ -238,7 +264,7 @@ export interface WebChartDirectionalDataOrder {
     preferLabel?: boolean;
 }
 /**
- * A data order option for the items to be ordered by `category` based on a predefined list of labels.
+ * A data order option that allows the items to be ordered by `category` based on a predefined list of labels.
  */
 export interface WebChartPredefinedLabelsDataOrder {
     /**

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

@@ -1,11 +1,5 @@
-import { default as FeatureLayer } from '@arcgis/core/layers/FeatureLayer';
-import { default as SubtypeSublayer } from '@arcgis/core/layers/support/SubtypeSublayer';
 import { WebChartTemporalBinningUnits } from './chart-object-literals';
 import { Color, IExtent, ISimpleLineSymbol, ISymbol, SimpleFillSymbolStyle, SimpleLineSymbolStyle, SimpleMarkerSymbolStyle } from './rest-js-types';
-/**
- * Supported layer type for ArcGIS charts.
- */
-export type SupportedLayer = FeatureLayer | SubtypeSublayer;
 /**
  * JSON representation of the color object
  */
@@ -67,6 +61,11 @@ export interface WebChartGenericDataItem {
      * Time interval information, only for line charts
      */
     timeIntervalInfo?: TimeIntervalInfo;
+    /**
+     * Indicates whether the server limit has been reached when fetching data.
+     * Currently applies only to the queries leveraging the /queryBins operation.
+     */
+    serverLimitReached?: boolean;
 }
 /**
  * JSON representation of a Histogram bin

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

@@ -1,12 +1,12 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
-import { GaugeChartSubTypes, SizePolicyScaleTypes, WebChartCalendarDatePartsUnits, WebChartDataTransformations, WebChartDirectionalDataOrder, WebChartHeatChartHeatRulesTypes, WebChartLabelBehavior, WebChartLegendPositions, WebChartNullPolicyTypes, WebChartOrderSeriesBy, WebChartPredefinedLabelsDataOrder, WebChartRadarChartAxisLabelsOrientation, WebChartStackedKinds, WebChartTemporalBinningUnits, WebChartTimeAggregationTypes, WebChartTypes } from './chart-object-literals';
+import { GaugeChartSubTypes, SizePolicyScaleTypes, WebChartCalendarDatePartsUnits, WebChartDataTransformations, WebChartDirectionalDataOrder, WebChartHeatChartHeatRulesTypes, WebChartLabelBehavior, WebChartLegendPositions, WebChartMultiAxesDataOrder, WebChartNullPolicyTypes, WebChartOrderSeriesBy, WebChartPredefinedLabelsDataOrder, WebChartRadarChartAxisLabelsOrientation, WebChartStackedKinds, WebChartTemporalBinningUnits, WebChartTimeAggregationTypes, WebChartTypes } from './chart-object-literals';
 import { TimeIntervalInfo } from './data-source';
 import { RESTUnits } from './rest-js-object-literals';
 import { Color, IDrawingInfo, IEnvelope, IExtent, IFeatureLayer, IPoint, IPolygon, IPolygonWithCurves, IPolyline, ISimpleFillSymbol, ISimpleLineSymbol, ISimpleMarkerSymbol, IStatisticDefinition, ITextSymbol } from './rest-js-types';
+import { QueryMixin } from '@arcgis/core/rest/support/QueryMixin';
 /**
  * Version of the current specification.
  */
-export declare const WebChartCurrentVersion = "24.3.0";
+export declare const WebChartCurrentVersion = "24.7.0";
 /**
  * Stores information regarding a numeric conversion
  */
@@ -267,7 +267,7 @@ export interface DateTimeFormatOptions {
      */
     type: typeof WebChartTypes.DateAxisFormat;
     /**
-     * Represent the JS native [Intl.DateTimeFormatOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormatt), 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/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.
      */
     intlOptions: Intl.DateTimeFormatOptions;
     /**
@@ -412,7 +412,9 @@ export interface WebChartAxis {
     /**
      * The desired minimum distance between two adjacent axis ticks. The actual distance may fluctuate depending on the chart's size.
      * When not provided a default value is assigned according to the axis type and axis labels behavior.
-     * @remarks This property only applies for axes of an XYChart, not Gauge.
+     *
+     * **Note**: This property only applies for axes of an XYChart, not Gauge.
+     *
      * @minimum 1
      */
     tickSpacing?: number;
@@ -594,7 +596,7 @@ export interface WebChartQuery {
     /**
      * For spatial filters, this parameter defines the spatial relationship to filter features in the layer view against the filter geometry.
      */
-    spatialRelationship?: __esri.Query["spatialRelationship"];
+    spatialRelationship?: QueryMixin["spatialRelationship"];
     /**
      * Specifies a search distance for the `geometry`. To be associated with the `units` property. For compatible layers only.
      */
@@ -627,14 +629,14 @@ export interface WebChartQuery {
      */
     fetchNullValues?: boolean;
     /**
-     * An array of objectIds of the features to be filtered.
+     * An array of objectIds or uniqueIds of the features to be filtered.
      */
-    objectIds?: number[];
+    objectIds?: (number | string)[];
 }
 /**
- * Subset of the WebChartQuery, used at the series level
+ * Subset of the `WebChartQuery`, used at the series level.
  *
- * @remarks The former `orderByFields` property is replaced by the `orderOptions` property of `WebChart`.
+ * **Note**: The former `orderByFields` property is replaced by the `orderOptions` property of `WebChart`.
  */
 export type WebChartSeriesQuery = Omit<WebChartQuery, "distance" | "gdbVersion" | "geometry" | "num" | "objectIds" | "orderByFields" | "spatialRelationship" | "start" | "timeExtent" | "units">;
 /**
@@ -1283,6 +1285,8 @@ export interface WebChartBoxPlotSeries extends WebChartSeries {
     type: typeof WebChartTypes.BoxPlotSeries;
     /**
      * Specifies the numeric field(s) used by the box plot series.
+     * @minLength 1
+     * @minItems 1
      */
     y: string[] | string;
     /**
@@ -1494,10 +1498,12 @@ export interface WebChart {
         series?: WebChartOrderSeriesBy;
         /**
          * How data for a chart should be ordered. It is recommended to use this property over its sibling `orderByFields` to order the chart data.
-         *
          * If not provided, the data will be displayed as it was retrieved from the server. No additional ordering will be applied.
+         *
+         * The WebChartDirectionalDataOrder and WebChartPredefinedLabelsDataOrder are applicable to all chart types except Heat chart.
+         * The WebChartMultiAxesDataOrder is specifically used for Heat chart.
          */
-        data?: WebChartDirectionalDataOrder | WebChartPredefinedLabelsDataOrder;
+        data?: WebChartDirectionalDataOrder | WebChartMultiAxesDataOrder | WebChartPredefinedLabelsDataOrder;
         /**
          * The orderByFields to be sent with the query when retrieving data for the chart.  It represents the desired sorting order of the output result from the server.
          *
@@ -1506,6 +1512,7 @@ export interface WebChart {
          * @example ["STATE_NAME DESC", "CITY_NAME ASC", "CITY_NAME"]
          *
          * In case both this property and its sibling `data` object are provided, the order of the chart elements are settled by the order instruction in the `data` property.
+         * This property is applicable to all chart types, but Heat chart.
          */
         orderByFields?: string[];
     };
@@ -1587,5 +1594,18 @@ export interface WebHeatChart extends WebChart, WebChartTemporalBinningExtras {
      * @minItems 1
      */
     series: WebChartHeatChartSeries[];
+    orderOptions?: Omit<WebChart["orderOptions"], "data" | "orderByFields"> & {
+        /**
+         * How data for a chart should be ordered.
+         *
+         * If not provided, the data will be displayed as it was retrieved from the server. No additional ordering will be applied.
+         */
+        data?: WebChartMultiAxesDataOrder;
+    };
+    /**
+     * Whether to hide entire rows or columns that are empty (i.e. contain no valid data).
+     * @default false
+     */
+    hideEmptyRowsAndColumns?: boolean;
 }
 export {};

package/dist/store.d.ts

@@ -39,12 +39,12 @@ declare const state: {
     timeBinningIntervalMap: {};
 };
 /**
- * Generates the min max axis key for the selected chart based on the axis type and logarithmic scale.
- * The key is used to fetch/store the min max axis related values in the state for the selected chart
+ * Generates the min/max axis key for the selected chart based on the axis type and logarithmic scale.
+ * The key is used to fetch/store the min/max axis related values in the state for the selected chart.
  *
- * @param {string} props.chartId - The selected chart id
- * @param {boolean} props.isXAxis - The axis type (`true` for x-axis, `false` for y-axis)
- * @param {boolean} props.isLogarithmic - The axis scale (`true` for logarithmic)
+ * @param props.chartId - The selected chart id
+ * @param props.isXAxis - The axis type (`true` for x-axis, `false` for y-axis)
+ * @param props.isLogarithmic - The axis scale (`true` for logarithmic)
  */
 export declare const generateAxisMinMaxKey: (props: {
     chartId: string;
@@ -52,26 +52,29 @@ export declare const generateAxisMinMaxKey: (props: {
     isLogarithmic: boolean;
 }) => string;
 /**
- * Deletes the min max axis key from the state for the selected chart
+ * Deletes the min/max axis key from the state for the selected chart.
  *
- * @param {AppState} appState - The current app state
+ * @param appState - The current app state
  */
 export declare const deleteMinMaxAxisKey: (appState: AppState) => void;
 /**
- * Gets the axes bound data for the selected chart
- * @param {AppState} appState - The current app state
- * @returns {TimeIntervalInfo | undefined} - The axes bound data map for the selected chart
+ * Gets the axes bound data for the selected chart.
+ *
+ * @param appState - The current app state
+ * @returns The axes bound data map for the selected chart
  */
 export declare const getTimeBinningForChart: (appState: AppState) => TimeIntervalInfo | undefined;
 /**
- * Sets the time binning interval for a specific chart
- * @param {AppState} appState - The current app state
- * @param {TimeIntervalInfo} timeBinning - The time binning interval to set
+ * Sets the time binning interval for a specific chart.
+ *
+ * @param appState - The current app state
+ * @param timeBinning - The time binning interval to set
  */
 export declare const setTimeBinningForChart: (appState: AppState, timeBinning: TimeIntervalInfo) => void;
 /**
- * Resets the time binning interval for a specific chart
- * @param {AppState} appState - The current app state
+ * Resets the time binning interval for a specific chart.
+ *
+ * @param appState - The current app state
  */
 export declare const resetTimeBinningForChart: (appState: AppState) => void;
 export default state;

package/dist/types/components.d.ts

@@ -1 +1 @@
-export * from "./stencil";
+export * from "./stencil.js";

package/dist/types/lumina.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="../index.d.ts" />
-import type { ArcgisChart } from "../components/arcgis-chart";
-import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar";
+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' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | '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' | '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"]>;
@@ -13,6 +13,7 @@ interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'al
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
+  onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
   onarcgisRuntimeError?: EventHandler<HTMLArcgisChartElement["arcgisRuntimeError"]>;
   onarcgisSelectionComplete?: EventHandler<HTMLArcgisChartElement["arcgisSelectionComplete"]>;
   onarcgisSeriesColorChange?: EventHandler<HTMLArcgisChartElement["arcgisSeriesColorChange"]>;

package/dist/types/preact.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="../index.d.ts" />
-import type { ArcgisChart } from "../components/arcgis-chart";
-import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar";
+import type { ArcgisChart } from "../components/arcgis-chart/index.js";
+import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/index.js";
 import { HTMLAttributes } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
-interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | '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' | '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"]>;
@@ -14,6 +14,7 @@ interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'al
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
+  onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
   onarcgisRuntimeError?: EventHandler<HTMLArcgisChartElement["arcgisRuntimeError"]>;
   onarcgisSelectionComplete?: EventHandler<HTMLArcgisChartElement["arcgisSelectionComplete"]>;
   onarcgisSeriesColorChange?: EventHandler<HTMLArcgisChartElement["arcgisSeriesColorChange"]>;

package/dist/types/preact10.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="../index.d.ts" />
-import type { ArcgisChart } from "../components/arcgis-chart";
-import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar";
+import type { ArcgisChart } from "../components/arcgis-chart/index.js";
+import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/index.js";
 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' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | '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' | '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"]>;
@@ -15,6 +15,7 @@ interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'al
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
+  onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
   onarcgisRuntimeError?: EventHandler<HTMLArcgisChartElement["arcgisRuntimeError"]>;
   onarcgisSelectionComplete?: EventHandler<HTMLArcgisChartElement["arcgisSelectionComplete"]>;
   onarcgisSeriesColorChange?: EventHandler<HTMLArcgisChartElement["arcgisSeriesColorChange"]>;

package/dist/types/react.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="../index.d.ts" />
-import type { ArcgisChart } from "../components/arcgis-chart";
-import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar";
+import type { ArcgisChart } from "../components/arcgis-chart/index.js";
+import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/index.js";
 import type { HTMLProps } from 'react';
 import type { EventHandler } from "@arcgis/lumina"; 
 
-interface ReactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | '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' | '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"]>;
@@ -14,6 +14,7 @@ interface ReactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'all
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
+  onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
   onarcgisRuntimeError?: EventHandler<HTMLArcgisChartElement["arcgisRuntimeError"]>;
   onarcgisSelectionComplete?: EventHandler<HTMLArcgisChartElement["arcgisSelectionComplete"]>;
   onarcgisSeriesColorChange?: EventHandler<HTMLArcgisChartElement["arcgisSeriesColorChange"]>;

package/dist/types/stencil.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="../index.d.ts" />
-import type { ArcgisChart } from "../components/arcgis-chart";
-import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar";
+import type { ArcgisChart } from "../components/arcgis-chart/index.js";
+import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/index.js";
 import { JSXBase as StencilJsx } from "@stencil/core/internal";
 import type { EventHandler } from "@arcgis/lumina";
 
-interface StencilArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | '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' | '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"]>;
@@ -14,6 +14,7 @@ interface StencilArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'a
   onArcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
   onArcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onArcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
+  onArcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
   onArcgisRuntimeError?: EventHandler<HTMLArcgisChartElement["arcgisRuntimeError"]>;
   onArcgisSelectionComplete?: EventHandler<HTMLArcgisChartElement["arcgisSelectionComplete"]>;
   onArcgisSeriesColorChange?: EventHandler<HTMLArcgisChartElement["arcgisSeriesColorChange"]>;