@arcgis/charts-components 5.0.0-next.24 → 5.0.0-next.26

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const o = t(e, {
   "arcgis-chart": [() => import("./components/arcgis-chart/customElement.js"), "actionMode,allowUsingObjectIdStat,autoDisposeChart,autoInverseDataLabelTextColor,chartIndex,chartLimits:,chartWillRender:,cursorRange,dataLabelFormatter:,disableInteractions,disableTogglingLegendItems,enableBetaFeatures,enableConfiguration,enableResponsiveFeatures,errorPolicy,featureIndex,filterByExtent,filterBySelection,gaugeInnerLabelFormatter:,guideTooltipFormatter:,hideEmptySeries,hideLicenseWatermark,hideLoaderAnimation,ignoreSmoothRenderingLimit,ignoreViewExtent,layer:,layerFieldsChangePolicy,layerFilterChangePolicy,layerItemId,layerRendererChangePolicy,legendPosition,legendValueLabelFormatter:,legendVisibility,loaderColors:,model:,nullAsValid,placeholder,queueChartCreation,replaceNoValueCategoryWithZero,returnFeaturesExtent,returnSelectionIndexes,returnSelectionOIDs,rotation,runtimeDataFilters:,secondaryYAxisLabelFormatter:,selectionData:,selectionTheme:,setTimeBinningInfoWhenNotProvided,showUIMessages,syncSelection,syncSelectionsBetweenChartAndLayerViewPolicy,timeZone,tooltipFormatter:,updateSplitBySeries:,useAnimatedCharts,usePopupTemplateFieldsInfo,view:,viewTimeExtentChangePolicy,xAxisLabelFormatter:,yAxisLabelFormatter:;clearSelection,errorAlert,exportAsCSV,exportAsImage,loadModel,notify,refresh,resetZoom,switchSelection"],
   "arcgis-charts-action-bar": [() => import("./components/arcgis-charts-action-bar/customElement.js"), "actionBarSelectionMode,chartElement:,chartType,clearSelectionState,clearSelectionTitle,clearSelectionToggle,disableCSVExportForChartTypes:,editChartState,editChartTitle,editChartToggle,expanded,exportActionState,exportAsCSVState,exportAsCSVTitle,exportAsImageState,exportAsImageTitle,filterByExtentState,filterByExtentTitle,filterByExtentToggle,filterBySelectionState,filterBySelectionTitle,filterBySelectionToggle,forceDisableActions,fullExtentState,fullExtentTitle,fullExtentToggle,hiddenActions:,legendState,legendTitle,legendToggle,messageOverrides:,rotateChartState,rotateChartTitle,rotateChartToggle,selectionState,selectionTitle,selectionToggle,switchSelectionState,switchSelectionTitle,switchSelectionToggle,zoomState,zoomTitle,zoomToggle"],

package/dist/model.js

@@ -4,7 +4,7 @@ import { s as r, t as s, u as n } from "./chunks/type-guards.js";
 import { a as B, e as P, i as S, g as x, b as W, r as v, h as G, l as K, m as D, p as F, j as H, k as O, q as R, n as A, o as E, d as X, f as Y, c as $ } from "./chunks/type-guards.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 async function c(t) {
   const o = "config" in t ? r(t.config) : t.chartType;
   let a;

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

@@ -1,6 +1,9 @@
-import { WebChart, WebChartSeriesType, RESTSymbolType, WebChartTypes, WebChartVersionStatus } from '../../../spec';
+import { IField, TimeIntervalInfo, WebBoxPlot, WebChart, WebChartSeriesType, RESTSymbolType, WebChartTypes, WebChartVersionStatus } from '../../../spec';
+import { LimitBehavior } from '../../defaults/interfaces';
 import { ChartSubType } from '../../misc/interfaces';
 import { WebChartSeriesSupportingTemporalBinning } from './interfaces';
+import { ChartOptions } from '../../../chart-rendering/common/interfaces';
+import { DataUpdateDetails } from '../../data/interfaces';
 /**
  * Retrieve and construct chart version information based on the input version and the currently supported ArcGIS Chart versions
  * defined in `chartConfigVersions`.  Returned information includes:
@@ -124,15 +127,264 @@ export declare function isSeriesUsingTimeBinning(props: {
  * @param series The series to test
  */
 export declare function doesSeriesSupportTemporalBinning(series: WebChartSeriesType): series is WebChartSeriesSupportingTemporalBinning;
+/**
+ * Compares the queries from two configs and indicates whether a query changed.  Noted that the query comparison
+ * includes the orderByFields from the orderOptions.
+ *
+ * A sort on the series is made before comparing to prevent a false positive on query reorder.
+ *
+ * @param props.previousConfig The former chart config
+ * @param props.newConfig The new chart config
+ * @param props.behaviorAfterLimit The chart's behavior once the data limit is reached
+ */
+declare function hasQueryChanged(props: {
+    previousConfig: WebChart;
+    newConfig: WebChart;
+    behaviorAfterLimit?: LimitBehavior;
+}): boolean;
 /**
  * Compares two config data filters and returns true if they are identical, false otherwise
  *
- * @param oldConfig
+ * @param previousConfig
+ * @param newConfig
+ */
+export declare function hasConfigFilterChanged(previousConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Indicates whether the filter by selection was enabled or disabled
+ * @param previousFilterBySelection The previous valued for the filter by selection
+ * @param options The runtime options containing the new value for the filter by selection
+ */
+declare function hasFilterBySelectionChanged(previousFilterBySelection?: boolean, options?: ChartOptions): boolean;
+/**
+ * Compares the `binTemporalData` property from two configs and returns true if they are identical, false otherwise
+ *
+ * @param previousConfig
  * @param newConfig
  */
-export declare function hasConfigFilterChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+declare function hasBinTemporalDataChanged(previousConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Indicates whether a change of value format type requires new data. Two cases require it:
+ * - change from date format to numeric format
+ * - specific to non aggregated charts: change from category format to value format
+ *
+ * @param previousConfig The former chart config
+ * @param newConfig The new chart config
+ */
+declare function isNewDataRequiredForValueFormatChange(previousConfig: WebBoxPlot | WebChart, newConfig: WebBoxPlot | WebChart): boolean;
+/**
+ * Compares the `showMean` from two configs and indicates whether they are different
+ *
+ * @param previousConfig The former chart config
+ * @param newConfig The new chart config
+ */
+declare function hasShowMeanChanged(previousConfig: WebBoxPlot | WebChart, newConfig: WebBoxPlot | WebChart): boolean;
+/**
+ * Compares two gauge configs and indicates whether the series value conversion changed
+ *
+ * @param previousConfig The previous config
+ * @param newConfig The updated config
+ */
+declare function hasGaugeValueConversionChanged(previousConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Compares two heat chart configs to see if binning has changed
+ *
+ * @param previousConfig The previous config
+ * @param newConfig The updated config
+ */
+declare function hasHeatChartBinningChanged(previousConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Compares two configs and indicates whether additional tooltip fields (only non-numeric) changed
+ *
+ * **NOTE**: (only for scatterplot)
+ *
+ * @param {WebChart} props.previousConfig The previous config
+ * @param {WebChart} props.newConfig The updated config
+ * @param {IField[]|undefined} props.fieldList The layer field list
+ */
+export declare function hasAdditionalTooltipFieldsChanged(props: {
+    previousConfig: WebChart;
+    newConfig: WebChart;
+    fieldList?: IField[];
+}): boolean;
+/**
+ * Compares two configs and indicates whether the color type change
+ *
+ * @param oldConfig The previous config
+ * @param newConfig The updated config
+ */
+export declare function hasColorMatchChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Compares two configs and indicates whether the legend visibilty changed
+ *
+ * @param oldConfig The previous config
+ * @param newConfig The updated config
+ */
+export declare function hasHeatLegendConfigChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Compares two configs and indicates whether the gradient rules changed
+ *
+ * @param oldConfig The previous config
+ * @param newConfig The updated config
+ */
+export declare function hasGradientRulesChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Compares the 'slices' array from the pie series, and indicates whether they are different.
+ * Compare only the slices id and label to avoid false positives.
+ *
+ * @param props.oldConfig The previous chart config
+ * @param props.newConfig The newest chart config
+ */
+export declare function hasSlicesConfigChanged(props: {
+    oldConfig: WebChart;
+    newConfig: WebChart;
+}): boolean;
+export declare function hasDataForFilterBySelectionChanged(props: {
+    currentSelectionOIDs?: number[];
+    options?: ChartOptions;
+}): boolean;
+/**
+ * Compares the split by value for each series element in the box plot config and returns true if the series has different split by value between new and old box plot config, false otherwise.
+ *
+ * @param oldSeries The former series config
+ * @param newSeries The new series config
+ */
+export declare function hasSplitByValueChanged(oldSeries: WebChart["series"], newSeries: WebChart["series"]): boolean;
+/**
+ * Verify if the order of the numeric fields has changed
+ *
+ * @param oldSeries - The previous series config
+ * @param newSeries - The new series config
+ */
+export declare function hasNumericFieldsChanged(oldSeries: WebChart["series"], newSeries: WebChart["series"]): boolean;
+/**
+ * Returns true when the time interval info was set previously and are not in the new config
+ *
+ * @param oldConfig the old chart config
+ * @param newConfig the new chart config
+ */
+export declare function hasTimeIntervalInfoBeenReset(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Returns true when the dual axis feature was enabled or disabled (number of axes changed)
+ *
+ * @param oldConfig the old chart config
+ * @param newConfig the new chart config
+ */
+export declare function hasDualAxisChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Returns true when the series are not associated to the same axis anymore
+ *
+ * @param oldConfig the old chart config
+ * @param newConfig the new chart config
+ */
+export declare function hasSeriesAxisChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Returns true when at least one guide's 'above' property changed from an update to another.
+ *
+ * @param oldConfig The old chart config
+ * @param newConfig The new chart config
+ * @returns
+ */
+export declare function hasAnyGuideAboveChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Returns true if the rotated property changed since the previous update.
+ *
+ * @param oldConfig the old chart config
+ * @param newConfig the new chart config
+ */
+export declare function hasRotationChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Returns true if the rotated property changed since the previous update.
+ *
+ * @param oldConfig the old chart config
+ * @param newConfig the new chart config
+ */
+export declare function hasOutliersVisibilityChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Returns true if the 'standardizeValues' property changed in the chart config since the previous update.
+ *
+ * @param oldConfig the old chart config
+ * @param newConfig the new chart config
+ */
+export declare function hasStandardizeValuesVisibilityChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Returns true if the 'chartRenderer' property changed in the chart config since the previous update.
+ *
+ * @param oldConfig the old chart config
+ * @param newConfig the new chart config
+ */
+export declare function hasChartRendererChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Returns true if the 'timeZone' property from the axis value format changed in the chart config since the previous update.
+ *
+ * @param oldConfig the old chart config
+ * @param newConfig the new chart config
+ */
+export declare function hasIntlTimeZoneChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Function saying if a data update is needed. We compare different properties from the former config and the new one
+ * in order to decide if the update is needed.
+ *
+ * @param props
+ */
+export declare function doesConfigChangeRequireNewData(props: {
+    previousConfig: WebBoxPlot | WebChart;
+    newConfig: WebBoxPlot | WebChart;
+    options?: ChartOptions;
+    previousFilterBySelection?: boolean;
+    previousTimeIntervalInfo?: TimeIntervalInfo;
+    currentSelectionOIDs?: number[];
+    fieldList?: IField[];
+}): {
+    dataUpdateNeeded: boolean;
+    dataUpdateDetails: DataUpdateDetails;
+};
+/**
+ * Determines if any of the series' name has changed between the previous and the new configs.
+ *
+ * The order of the series is preserved when comparing for changes.
+ *
+ * @param oldConfig The previous chart config
+ * @param newConfig The new chart config
+ * @returns
+ */
+declare function hasConfigSeriesNamesChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Determines if the series order has changed between the old and the new configs.
+ *
+ * @param oldConfig The previous chart config
+ * @param newConfig The new chart config
+ * @returns
+ */
+declare function hasSeriesOrderChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Determines whether a sort by series is needed.
+ * A sort by series is needed when either the series order has changed or any of the series names have changed.
+ *
+ * @param oldConfig The previous chart config.
+ * @param newConfig The new chart config.
+ * @returns
+ */
+export declare function isSortBySeriesNeeded(oldConfig: WebChart, newConfig: WebChart): boolean;
+/**
+ * Sorts the series in the config based on the series sort options.
+ * When no sort option is provide, no sorting is performed.
+ *
+ * @param chartConfig The optional chart config to sort the series
+ * @param chartContainer The HTML chart container
+ * @returns The updated chart config with the series sorted, or undefined if the input config is undefined
+ */
+export declare function sortConfigSeries<T extends WebChart | undefined>(chartConfig: T, chartContainer?: HTMLElement): T;
 export declare const chartConfigUtilsPrivateFunctions: {
     getPieChartChartSubType: typeof getPieChartChartSubType;
     getBarLineChartSubType: typeof getBarLineChartSubType;
+    hasQueryChanged: typeof hasQueryChanged;
+    hasFilterBySelectionChanged: typeof hasFilterBySelectionChanged;
+    hasBinTemporalDataChanged: typeof hasBinTemporalDataChanged;
+    hasGaugeValueConversionChanged: typeof hasGaugeValueConversionChanged;
+    isNewDataRequiredForValueFormatChange: typeof isNewDataRequiredForValueFormatChange;
+    hasShowMeanChanged: typeof hasShowMeanChanged;
+    hasHeatChartBinningChanged: typeof hasHeatChartBinningChanged;
+    hasSeriesOrderChanged: typeof hasSeriesOrderChanged;
+    hasConfigSeriesNamesChanged: typeof hasConfigSeriesNamesChanged;
 };
 export {};

package/dist/utils/components/config-update.d.ts

@@ -1,3 +1,4 @@
+import { default as Graphic } from '@arcgis/core/Graphic';
 import { default as FeatureLayerView } from '@arcgis/core/views/layers/FeatureLayerView';
 import { ChartOptions } from '../../chart-rendering/common/interfaces';
 import { ArcgisChart } from '../../components/arcgis-chart/customElement.js';
@@ -36,19 +37,23 @@ export declare function resetAxesBounds(config?: WebChart): WebChart | undefined
  */
 export declare function isValidDataSource(config?: WebChart, layer?: FeatureLayerView | SupportedLayer): boolean;
 /**
- * Will add missing series to the chart config if:
- * - the config uses a split-by field
- * - adding missing series was requested (through the `updateSplitBySeries` property)
- * - unique values for the given split-by field don't have a series associated
- *
- * @param props.component The chart component
- * @param props.options The runtime options
- * @param props.config The chart config
- * @param props.queryObject The query object (layer or feature layer view)
+ * Alters the providing config to prepare it for rendering:
+ * - add the iLayer if missing
+ * - convert it to the latest version
+ * @param props.configToAlter The config to alter
+ * @param props.layer The component's layer
  */
-export declare function addMissingSplitBySeries(props: {
-    component: ArcgisChart;
-    config: WebChart | undefined;
-    options: ChartOptions;
+export declare function prepareConfigForRendering(props: {
+    creation: boolean;
+    configToAlter: WebChart | undefined;
+    chartContainer?: HTMLElement;
     queryObject: QueryObject;
-}): Promise<void>;
+    options: ChartOptions;
+    previousConfig?: WebChart | undefined;
+    updateSplitBySeries: ArcgisChart["updateSplitBySeries"];
+    addMissingSeries: boolean;
+    layer: ArcgisChart["layer"];
+}): Promise<{
+    alteredConfig: ArcgisChart["config"];
+    preFetchedQueryResponse?: Graphic[];
+}>;

package/dist/utils/components/data-update.d.ts

@@ -0,0 +1,33 @@
+import { IField, WebChart } from '../../spec';
+import { DataUpdateDetails } from '../data/interfaces';
+import { ArcgisChart } from '../../components/arcgis-chart/customElement.js';
+import { ChartOptions } from '../../chart-rendering/common/interfaces';
+/**
+ * Indicates whether a data update is needed based on the changed properties.
+ * Checks for:
+ * - specific properties that require a data update when changed,
+ * - change of layer type (FeatureLayer to FeatureLayerView or vice-versa),
+ * - changes in the config that require a data update.
+ * @param props.config The current chart config
+ * @param props.previousConfig The previous chart config
+ * @param props.dataUpdateNeededProps The list of properties that require a data update when changed
+ * @param props.updatedProps A map of the properties that have been updated with their old and new values
+ * @param props.filterBySelection The current filterBySelection value
+ * @param props.chartData The current chart data
+ * @param props.options The current chart options
+ * @param props.fieldList The list of fields in the layer or feature layer view
+ * @returns
+ */
+export declare function isDataUpdateNeeded(props: {
+    config: WebChart | undefined;
+    previousConfig: WebChart | undefined;
+    dataUpdateNeededProps: ArcgisChart["dataUpdateNeededProps"];
+    updatedProps: ArcgisChart["updatedProps"];
+    filterBySelection: ArcgisChart["filterBySelection"];
+    chartData: ArcgisChart["chartData"];
+    options: ChartOptions;
+    fieldList: IField[];
+}): {
+    dataUpdateNeeded: boolean;
+    dataUpdateDetails: DataUpdateDetails | undefined;
+};

package/dist/utils/components/web-component-utils.d.ts

@@ -1,9 +1,9 @@
+import { default as FeatureLayerView } from '@arcgis/core/views/layers/FeatureLayerView.js';
 import { CSVOptions } from '../../interfaces';
 import { ModelTypes } from '../../model';
 import { IField, SupportedLayer } from '../../spec';
-import { ChartConfig } from '../types';
-import { default as FeatureLayerView } from '@arcgis/core/views/layers/FeatureLayerView.js';
 import { SupportedLocalesForFormats } from '../localization/interfaces';
+import { ChartConfig } from '../types';
 /**
  * A utility function to compare if a value has changed deeply.
  * @param value
@@ -97,3 +97,9 @@ export declare function transformBoxPlotData<T extends Record<string, unknown>>(
  * @param {unknown} date - The date to check, should be a string or a number.
  */
 export declare const isValidDate: (date: unknown) => date is Date | number | string;
+/**
+ * Returns a unique ID associated to a chart
+ *
+ * @param key A unique identifying the chart
+ */
+export declare function getChartUniqueInternalID(key: string): string;

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

@@ -1,7 +1,6 @@
 import { WebChartDataTypes, WebChartQuery } from '../../spec';
 import { DataWarningKeywords } from '../chart-config/validator/interfaces';
 import { ChartSubType } from '../misc/interfaces';
-import { BinnedServerData } from './time-binning/interfaces';
 export interface DataMinMax {
     minY: number;
     maxY: number;
@@ -13,7 +12,6 @@ export interface DataInfo {
     invalidType?: DataWarningKeywords;
     count?: number;
     data?: WebChartDataTypes;
-    binnedServerData?: BinnedServerData;
     queryConfig?: WebChartQuery;
 }
 export declare const BoxPlotYFieldKeys: {
@@ -37,3 +35,33 @@ export interface BoxPlotYValueProps {
     showOutliers?: boolean;
     standardizeValues?: boolean;
 }
+export interface DataUpdateDetails {
+    common: {
+        queryChanged: boolean;
+        xOrYChanged: boolean;
+        numberOfSeriesChanged: boolean;
+        configFiltersChanged: boolean;
+        filterBySelectionChanged: boolean;
+        dataForFilterBySelectionChanged: boolean;
+        binTemporalDataChanged: boolean;
+        timeBinningChanged: boolean;
+        timeIntervalUnitChanged: boolean;
+        newTimeBinningWillBeCalculated: boolean;
+        valueFormatChangeRequiresNewData: boolean;
+    };
+    histogram: {
+        dataPropsChanged: boolean;
+    };
+    gauge: {
+        valueConversionChanged: boolean;
+    };
+    boxPlot: {
+        showMeanChanged: boolean;
+    };
+    heatChart: {
+        binningChanged: boolean;
+    };
+    scatterPlot: {
+        tooltipFieldsChanged: boolean;
+    };
+}

package/dist/utils/data/time-binning/interfaces.d.ts

@@ -14,10 +14,6 @@ export interface TimeBinningStatistics {
     dateRange: DateRange;
     numberOfFeatures: number;
 }
-export interface BinnedServerData {
-    data: WebChartDataItem[];
-    timeBinningStats: TimeBinningStatistics;
-}
 export interface GroupProps {
     binFirstOrLastIndex: number;
     data: WebChartDataItem[];

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

@@ -1,6 +1,6 @@
 import { CategoryFormatOptions, Color, DateTimeFormatOptions, HistogramOverlays, IFont, ISimpleFillSymbol, ISimpleLineSymbol, ISimpleMarkerSymbol, NumberFormatOptions, ScatterplotOverlays, SizePolicy, WebBoxPlot, WebChart, WebChartAxis, WebChartBarChartSeries, WebChartBoxPlotSeries, WebChartCursorCrosshair, WebChartGaugeAxis, WebChartGaugeSeries, WebChartHeatChartSeries, WebChartHistogramSeries, WebChartLegend, WebChartLineChartSeries, WebChartNeedle, WebChartOverlay, WebChartPieChartSeries, WebChartPieChartTick, WebChartRadarChartSeries, WebChartScatterplotSeries, WebChartText, WebChartTextSymbol, WebGaugeChart, WebChartStackedKinds, WebChartTypes } from '../../spec';
-import { ChartElementLimit, ChartElementTechnicalLimit, ChartTextProps, QueryDefaults, TextElements } from './interfaces';
 import { CommonStrings } from '../localization/interfaces';
+import { ChartElementLimit, ChartElementTechnicalLimit, ChartTextProps, QueryDefaults, TextElements } from './interfaces';
 export declare const histogramBinCount = 32;
 export declare const featuresExtentField = "arcgis_charts_features_extent";
 export declare const queryDefaults: QueryDefaults;

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

@@ -218,22 +218,18 @@ export declare function extractFieldsUsedInConfig(config: WebChart, layer: Suppo
  */
 export declare function extractFieldsFromConfigList(layer: SupportedLayer): Promise<string[]>;
 /**
- * Finds the matching layer in the view based on the provided layer.
- * The matching is done based on the portalItem id or the url.
+ * Finds the matching layer in the view based on the provided layer's portal item id.
+ * The matching is done based on the portalItem id.
  * If no matching layer is found, returns `undefined`.
  * @param {__esri.MapView | __esri.SceneView | undefined} props.view The map or scene view
- * @param {FeatureLayerView | SupportedLayer | undefined} props.layer The feature layer or feature layer view
- * @param {string | undefined} props.portalItemId The portal item id of the layer
+ * @param {string} props.portalItemId The portal item id of the layer
  *
- * @returns {FeatureLayerView | SupportedLayer | undefined} The matching layer in the view or the provided layer
+ * @returns {FeatureLayerView | SupportedLayer | undefined} The matching layer in the view or undefined if not found
  *
  * @requires
  * - view
- * - layer or portalItemId
+ * - portalItemId
  *
- * @example
- * ```ts
- * const matchingLayer = findMatchingLayerFromView({ view, layer: featureLayer });
  * ```
  *
  * @example
@@ -245,8 +241,7 @@ export declare function extractFieldsFromConfigList(layer: SupportedLayer): Prom
  */
 export declare function findMatchingLayerFromView(props: {
     view?: __esri.MapView | __esri.SceneView;
-    layer?: FeatureLayerView | SupportedLayer;
-    portalItemId?: string;
+    portalItemId: string;
 }): FeatureLayerView | SupportedLayer | undefined;
 export declare const layerPrivateFunctions: {
     getServerRestInfo: typeof getServerRestInfo;

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

@@ -1,4 +1,4 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { default as AttributeBinsGraphic } from '@arcgis/core/AttributeBinsGraphic.js';
 import { default as AttributeBinsFeatureSet } from '@arcgis/core/rest/support/AttributeBinsFeatureSet.js';
 import { WebBoxPlot, WebChart, WebChartDataItem, WebChartQuery, WebChartTemporalBinning, WebHeatChart } from '../../../spec';
 import { ErrorStrings } from '../../localization/interfaces';
@@ -169,4 +169,4 @@ export declare function queryAttributeBinsForTemporalData(props: {
     dateField: string;
     splitByField?: string;
     abortKey?: AbortControllerKeyType;
-}): Promise<__esri.AttributeBinsGraphic[]>;
+}): Promise<AttributeBinsGraphic[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.0.0-next.24",
+  "version": "5.0.0-next.26",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "dist/index.js",
@@ -28,8 +28,8 @@
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
     "@amcharts/amcharts5": "~5.14.1",
-    "@arcgis/lumina": "5.0.0-next.24",
-    "@arcgis/toolkit": "5.0.0-next.24",
+    "@arcgis/lumina": "5.0.0-next.26",
+    "@arcgis/toolkit": "5.0.0-next.26",
     "ajv": "6.12.6",
     "d3-array": "^3.2.1",
     "d3-shape": "^3.2.0",

package/dist/cdn/2HCJFTCX.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
-import c from"./75ABSXHK.js";import b from"./ODBKMQU5.js";import{c as W,d as q}from"./AVZCQNM7.js";import a from"./IHRUJZ4V.js";import{f as E,w as h}from"./DOAHYWSH.js";import{c as C,d as A}from"./TQHWGSEQ.js";import{i as g}from"./WZ5R2GBE.js";import{a as _,p as S}from"./LRZ4KPRH.js";import{G as N,z as B}from"./LKQS4G43.js";export default $arcgis.t(([,,,,,,,,{G:x,I:d,J:X,K:m,L:R,R:P,Za:H,ic:j,jb:Y,kc:$,ob:Z,q:s},{A:he,B:de,C:pe,D:ue,E:F,F:L,Fa:Be,G:xe,Ga:Ne,H:me,Ha:Ee,I:ve,Ia:Xe,J:be,Ja:Re,K:ye,L:we,M:T,N:I,O:O,P:U,Q:ze,R:_e,S:Se,T:Ce,U:Ae,V:ke,W:Fe,X:Le,Y:Te,Z:Ie,d:p,e:v,f:K,j:a,k:Q,l:J,m:ee,ma:y,n:te,o:ie,oa:Oe,p:ce,pa:Ue,q:b,qa:Ve,r:ae,ra:Ge,s:re,sa:Me,t:oe,ta:De,u:k,v:ne,w:le,x:se,y:ge,z:fe},Pe])=>{var Ke="calcite-mode-auto",Qe="calcite-mode-dark";function He(){let{classList:i}=document.body,e=window.matchMedia("(prefers-color-scheme: dark)").matches,t=()=>i.contains(Qe)||i.contains(Ke)&&e?"dark":"light",c=l=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:!0,detail:{mode:l}})),o=l=>{r!==l&&c(l),r=l},r=t();c(r),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",l=>o(l.matches?"dark":"light")),new MutationObserver(()=>o(t())).observe(document.body,{attributes:!0,attributeFilter:["class"]})}var u=globalThis.calciteConfig,$t=u?.focusTrapStack||[],Wt=u?.logLevel||"info",Ye="3.3.3",Je="2025-10-08",et="7391af08e";function tt(){if(u&&u.version)return;console.info(`Using Calcite Components ${Ye} [Date: ${Je}, Revision: ${et}]`);let i=u||globalThis.calciteConfig||{};Object.defineProperty(i,"version",{value:Ye,writable:!1}),globalThis.calciteConfig=i}document.readyState==="interactive"?He():document.addEventListener("DOMContentLoaded",He,{once:!0});queueMicrotask(tt);var it=B({defaultAssetPath:"https://js.arcgis.com/calcite-components/3.3.3/",hydratedAttribute:"calcite-hydrated"}),{customElement:qt,getAssetPath:V,setAssetPath:ct}=it;var at=i=>i.title?.content,rt=(i,e)=>{if(i){let t=b(e);e.title===void 0&&(e.title=m({text:"",visible:!0,font:d(s.ChartTitle),type:s.ChartTitle})),e.title.content=i,e.title.content.text=t}},ot=i=>i.subtitle?.content,nt=(i,e)=>{if(i){let t=b(e);e.subtitle===void 0&&(e.subtitle=m({text:"",visible:!0,font:d(s.ChartSubtitle),type:s.ChartSubtitle})),e.subtitle.content=i,e.subtitle.content.text=t}},lt=i=>i.footer?.content,st=(i,e)=>{if(i){let t=k(e);e.footer===void 0&&(e.footer=m({text:"",visible:!0,font:d(s.DescriptionText),type:s.DescriptionText})),e.footer.content=i,e.footer.content.text=t}},gt=i=>i.background,ft=(i,e)=>{e.background=i},w=class extends EventTarget{constructor(){super(...arguments),this.dirtyAsyncSetters=[],this.asyncConfigUpdateInProgress=!1,this.dataStore={},this.setupFinished=new Promise(e=>{this.resolveSetup=e})}isSameChartAs(e){let t=e?.layer;return t!==void 0&&this._config.id===e?.chartId&&this.layerInfo?.layer.id===t.id}get config(){return this._config}set config(e){this.guardSetterFromAsyncOverwrite(()=>{this._config=e,this.emitConfigUpdate("config")})}get chartType(){return this._chartType}get layer(){return this.layerInfo?.layer}get chartId(){return this._config.id}set chartId(e){this._config.id=e}get version(){return ce(this._config)}get titleText(){return b(this._config)}set titleText(e){this.guardSetterFromAsyncOverwrite(()=>{ae(e,this._config),this.emitConfigUpdate("titleText")})}get subtitleText(){return re(this._config)}set subtitleText(e){this.guardSetterFromAsyncOverwrite(()=>{oe(e,this._config),this.emitConfigUpdate("subtitleText")})}get descriptionText(){return k(this._config)}set descriptionText(e){this.guardSetterFromAsyncOverwrite(()=>{ne(e,this._config),this.emitConfigUpdate("descriptionText")})}get chartTitleVisibility(){return le(this._config)}set chartTitleVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{se(e,this._config),this.emitConfigUpdate("chartTitleVisibility")})}get chartSubtitleVisibility(){return ge(this._config)}set chartSubtitleVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{fe(e,this._config),this.emitConfigUpdate("chartSubtitleVisibility")})}get descriptionVisibility(){return he(this._config)}set descriptionVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{de(e,this._config),this.emitConfigUpdate("descriptionVisibility")})}get chartRenderer(){return pe(this._config)}set chartRenderer(e){this.guardSetterFromAsyncOverwrite(()=>{ue(e,this._config),this.emitConfigUpdate("chartRenderer")})}get titleSymbol(){return at(this._config)}set titleSymbol(e){this.guardSetterFromAsyncOverwrite(()=>{rt(e,this._config),this.emitConfigUpdate("titleSymbol")})}get subtitleSymbol(){return ot(this._config)}set subtitleSymbol(e){this.guardSetterFromAsyncOverwrite(()=>{nt(e,this._config),this.emitConfigUpdate("subtitleSymbol")})}get descriptionSymbol(){return lt(this._config)}set descriptionSymbol(e){this.guardSetterFromAsyncOverwrite(()=>{st(e,this._config),this.emitConfigUpdate("descriptionSymbol")})}get backgroundColor(){return gt(this._config)}set backgroundColor(e){this.guardSetterFromAsyncOverwrite(()=>{ft(e,this._config),this.emitConfigUpdate("backgroundColor")})}getSeriesVisibility(e){return Ge(e,this._config)}setSeriesVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{H({detail:e},this._config),this.emitConfigUpdate("setSeriesVisibility")})}getSeriesId(e){return Oe(e,this._config)}getSeriesIndex(e){return Ue(e,this._config)}get seriesLength(){return Ve(this._config)}get chartSubType(){return Z(this._config.series)}getDataTooltipValueFormat(e){return Me(this._config.series,e)}setDataTooltipValueFormat(e,t){this.guardSetterFromAsyncOverwrite(()=>{De({series:this._config.series,seriesIndex:e,valueFormat:t})})}get fetchNULLValues(){return Ne(this._config)}set fetchNULLValues(e){this.guardSetterFromAsyncOverwrite(()=>{Be(e,this._config),this.emitConfigUpdate("fetchNULLValues")})}get splitByValues(){return Ee(this._config)}getDataFilters(){return Xe(this._config)}async setDataFilters(e){Re(e,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate("setDataFilters")}emitConfigUpdate(e){this.dispatchEvent(new CustomEvent("arcgisChartsModelConfigChange",{detail:{config:this._config,setterName:e}}))}async loadConfigFromLayer(e){let{layer:t,iLayer:c,config:o}=e;this.commonStrings=await C(A(document.documentElement).t9nLocale,N("./assets/common/t9n"),"messages.");let r=t;if(!r&&c&&(r=await j(c)),r){let l=await $(r,!0),{objectIdField:We}=r;this.layerInfo={layer:r,layerFieldsInfo:l,objectIdField:We}}this._config=o!==void 0?await Pe(o):this.generateDefaultConfig(),this._config.legend!==void 0&&this._config.legend?.title===void 0&&(this._config.legend.title=P().title),c&&(this._config.iLayer=c)}async guardSetterFromAsyncOverwrite(e){e(),this.asyncConfigUpdateInProgress&&(await this.setupFinished,e())}},z=class extends w{get xAxisTitleText(){return T(0,this._config)}set xAxisTitleText(e){this.guardSetterFromAsyncOverwrite(()=>{I(e,0,this._config),this.emitConfigUpdate("xAxisTitleText")})}get xAxisTitleVisibility(){return O(0,this._config)}set xAxisTitleVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{U(e,0,this._config),this.emitConfigUpdate("xAxisTitleVisibility")})}get maxXBound(){return p({config:this._config,axisIndex:0,isMax:!0})}set maxXBound(e){this.guardSetterFromAsyncOverwrite(()=>{v({config:this._config,value:e,axisIndex:0,isMax:!0}),this.emitConfigUpdate("maxXBound")})}get minXBound(){return p({config:this._config,axisIndex:0,isMax:!1})}set minXBound(e){this.guardSetterFromAsyncOverwrite(()=>{K(this._config,e),this.emitConfigUpdate("minXBound")})}get xAxisTitleSymbol(){return F(this._config,0)}set xAxisTitleSymbol(e){this.guardSetterFromAsyncOverwrite(()=>{L({symbol:e,axisIndex:0,config:this._config}),this.emitConfigUpdate("xAxisTitleSymbol")})}get axisLabelsSymbol(){return xe(this._config)}set axisLabelsSymbol(e){this.guardSetterFromAsyncOverwrite(()=>{me(e,this._config),this.emitConfigUpdate("axisLabelsSymbol")})}get axisLinesSymbol(){return ve(this._config)}set axisLinesSymbol(e){this.guardSetterFromAsyncOverwrite(()=>{be(e,this._config),this.emitConfigUpdate("axisLinesSymbol")})}},ht=i=>{for(let e of i.axes??[])for(let t of e?.guides??[])if(t.label!==void 0)return t.label},dt=(i,e)=>{for(let t of e.axes??[])for(let c of t?.guides??[]){let o=c.label?.text??"";c.label=E(i),c.label!==void 0&&(c.label.text=o)}};function n(i){return{...i,axis:i.orientation===g.X?i.config.axes?.[0]:i.config.axes?.[1],index:i.index??0,orientation:i.orientation??g.Y}}var pt=i=>{let{axis:e,index:t}=n(i);return e?.guides?.[t]?.visible??!0},ut=i=>{let{visible:e,axis:t,index:c}=n(i);t?.guides?.[c]!==void 0&&(t.guides[c].visible=e)},Ze=i=>{let e=Y(i.start,i.end);q(i.style)&&e===h.SFS?i.style={type:h.SFS,color:i.style.color}:W(i.style)&&e===h.SLS&&(i.style={type:h.SLS,color:i.style.color})},xt=i=>{let{axis:e,index:t}=n(i);return e?.guides?.[t]?.start??null},mt=i=>{let{start:e,axis:t,index:c}=n(i);t?.guides?.[c]!==void 0&&(t.guides[c].start=e,Ze(t.guides[c]))},vt=i=>{let{axis:e,index:t}=n(i);return e?.guides?.[t]?.end},bt=i=>{let{end:e,axis:t,index:c}=n(i);t?.guides?.[c]!==void 0&&(t.guides[c].end=e,Ze(t.guides[c]))},yt=i=>{let{axis:e,index:t}=n(i);return e?.guides?.[t]?.name},wt=i=>{let{name:e,axis:t,index:c}=n(i);t?.guides?.[c]!==void 0&&(t.guides[c].name=e)},zt=i=>{let{axis:e,index:t}=n(i);return e?.guides?.[t]?.label?.text},_t=i=>{let{labelText:e,axis:t,index:c}=n(i),o=t?.guides?.[c]?.label??X(e,d(s.GuideLabel),s.GuideLabel);t?.guides?.[c]!==void 0&&(t.guides[c].label={...o,text:e})},St=i=>{let{axis:e,index:t}=n(i);return e?.guides?.[t]?.above??!1},Ct=i=>{let{above:e,axis:t,index:c}=n(i);t?.guides?.[c]!==void 0&&(t.guides[c].above=e)},At=i=>{let{axis:e,index:t}=n(i);return e?.guides?.[t]?.style},kt=i=>{let{style:e,axis:t,index:c}=n(i);t?.guides?.[c]!==void 0&&(t.guides[c].style=e)},je=i=>{let{config:e,name:t,index:c,orientation:o}=i,r=o===g.X?e.axes?.[0]:e.axes?.[1];if(r!==void 0){r.guides=r.guides??[];let l={type:_.Guide,name:t,start:r.valueFormat.type===_.DateAxisFormat?"":0,style:R()};c!==void 0&&c<r.guides.length?r.guides.splice(c,0,l):r.guides.push(l)}},$e=i=>{let{config:e,index:t,orientation:c}=i,o=c===g.X?e.axes?.[0]:e.axes?.[1];o?.guides!==void 0&&(t!==void 0&&t<o.guides.length?o.guides.splice(t,1):o.guides.pop())},Ft=i=>{let{axis:e,index:t}=n(i);return e?.guides?.[t]?.tooltipReverseColor??!1},Lt=i=>{let{reverseColor:e,axis:t,index:c}=n(i);t?.guides?.[c]!==void 0&&(t.guides[c].tooltipReverseColor=e)},f=class extends w{get guideLabelsSymbol(){return ht(this._config)}set guideLabelsSymbol(e){this.guardSetterFromAsyncOverwrite(()=>{dt(e,this._config),this.emitConfigUpdate("guideLabelsSymbol")})}getGuideVisibility(e,t){return pt({config:this._config,index:e,orientation:t})}setGuideVisibility(e,t,c){this.guardSetterFromAsyncOverwrite(()=>{ut({visible:e,config:this._config,index:t,orientation:c}),this.emitConfigUpdate("setGuideVisibility")})}getGuideStart(e,t){return xt({config:this._config,index:e,orientation:t})}setGuideStart(e,t,c){this.guardSetterFromAsyncOverwrite(()=>{mt({start:e,config:this._config,index:t,orientation:c}),this.emitConfigUpdate("setGuideStart")})}getGuideEnd(e,t){return vt({config:this._config,index:e,orientation:t})}setGuideEnd(e,t,c){this.guardSetterFromAsyncOverwrite(()=>{bt({end:e,config:this._config,index:t,orientation:c}),this.emitConfigUpdate("setGuideEnd")})}getGuideName(e,t){return yt({config:this._config,index:e,orientation:t})}setGuideName(e,t,c){this.guardSetterFromAsyncOverwrite(()=>{wt({name:e,config:this._config,index:t,orientation:c}),this.emitConfigUpdate("setGuideName")})}getGuideLabelText(e,t){return zt({config:this._config,index:e,orientation:t})}setGuideLabelText(e,t,c){this.guardSetterFromAsyncOverwrite(()=>{_t({labelText:e,config:this._config,index:t,orientation:c}),this.emitConfigUpdate("setGuideLabelText")})}getGuideAbove(e,t){return St({config:this._config,index:e,orientation:t})}setGuideAbove(e,t,c){this.guardSetterFromAsyncOverwrite(()=>{Ct({above:e,config:this._config,index:t,orientation:c}),this.emitConfigUpdate("setGuideAbove")})}getGuideStyle(e,t){return At({config:this._config,index:e,orientation:t})}setGuideStyle(e,t,c){this.guardSetterFromAsyncOverwrite(()=>{kt({style:e,config:this._config,index:t,orientation:c}),this.emitConfigUpdate("setGuideStyle")})}getTooltipReverseColor(e,t){return Ft({config:this._config,index:e,orientation:t})}setTooltipReverseColor(e,t,c){this.guardSetterFromAsyncOverwrite(()=>{Lt({reverseColor:e,config:this._config,index:t,orientation:c}),this.emitConfigUpdate("setTooltipReverseColor")})}},G=class extends f{getXGuidesLength(){return this._config.axes?.[0]?.guides?.length}addXAxisGuide(e,t){this.guardSetterFromAsyncOverwrite(()=>{je({config:this._config,name:e,index:t,orientation:g.X}),this.emitConfigUpdate("addXAxisGuide")})}deleteXAxisGuide(e){this.guardSetterFromAsyncOverwrite(()=>{$e({config:this._config,index:e,orientation:g.X}),this.emitConfigUpdate("deleteXAxisGuide")})}};y(G,[f]);var M=class extends f{getYGuidesLength(){return this._config.axes?.[1]?.guides?.length}addYAxisGuide(e,t){this.guardSetterFromAsyncOverwrite(()=>{je({config:this._config,name:e,index:t,orientation:g.Y}),this.emitConfigUpdate("addYAxisGuide")})}deleteYAxisGuide(e){this.guardSetterFromAsyncOverwrite(()=>{$e({config:this._config,index:e,orientation:g.Y}),this.emitConfigUpdate("deleteYAxisGuide")})}};y(M,[f]);var Tt=i=>i.horizontalAxisLabelsBehavior??S.Rotate,It=(i,e)=>{e.horizontalAxisLabelsBehavior=i},Ot=i=>i.verticalAxisLabelsBehavior??S.Wrap,Ut=(i,e)=>{e.verticalAxisLabelsBehavior=i},Vt=i=>i.cursorCrosshair?.horizontalLineVisible??!1,Gt=(i,e)=>{e.cursorCrosshair===void 0&&(e.cursorCrosshair=x()),e.cursorCrosshair.horizontalLineVisible=i},Mt=i=>i.cursorCrosshair?.verticalLineVisible??!1,Dt=(i,e)=>{e.cursorCrosshair===void 0&&(e.cursorCrosshair=x()),e.cursorCrosshair.verticalLineVisible=i},Bt=i=>i.cursorCrosshair?.style,Nt=(i,e)=>{e.cursorCrosshair===void 0&&(e.cursorCrosshair=x()),e.cursorCrosshair.style=i},Et=i=>i.cursorCrosshair,Xt=(i,e)=>{e.cursorCrosshair=i},D=class extends z{getAxisTitleText(e){return a({config:this._config,axisIndex:e,func:t=>T(t,this._config)})??""}setAxisTitleText(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{I(e,c,this._config),this.emitConfigUpdate("setAxisTitleText")}})})}getAxisTitleVisibility(e){return a({config:this._config,axisIndex:e,func:t=>O(t,this._config)})??!1}setAxisTitleVisibility(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{U(e,c,this._config),this.emitConfigUpdate("setAxisTitleVisibility")}})})}getMaxBound(e){return a({config:this._config,axisIndex:e,func:t=>p({config:this._config,axisIndex:t,isMax:!0})})??Number.NaN}setMaxBound(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{v({config:this._config,value:e,axisIndex:c,isMax:!0}),this.emitConfigUpdate("setMaxBound")}})})}getMinBound(e){return a({config:this._config,axisIndex:e,func:t=>p({config:this._config,axisIndex:t,isMax:!1})})??Number.NaN}setMinBound(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{v({config:this._config,value:e,axisIndex:c,isMax:!1}),this.emitConfigUpdate("setMinBound")}})})}getAxisValueFormat(e){return a({config:this._config,axisIndex:e,func:t=>Q(t,this._config)})}setAxisValueFormat(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:e,func:c=>{J({config:this._config,valueFormat:t,axisIndex:c,commonStrings:this.commonStrings}),this.emitConfigUpdate("setAxisValueFormat")}})})}getLogarithmic(e){return a({config:this._config,axisIndex:e,func:t=>ee(this._config,t)})??!1}setLogarithmic(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{te({config:this._config,isLogarithmic:e,axisIndex:c}),this.emitConfigUpdate("setLogarithmic")}})})}getAxisScrollbar(e){return a({config:this._config,axisIndex:e,func:t=>this._config.axes?.[t]?.scrollbar})}setAxisScrollbar(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{ie({config:this._config,scrollbar:e,axisIndex:c}),this.emitConfigUpdate("setAxisScrollbar")}})})}getAxisTitleSymbol(e){return a({config:this._config,axisIndex:e,func:t=>F(this._config,t)})}setAxisTitleSymbol(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{L({symbol:e,config:this._config,axisIndex:c}),this.emitConfigUpdate("setAxisTitleSymbol")}})})}getHorizontalAxisLabelsBehavior(){return Tt(this._config)}setHorizontalAxisLabelsBehavior(e){this.guardSetterFromAsyncOverwrite(()=>{It(e,this._config),this.emitConfigUpdate("setHorizontalAxisLabelsBehavior")})}getVerticalAxisLabelsBehavior(){return Ot(this._config)}setVerticalAxisLabelsBehavior(e){this.guardSetterFromAsyncOverwrite(()=>{Ut(e,this._config),this.emitConfigUpdate("setVerticalAxisLabelsBehavior")})}getGridLinesSymbol(){return ye(this._config)}setGridLinesSymbol(e,t){this.guardSetterFromAsyncOverwrite(()=>{Array.isArray(t)&&we(e,this._config,t),this.emitConfigUpdate("setGridLinesSymbol")})}async getDefaultXAxisTitleText(){return(await C(A(document.documentElement).t9nLocale,V("./assets/common/t9n"),"messages.")).utilsStrings.statistics.count}getDisplayZeroLine(e){return a({config:this._config,axisIndex:e,func:t=>ze(this._config,t)})??!1}setDisplayZeroLine(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{_e(this._config,e,c),this.emitConfigUpdate("setDisplayZeroLine")}})})}getDisplayCursorTooltip(e){return a({config:this._config,axisIndex:e,func:t=>Se(this._config,t)})??!1}setDisplayCursorTooltip(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{Ce({config:this._config,displayCursorTooltip:e,axisIndex:c}),this.emitConfigUpdate("setDisplayCursorTooltip")}})})}getBuffer(e){return a({config:this._config,axisIndex:e,func:t=>Ae(this._config,t)})??!1}setBuffer(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{ke({config:this._config,buffer:e,axisIndex:c}),this.emitConfigUpdate("setBuffer")}})})}getTickSpacing(e){return Fe(this._config,e)}setTickSpacing(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{Le({config:this._config,tickSpacing:e,axisIndex:c}),this.emitConfigUpdate("setTickSpacing")}})})}getIntegerOnlyValues(e){return a({config:this._config,axisIndex:e,func:t=>Te(this._config,t)})??!1}setIntegerOnlyValues(e,t){this.guardSetterFromAsyncOverwrite(()=>{a({config:this._config,axisIndex:t,func:c=>{Ie({config:this._config,integerOnlyValues:e,axisIndex:c}),this.emitConfigUpdate("setIntegerOnlyValues")}})})}get cursorCrosshairHorizontalLineVisibility(){return Vt(this._config)}set cursorCrosshairHorizontalLineVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{Gt(e,this._config),this.emitConfigUpdate("cursorCrosshairHorizontalLineVisibility")})}get cursorCrosshairVerticalLineVisibility(){return Mt(this._config)}set cursorCrosshairVerticalLineVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{Dt(e,this._config),this.emitConfigUpdate("cursorCrosshairVerticalLineVisibility")})}get cursorCrosshairStyle(){return Bt(this._config)}set cursorCrosshairStyle(e){e&&this.guardSetterFromAsyncOverwrite(()=>{Nt(e,this._config),this.emitConfigUpdate("cursorCrosshairStyle")})}get cursorCrosshair(){return Et(this._config)}set cursorCrosshair(e){e&&this.guardSetterFromAsyncOverwrite(()=>{Xt(e,this._config),this.emitConfigUpdate("cursorCrosshair")})}};y(D,[z]);return{a:w,b:z,c:G,d:M,e:D}},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","intl",a,b,c)

package/dist/cdn/2W3SVPRK.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
-import{b as e,c as r,d as i}from"./J5WOV4L5.js";import{a as C}from"./VSSRAQAB.js";import a from"./IHRUJZ4V.js";import{a as l,w as S}from"./LRZ4KPRH.js";export default $arcgis.t(([,,,,,,,{Dc:p,Ha:E,Sa:g,db:m,ob:x}])=>{var A=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsCSV,e.ExportAsImage],u=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],b=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],F=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Selection,e.ClearSelection,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],I=[e.EditChart,e.Legend,e.FilterBySelection,e.Selection,e.ClearSelection,e.SwitchSelection],v=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],D=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],w=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],L=[e.EditChart,e.FilterByExtent,e.ExportAsImage,e.ExportAsCSV];function U(a){switch(a){case l.BarSeries:return A;case l.LineSeries:return u;case l.ComboLineAndBarSeries:return b;case l.PieSeries:return F;case l.HistogramSeries:return v;case l.ScatterSeries:return D;case l.BoxPlotSeries:return w;case l.GaugeSeries:return L;case l.HeatSeries:return I;default:return[]}}var j=(a,t,o)=>{let n=a.target.assignedNodes().find(c=>"legendToggle"in c),s=S(o?.series);return n&&(n.chartType=s,T({actionBar:n,chartComponent:t,config:o})),n};function T(a){let{actionBar:t,chartComponent:o,config:n,isWarningDisplayed:s}=a,c=m(o.selectionData),B=n?.legend?n.legend.visible??!0:!1;if(t.chartType=S(n?.series),o.enableConfiguration){let h=t.hiddenActions??[];t.hiddenActions=h.filter(f=>f!==e.EditChart)}t.editChartState=o.enableConfiguration?i.Enabled:i.Disabled;let d=n&&g(n.series);t.legendState=d?i.Enabled:i.Disabled,t.legendToggle=d&&(o.legendVisibility??B)?r.Active:r.Inactive,t.rotateChartToggle=(o.rotation??n?.rotated)===!0?r.Active:r.Inactive;let y=x(n?.series??[])===E.PieFromFields;t.filterBySelectionState=!y&&(o.filterBySelection===!0||!c&&o.filterByExtent!==!0)?i.Enabled:i.Disabled,t.filterBySelectionToggle=o.filterBySelection===!0?r.Active:r.Inactive,t.filterByExtentState=o.filterByExtent===!0||o.filterBySelection!==!0?i.Enabled:i.Disabled,t.filterByExtentToggle=o.filterByExtent===!0?r.Active:r.Inactive,t.zoomState=o.filterBySelection?i.Disabled:i.Enabled,t.zoomToggle=o.actionMode===C.Zoom?r.Active:r.Inactive,t.selectionState=o.filterBySelection?i.Disabled:i.Enabled,t.selectionToggle=(o.actionMode??t.actionBarSelectionMode)===t.actionBarSelectionMode?r.Active:r.Inactive,t.clearSelectionState=c?i.Disabled:i.Enabled,t.fullExtentState=o.filterBySelection?i.Disabled:i.Enabled,t.switchSelectionState=o.filterBySelection?i.Disabled:i.Enabled,t.exportActionState=s||p(n)?i.Disabled:i.Enabled}return{a:U,b:j,c:T}},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a)

package/dist/cdn/34BE47CG.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
-import{a as L}from"./5MSKZ3X6.js";import{a as k}from"./KTCLKKQV.js";import{b as K,c as N}from"./OULDTBSA.js";import e from"./KQNCBAFR.js";import{f as s}from"./G5DQS6R3.js";import{a as C}from"./U5H3KFO7.js";import c from"./TPD4XFBX.js";import a from"./IHRUJZ4V.js";import{j as b,q as d}from"./DOAHYWSH.js";import"./TQHWGSEQ.js";import"./WZ5R2GBE.js";import{k as r,o as h}from"./LRZ4KPRH.js";import{A as o,F as P,g as I,h as n,l as f,w as m,x as p,y as F}from"./LKQS4G43.js";import"./SVATWD7C.js";export default $arcgis.t(([,,,,,,,{Qa:E,Xa:D,mc:v,oc:T,ya:w,za:A},,{a:y,c:$,g:z,k:g,o:S}])=>{var _=I`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`,c={jsAppFlyout:"js-app-flyout",name:"line-chart-data-popover",numericFieldPickList:"line-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",sizeSection:"size-section",applyButton:"apply-button"},x=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.picklist=m(),this.intervalSizeElement=m(),this.intervalTypeElement=m(),this.popoverElement=m(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigLineChartDataPopoverChange=f(),this.arcgisChartsConfigLineChartPopoverClose=f()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1}}static{this.styles=_}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=$.map(l=>w(l,this.commonStrings));b(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[h.Start,h.End].map(l=>A(l,this.commonStrings));b(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(async()=>{typeof this.picklist.value?.setFocus=="function"&&await this.picklist.value?.setFocus()},y.PopoverTimer),K(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},y.PopoverTimer)}selectedContentChange(e,t){this.pickListHasChanged=N(e,t)}buildAggregationPickListItems(){return L($,e=>e,(e,t)=>n`<calcite-list-item .label=${this.aggregationLabels?.[t]} .value=${e} .selected=${g(e,this.selectedContent)}></calcite-list-item>`)}buildIntervalAlignmentPickListItems(){let e=[h.Start,h.End];return L(e,t=>t,(t,i)=>n`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${g(t,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return k(e.name,n`<calcite-list-item .label=${E(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${g(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case s.numericFields:{for(let l=0;l<t;l+=1){let a=this.layerFieldsInfo?.[l];a&&v(a)&&i.push(this.buildPickListItem(a))}break}case s.xAxisField:{for(let l=0;l<t;l+=1){let a=this.layerFieldsInfo?.[l];a&&(v(a)||a.type===d.Date||a.type===d.DateOnly||a.type===d.TimestampOffset)&&i.push(this.buildPickListItem(a))}break}case s.splitByField:{let l=k(" ",n`<calcite-list-item label=" " value=" " .selected=${g("",this.selectedContent)}></calcite-list-item>`);i.push(l);for(let a=0;a<t;a+=1){let u=this.layerFieldsInfo?.[a];u&&(T(u)||u.type===d.String)&&i.push(this.buildPickListItem(u))}break}}return i}closePopover(){if(this.contentKind===s.numericFields){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigLineChartDataPopoverChange,contentKind:this.contentKind};S(e)}this.open=!1,this.arcgisChartsConfigLineChartPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.pickListHasChanged&&this.closePopover()}renderAggregationType(){let e=this.buildAggregationPickListItems();return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisField(){let e=this.buildPickListItems(s.xAxisField);return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(s.numericFields);return n`<calcite-list label class=${o(c.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(s.splitByField);return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[r.Second,r.Minute,r.Hour,r.Day,r.Week,r.Month,r.Year];return n`<div><div class=${o(c.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${z(e?.size,1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${p(this.intervalTypeElement)}>${t.map(i=>n`<calcite-option .value=${i} .label=${D(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(c.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case s.aggregation:e=this.renderAggregationType();break;case s.xAxisField:e=this.renderXAxisField();break;case s.numericFields:e=this.renderNumericFields();break;case s.splitByField:e=this.renderSplitByField();break;case s.intervalAlignment:e=this.renderIntervalAlignment();break;case s.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===s.numericFields&&(e=n`<div slot=footer><calcite-fab class=${o(c.fab)} appearance=outline-fill kind=neutral icon .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),n`<div class=${o(c.jsAppFlyout)}><calcite-popover class=${o(c.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(c.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};P("arcgis-charts-config-line-chart-popover",x);return x},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,c,e)