@arcgis/charts-components 5.1.0-next.99 → 5.2.0-next.1

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

@@ -1,13 +1,13 @@
-import type { ChartOptions } from "../../../chart-rendering/common/interfaces.js";
+import type { DataOrderParameters } from "../../../chart-rendering/common/data/utils/summarize-data/interfaces.js";
 import type { WebChartTypes, WebChartVersionStatus } from "../../../spec/chart-object-literals.js";
 import type { RESTSymbolType } from "../../../spec/rest-js-object-literals.js";
 import type { IField } from "../../../spec/rest-js-types.js";
 import type { WebBoxPlot, WebChart, WebChartLegend, WebChartSeriesType, WebHeatChart } from "../../../spec/web-chart.js";
 import type { DataUpdateDetails } from "../../data/interfaces.js";
 import type { QueryObjectOrRaster as QueryObject } from "../../layer/interfaces.js";
-import type { ChartSubType } from "../../misc/interfaces.js";
+import type { ChartSubType, SelectionData } from "../../misc/interfaces.js";
 import type { WebChartSeriesSupportingTemporalBinning } from "./interfaces.js";
-import type { DataOrderParameters } from "../../../chart-rendering/common/data/utils/summarize-data/interfaces.js";
+import type { ChartOptions } from "../../../chart-rendering/common/interfaces.js";
 
 /**
  * Retrieve and construct chart version information based on the input version and the currently supported ArcGIS Chart versions
@@ -205,7 +205,7 @@ export function hasAdditionalTooltipFieldsChanged(props: {
  * @param newConfig - The updated config
  * @internal
  */
-export function hasColorMatchChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+export function hasColorMatchChanged(oldConfig: WebChart | undefined, newConfig: WebChart): boolean;
 
 /**
  * Compares two configs and indicates whether the stacked type changed
@@ -269,7 +269,7 @@ export function hasHeatRulesTypeChanged(oldConfig: WebHeatChart, newConfig: WebH
  * @internal
  */
 export function hasSlicesConfigChanged(props: {
-    oldConfig: WebChart;
+    oldConfig: WebChart | undefined;
     newConfig: WebChart;
 }): boolean;
 
@@ -279,7 +279,8 @@ export function hasSlicesConfigChanged(props: {
  */
 export function hasDataForFilterBySelectionChanged(props: {
     previousSelectionOIDs?: (number | string)[];
-    options?: ChartOptions;
+    selectionData?: SelectionData;
+    filterBySelection?: boolean;
 }): boolean;
 
 /**
@@ -409,11 +410,14 @@ export function doSizePolicyChangesRequireSeriesReinit(oldConfig: WebChart, newC
 export function doesConfigChangeRequireNewData(props: {
     previousConfig: WebBoxPlot | WebChart;
     newConfig: WebBoxPlot | WebChart;
-    options?: ChartOptions;
     previousFilterBySelection?: boolean;
     previousSelectionOIDs?: (number | string)[];
     fieldList?: IField[];
     queryObject?: QueryObject;
+    filterBySelection?: ChartOptions["filterBySelection"];
+    selectionData?: ChartOptions["selectionData"];
+    setTimeBinningInfoWhenNotProvided?: ChartOptions["setTimeBinningInfoWhenNotProvided"];
+    chartLimits?: ChartOptions["chartLimits"];
 }): {
     dataUpdateNeeded: boolean;
     dataUpdateDetails: DataUpdateDetails;
@@ -448,7 +452,7 @@ export function getHeatChartAxisDataOrderInstruction(props: {
  * @param chartConfig - The chart configuration
  * @returns An array of objects with sortingField, optionally an orderBy and preferLabel, or undefined.
  */
-export function getDataOrderParameters(chartConfig: WebChart): DataOrderParameters[] | undefined;
+export function getDataOrderParameters(chartConfig: WebChart | undefined): DataOrderParameters[] | undefined;
 
 /**
  * Returns true if the data order instructions (orderType or sortingField, orderBy, and/or preferLabel) have changed, or
@@ -457,7 +461,7 @@ export function getDataOrderParameters(chartConfig: WebChart): DataOrderParamete
  * @param props - The previous chart config
  */
 export function isNewSortNeeded(props: {
-    oldConfig: WebChart;
+    oldConfig: WebChart | undefined;
     newConfig: WebChart;
     dataWasUpdated: boolean;
 }): boolean;

package/dist/utils/chart-config/validator/interfaces.d.ts

@@ -83,7 +83,7 @@ export interface ElementCountExceededParams {
 /** @internal */
 export interface DataWarningObject {
   keyword: DataWarningKeywords;
-  header: string;
+  header?: string;
   message: string;
   params?: ElementCountExceededParams;
 }

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

@@ -0,0 +1,8 @@
+/** Interface representing the name of the CSS variables to pull the theme colors from. */
+export interface CalciteThemeCSSVariables {
+  background: string;
+  text: string;
+  line: string;
+  secondaryLine: string;
+  spinner: string;
+}

package/dist/utils/data/categorical-data/index.d.ts

@@ -1,7 +1,8 @@
+import type { WebChartQuery } from "../../../spec/web-chart.js";
 import type { ChartElementLimit } from "../../defaults/interfaces.js";
 import type { QueryObject } from "../../layer/interfaces.js";
 import type { AbortControllerKeyType } from "../../layer/query-features/interfaces.js";
-import type { WebChartQuery } from "../../../spec/web-chart.js";
+import type { ErrorStrings } from "../../localization/interfaces.js";
 
 /**
  * Fetches the unique values from a given field.
@@ -23,5 +24,7 @@ export function uniqueValues(props: {
     category: string;
     splitByField?: string;
     chartLimits?: ChartElementLimit;
+    errorStrings: ErrorStrings;
     abortKey?: AbortControllerKeyType;
+    abortSignal?: AbortSignal;
 }): Promise<(number | string)[]>;

package/dist/utils/data/index.d.ts

@@ -1,10 +1,11 @@
+import type { ChartOptions } from "../../chart-rendering/common/interfaces.js";
+import type { WebChartStatisticType } from "../../spec/chart-object-literals.js";
 import type { WebChartBin, WebChartDataItem, WebChartDataTypes } from "../../spec/data-source.js";
 import type { WebChart, WebChartSeriesType, WebGaugeChart } from "../../spec/web-chart.js";
-import type { ChartSubType } from "../misc/interfaces.js";
-import type { BoxPlotYValueProps, DataMinMax, BoxPlotYFieldKeys } from "./interfaces.js";
-import type { ChartOptions } from "../../chart-rendering/common/interfaces.js";
 import type { QueryObject } from "../layer/interfaces.js";
 import type { ErrorStrings } from "../localization/interfaces.js";
+import type { ChartSubType } from "../misc/interfaces.js";
+import type { BoxPlotYValueProps, DataMinMax, BoxPlotYFieldKeys } from "./interfaces.js";
 
 /**
  * Generates the y field names for box plot
@@ -99,6 +100,7 @@ export function validateBarNLineChartDataItem(props: {
     x: string;
     y: string;
     nullAsValid?: boolean;
+    aggregationType?: WebChartStatisticType;
 }): boolean;
 
 /**
@@ -238,16 +240,24 @@ export function sanitizeData(props: {
  * @param props - A snapshot of the updated props, used to determine whether the selection OIDs have changed
  */
 export function getSelectionItemsFromOIDs(props: {
-    updatedPropsSnapshot: Map<string, {
-        oldValue: unknown;
-        newValue: unknown;
-    }>;
     chartData?: WebChartDataTypes;
     chartConfig: WebChart;
     queryObject: QueryObject;
     dataWasUpdated?: boolean;
-    options?: ChartOptions;
+    selectionData?: ChartOptions["selectionData"];
+    replaceNoValueCategoryWithZero?: ChartOptions["replaceNoValueCategoryWithZero"];
+    hideZeroCountCategories?: ChartOptions["hideZeroCountCategories"];
+    chartLimits?: ChartOptions["chartLimits"];
+    setTimeBinningInfoWhenNotProvided?: ChartOptions["setTimeBinningInfoWhenNotProvided"];
+    returnFeaturesExtent?: ChartOptions["returnFeaturesExtent"];
+    popupTemplateFieldInfosEnabled?: ChartOptions["popupTemplateFieldInfosEnabled"];
+    view?: ChartOptions["view"];
+    viewExtentUpdated?: ChartOptions["viewExtentUpdated"];
+    returnSelectionOIDs?: ChartOptions["returnSelectionOIDs"];
+    runtimeDataFilters?: ChartOptions["runtimeDataFilters"];
+    ignoreViewExtent?: ChartOptions["ignoreViewExtent"];
     errorStrings: ErrorStrings;
+    selectionIDsChanged: boolean;
 }): Promise<WebChartDataItem[] | undefined>;
 
 export const dataPrivateFunctions: {

package/dist/utils/defaults/index.d.ts

@@ -85,7 +85,10 @@ export const loaderBackgroundLight: Color;
  */
 export const loaderBackgroundDark: Color;
 
-/** @internal */
+/**
+ * @deprecated since 5.1. Will be replaced by the Calcite CSS variable --calcite-color-brand-hover.
+ * @internal
+ */
 export const loaderSpinnerColor: Color;
 
 /** @internal */
@@ -268,6 +271,20 @@ export function getDefaultAxes(commonStrings: CommonStrings, chartType: WebChart
  */
 export function getDefaultGaugeNeedle(): WebChartNeedle;
 
+/**
+ * Returns the default progress base band symbol for gauge charts
+ *
+ * @internal
+ */
+export function getDefaultProgressBaseBandSymbol(): ISimpleFillSymbol;
+
+/**
+ * Returns the default progress target band symbol for gauge charts
+ *
+ * @internal
+ */
+export function getDefaultProgressTargetBandSymbol(): ISimpleFillSymbol;
+
 /**
  * Returns the gauge axes
  *
@@ -504,4 +521,7 @@ export const boxPlotZScoreSuffix: "_arcgis_charts_z_score";
 export const defaultColorForBoxPlotWithMeanLines: Color;
 
 /** @internal */
-export const percentageSuffix: " percentage ";
+export const percentageSuffix: " percentage ";
+
+/** @internal */
+export const heatChartFirstDayOfWeek: 7;

package/dist/utils/layer/index.d.ts

@@ -2,6 +2,7 @@ import type Extent from "@arcgis/core/geometry/Extent.js";
 import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
 import type ImageryLayer from "@arcgis/core/layers/ImageryLayer.js";
 import type ImageryTileLayer from "@arcgis/core/layers/ImageryTileLayer.js";
+import type Layer from "@arcgis/core/layers/Layer.js";
 import type WCSLayer from "@arcgis/core/layers/WCSLayer.js";
 import type CodedValueDomain from "@arcgis/core/layers/support/CodedValueDomain.js";
 import type Renderer from "@arcgis/core/renderers/Renderer.js";
@@ -33,19 +34,28 @@ export function getRendererInfo(layerRenderer?: Renderer): RendererInfo;
 export function getFeatureLayer(featureLayer: IFeatureLayer, abortSignal?: AbortSignal): Promise<FeatureLayer>;
 
 /**
- * A wrapper function creating a FeatureLayer, ImageryLayer, ImagegeryTileLayer, or WCSLayer from a set of parameters.
+ * A wrapper function creating a FeatureLayer, ImageryLayer, ImageryTileLayer, or WCSLayer from a set of parameters.
  * It returns the created FeatureLayer, ImageryLayer, ImageryTileLayer, or WCSLayer.
  *
  * @param iLayer
+ * @param abortSignal
  * @internal
  */
-export function getLayer(iLayer: IFeatureLayer): Promise<FeatureLayer>;
+export function getLayer(iLayer: IFeatureLayer, abortSignal?: AbortSignal): Promise<FeatureLayer>;
 
-/** @param iLayer */
-export function getLayer(iLayer: IFeatureLayer | IImageServiceLayer | ITiledImageServiceLayer | IWCSLayer): Promise<FeatureLayer | ImageryLayer | ImageryTileLayer | WCSLayer>;
+/**
+ * @param iLayer
+ * @param abortSignal
+ * @internal
+ */
+export function getLayer(iLayer: IFeatureLayer | IImageServiceLayer | ITiledImageServiceLayer | IWCSLayer, abortSignal?: AbortSignal): Promise<FeatureLayer | ImageryLayer | ImageryTileLayer | WCSLayer>;
 
-/** @param iLayer */
-export function getLayer(iLayer: IFeatureLayer | IImageServiceLayer | ITiledImageServiceLayer | IWCSLayer): Promise<FeatureLayer | ImageryLayer | ImageryTileLayer | WCSLayer>;
+/**
+ * @param iLayer
+ * @param abortSignal
+ * @internal
+ */
+export function getLayer(iLayer: IFeatureLayer | IImageServiceLayer | ITiledImageServiceLayer | IWCSLayer, abortSignal?: AbortSignal): Promise<FeatureLayer | ImageryLayer | ImageryTileLayer | WCSLayer>;
 
 /**
  * Returns the proper query object to use according to the situation.
@@ -204,9 +214,10 @@ export function getRendererFieldNames(layer: SupportedLayer | undefined): Promis
  * https://doc.arcgis.com/en/arcgis-online/reference/faq.htm#anchor7
  *
  * @param layer
+ * @param abortSignal
  * @internal
  */
-export function isStandardLayer(layer: SupportedLayer | undefined): Promise<boolean>;
+export function isStandardLayer(layer: SupportedLayer | undefined, abortSignal?: AbortSignal): Promise<boolean>;
 
 /**
  * Finds the matching field name for a given layer based on the fieldToMatch parameter.
@@ -313,4 +324,12 @@ export function extractFieldsFromConfigList(layer: SupportedLayer): Promise<stri
 export function findMatchingLayerFromView(props: {
     view?: MapView | SceneView;
     portalItemId: string;
-}): FeatureLayerView | SupportedLayer | undefined;
+}): FeatureLayerView | SupportedLayer | undefined;
+
+/**
+ * Loads the layer. Generates raster info if it's an ImageryLayer or an ImageryTileLayer.
+ *
+ * @param layer - The layer
+ * @param abortSignal - Optional abort signal to cancel the request
+ */
+export function loadLayer(layer: Layer | SupportedLayer | SupportedRasterLayer, abortSignal?: AbortSignal): Promise<void>;

package/dist/utils/layer/query-features/index.d.ts

@@ -1,12 +1,12 @@
 import type AttributeBinsGraphic from "@arcgis/core/AttributeBinsGraphic.js";
 import type AttributeBinsFeatureSet from "@arcgis/core/rest/support/AttributeBinsFeatureSet.js";
-import type { ChartOptions } from "../../../chart-rendering/common/interfaces.js";
 import type { WebChartDataItem } from "../../../spec/data-source.js";
 import type { WebChartQuery, WebChartTemporalBinning, WebHeatChart } from "../../../spec/web-chart.js";
 import type { ErrorStrings } from "../../localization/interfaces.js";
 import type { ChartSubType } from "../../misc/interfaces.js";
 import type { QueryObject } from "../interfaces.js";
 import type { AbortControllerKeyType, Features } from "./interfaces.js";
+import type { ChartOptions } from "../../../chart-rendering/common/interfaces.js";
 
 /**
  * Performs a query analytic.
@@ -20,6 +20,8 @@ export function queryAnalytic(props: {
     outAnalytics: string;
     outputFormat: string;
     dataFormat: string;
+    errorStrings: ErrorStrings;
+    abortSignal?: AbortSignal;
 }): Promise<WebChartDataItem | undefined>;
 
 /**
@@ -45,8 +47,10 @@ export function queryAttributeBinsForHeatChart(props: {
     chartConfig: WebHeatChart;
     queryObject: QueryObject;
     queryConfig: WebChartQuery;
-    options?: ChartOptions;
+    view?: ChartOptions["view"];
+    syncViewTimeZone?: ChartOptions["syncViewTimeZone"];
     errorStrings: ErrorStrings;
+    abortSignal?: AbortSignal;
 }): Promise<AttributeBinsFeatureSet | undefined>;
 
 /**
@@ -62,6 +66,7 @@ export function queryFeaturesForMatrixHeatChart(props: {
     returnFeaturesExtent?: boolean;
     errorStrings: ErrorStrings;
     abortKey?: AbortControllerKeyType;
+    abortSignal?: AbortSignal;
 }): Promise<Features | undefined>;
 
 /**
@@ -80,6 +85,7 @@ export function queryAttributeBinsForScatterplot(props: {
     x: string;
     y: string;
     errorStrings: ErrorStrings;
+    abortSignal?: AbortSignal;
 }): Promise<AttributeBinsFeatureSet | undefined>;
 
 /**
@@ -94,6 +100,7 @@ export function queryFeatureCount(props: {
     chartSubType: ChartSubType;
     x: string;
     isGaugeByFeature?: boolean;
+    abortSignal?: AbortSignal;
 }): Promise<number | undefined>;
 
 /**
@@ -106,7 +113,9 @@ export function queryFeatureCount(props: {
 export function queryStatistics<T extends Date | number | string>(props: {
     queryObject: QueryObject;
     queryConfig: WebChartQuery;
+    errorStrings: ErrorStrings;
     abortKey?: AbortControllerKeyType;
+    abortSignal?: AbortSignal;
 }): Promise<Map<string, T>>;
 
 /**
@@ -117,7 +126,9 @@ export function queryFeatures(props: {
     queryObject: QueryObject;
     queryConfig?: WebChartQuery;
     returnUniqueIdsOnly?: boolean;
+    errorStrings: ErrorStrings;
     abortKey?: AbortControllerKeyType;
+    abortSignal?: AbortSignal;
 }): Promise<Features>;
 
 /**
@@ -133,7 +144,9 @@ export function queryAllFeatures(props: {
     returnUniqueIdsOnly?: boolean;
     featureCount?: number;
     noBatch?: boolean;
+    errorStrings: ErrorStrings;
     abortKey?: AbortControllerKeyType;
+    abortSignal?: AbortSignal;
 }): Promise<Features>;
 
 /**
@@ -146,6 +159,7 @@ export function queryUniqueIDs(props: {
     queryObject: QueryObject;
     queryConfig: WebChartQuery;
     uniqueFeature?: boolean;
+    errorStrings: ErrorStrings;
     abortKey?: AbortControllerKeyType;
 }): Promise<(number | string)[]>;
 
@@ -182,6 +196,9 @@ export function queryAttributeBinsForTemporalData(props: {
     dateField: string;
     splitByField?: string;
     axisTimeZone: string | undefined;
-    options?: ChartOptions;
+    errorStrings: ErrorStrings;
+    view?: ChartOptions["view"];
+    syncViewTimeZone?: boolean;
     abortKey?: AbortControllerKeyType;
+    abortSignal?: AbortSignal;
 }): Promise<AttributeBinsGraphic[]>;

package/dist/utils/layer/query-parser/index.d.ts

@@ -86,7 +86,8 @@ export function mapAttributeBinsQueryForTemporalData(props: {
     dateField: string;
     splitByField?: string;
     axisTimeZone?: string;
-    options?: ChartOptions;
+    view?: ChartOptions["view"];
+    syncViewTimeZone?: ChartOptions["syncViewTimeZone"];
 }): AttributeBinsQuery;
 
 /**
@@ -126,7 +127,8 @@ export function mapAttributeBinsQueryForHeatChart(props: {
     firstDayOfWeek?: number;
     configTimeZone?: string;
     includeLeapDay?: boolean;
-    options?: ChartOptions;
+    view?: ChartOptions["view"];
+    syncViewTimeZone?: ChartOptions["syncViewTimeZone"];
 }): AttributeBinsQuery;
 
 /**

package/dist/utils/layer/utils/index.d.ts

@@ -3,6 +3,7 @@ import type SubtypeGroupLayer from "@arcgis/core/layers/SubtypeGroupLayer.js";
 import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer.js";
 import type FeatureLayerView from "@arcgis/core/views/layers/FeatureLayerView.js";
 import type LayerView from "@arcgis/core/views/layers/LayerView.js";
+import type Layer from "@arcgis/core/layers/Layer.js";
 import type { QueryObject, QueryObjectOrRaster } from "../interfaces.js";
 import type { SupportedLayer, SupportedRasterLayer } from "../../../interfaces.js";
 import type { WebChart } from "../../../spec/web-chart.js";
@@ -30,7 +31,7 @@ export function isFeatureLayerView(queryObject: LayerView | QueryObjectOrRaster
  * @param queryObject
  * @internal
  */
-export function isFeatureLayer(queryObject: QueryObjectOrRaster | undefined): queryObject is FeatureLayer;
+export function isFeatureLayer(queryObject: Layer | QueryObjectOrRaster | undefined): queryObject is FeatureLayer;
 
 /**
  * Indicates whether the input object is an instance of `SubtypeGroupLayer`.
@@ -38,7 +39,7 @@ export function isFeatureLayer(queryObject: QueryObjectOrRaster | undefined): qu
  * @param queryObject
  * @internal
  */
-export function isSubtypeGroupLayer(queryObject: QueryObjectOrRaster | SubtypeGroupLayer | undefined): queryObject is SubtypeGroupLayer;
+export function isSubtypeGroupLayer(queryObject: Layer | QueryObjectOrRaster | SubtypeGroupLayer | undefined): queryObject is SubtypeGroupLayer;
 
 /**
  * Indicates whether the input object is an instance of `SubtypeSublayer`.
@@ -46,7 +47,7 @@ export function isSubtypeGroupLayer(queryObject: QueryObjectOrRaster | SubtypeGr
  * @param queryObject
  * @internal
  */
-export function isSubtypeSublayer(queryObject: Pick<SubtypeSublayer, "type"> | QueryObjectOrRaster | undefined): queryObject is SubtypeSublayer;
+export function isSubtypeSublayer(queryObject: Layer | Pick<SubtypeSublayer, "type"> | QueryObjectOrRaster | undefined): queryObject is SubtypeSublayer;
 
 /**
  * Indicates whether the input object is an instance of `SupportedLayer` (`FeatureLayer` or `SubtypeSublayer`).
@@ -54,7 +55,7 @@ export function isSubtypeSublayer(queryObject: Pick<SubtypeSublayer, "type"> | Q
  * @param queryObject
  * @internal
  */
-export function isSupportedLayer(queryObject: QueryObjectOrRaster | undefined): queryObject is SupportedLayer;
+export function isSupportedLayer(queryObject: Layer | QueryObjectOrRaster | undefined): queryObject is SupportedLayer;
 
 /**
  * Returns the main `Layer` instance associated with the layer being used.
@@ -66,16 +67,28 @@ export function isSupportedLayer(queryObject: QueryObjectOrRaster | undefined):
  */
 export function getMainLayer(layer: FeatureLayer | SubtypeSublayer | undefined): FeatureLayer | SubtypeGroupLayer | undefined;
 
-/** @param layer */
+/**
+ * @param layer
+ * @internal
+ */
 export function getMainLayer(layer: SupportedRasterLayer): SupportedRasterLayer;
 
-/** @param layer */
+/**
+ * @param layer
+ * @internal
+ */
 export function getMainLayer(layer: FeatureLayer | SubtypeSublayer | SupportedRasterLayer): FeatureLayer | SubtypeGroupLayer | SupportedRasterLayer;
 
-/** @param layer */
+/**
+ * @param layer
+ * @internal
+ */
 export function getMainLayer(layer: FeatureLayer | SubtypeSublayer | SupportedRasterLayer | undefined): FeatureLayer | SubtypeGroupLayer | SupportedRasterLayer | undefined;
 
-/** @param layer */
+/**
+ * @param layer
+ * @internal
+ */
 export function getMainLayer(layer: FeatureLayer | SubtypeSublayer | SupportedRasterLayer | undefined): FeatureLayer | SubtypeGroupLayer | SupportedRasterLayer | undefined;
 
 /**

package/dist/utils/localization/interfaces.d.ts

@@ -91,6 +91,12 @@ export const CommonStringsIdentity: (value: {
             quarterOfYear: string;
         };
         null: string;
+        accessibility: { gauge: {
+            innerLabel: string;
+            maximumValue: string;
+            minimumValue: string;
+            gauge: string;
+        }; };
     };
     errorStrings: {
         errorHeading: string;
@@ -178,6 +184,7 @@ export const CommonStringsIdentity: (value: {
             noDataMessage: string;
             noDataFBSMessage: string;
             noDataFBEMessage: string;
+            noValue: string;
             exportImageChartNotReady: string;
             exportImage: string;
             defaultError: string;
@@ -349,6 +356,12 @@ export const CommonStringsIdentity: (value: {
             quarterOfYear: string;
         };
         null: string;
+        accessibility: { gauge: {
+            innerLabel: string;
+            maximumValue: string;
+            minimumValue: string;
+            gauge: string;
+        }; };
     };
     errorStrings: {
         errorHeading: string;
@@ -436,6 +449,7 @@ export const CommonStringsIdentity: (value: {
             noDataMessage: string;
             noDataFBSMessage: string;
             noDataFBEMessage: string;
+            noValue: string;
             exportImageChartNotReady: string;
             exportImage: string;
             defaultError: string;

package/dist/utils/type-guards/index.d.ts

@@ -2,7 +2,7 @@ import type { ModelTypes } from "../../model/interfaces/common.js";
 import type { WebChartStackedKinds } from "../../spec/chart-object-literals.js";
 import type { WebChartDataTypes, WebChartGenericDataItem, WebChartHistogramDataItem, WebChartScatterplotDataItem } from "../../spec/data-source.js";
 import type { IFeatureLayer, IImageServiceLayer, ISimpleFillSymbol, ISimpleLineSymbol, ISimpleMarkerSymbol, ITiledImageServiceLayer } from "../../spec/rest-js-types.js";
-import type { CategoryFormatOptions, DateTimeFormatOptions, NumberFormatOptions, WebBoxPlot, WebChart, WebChartBarChartSeries, WebChartBoxPlotSeries, WebChartHeatChartSeries, WebChartLineChartSeries, WebChartRadarChartSeries, WebChartSeries, WebChartTextSymbol, WebGaugeChart, WebHeatChart } from "../../spec/web-chart.js";
+import type { CategoryFormatOptions, DateTimeFormatOptions, NumberFormatOptions, WebBoxPlot, WebChart, WebChartBarChartSeries, WebChartBoxPlotSeries, WebChartHeatChartSeries, WebChartLineChartSeries, WebChartPieChartSeries, WebChartRadarChartSeries, WebChartSeries, WebChartTextSymbol, WebGaugeChart, WebHeatChart } from "../../spec/web-chart.js";
 import type { ChartTypes } from "../misc/index.js";
 import type { ChartConfig } from "../types/index.js";
 
@@ -180,6 +180,14 @@ export function isRadarChartSeriesArray(series: WebChartSeries[]): series is Web
  */
 export function isHeatChartSeriesArray(series: WebChartSeries[]): series is WebChartHeatChartSeries[];
 
+/**
+ * Determines if all the series in the array are pie series.
+ *
+ * @param series - The series to check.
+ * @internal
+ */
+export function isPieChartSeriesArray(series: WebChartSeries[]): series is WebChartPieChartSeries[];
+
 /**
  * Determines if the series array is of type box plot series.
  *

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.1.0-next.99",
+  "version": "5.2.0-next.1",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
     "./loader": "./dist/loader.js",
@@ -32,6 +32,7 @@
     "@lit/task": "^1.0.3",
     "ajv": "6.12.6",
     "d3-shape": "^3.2.0",
+    "fastq": "~1.13.0",
     "html2canvas": "^1.4.1",
     "jszip": "^3.10.1",
     "lit": "^3.3.0",
@@ -39,12 +40,12 @@
     "luxon": "~3.7.2",
     "simple-statistics": "^7.8.8",
     "tslib": "^2.8.1",
-    "@arcgis/lumina": "5.1.0-next.99",
-    "@arcgis/toolkit": "5.1.0-next.99"
+    "@arcgis/lumina": "5.2.0-next.1",
+    "@arcgis/toolkit": "5.2.0-next.1"
   },
   "peerDependencies": {
     "@arcgis/core": "^5.1.0-next",
-    "@esri/calcite-components": "^5.1.0-next.45"
+    "@esri/calcite-components": "^5.1.0-next.60"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/2L4KRFAO.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import e from"./DQOPCAYH.js";import"./FPDW4F45.js";import{a as S}from"./4QCCCXMK.js";import d from"./VFNQXIXU.js";import"./KYO65OVO.js";import b from"./GSIQ3AM5.js";import{u as t,y as u}from"./URX6VCYJ.js";import"./6ES4YKXX.js";import"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as y,B as l,D as n,G as g,g as m,i as s,n as a,y as o,z as c}from"./GDFOZNYR.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{g:w,h:f,i:r,j:h}])=>{var d={sizeSection:"size-section",dropdownText:"dropdown-text",colorPickerContainer:"color-picker-container"},v=m`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto}:host arcgis-charts-config-colors{padding:var(--arcgis-charts-panel-padding);padding-bottom:1rem}:host .size-section{padding:1rem;display:flex}:host .size-section calcite-label{flex:1 1 0px;width:0}:host .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}:host .color-picker-container{display:flex}:host .color-picker-container calcite-label{flex:1 1 0px;width:0}:host .color-picker-container calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}`,p=class extends y{constructor(){super(...arguments),this._messages=S(),this.lineWidthInputElement=o(),this.lineStyleDropdownElement=o(),this.lineStyle={type:u.SLS},this.open=!1,this.enableClose=!1,this.usePanel=!1,this.arcgisChartsConfigLineStyleChange=a(),this.arcgisChartsConfigLineStyleClose=a()}static{this.properties={messageOverrides:0,lineStyle:0,header:1,open:5,enableClose:5,usePanel:5}}static{this.styles=v}closePanel(e){e.target.closed&&this.enableClose&&(this.open=!1,this.arcgisChartsConfigLineStyleClose.emit())}colorChange(e){this.lineStyle.color=e.detail,this.emitLineStyleEvent()}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.lineStyle.style!==e&&(this.lineStyle.style=e,this.lineStyle={...this.lineStyle},this.emitLineStyleEvent())}selectedLineStyle(){let e,i;switch(this.lineStyle?.style){case t.Dot:e="line-dotted",i=this._messages.dot??"";break;case t.Dash:e="line-dashed",i=this._messages.dash??"";break;case t.Solid:default:e="line-solid",i=this._messages.solid??"";break}return{icon:e,style:i}}widthChange(){let e=this.lineWidthInputElement.value?.value;e!==void 0&&w(e,this.lineWidthInputElement.value?.min,this.lineWidthInputElement.value?.max)?(this.lineStyle.width=Number.parseInt(e),this.emitLineStyleEvent(),this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:h.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:h.INVALID})}emitLineStyleEvent(){Number.isNaN(Number.parseInt(this.lineStyle?.color?.[0]?.toString()??""))&&(this.lineStyle.color=void 0),this.arcgisChartsConfigLineStyleChange.emit(this.lineStyle)}render(){let e=[s`<div class=${l(d.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${c(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.selectedLineStyle().icon} slot=trigger kind=neutral appearance=outline-fill scale=m><label class=${l(d.dropdownText)}>${this.selectedLineStyle().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.lineStyle?.style===t.Solid} accesskey=${t.Solid??n}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.lineStyle?.style===t.Dot} accesskey=${t.Dot??n}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.lineStyle?.style===t.Dash} accesskey=${t.Dash??n}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${f(this.lineStyle?.width)} @calciteInputInput=${this.widthChange} ${c(this.lineWidthInputElement)}></calcite-input></calcite-label></div>`,s`<div class=${l(d.colorPickerContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${this.lineStyle?.color??void 0} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div>`];return this.usePanel?s`<calcite-panel .heading=${this.header??this._messages.header} .closed=${!this.open} .closable=${this.enableClose} @calcitePanelClose=${this.closePanel}>${e}</calcite-panel>`:e}};g("arcgis-charts-config-line-style",p);return p},b,d,e)

package/dist/cdn/2WMGX4LG.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import a from"./GSIQ3AM5.js";import{d as j,g as z,j as L,l as D,r as q,t as k,u as g,w as h,y as C}from"./URX6VCYJ.js";import{a as W}from"./ETLJKITO.js";export default $arcgis.t(([te,{createClassBreaksRenderer:re},{getSchemes:ae},P,{D:N,de:A,zc:G}])=>{function Q(e){let r;switch(e.length){case 4:{let t=e.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);t&&(r=[Number.parseInt(`${t[1]}${t[1]}`,16),Number.parseInt(`${t[2]}${t[2]}`,16),Number.parseInt(`${t[3]}${t[3]}`,16),255]);break}case 5:{let t=e.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);t&&(r=[Number.parseInt(`${t[1]}${t[1]}`,16),Number.parseInt(`${t[2]}${t[2]}`,16),Number.parseInt(`${t[3]}${t[3]}`,16),Number.parseInt(`${t[4]}${t[4]}`,16)]);break}case 7:{let t=e.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);t&&(r=[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16),255]);break}case 9:{let t=e.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);t&&(r=[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16),Number.parseInt(t[4],16)]);break}}return r}function _(e){let r;if(typeof e=="string"&&e.startsWith("#")){let t=Q(e);t&&(r=t)}else Array.isArray(e)&&e.every(t=>typeof t=="number")&&(e.length===4?r=e:e.length===3&&(r=[...e,255]));return r}function H(e){return e===h.BackwardDiagonal||e===h.Cross||e===h.DiagonalCross||e===h.ForwardDiagonal||e===h.Horizontal||e===h.Null||e===h.Solid||e===h.Vertical}function R(e){return e===g.Dash||e===g.DashDot||e===g.DashDotDot||e===g.Dot||e===g.Null||e===g.Solid}function X(e){let{categoryField:r,numericFields:t,configFields:a,inlineData:c}=e,n={};return a&&Object.keys(a).length>0&&"dataItems"in c&&(n={type:"uniqueValue",field1:r,uniqueValueInfos:[]},c.dataItems.forEach(s=>{let l=s[r];if(l!=null){let o={value:l};t.forEach(i=>{let u=_(s[`${a.fillColor}_${i}`]),m=s[`${a.fillOpacity}_${i}`],f=s[`${a.fillStyle}_${i}`],p=s[`${a.markerSize}_${i}`],d=_(s[`${a.outlineColor}_${i}`]),$=s[`${a.outlineOpacity}_${i}`],F=s[`${a.outlineWidth}_${i}`],v=s[`${a.outlineStyle}_${i}`],S=_(s[`${a.lineColor}_${i}`]),w=s[`${a.lineOpacity}_${i}`],I=s[`${a.lineWidth}_${i}`],M=s[`${a.lineStyle}_${i}`],T=s[`${a.displayLabel}_${i}`];if(typeof T=="string"&&(o={...o,label:T}),p!=null){let y={type:C.SMS};p&&typeof p=="number"&&(y.size=p),o.symbol=y}if(u||H(f)){let y=o.symbol&&o.symbol.type===C.SMS?o.symbol:{type:C.SFS};if(u&&(m&&typeof m=="number"&&(u[3]=m),y.color=u),H(f)&&(y.style=f),o.symbol=y,d||F!=null||R(v)){let B={type:C.SLS};d&&($&&typeof $=="number"&&(d[3]=$),B.color=d),R(v)&&(B.style=v),F&&typeof F=="number"&&(B.width=F),o.symbol.outline=B}}else if(S||I!=null||R(M)){let y={type:C.SLS};S&&(w&&typeof w=="number"&&(S[3]=w),y.color=S),R(M)&&(y.style=M),I!=null&&typeof I=="number"&&(y.width=I),o.symbol=y}}),(o.label||o.symbol)&&n.uniqueValueInfos.push(o)}})),n}function Z(e){let{numericFields:r,configFields:t,inlineData:a}=e,c=a;return"dataItems"in a&&Object.entries(t).forEach(([n,s])=>{r.forEach(l=>{let o=`${s}_${l}`;a.dataItems.forEach(i=>{o in i&&delete i[o]})})}),c}function ee(e){let{categoryField:r,categoryType:t,numericFields:a,inlineData:c}=e,n;if("dataItems"in c){let{dataItems:s}=c,l=[],o="OBJECTID",i=s.map((m,f)=>{let p={...m};return"FID"in m?o="FID":"ObjectId"in m&&(o="ObjectId"),p[o]||(p[o]=f),{attributes:p}});l.push({type:"esriFieldTypeOID",name:o});let u;switch(t){case"dateOnly":u=k.DateOnly;break;case"timeStampOffset":u=k.TimestampOffset;break;case"date":u=k.Date;break;case"number":u=k.Double;break;default:u=k.String;break}l.push({type:u,name:r}),a.forEach(m=>{l.push({type:k.Double,name:m})}),n={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:l},featureSet:{features:i}}]}}}return n}async function J(e){let{categoryField:r,categoryType:t,numericFields:a,configFields:c,inlineData:n}=e,s,l,o=z(n);c&&(s=X({categoryField:r,numericFields:a,configFields:c,inlineData:o}),o=Z({numericFields:a,configFields:c,inlineData:o}));let i=ee({categoryField:r,categoryType:t,numericFields:a,inlineData:o});return i&&(l=await G(i)),{chartRenderer:s,iLayer:i,layer:l}}var E=P.all(),se=ae({geometryType:"point",theme:"high-to-low"});function U(e,r,t){let a=Math.max(0,Math.min(1,t));return[Math.round(e[0]+(r[0]-e[0])*a),Math.round(e[1]+(r[1]-e[1])*a),Math.round(e[2]+(r[2]-e[2])*a),Math.round(e[3]+(r[3]-e[3])*a)]}function ne(e,r){return r?.length===e?r:[]}function oe(e){let{numberOfClassBreaks:r,baseColors:t,fallbackStartColor:a=[237,248,251,255],fallbackEndColor:c=[136,65,157,255]}=e,n=[];if(r>0){let s=t?.[0]??a,l=t&&t.length>1?t[t.length-1]:c;if(r===1)n=[s];else for(let o=0;o<r;o++){let i=o/(r-1);n.push(U(s,l,i))}}return n}function le(e){let{colorRamp:r,numberOfClassBreaks:t,isFlipped:a}=e,c=[],n=!1;if(r.colorsForClassBreaks&&r.colorsForClassBreaks.length>0){let s=r.colorsForClassBreaks.find(l=>l.numClasses===t);if(s?.colors?.length===t){let l=s.colors.map(o=>O(o));l.every(o=>o!==void 0)&&(c=a?l.reverse():l,n=!0)}}if(!n){let s=r.colors||[];if(s.length>0){let l=s.map(O).filter(i=>i!==void 0);a&&(l=l.reverse());let o=[];for(let i=0;i<t;i++){let u=t>1?i/(t-1):0,m=Math.floor(u*(l.length-1)),f=Math.min(m+1,l.length-1),p=l[m],d=l[f];if(!p||!d){c=[];break}let $=u*(l.length-1)-m,F=U(p,d,$);o.push(F)}c=o}}return c}function Y(e){let{numberOfClassBreaks:r,selectedColorRamp:t,colorRamp:a,isFlipped:c=!1}=e,n=ne(r,a),s=t?le({colorRamp:t,numberOfClassBreaks:r,isFlipped:c}):[];return n.length!==r&&(n=s),n.length!==r&&(n=oe({numberOfClassBreaks:r,baseColors:s.length>0?s:a})),n}function ie(e,r=2){return`\u2264 ${(t=>{let a="";return t%1===0?a=t.toString():a=t.toFixed(r),a})(e)}`}function Re(e){let r="#000000";if(e&&Array.isArray(e)&&e.length>=3){let t=b(e[0]||0),a=b(e[1]||0),c=b(e[2]||0),n=t.toString(16).padStart(2,"0"),s=a.toString(16).padStart(2,"0"),l=c.toString(16).padStart(2,"0");r=`#${n}${s}${l}`}return r}var xe={all:["*"],light:["light"],dark:["dark"],redsAndYellows:["oranges","reds","yellows"],greens:["greens"],blues:["blues"],purplesAndPinks:["purples","pinks"],browns:["browns"],grays:["grays"],bright:["bright"],subdued:["subdued"],colorblindFriendly:["colorblind-friendly"]},Oe={all:"all"},ce=e=>{let r=0,t=n=>{let s=0;return n.forEach(l=>{let o=l.toString().split(".")[1];o&&(s=Math.max(s,o.length))}),s},a=[...e].sort((n,s)=>n-s),c=t(a);for(;r<=c&&a.some((n,s)=>s>0&&A(n,r)<=A(a[s-1],r));)r++;return Math.min(r,c)};function b(e){return Math.max(0,Math.min(255,Math.round(e)))}function O(e){let r;if(e instanceof te){let t=e.toRgba();r=[b(t[0]),b(t[1]),b(t[2]),b(t[3]*255)]}else if(Array.isArray(e)&&e.every(t=>typeof t=="number")&&e.length===4){let t=e.length>=4?e[3]??255:255,a=b(t<=1?t*255:t);r=[b(e[0]??0),b(e[1]??0),b(e[2]??0),a]}return r}function x(e){let r=[];for(let t of e){let a=O(t);a&&r.push(a)}return r}function V(e,r){let t=0,a=e.size<=r.size?e:r,c=a===e?r:e;for(let n of a)c.has(n)&&t++;return t}function ue(e){return[...e.colors??[],...L(e.colorsForClassBreaks??[],r=>r.colors??[])]}function me(e){let{ramp:r,breakKeys:t,breakCount:a,weights:c}=e,n=d=>d.join(","),s=r.colorsForClassBreaks?.find(d=>d.numClasses===a)?.colors??[],l=new Set(x(s).map(n)),o=V(t,l),i=new Set(x(Y({numberOfClassBreaks:a,selectedColorRamp:r})).map(n)),u=V(t,i),m=ue(r).filter(d=>!!d),f=new Set(x(m).map(n)),p=V(t,f);return o*c.exactN+u*c.generated+p*c.anyOverlap}function fe(e,r){let t={exactN:100,generated:10,anyOverlap:1},a=n=>n.join(","),c;if(e?.length){let n=x(e.map(u=>u.symbol?.color)),s=new Set(n.map(a)),l=n.length,o=r.map(u=>{let m=me({ramp:u,breakKeys:s,breakCount:l,weights:t});return{ramp:u,score:m}}),i=q(o,[u=>-u.score,u=>u.ramp.name]);i[0]?.score>0&&(c=i[0].ramp)}return c}function ve(e,r){let t=!0;if(!e?.length||r.length<2)t=!1;else{let a=e.map(O),c=r.map(n=>n.symbol.color);if(a.length!==c.length)t=!1;else{let n=(o,i)=>!!o&&!!i&&o.length===i.length&&o.every((u,m)=>u===i[m]),s=0,l=c.length-1;for(;s<a.length&&l>=0;){if(!n(a[s],c[l])){t=!1;break}s++,l--}}}return t}async function pe(e){let{data:r,breaksCount:t,classificationMethod:a,xAxisField:c,colorsForClassBreaks:n}=e,s=[],l=await J({categoryField:c??"",categoryType:W.DateAxisFormat,numericFields:[N.valueField],inlineData:r});if(l.layer){let o=se?.primaryScheme,i=await re({layer:l.layer,field:N.valueField,classificationMethod:a,numClasses:t,colorScheme:o});if(i?.classBreaksResult?.classBreakInfos?.length){let u=ce(i.classBreaksResult.classBreakInfos.map(m=>m.maxValue));s=i.classBreaksResult.classBreakInfos.map((m,f)=>({classMinValue:m.minValue,classMaxValue:m.maxValue,label:ie(m.maxValue,u),symbol:{type:C.SFS,style:h.Solid,color:n?.[f]||[0,0,0,255],outline:{style:g.Solid,width:.5,color:[50,50,50,.6]}}}))}}return s}function de(e){let{selectedColorRamp:r,existingClassBreakInfos:t,availableColorRamps:a}=e;if(r)return r;let c=a?.length?a:K.esriColorRamps;return(t?.length?fe(t,c):void 0)??K.defaultColorRampForCharts}var we=j(async e=>{let{data:r,breaksCount:t,classificationMethod:a,xAxisField:c,selectedColorRamp:n,availableColorRamps:s,existingClassBreakInfos:l,useExistingColors:o,isFlipped:i}=e,u=de({selectedColorRamp:n,existingClassBreakInfos:l,availableColorRamps:s}),m=Y({numberOfClassBreaks:t,selectedColorRamp:u,colorRamp:o?l?.map(f=>f.symbol?.color):void 0,isFlipped:i});return await pe({data:r,classificationMethod:a,breaksCount:t,xAxisField:c,colorsForClassBreaks:m})},e=>JSON.stringify(e)),K={esriColorRamps:E,defaultColorRampForCharts:E.find(e=>e.name==="Blue 3")??E[0]};function Me({currentBreaks:e,configBreaks:r,treatReversedColorsAsEqual:t=!0}){let a=!0;if(Array.isArray(e)&&Array.isArray(r)){let c=n=>n.map(({symbol:s,...l})=>l);if(D(c(e),c(r))){let n=e.map(i=>i.symbol?.color),s=r.map(i=>i.symbol?.color),l=D(n,s),o=D(n,[...s].reverse());a=t?!(l||o):!l}}return a}return{a:Re,b:xe,c:Oe,d:fe,e:ve,f:we,g:K,h:Me}},"Color","smartMapping/renderers/color","smartMapping/symbology/color","smartMapping/symbology/support/colorRamps",a)

package/dist/cdn/3LHIBPWU.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{d as h}from"./FPDW4F45.js";import{g as b}from"./KYO65OVO.js";import a from"./GSIQ3AM5.js";import{g as p,l as n,y}from"./URX6VCYJ.js";import"./6ES4YKXX.js";import"./ETLJKITO.js";import{A as u,G as I,g as C,i as c,n as d}from"./GDFOZNYR.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{Ac:F,Cc:v}])=>{var E=C`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,m=class extends u{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let i=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(i)},this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1,this.filterBySelection=!1,this.arcgisChartsConfigNoSeriesUpdate=d(),this.arcgisChartsConfigWebChartChange=d()}static{this.properties={layerFieldsInfo:16,model:0,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,filterBySelection:5,chartData:0}}static{this.styles=E}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(e){let i=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!n(e.get("layer"),this.layer)&&(i=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(i=!0),e.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(i=!0),i&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){let{slices:i,groupedSlices:o,groupOfSlices:a}=e?.get(0)??{},t=[];this.filterBySelection?t=this.model.slices?.map(r=>i?.find(s=>s.sliceId===r.sliceId)??o?.find(s=>s.sliceId===r.sliceId)??r)??[]:t=(i??[]).concat(o??[]),t.forEach((r,s)=>{let f=this.model.slices?.find(S=>S.sliceId===t[s].sliceId);f&&(t[s]={...t[s],...f});let l=t[s].fillSymbol;l!==void 0&&!n(l?.outline?.color,l?.color)&&(l.outline={...l.outline??{},type:y.SLS,color:l.color})});let g=(o??[]).map(r=>r.sliceId);o!==void 0&&!n(g,this.model.groupedSliceIds)&&(this.model.groupedSliceIds=p(g)),n(t,this.model.slices)||(this.model.slices=p(t)),a!==void 0&&!n(a,this.model.sliceGrouping)&&(this.model.sliceGrouping=p(a))}async updateFetchLayerFieldsInfo(e){let i=e??this.model.config,o=this.layer;if(!o){let a=b(i)?i.iLayer:void 0;a&&(o=await F(a))}o&&(await o.load(),this.layerFieldsInfo=v(o,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e;switch(this.page){case h.Data:e=c`<arcgis-charts-config-pie-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-pie-chart-data>`;break;case h.Slices:e=c`<arcgis-charts-config-pie-chart-slices .model=${this.model} .chartData=${this.chartData} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-pie-chart-slices>`;break;case h.Format:e=c`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case h.General:e=c`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:e="";break}return e}};I("arcgis-charts-config-pie-chart",m);return m},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",a)