@arcgis/charts-components 5.2.0-next.12 → 5.2.0-next.121

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

@@ -5,14 +5,13 @@ import type Layer from "@arcgis/core/layers/Layer.js";
 import type CodedValueDomain from "@arcgis/core/layers/support/CodedValueDomain.js";
 import type WCSLayer from "@arcgis/core/layers/WCSLayer.js";
 import type Renderer from "@arcgis/core/renderers/Renderer.js";
-import type FeatureLayerView from "@arcgis/core/views/layers/FeatureLayerView.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type SceneView from "@arcgis/core/views/SceneView.js";
 import type { ChartOptions } from "../../chart-rendering/common/interfaces.js";
 import type { SupportedLayer, SupportedRasterLayer } from "../../interfaces.js";
 import type { IFeatureLayer, IField, IImageServiceLayer, ITiledImageServiceLayer, IWCSLayer } from "../../spec/rest-js-types.js";
 import type { WebChart, WebChartDataFilters, WebChartQuery } from "../../spec/web-chart.js";
-import type { QueryObject, QueryObjectOrRaster, QueryObjectProps, RendererInfo } from "./interfaces.js";
+import type { QueryObject, QueryObjectOrRaster, RendererInfo } from "./interfaces.js";
 
 /**
  * Returns the renderer type and the field and normalization field if applicable.
@@ -22,6 +21,16 @@ import type { QueryObject, QueryObjectOrRaster, QueryObjectProps, RendererInfo }
  */
 export function getRendererInfo(layerRenderer?: Renderer): RendererInfo;
 
+/**
+ * Function creating a FeatureLayer from a set of parameters.
+ * It returns the created Feature Layer.
+ * It is memoized (cached) to avoid multiple creations for a same feature layer.
+ *
+ * @param featureLayer
+ * @internal
+ */
+export function getFeatureLayerUnloaded(featureLayer: IFeatureLayer): FeatureLayer;
+
 /**
  * Function creating a FeatureLayer from a set of parameters.
  * It returns the created Feature Layer.
@@ -58,13 +67,18 @@ export function getLayer(iLayer: IFeatureLayer | IImageServiceLayer | ITiledImag
 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.
- * It can return either a FeatureLayer, an ImageryLayer, an ImageryTileLayer, a WCSLayer, or a FeatureLayerView (and possibly nothing).
+ * Returns the layer object for the given layer or ILayer synchronously (without loading it).
+ * It can return either a FeatureLayer, an ImageryLayer, an ImageryTileLayer, or a WCSLayer (and possibly nothing).
  *
  * @param props
  * @internal
  */
-export function getQueryObject(props: QueryObjectProps): Promise<QueryObjectOrRaster | undefined>;
+export function getQueryObjectUnloaded(props: {
+    layerOrLayerView?: QueryObjectOrRaster;
+    iLayer?: WebChart["iLayer"];
+    view?: MapView | SceneView;
+    layerItemId?: string;
+}): QueryObjectOrRaster | undefined;
 
 /**
  * Fetches all the fields info from a layer.
@@ -187,6 +201,7 @@ export function getFieldCodedValueDomain(queryObject: QueryObject, field?: strin
  *
  * @param fieldValue - The field value to get the description for
  * @param domain - The domain of the field
+ * @internal
  */
 export function getFieldDescriptionFromDomain(fieldValue: number | string, domain?: CodedValueDomain): string | undefined;
 
@@ -194,6 +209,7 @@ export function getFieldDescriptionFromDomain(fieldValue: number | string, domai
  * Get the field description from the query object given a field name and a field value.
  *
  * @param props - The query object (layer or feature layer view)
+ * @internal
  */
 export function getFieldDescriptionFromQueryObject(props: {
     queryObject: QueryObjectOrRaster;
@@ -273,6 +289,7 @@ export function buildQueryConfig(props: {
     queryObject?: QueryObjectOrRaster;
     chartConfig: WebChart;
     runtimeDataFilters?: WebChartDataFilters;
+    filterByViewExtent?: boolean;
     ignoreViewExtent?: boolean;
     view?: ChartOptions["view"];
 }): WebChartQuery;
@@ -324,7 +341,7 @@ export function extractFieldsFromConfigList(layer: SupportedLayer): Promise<stri
 export function findMatchingLayerFromView(props: {
     view?: MapView | SceneView;
     portalItemId: string;
-}): FeatureLayerView | SupportedLayer | undefined;
+}): SupportedLayer | undefined;
 
 /**
  * Loads the layer. Generates raster info if it's an ImageryLayer or an ImageryTileLayer.
@@ -332,4 +349,4 @@ export function findMatchingLayerFromView(props: {
  * @param layer - The layer
  * @param abortSignal - Optional abort signal to cancel the request
  */
-export function loadLayer(layer: Layer | SupportedLayer | SupportedRasterLayer, abortSignal?: AbortSignal): Promise<void>;
+export function loadLayer(layer: Layer | SupportedLayer | SupportedRasterLayer | undefined, abortSignal?: AbortSignal): Promise<void>;

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

@@ -1,18 +1,5 @@
-import type MapView from "@arcgis/core/views/MapView.js";
-import type SceneView from "@arcgis/core/views/SceneView.js";
-import type FeatureLayerView from "@arcgis/core/views/layers/FeatureLayerView.js";
-import type { SupportedLayer, SupportedRasterLayer } from "../../interfaces.js";
+import type { ChartLayerView, SupportedLayer, SupportedRasterLayer } from "../../interfaces.js";
 import type { RESTRendererType } from "../../spec/rest-js-object-literals.js";
-import type { WebChart } from "../../spec/web-chart.js";
-
-/** @internal */
-export interface QueryObjectProps {
-  chartConfig?: WebChart;
-  layer?: QueryObjectOrRaster;
-  view?: MapView | SceneView;
-  filterByViewExtent?: boolean;
-  abortSignal?: AbortSignal;
-}
 
 /** @internal */
 export interface RendererInfo {
@@ -33,6 +20,6 @@ export interface ServerRestInfo {
   };
 }
 
-export type QueryObject = FeatureLayerView | SupportedLayer;
+export type QueryObject = ChartLayerView | SupportedLayer;
 
 export type QueryObjectOrRaster = QueryObject | SupportedRasterLayer;

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.
@@ -48,7 +48,8 @@ export function queryAttributeBinsForHeatChart(props: {
     queryObject: QueryObject;
     queryConfig: WebChartQuery;
     view?: ChartOptions["view"];
-    syncViewTimeZone?: ChartOptions["syncViewTimeZone"];
+    syncViewTimeZone?: boolean;
+    returnStatisticsAggregatedIds: boolean;
     errorStrings: ErrorStrings;
     abortSignal?: AbortSignal;
 }): Promise<AttributeBinsFeatureSet | undefined>;
@@ -64,6 +65,7 @@ export function queryFeaturesForMatrixHeatChart(props: {
     queryObject: QueryObject;
     queryConfig: WebChartQuery;
     returnFeaturesExtent?: boolean;
+    returnStatisticsAggregatedIds: boolean;
     errorStrings: ErrorStrings;
     abortKey?: AbortControllerKeyType;
     abortSignal?: AbortSignal;
@@ -84,6 +86,7 @@ export function queryAttributeBinsForScatterplot(props: {
     xMax: number;
     x: string;
     y: string;
+    returnStatisticsAggregatedIds: boolean;
     errorStrings: ErrorStrings;
     abortSignal?: AbortSignal;
 }): Promise<AttributeBinsFeatureSet | undefined>;
@@ -126,6 +129,7 @@ export function queryFeatures(props: {
     queryObject: QueryObject;
     queryConfig?: WebChartQuery;
     returnUniqueIdsOnly?: boolean;
+    returnStatisticsAggregatedIds: boolean;
     errorStrings: ErrorStrings;
     abortKey?: AbortControllerKeyType;
     abortSignal?: AbortSignal;
@@ -144,6 +148,7 @@ export function queryAllFeatures(props: {
     returnUniqueIdsOnly?: boolean;
     featureCount?: number;
     noBatch?: boolean;
+    returnStatisticsAggregatedIds: boolean;
     errorStrings: ErrorStrings;
     abortKey?: AbortControllerKeyType;
     abortSignal?: AbortSignal;
@@ -199,6 +204,6 @@ export function queryAttributeBinsForTemporalData(props: {
     errorStrings: ErrorStrings;
     view?: ChartOptions["view"];
     syncViewTimeZone?: boolean;
-    abortKey?: AbortControllerKeyType;
+    returnStatisticsAggregatedIds: boolean;
     abortSignal?: AbortSignal;
 }): Promise<AttributeBinsGraphic[]>;

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

@@ -1,5 +1,4 @@
 import type Geometry from "@arcgis/core/geometry/Geometry.js";
-import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
 import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer.js";
 import type AttributeBinsQuery from "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import type Query from "@arcgis/core/rest/support/Query.js";
@@ -9,6 +8,7 @@ import type { ChartOptions } from "../../../chart-rendering/common/interfaces.js
 import type { RESTFieldType } from "../../../spec/rest-js-object-literals.js";
 import type { WebChartHeatChartSeries, WebChartQuery, WebChartTemporalBinning } from "../../../spec/web-chart.js";
 import type { QueryObject } from "../interfaces.js";
+import type { ChartLayer, SupportedLayer } from "../../../interfaces.js";
 
 /**
  * Indicates whether a query can be cached. It is not when:
@@ -24,7 +24,7 @@ export function isQueryCacheable(query: AttributeBinsQuery | Query | QueryProper
  * @param layer
  * @internal
  */
-export function getMaxRecords(layer?: Pick<FeatureLayer, "sourceJSON"> | SubtypeSublayer): number;
+export function getMaxRecords(layer?: Pick<ChartLayer, "sourceJSON"> | SubtypeSublayer): number;
 
 /**
  * Function building a where clause by concatenating a list of filters by using the AND operator.
@@ -33,7 +33,7 @@ export function getMaxRecords(layer?: Pick<FeatureLayer, "sourceJSON"> | Subtype
  * @param operand - The operand to use to combine the filters (OR, AND...)
  * @internal
  */
-export function combineFilters(filterList: (string | null | undefined)[], operand?: string): string;
+export function combineFilters(filterList: (number | string | null | undefined)[], operand?: string): string;
 
 /**
  * Computes the time extent to be used by the query.
@@ -87,7 +87,8 @@ export function mapAttributeBinsQueryForTemporalData(props: {
     splitByField?: string;
     axisTimeZone?: string;
     view?: ChartOptions["view"];
-    syncViewTimeZone?: ChartOptions["syncViewTimeZone"];
+    syncViewTimeZone?: boolean;
+    returnStatisticsAggregatedIds: boolean;
 }): AttributeBinsQuery;
 
 /**
@@ -128,7 +129,8 @@ export function mapAttributeBinsQueryForHeatChart(props: {
     configTimeZone?: string;
     includeLeapDay?: boolean;
     view?: ChartOptions["view"];
-    syncViewTimeZone?: ChartOptions["syncViewTimeZone"];
+    syncViewTimeZone?: boolean;
+    returnStatisticsAggregatedIds: boolean;
 }): AttributeBinsQuery;
 
 /**
@@ -146,6 +148,7 @@ export function mapAttributeBinsQueryForScatterplot(props: {
     xMax: number;
     x: string;
     y: string;
+    returnStatisticsAggregatedIds: boolean;
 }): AttributeBinsQuery;
 
 /**
@@ -158,10 +161,11 @@ export function mapQuery(props: {
     queryObject: QueryObject;
     queryConfig?: WebChartQuery;
     maxRecordCountFactor?: number;
+    returnStatisticsAggregatedIds: boolean;
 }): Query;
 
 /**
  * @param layer
  * @internal
  */
-export function getMaxRecordCountFactor(layer?: Pick<FeatureLayer, "sourceJSON"> | SubtypeSublayer): number | undefined;
+export function getMaxRecordCountFactor(layer?: Pick<ChartLayer, "sourceJSON"> | SupportedLayer): number | undefined;

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

@@ -4,8 +4,9 @@ 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 { SelectableLayerWithObjectIds } from "@arcgis/core/views/selection/types.js";
 import type { QueryObject, QueryObjectOrRaster } from "../interfaces.js";
-import type { SupportedLayer, SupportedRasterLayer } from "../../../interfaces.js";
+import type { ChartLayer, ChartLayerInput, ChartLayerView, SupportedLayer, SupportedRasterLayer } from "../../../interfaces.js";
 import type { WebChart } from "../../../spec/web-chart.js";
 import type { ChartOptions } from "../../../chart-rendering/common/interfaces.js";
 
@@ -23,7 +24,7 @@ export function isFeatureCollectionLayer(queryObject: QueryObjectOrRaster | unde
  * @param queryObject
  * @internal
  */
-export function isFeatureLayerView(queryObject: LayerView | QueryObjectOrRaster | SubtypeGroupLayer | undefined): queryObject is FeatureLayerView;
+export function isChartLayerView(queryObject: LayerView | QueryObjectOrRaster | SubtypeGroupLayer | undefined): queryObject is ChartLayerView;
 
 /**
  * Indicates whether the input object is an instance of `FeatureLayer`.
@@ -33,6 +34,22 @@ export function isFeatureLayerView(queryObject: LayerView | QueryObjectOrRaster
  */
 export function isFeatureLayer(queryObject: Layer | QueryObjectOrRaster | undefined): queryObject is FeatureLayer;
 
+/**
+ * Indicates whether an input exposes the feature-layer contract required by charts.
+ *
+ * @param queryObject
+ * @internal
+ */
+export function isFeatureLayerLike(queryObject: Layer | QueryObjectOrRaster | undefined): queryObject is ChartLayer;
+
+/**
+ * Indicates whether a chart layer exposes the object ID selection contract.
+ *
+ * @param queryObject
+ * @internal
+ */
+export function isSelectableLayerWithObjectIds(queryObject: ChartLayerInput | undefined): queryObject is ChartLayerInput & SelectableLayerWithObjectIds;
+
 /**
  * Indicates whether the input object is an instance of `SubtypeGroupLayer`.
  *
@@ -65,7 +82,7 @@ export function isSupportedLayer(queryObject: Layer | QueryObjectOrRaster | unde
  * @param layer
  * @internal
  */
-export function getMainLayer(layer: FeatureLayer | SubtypeSublayer | undefined): FeatureLayer | SubtypeGroupLayer | undefined;
+export function getMainLayer(layer: ChartLayer | SubtypeSublayer | undefined): ChartLayer | SubtypeGroupLayer | undefined;
 
 /**
  * @param layer
@@ -77,19 +94,19 @@ export function getMainLayer(layer: SupportedRasterLayer): SupportedRasterLayer;
  * @param layer
  * @internal
  */
-export function getMainLayer(layer: FeatureLayer | SubtypeSublayer | SupportedRasterLayer): FeatureLayer | SubtypeGroupLayer | SupportedRasterLayer;
+export function getMainLayer(layer: ChartLayer | SubtypeSublayer | SupportedRasterLayer): ChartLayer | SubtypeGroupLayer | SupportedRasterLayer;
 
 /**
  * @param layer
  * @internal
  */
-export function getMainLayer(layer: FeatureLayer | SubtypeSublayer | SupportedRasterLayer | undefined): FeatureLayer | SubtypeGroupLayer | SupportedRasterLayer | undefined;
+export function getMainLayer(layer: ChartLayer | SubtypeSublayer | SupportedRasterLayer | undefined): ChartLayer | SubtypeGroupLayer | SupportedRasterLayer | undefined;
 
 /**
  * @param layer
  * @internal
  */
-export function getMainLayer(layer: FeatureLayer | SubtypeSublayer | SupportedRasterLayer | undefined): FeatureLayer | SubtypeGroupLayer | SupportedRasterLayer | undefined;
+export function getMainLayer(layer: ChartLayer | SubtypeSublayer | SupportedRasterLayer | undefined): ChartLayer | SubtypeGroupLayer | SupportedRasterLayer | undefined;
 
 /**
  * Indicates whether a layer supports queries with a `distance` parameter
@@ -161,19 +178,19 @@ export function doesLayerSupportsQueryBinsForScatterplot(queryObject: QueryObjec
  * @param layerOrLayerView
  * @internal
  */
-export function getLayerFromLayerOrLayerView(layerOrLayerView: FeatureLayerView | SupportedLayer): SupportedLayer;
+export function getLayerFromLayerOrLayerView(layerOrLayerView: ChartLayerView | SupportedLayer): SupportedLayer;
 
 /**
  * @param layerOrLayerView
  * @internal
  */
-export function getLayerFromLayerOrLayerView(layerOrLayerView: FeatureLayerView | SupportedLayer | SupportedRasterLayer): SupportedLayer | SupportedRasterLayer;
+export function getLayerFromLayerOrLayerView(layerOrLayerView: ChartLayerView | SupportedLayer | SupportedRasterLayer): SupportedLayer | SupportedRasterLayer;
 
 /**
  * @param layerOrLayerView
  * @internal
  */
-export function getLayerFromLayerOrLayerView(layerOrLayerView: FeatureLayerView | SupportedLayer | SupportedRasterLayer): SupportedLayer | SupportedRasterLayer;
+export function getLayerFromLayerOrLayerView(layerOrLayerView: ChartLayerView | SupportedLayer | SupportedRasterLayer): SupportedLayer | SupportedRasterLayer;
 
 /**
  * Returns a feature layer from a QueryObject instance.

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

@@ -19,7 +19,7 @@ export interface ComponentLocaleItem<T extends LocaleItem> {
 }
 
 /** @internal */
-export const SupportedLocalesForFormats: (("id" | "ar" | "bg" | "bs" | "ca" | "cs" | "da" | "de" | "el" | "en" | "es" | "et" | "fi" | "fr" | "he" | "hr" | "hu" | "it" | "ja" | "ko" | "lt" | "lv" | "nl" | "nb" | "no" | "pl" | "pt-BR" | "pt-PT" | "ro" | "ru" | "sk" | "sl" | "sr" | "sv" | "th" | "tr" | "uk" | "vi" | "zh-CN" | "zh-HK" | "zh-TW") | string | string | string | string | string | string | string | string | string | string | string)[];
+export const SupportedLocalesForFormats: (SupportedLocale | string | string | string | string | string | string | string | string | string | string | string)[];
 
 /** @internal */
 export type SupportedLocalesForFormats = SupportedLocale | "ar-u-nu-latn" | "de-AT" | "de-CH" | "de-DE" | "en-AU" | "en-GB" | "es-ES" | "es-MX" | "fr-CA" | "it-CH" | "it-IT";
@@ -169,6 +169,10 @@ export const CommonStringsIdentity: (value: {
             twoTemporalSeriesLineCountCannotExceedLimit: string;
             threePlusTemporalSeriesLineCountCannotExceedLimit: string;
             lineSeriesCountCannotExceedLimit: string;
+            uniqueSeriesRadarCountCannotExceedLimit: string;
+            twoSeriesRadarCountCannotExceedLimit: string;
+            threePlusSeriesRadarCountCannotExceedLimit: string;
+            radarSeriesCountCannotExceedLimit: string;
             uniqueSeriesBoxCountCannotExceedLimit: string;
             twoSeriesBoxCountCannotExceedLimit: string;
             threePlusBoxLineCountCannotExceedLimit: string;
@@ -436,6 +440,10 @@ export const CommonStringsIdentity: (value: {
             twoTemporalSeriesLineCountCannotExceedLimit: string;
             threePlusTemporalSeriesLineCountCannotExceedLimit: string;
             lineSeriesCountCannotExceedLimit: string;
+            uniqueSeriesRadarCountCannotExceedLimit: string;
+            twoSeriesRadarCountCannotExceedLimit: string;
+            threePlusSeriesRadarCountCannotExceedLimit: string;
+            radarSeriesCountCannotExceedLimit: string;
             uniqueSeriesBoxCountCannotExceedLimit: string;
             twoSeriesBoxCountCannotExceedLimit: string;
             threePlusBoxLineCountCannotExceedLimit: string;

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

@@ -15,13 +15,13 @@ export const ChartSubType: {
     readonly PieNoAggregation: "pieNoAggregation";
     readonly PieFromCategory: "pieFromCategory";
     readonly PieFromFields: "pieFromFields";
-    readonly BoxPlotMonoField: "boxPlotMonoField";
-    readonly BoxPlotMultiFields: "boxPlotMultiFields";
-    readonly BoxPlotMonoFieldAndCategory: "boxPlotMonoFieldAndCategory";
-    readonly BoxPlotMultiFieldsAndCategory: "boxPlotMultiFieldsAndCategory";
-    readonly BoxPlotMonoFieldAndSplitBy: "boxPlotMonoFieldAndSplitBy";
-    readonly BoxPlotMultiFieldsAndSplitBy: "boxPlotMultiFieldsAndSplitBy";
-    readonly BoxPlotMonoFieldAndCategoryAndSplitBy: "boxPlotMonoFieldAndCategoryAndSplitBy";
+    readonly BoxPlotC1MonoField: "boxPlotC1MonoField";
+    readonly BoxPlotC2MultiFields: "boxPlotC2MultiFields";
+    readonly BoxPlotC3MonoFieldAndCategory: "boxPlotC3MonoFieldAndCategory";
+    readonly BoxPlotC4MultiFieldsAndCategory: "boxPlotC4MultiFieldsAndCategory";
+    readonly BoxPlotC5MonoFieldAndSplitBy: "boxPlotC5MonoFieldAndSplitBy";
+    readonly BoxPlotC6MultiFieldsAndSplitBy: "boxPlotC6MultiFieldsAndSplitBy";
+    readonly BoxPlotC7MonoFieldAndCategoryAndSplitBy: "boxPlotC7MonoFieldAndCategoryAndSplitBy";
 };
 
 export type ChartSubType = (typeof ChartSubType)[keyof typeof ChartSubType];
@@ -43,6 +43,7 @@ export interface SelectionData {
   selectionOIDs?: (number | string)[];
   selectionSource?: SelectionSource;
   selectionPixelTarget?: PixelHighlightTarget;
+  selectionFilters?: string[];
 }
 
 export interface SelectionThemeProperties {

package/dist/utils/type-guards/chart-types.d.ts

@@ -0,0 +1,10 @@
+import type { WebChart } from "../../spec/web-chart.js";
+
+/**
+ * Check the `subType` in the chart config to determine whether the chart is a gauge by feature.
+ * If `subType` is not defined, the chart is defaulted to be a statistic gauge.
+ *
+ * @param config - the chart config
+ * @internal
+ */
+export function isGaugeByFeature(config: WebChart): boolean;

package/dist/utils/type-guards/series-types.d.ts

@@ -1,4 +1,4 @@
-import type { WebChartCalendarDatePartsBinning, WebChartHeatChartSeries, WebChartSeries, WebChartTemporalBinning } from "../../spec/web-chart.js";
+import type { WebChartBarChartSeries, WebChartCalendarDatePartsBinning, WebChartHeatChartSeries, WebChartLineChartSeries, WebChartRadarChartSeries, WebChartSeries, WebChartTemporalBinning } from "../../spec/web-chart.js";
 import type { ChartTypes } from "../misc/index.js";
 
 /**
@@ -35,4 +35,11 @@ export function getChartOrSeriesType(chartSeries: WebChartSeries[] | undefined,
  * @returns The binning type for the specified axis
  * @internal
  */
-export function getHeatChartBinningType(chartSeries: WebChartHeatChartSeries | undefined, isXAxis?: boolean): WebChartCalendarDatePartsBinning | WebChartTemporalBinning | undefined;
+export function getHeatChartBinningType(chartSeries: WebChartHeatChartSeries | undefined, isXAxis?: boolean): WebChartCalendarDatePartsBinning | WebChartTemporalBinning | undefined;
+
+/**
+ * Type guard to know if the series type supports null category
+ *
+ * @param series - series The series to check
+ */
+export function supportsNullCategory(series: WebChartSeries): series is WebChartBarChartSeries | WebChartLineChartSeries | WebChartRadarChartSeries;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.2.0-next.12",
+  "version": "5.2.0-next.121",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "./dist/index.js",
@@ -29,25 +29,24 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
-    "@amcharts/amcharts5": "~5.18.0",
+    "@amcharts/amcharts5": "~5.20.7",
+    "@arcgis/lumina": "5.2.0-next.121",
+    "@arcgis/toolkit": "5.2.0-next.121",
     "@esri/arcgis-html-sanitizer": "~4.1.0",
     "@lit/task": "^1.0.3",
+    "@zumer/snapdom": "^2.24.1",
     "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",
     "lodash-es": "^4.18.1",
     "luxon": "~3.7.2",
     "simple-statistics": "^7.8.8",
-    "tslib": "^2.8.1",
-    "@arcgis/lumina": "5.2.0-next.12",
-    "@arcgis/toolkit": "5.2.0-next.12"
+    "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@arcgis/core": "^5.2.0-next",
-    "@esri/calcite-components": "^5.1.1-next.3"
+    "@arcgis/core": "5.2.0-next.121",
+    "@esri/calcite-components": "^5.2.0-next.80"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/26ESJ72L.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as m,c as D}from"./OBPAQN4H.js";import{a as P}from"./IHO3OLL3.js";import e from"./KL33ETQG.js";import{a as I}from"./JHANH4UG.js";import{j as o,n as h}from"./AK7X7SGI.js";import c from"./6VVUN6AX.js";import"./WNKDEOFZ.js";import a from"./73JQ2I2Q.js";import{e as E}from"./EZV7JSQJ.js";import{n as b}from"./3TBK72EK.js";import{i as _,z as x,za as V}from"./PAIRUVLU.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as r,B as A,C as i,D as v,F as L,H as k,g as T,i as n,n as $,z as d}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as S}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{b:K,f:f,g:y,h:g,i:u,j:R}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=T`.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{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,F=class extends A{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=w(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,p=_*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,p]}},this.setXYField=e=>{try{let t=e.detail;D(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?g({inputElement:this.minSizeInputElement.value,status:u.IDLE}):g({inputElement:this.minSizeInputElement.value,status:u.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?g({inputElement:this.maxSizeInputElement.value,status:u.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:u.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=V(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!M(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,p=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":p!==void 0&&(this.model.fixedMarkerSymbol={...p,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}g({inputElement:t,status:u.IDLE})}else g({inputElement:t,status:u.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e=E(this.model.layer)?this.layerFieldsInfo.filter(p=>p.type!=="esriFieldTypeOID"):[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let p=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:p?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=L(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderTooltipField(){return n`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:R(this.r2,K)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let e=E(this.model.layer),[t,a,s,c]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${!this.isTableLayer&&!e?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&!this.isTableLayer&&!e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${t},${a},${s},${c/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};k("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)

package/dist/cdn/2PFDGKA5.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as u}from"./AQIB3VEP.js";import{a as f}from"./S7Z4HRW7.js";import{a as o}from"./IHO3OLL3.js";import d from"./KL33ETQG.js";import{a as S}from"./JHANH4UG.js";import"./AK7X7SGI.js";import b from"./6VVUN6AX.js";import"./WNKDEOFZ.js";import a from"./73JQ2I2Q.js";import"./EZV7JSQJ.js";import{d as p}from"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{B as c,D as m,F as g,H as C,g as h,i as r}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{p:v}])=>{var O=h`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`,l=class extends c{constructor(){super(...arguments),this._messages=S(),this.seriesPopover=null,this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let s=e.detail?.name;this.model.setSeriesName(s,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:s}=e.detail;this.model.colorMatch=!1,s!==void 0&&(this.model.setSeriesColor(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerColor(s,this.selectedSeriesIndex??-1))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineStyle:s}=e.detail;s!==void 0&&this.model.setSeriesLineStyle(s,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineWidth:s}=e.detail;s!==void 0&&(this.model.setSeriesLineWidth(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerSize(s*2,this.selectedSeriesIndex??-1))}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:s}=e.detail;this.selectedSeriesIndex===s&&(this.seriesPopover=o(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=O}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(r`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}removeSeriesPopover(){this.seriesPopover!==void 0&&this.seriesPopover!==null&&(this.seriesPopover.open=!1,this.seriesPopover=o(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,s=Array.from({length:e},(i,t)=>t);return u(s,i=>this.model.getSeriesId(i),i=>{let t=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),I=this.model.getSeriesName(i),x=this.model.chartSubType===p.BarAndLineFromFields?this._messages.series:t,$=this.model.getSeriesLineStyle(i),P=v($),a="#CCCCCC",d="minus-circle";if((e>1||!this.activeColorMatch)&&n!==void 0){d=`line-${P}`;let[L,b,y,M]=[...n];a=`rgba(${L},${b},${y},${M/255})`}return r`<calcite-list-item .label=${I??t??""} .description=${x} .value=${t} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${d} style=${m({color:a})}></calcite-icon></calcite-list-item>`})}buildSeriesList(){return f(this.seriesOrderResetCounter,r`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:s,oldIndex:i}=e.detail;this.model.moveSeries(i??0,s??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let s=e.target,i=s.localName==="calcite-list-item"?s:s.parentNode,t=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==t,this.selectedSeriesIndex=this.selectedSeriesIndex!==t?t:void 0}render(){return r`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`}};C("arcgis-charts-config-line-chart-series",l);return l},a,b,d)

package/dist/cdn/3SBYV6BW.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as $}from"./IHO3OLL3.js";import{a as b}from"./JHANH4UG.js";import{i as c}from"./PAIRUVLU.js";import{f as u}from"./KX7KGXKQ.js";import{l as S}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as f,B as v,C as n,H as y,g as C,i as l,n as a,z as g}from"./RIM4HLHN.js";import"./547RDEMV.js";import"./U67P6YAZ.js";var L={panelChildrenContainer:"panel-children-container"},P=C`.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;width:min-content}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,h=class extends v{constructor(){super(...arguments),this._messages=b(),this.popoverElement=g(),this.isLineSymbol=!1,this.open=!1,this.labelCanBeConfigured=!1,this.arcgisChartsConfigPopoverClose=a(),this.arcgisChartsConfigSeriesPopoverColorChange=a(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=a(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=a(),this.arcgisChartsConfigSeriesPopoverNameChange=a()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedLineWidth:9,selectedSeriesIndex:9,isLineSymbol:5,placement:1,open:5,labelCanBeConfigured:5}}static{this.styles=P}async reposition(){await this.popoverElement.value?.reposition()}updated(){$(this.popoverElement.value,this.open)}seriesNameChange(e){let i=e.target.value;this.selectedName!==i&&(this.selectedName=i,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:i}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}colorChange(e){let i=e instanceof CustomEvent?e.detail:e,[o,t,s]=i,r=c*255;this.selectedColor=[o,t,s,r],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[o,t,s,r]})}lineSymbolChange(e){let{lineStyle:i}=e.target,{color:o,style:t,width:s}=i;if(o!==void 0&&!S(o,this.selectedColor)){let[r,p,m]=o,d=c*255;this.selectedColor=[r,p,m,d],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[r,p,m,d]})}t!==void 0&&t!==this.selectedLineStyle&&(this.selectedLineStyle=t,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({style:t})),s!==void 0&&s!==this.selectedLineWidth&&(this.selectedLineWidth=s,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({width:s}))}render(){let e=this.selectedColor;return l`<div><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${f(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}>${this.labelCanBeConfigured?l`<div class=${n(L.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div>`:null}<div class=${n(this.isLineSymbol?"":L.panelChildrenContainer)}>${this.isLineSymbol?l`<arcgis-charts-config-line-style .open=${this.open} enable-close .lineStyle=${{type:u.SLS,style:this.selectedLineStyle,width:this.selectedLineWidth,color:e}} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.lineSymbolChange}></arcgis-charts-config-line-style>`:l`<arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors>`}</div></calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-box-plot-series-popover",h);export{h as ArcgisChartsConfigBoxPlotSeriesPopover};

package/dist/cdn/3T4NYRGX.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import f from"./KL33ETQG.js";import{a as b}from"./JHANH4UG.js";import"./AK7X7SGI.js";import e from"./6VVUN6AX.js";import"./WNKDEOFZ.js";import c from"./73JQ2I2Q.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as g,B as p,C as a,H as d,g as l,i as o,n as u,z as h}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{f:f,g:v,h:r,i:m}])=>{var s={container:"container",label:"label",numberInput:"number-input"},x=l`.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)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));margin-top:.5rem}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem;justify-content:space-between}`,c=class extends p{constructor(){super(...arguments),this._messages=b(),this.decimalPlacesInputElement=h(),this.arcgisChartsConfigNumberFormatChange=u()}static{this.properties={messageOverrides:0,numberFormat:0}}static{this.styles=x}onDecimalPlacesChange(){let t=this.decimalPlacesInputElement.value?.value,i=Math.floor(Number(t)),n=i===Number(t)&&i>=0;if(t!==void 0&&n&&f(t,this.decimalPlacesInputElement.value?.min,this.decimalPlacesInputElement.value?.max)){let F=Number.parseInt(t),e={minimumFractionDigits:this.numberFormat?.minimumFractionDigits,maximumFractionDigits:F};e.maximumFractionDigits!==void 0&&e.minimumFractionDigits!==void 0&&e.minimumFractionDigits>e.maximumFractionDigits&&(e.minimumFractionDigits=e.maximumFractionDigits);let C=this.getUpdatedNumberFormat(e);this.arcgisChartsConfigNumberFormatChange.emit(C),this.decimalPlacesInputElement.value&&r({inputElement:this.decimalPlacesInputElement.value,status:m.IDLE})}else this.decimalPlacesInputElement.value&&r({inputElement:this.decimalPlacesInputElement.value,status:m.INVALID})}onShowThousandsSeparatorChange(t){let i=t.target.checked,n=this.getUpdatedNumberFormat({useGrouping:i});this.arcgisChartsConfigNumberFormatChange.emit(n)}getUpdatedNumberFormat(t){return{...this.numberFormat,...t}}render(){return o`<div class=${a(s.container)}><calcite-label class=${a(s.label)}>${this._messages.decimalPlaces}<calcite-input type=number class=${a(s.numberInput)} min=0 max=20 step=1 .value=${v(this.numberFormat?.maximumFractionDigits,2)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesInputElement)}></calcite-input></calcite-label><calcite-label layout=inline-space-between class=${a(s.label)}>${this._messages.showThousandSeparators}<calcite-switch name=useGrouping .checked=${!!(this.numberFormat?.useGrouping??!0)} @calciteSwitchChange=${this.onShowThousandsSeparatorChange}></calcite-switch></calcite-label></div>`}};d("arcgis-charts-config-number-format",c);return c},c,e,f)