@arcgis/charts-components 4.34.0-next.7 → 4.34.0-next.71

package/dist/chart-rendering/next/chart-library-elements/axes/histogram/index.d.ts

@@ -1,6 +1,6 @@
 import { XYChart } from '@amcharts/amcharts5/xy.js';
-import { CommonStrings, ErrorStrings } from '../../../../../utils';
 import { WebChart, WebChartDataTypes } from '@arcgis/charts-spec';
+import { CommonStrings, ErrorStrings } from '../../../../../utils';
 import { AxisLabelFormatCallback, GuideTooltipFormatCallback } from '../../../../common/interfaces';
 /**
  * Update the axes for an XYChart

package/dist/chart-rendering/next/chart-library-elements/axes/utils/axis-renderer/index.d.ts

@@ -98,6 +98,12 @@ export declare function updateBaseInterval(props: {
     timeIntervalInfo?: TimeIntervalInfo;
     dateBaseInterval?: TimeIntervalInfo;
 }): void;
+/**
+ * For log axis, we want to round the min or max of an axis either up or down to the nearest power of 10
+ * @param props.num The number
+ * @param props.isRoundUp If we should round up or down
+ */
+export declare function roundToNearestPowerOf10(num: number | null | undefined, isRoundUp: boolean): number | null | undefined;
 /**
  * Update chart's axes using either chart config's min/max or the min/max from data.
  *

package/dist/chart-rendering/next/chart-library-elements/labels/axis-label/index.d.ts

@@ -1,7 +1,7 @@
 import { Label } from '@amcharts/amcharts5';
 import { Axis, AxisRenderer } from '@amcharts/amcharts5/xy.js';
-import { ChartTypes } from '../../../../../utils';
 import { WebChartAxis, WebChartText, WebChartLabelBehavior, WebChartTypes } from '@arcgis/charts-spec';
+import { ChartTypes } from '../../../../../utils';
 /**
  * Updates the axis min grid distance. It represents the minimum distance in pixels between the grid elements
  * and its labels.

package/dist/chart-rendering/next/chart-library-elements/labels/data-label/interfaces.d.ts

@@ -18,6 +18,7 @@ export interface DataLabelUpdateProps {
     isRotated?: boolean;
     stackedType?: WebChartStackedKinds;
     dataLabelsConfig?: WebChartText | undefined;
+    autoInverseDataLabelTextColor?: boolean;
     yAxisValueFormat?: CategoryFormatOptions | DateTimeFormatOptions | NumberFormatOptions;
     defaultDataLabelFormatter?: (props: DefaultDataLabelFormatterProps) => DataLabelFormatter;
     externalDataLabelFormatter?: DataLabelFormatter;

package/dist/chart-rendering/next/chart-library-elements/legend/index.d.ts

@@ -33,10 +33,12 @@ export declare function initializeLegend(chart: SerialChart, seriesConfig: WebCh
  * @param props.chartConfig The chart config
  * @param props.legend The legend
  * @param props.hideEmptySeries Whether to hide the series in the legend if the data item is empty or invalid
+ * @param props.seriesConfig The series config
  */
 export declare function updateLegend(props: {
     chart: SerialChart;
     chartConfig: WebChart;
     legend?: Legend;
     hideEmptySeries?: boolean;
+    seriesConfig: WebChartSeriesType[];
 }): void;

package/dist/chart-rendering/next/chart-library-elements/legend/interfaces.d.ts

@@ -0,0 +1,11 @@
+import { WebChart, WebChartLegend } from '@arcgis/charts-spec';
+import { PieChartLegendValueLabelFormatCallback } from '../../../common/interfaces';
+import { Legend, SerialChart } from '@amcharts/amcharts5';
+export interface UpdateLegendProps {
+    legend: Legend;
+    chart?: SerialChart;
+    seriesConfig: WebChart["series"];
+    webChartLegend?: WebChartLegend;
+    disableTogglingLegendItems?: boolean;
+    pieChartLegendValueLabelFormatter?: PieChartLegendValueLabelFormatCallback;
+}

package/dist/chart-rendering/next/chart-library-elements/legend/pie-chart/index.d.ts

@@ -0,0 +1,26 @@
+import { UpdateLegendProps } from '../interfaces';
+import { Chart, Legend } from '@amcharts/amcharts5';
+/**
+ * The value labels right alignment is glitchy and we need to change dynamically its value according to the legend's layout.
+ * For instance if the legend is displayed on the right or left, or in one column/line on top or bottom, the alignment needs to be
+ * set to 'Right'. Otherwise it needs to be set to 'Center' (in RTL mode too)
+ * Issues for reference:
+ *   - https://devtopia.esri.com/WebGIS/arcgis-charts/issues/4131
+ *   - https://devtopia.esri.com/WebGIS/arcgis-charts/issues/4647
+ *   - https://devtopia.esri.com/WebGIS/arcgis-charts/issues/5187
+ * @param legend The legend
+ * @param chart The chart
+ */
+export declare function handleValueLabelsRightAlignment(legend: Legend, chart: Chart): void;
+/**
+ * Initializes the pie chart legend value labels.
+ * @param legend The legend
+ * @param chart The chart
+ */
+export declare function initializePieChartLegendValueLabel(legend: Legend, chart: Chart): void;
+/**
+ * Updates the pie chart legend value labels style and content.
+ * Updates the formatter used by the html adapter set on the labels.
+ * @param props
+ */
+export declare function updatePieChartLegendValueLabel(props: UpdateLegendProps): void;

package/dist/chart-rendering/next/chart-library-elements/loading-indicator/index.d.ts

@@ -1,4 +1,4 @@
-import { Chart, Root } from '@amcharts/amcharts5';
+import { Chart, Root, SerialChart } from '@amcharts/amcharts5';
 import { ChartOptions } from '../../../common/interfaces';
 import { LoaderHandle } from './interfaces';
 /**
@@ -14,6 +14,12 @@ export declare function initializeLoader(props: {
     chart: Chart;
     options?: ChartOptions;
 }): LoaderHandle;
+/** Updates the loader and spinner colors
+ *
+ * @param chart The chart
+ * @param updateOptions Update options
+ */
+export declare function updateLoaderAndSpinnerColors(chart: SerialChart, updateOptions?: ChartOptions): void;
 /**
  * Hides the loader when the chart is done rendering
  *

package/dist/chart-rendering/next/chart-library-elements/series/index.d.ts

@@ -54,4 +54,5 @@ export declare function updateSeries(props: {
     loaderHandle: LoaderHandle;
     commonStrings: CommonStrings;
     errorStrings: ErrorStrings;
+    groupOfSlicesUpdateNeeded?: boolean;
 }): Promise<void>;

package/dist/chart-rendering/next/chart-library-elements/series/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { Root } from '@amcharts/amcharts5';
+import { Root, SerialChart } from '@amcharts/amcharts5';
 import { RadarLineSeries } from '@amcharts/amcharts5/radar.js';
 import { Axis, AxisRenderer, ColumnSeries, LineSeries } from '@amcharts/amcharts5/xy.js';
 import { IField, RESTRendererType, WebBoxPlot, WebChart, WebChartBarChartSeries, WebChartBoxPlotSeries, WebChartDataTypes, WebChartHistogramSeries, WebChartLineChartSeries, WebChartPieChartSeries, WebChartRadarChartSeries, WebChartScatterplotSeries, WebRadarChart } from '@arcgis/charts-spec';
@@ -22,6 +22,7 @@ export interface InitializeSeriesProps<SeriesType extends WebChartBarChartSeries
     options?: ChartOptions;
     seriesConfig: SeriesType;
     commonStrings: CommonStrings;
+    chart?: SerialChart;
 }
 export interface InitializeXYSeriesProps<SeriesType extends WebChartBarChartSeries | WebChartBoxPlotSeries | WebChartHistogramSeries | WebChartLineChartSeries | WebChartRadarChartSeries | WebChartScatterplotSeries> extends InitializeSeriesProps<SeriesType> {
     xAxis: Axis<AxisRenderer>;
@@ -41,12 +42,14 @@ export interface UpdateSeriesProps<DataTypes extends WebChartDataTypes, ConfigTy
     sortChanged?: boolean;
     colorMatchChanged?: boolean;
     seriesStyleChanged?: boolean;
+    autoInverseDataLabelTextColor?: boolean;
     subtypeInfo?: SubtypeInfo;
     rendererType?: RESTRendererType;
     fieldList?: IField[];
     chartSubType: ChartSubType;
     loaderHandle: LoaderHandle;
     commonStrings: CommonStrings;
+    groupOfSlicesUpdateNeeded?: boolean;
 }
 export interface UpdateXYSeriesProps<DataTypes extends WebChartDataTypes, SeriesConfig extends WebChartBarChartSeries | WebChartBoxPlotSeries | WebChartHistogramSeries | WebChartLineChartSeries | WebChartRadarChartSeries | WebChartScatterplotSeries, SeriesType extends ColumnSeries | LineSeries | RadarLineSeries, ConfigType extends WebBoxPlot | WebChart | WebRadarChart> extends UpdateSeriesProps<DataTypes, ConfigType> {
     seriesConfig: SeriesConfig;

package/dist/chart-rendering/next/chart-library-elements/series/pie-chart/index.d.ts

@@ -1,5 +1,5 @@
 import { Root } from '@amcharts/amcharts5';
-import { PieSeries } from '@amcharts/amcharts5/percent.js';
+import { PieChart, PieSeries } from '@amcharts/amcharts5/percent.js';
 import { WebChart, WebChartDataTypes } from '@arcgis/charts-spec';
 import { CommonStrings, PieSlicesSymbols, QueryObject } from '../../../../../utils';
 import { InitializePieChartSeriesProps, UpdatePieChartSeriesProps } from './interfaces';
@@ -44,3 +44,9 @@ export declare function initializePieChartSeries(props: InitializePieChartSeries
  * @param props.loaderHandle The loader handle
  */
 export declare function updatePieChartSeries(props: UpdatePieChartSeriesProps): void;
+/**
+ * Updates the pie chart size to avoid the labels to be cut off on the edges or to overlap the legend.
+ *
+ * @param chart The pie chart
+ */
+export declare function updatePieChartSize(chart: PieChart, pieSeries?: PieSeries): void;

package/dist/chart-rendering/next/chart-library-elements/series/pie-chart/interfaces.d.ts

@@ -8,6 +8,7 @@ export interface UpdatePieChartSeriesProps extends UpdateSeriesProps<WebChartGen
     series: PieSeries;
     seriesConfig: WebChartPieChartSeries;
     pieSlicesSymbols?: PieSlicesSymbols;
+    groupOfSlicesUpdateNeeded?: boolean;
 }
 export interface UpdatePieChartStyleProps {
     root: Root;

package/dist/chart-rendering/next/chart-library-elements/series/pie-chart/slice-grouping/index.d.ts

@@ -1,9 +1,22 @@
 import { PieChart } from '@amcharts/amcharts5/percent.js';
 import { CommonStrings } from '../../../../../../utils';
-import { WebChartPieChartSeries } from '@arcgis/charts-spec';
+import { WebChartDataItem, WebChartPieChartSeries } from '@arcgis/charts-spec';
+/**
+ * Initialize the pie chart slice group and the chart's data.
+ * @param props.chart The pie chart
+ * @param props.data The pie chart data
+ * @param props.seriesConfig The series config
+ * @param props.commonStrings The t9n strings to fetch the slice group label
+ */
+export declare function initializePieChartGroupOfSlices(props: {
+    chart: PieChart;
+    data: WebChartDataItem[];
+    seriesConfig: WebChartPieChartSeries[];
+    commonStrings: CommonStrings;
+}): WebChartDataItem[] | undefined;
 /**
  * Update the pie chart slice group and the chart's data.
- * @param props.data The pie chart
+ * @param props.chart The pie chart
  * @param props.seriesConfig The series config
  * @param props.commonStrings The t9n strings to fetch the slice group label
  */
@@ -11,4 +24,4 @@ export declare function updatePieChartGroupOfSlices(props: {
     chart: PieChart;
     seriesConfig: WebChartPieChartSeries[];
     commonStrings: CommonStrings;
-}): void;
+}): WebChartDataItem[] | undefined;

package/dist/chart-rendering/next/chart-library-elements/series/utils/index.d.ts

@@ -26,6 +26,7 @@ export declare function getBarOrLineSeriesDataFields(chartConfig: WebChart, seri
  * @param props.colorMatchChanged Whether the color match changed
  * @param props.seriesStyleChanged Whether the series style changed
  * @param props.sortChanged Whether the sort changed
+ * @param props.groupOfSlicesUpdateNeeded Whether the group slices updated needed
  * @returns True if styling is needed, false otherwise
  */
 export declare function isStylingNeeded(props: UpdateSeriesProps<WebChartDataTypes, WebChart>): boolean;

package/dist/chart-rendering/next/chart-library-elements/symbols/utils/property-map/index.d.ts

@@ -1,5 +1,5 @@
 import { Pattern, Percent, Root } from '@amcharts/amcharts5';
-import { ISimpleMarkerSymbol, SimpleFillSymbolStyle, RESTSimpleLineSymbolStyle } from '@arcgis/charts-spec';
+import { ISimpleMarkerSymbol, SimpleFillSymbolStyle, WebChartTextSymbol, RESTHorizontalAlignment, RESTSimpleLineSymbolStyle } from '@arcgis/charts-spec';
 import { AmChartsColor } from '../../../../types';
 /**
  * Maps a width defined as a number or a string following the pattern 'xxx%' into
@@ -50,3 +50,20 @@ export declare function mapAngle(angle?: number, defaultAngle?: number): number;
  * @param size
  */
 export declare function mapPath(style: ISimpleMarkerSymbol["style"], size?: number): string;
+/**
+ * Horizontal alignment
+ *
+ * @param alignment horizontal alignment
+ * @param defaults the defaults
+ * @param isTopOrBottom if it should be top or bottom
+ */
+export declare function mapHAlignmentToAlign(alignment: WebChartTextSymbol["horizontalAlignment"], defaults?: RESTHorizontalAlignment): Percent | undefined;
+type HCenterAlignment = "center" | "left" | "right" | undefined;
+/**
+ * Horizontal alignment for center
+ *
+ * @param alignment horizontal alignment
+ * @param defaults the defaults
+ */
+export declare function mapHAlignmentToHCenter(alignment: WebChartTextSymbol["horizontalAlignment"], defaults?: RESTHorizontalAlignment): HCenterAlignment;
+export {};

package/dist/chart-rendering/next/chart-library-elements/tooltips/utils/index.d.ts

@@ -2,8 +2,8 @@ import { Graphics, Root, Series, Sprite, Template, Tooltip } from '@amcharts/amc
 import { PieSeries } from '@amcharts/amcharts5/percent.js';
 import { RadarLineSeries } from '@amcharts/amcharts5/radar.js';
 import { XYSeries, ColumnSeries, LineSeries } from '@amcharts/amcharts5/xy.js';
-import { ChartTypes } from '../../../../../utils';
 import { DateTimeFormatOptions, NumberFormatOptions, WebChartAxis, WebChartBarChartSeries, WebChartBoxPlotSeries, WebChartDataItemValue, WebChartLineChartSeries, WebChartRadarChartSeries } from '@arcgis/charts-spec';
+import { ChartTypes } from '../../../../../utils';
 import { BarAndLineChartTooltipProps } from '../interfaces';
 /**
  * Adding an extra padding on the tooltip's label to avoid its scrollbar to show up.
@@ -35,15 +35,10 @@ export declare function initializeLineAndRadarChartTooltip(element: Template<Gra
 export declare function initializeSeriesTooltip(series: PieSeries | XYSeries): Tooltip;
 /**
  * Initializes the tooltip associated to the markers on a series
- * @param root The root of the buttlet
- * @param series The series on what the bullet is assoicated with
+ * @param root The root of the bullet
+ * @param series The series on what the bullet is associated with
  */
 export declare function initializeBulletTooltip(root: Root, series: PieSeries | XYSeries): Tooltip;
-/**
- * Adds padding and background opacity to tooltip
- * @param tooltip The tooltip
- */
-export declare function setTooltipStyle(tooltip?: Tooltip): void;
 /**
  * A callback to check if tooltip needs to be reversed
  *

package/dist/chart-rendering/next/chart-library-elements/utils/index.d.ts

@@ -35,7 +35,7 @@ export declare function showElement(element: DataItem<IAxisDataItem> | Graphics
  * @param parent The parent container to search in.
  * @param useChildId Optional flag that tells the method to use the childId or search for it (note: used for dual axis charts)
  */
-export declare function findContainerChild<T extends Container | Label>(props: {
+export declare function findContainerChild<T extends Container | Graphics | Label>(props: {
     childId: string;
     parent: Container;
     useChildId?: boolean;

package/dist/chart-rendering/next/chart-library-elements/utils/interfaces.d.ts

@@ -7,3 +7,5 @@ export declare const footerLabelId = "arcgis_charts_footer";
 export declare const legendContainerId = "arcgis_charts_legend_container";
 export declare const legendTitleId = "arcgis_charts_legend_title";
 export declare const axisTitleId = "arcgis_charts_axis_title_id";
+export declare const loaderContainerId = "arcgis_charts_loader_container";
+export declare const spinnerId = "arcgis_charts_loader_spinner";

package/dist/chart-rendering/next/utils/chart-modal/index.d.ts

@@ -1,6 +1,6 @@
 import { Chart, Root, Modal } from '@amcharts/amcharts5';
-import { ErrorStrings, ValidationStatus, DataWarningKeywords } from '../../../../utils';
 import { WebChart, WebChartDataTypes, WebGaugeChart } from '@arcgis/charts-spec';
+import { ErrorStrings, ValidationStatus, DataWarningKeywords } from '../../../../utils';
 import { NotifyOptions } from '../../../common/interfaces';
 export declare function initializeChartModal(root: Root): Modal;
 export declare function resetChartModal(chartModal: Modal): void;

package/dist/chart-rendering/next/utils/memory-storage/index.d.ts

@@ -1,10 +1,24 @@
 import { StorageType } from './interfaces';
+type AllStorageTypes = StorageType["axis"] | StorageType["chart"] | StorageType["guide"] | StorageType["label"] | StorageType["legend"] | StorageType["marker"] | StorageType["series"];
+type AllStorageKeys = keyof StorageType["axis"] & keyof StorageType["chart"] & keyof StorageType["guide"] & keyof StorageType["label"] & keyof StorageType["legend"] & keyof StorageType["marker"] & keyof StorageType["series"];
 /**
  * Disposes a specific storage. To be used when a chart is disposed for instance
  *
  * @param memoryStorageId
  */
 export declare function deleteStorage(storageKey?: number): void;
+/**
+ * Retrieves a legend property from a specific storage.
+ * @param storageKey The legend id
+ * @param propertyName The property to retrieve
+ */
+export declare function getValueFromLegendStorage<T>(storageKey: number, propertyName: AllStorageKeys): T | undefined;
+/**
+ * Updates a legend property from a specific storage
+ * @param storageKey The legend id
+ * @param informationToStore An object containing the properties to update. It will append and replace the existing ones for the given storage key and id.
+ */
+export declare function updateLegendStorage(storageKey: number, informationToStore: AllStorageTypes): void;
 /**
  * Retrieves a cursor property from a specific storage
  *
@@ -103,3 +117,4 @@ export declare function getValueFromGuideStorage<T>(storageKey: number, property
  * @param informationToStore An object containing the properties to update. It will append and replace the existing ones for the given storage key and id.
  */
 export declare function updateGuideStorage(storageKey: number, informationToStore: StorageType["guide"]): void;
+export {};

package/dist/chart-rendering/next/utils/memory-storage/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { Graphics, Template } from '@amcharts/amcharts5';
+import { Graphics, IDisposer, Template } from '@amcharts/amcharts5';
 import { WebChartDataTypes, WebChartTextSymbol } from '@arcgis/charts-spec';
 import { AxisLabelFormatCallback } from '../../../common/interfaces';
 import { CommonStorageType } from '../../../common/memory-storage/interfaces';
@@ -9,6 +9,7 @@ export type ZeroGridLineType = {
     visible?: boolean;
 };
 export interface StorageType extends CommonStorageType {
+    legend: CommonStorageType["legend"];
     cursor: CommonStorageType["cursor"];
     chart: CommonStorageType["chart"] & {
         data?: WebChartDataTypes;
@@ -17,12 +18,14 @@ export interface StorageType extends CommonStorageType {
     series: CommonStorageType["series"] & {
         bulletTemplate?: Template<Graphics>;
         isSelectionApplied?: boolean;
+        tooltipCallback?: IDisposer;
     };
     axis: CommonStorageType["axis"] & {
         rotation?: number;
         labelsSymbol?: MappedTextSymbol;
         zeroGridLine?: ZeroGridLineType;
         labelFormatter?: AxisLabelFormatCallback;
+        minGridDistanceCallbackDisposer?: IDisposer;
     };
     marker: CommonStorageType["marker"] & {
         selected?: boolean;

package/dist/chart-rendering/stable/chart-library-elements/line-fill-marker/index.d.ts

@@ -39,7 +39,6 @@ export declare function updateLineElements(props: LineElementsProps): MappedLine
  * @param {FillElementsProps} props
  * @param {Sprite} props.element
  * @param {boolean} props.visible
- * @param {WebChartConfigFields} props.propertyFields
  * @param {boolean} props.defaultToColorFromRamp
  * @param {number} props.colorRampIndex
  * @param {ISimpleFillSymbol} props.fillSymbol

package/dist/chart-rendering/stable/chart-library-elements/loading-indicator/index.d.ts

@@ -1,18 +1,32 @@
 import { SerialChart, Series } from '@amcharts/amcharts4/charts.js';
 import { ListTemplate } from '@amcharts/amcharts4/core.js';
 import { ChartOptions } from '../../../common/interfaces';
-import { LoaderHandle } from './interfaces';
-export declare function initializeLoader(chart: SerialChart, options?: ChartOptions): LoaderHandle;
+import { LoaderElements, LoaderHandle } from './interfaces';
+/** Initialize the loader and defines the nested functions
+ *
+ * @param chart The chart to which the loader is attached
+ * @param options The chart options
+ */
+export declare function initializeLoader(chart: SerialChart, options?: ChartOptions): {
+    loaderElements: LoaderElements;
+    loaderHandle: LoaderHandle;
+};
+/** Updates the loader and spinner colors
+ *
+ * @param loaderElements The loader elements
+ * @param updateOptions Update options
+ */
+export declare function updateLoaderAndSpinnerColors(loaderElements: LoaderElements, updateOptions?: ChartOptions): void;
 /**
  * Checks whether all the non-overlay series are `"ready"`
  *
- * @param series
+ * @param series The series to check
  */
 export declare function whetherSeriesReady(series: ListTemplate<Series>): boolean;
 /**
  * Attaches a hide-loader handle to the input series's `"ready"` event
  *
- * @param series
- * @param hideLoaderHandle
+ * @param seriesInstance The series instance to attach the loader handle to
+ * @param hideLoaderHandle The handle to hide the loader
  */
 export declare function attachLoaderHandle(seriesInstance: Series, hideLoaderHandle: LoaderHandle["hideLoader"]): void;

package/dist/chart-rendering/stable/chart-library-elements/series/box-plot/interfaces.d.ts

@@ -15,6 +15,7 @@ export interface UpdateBoxPlotSeriesProps extends UpdateSeriesProps<CandlestickS
     options?: ChartOptions;
     outliersVisibilityChanged?: boolean;
     rotationChanged?: boolean;
+    seriesReordered?: boolean;
     showOutliers?: boolean;
     showMean?: boolean;
     standardizeValuesVisibilityChanged?: boolean;

package/dist/chart-rendering/stable/chart-library-elements/symbols/index.d.ts

@@ -5,11 +5,11 @@ import { MappedFillSymbol, MappedLineSymbol, MappedMarkerSymbol, MappedTextSymbo
 /**
  * Maps Esri's symbol (SimpleLineSymbol, SimpleFillSymbol, SimpleMarkerSymbol) with color ramp options to an object informing the charting library **how to draw the symbol**
  *
- * @param props.symbol
- * @param props.defaultToColorFromRamp
- * @param props.colorRampIndex
- * @param props.isChartFillSymbol
- * @param props.chartBackgroundColor
+ * @param props.symbol The symbol to map
+ * @param props.defaultToColorFromRamp Indicates whether to use the color ramp to set the symbol's color if it is not defined.
+ * @param props.colorRampIndex The index of the color in the color ramp to use for the symbol's color.
+ * @param props.isChartFillSymbol Indicates whether the symbol is a fill symbol for a chart.
+ * @param props.chartBackgroundColor The background color of the chart.
  * @returns
  */
 export declare function mapSymbol<T extends ISimpleFillSymbol | ISimpleLineSymbol | ISimpleMarkerSymbol>(props: {

package/dist/chart-rendering/stable/index.d.ts

@@ -1,5 +1,5 @@
-import { CommonStrings, ErrorStrings, QueryObject } from '../../utils';
 import { WebChart, WebGaugeChart } from '@arcgis/charts-spec';
+import { CommonStrings, ErrorStrings, QueryObject } from '../../utils';
 import { AnyConfigType, ChartInstance, ChartOptions, CreateChartProps, GlobalOptions, XYConfigWithILayer } from '../common/interfaces';
 import { ChartResult } from './interfaces';
 /**

package/dist/chart-rendering/stable/interfaces.d.ts

@@ -6,7 +6,7 @@ import { CommonStrings, ErrorStrings, QueryObject } from '../../utils';
 import { WebChart, WebChartDataTypes, WebChartTypes } from '@arcgis/charts-spec';
 import { AxisLabelFormatCallback, GaugeInnerLabelFormatCallback, GuideTooltipFormatCallback } from '../common/interfaces';
 import { FooterElements, HeaderElements } from './chart-library-elements/header-and-footer/interfaces';
-import { LoaderHandle } from './chart-library-elements/loading-indicator/interfaces';
+import { LoaderElements, LoaderHandle } from './chart-library-elements/loading-indicator/interfaces';
 export declare const EventTypes: {
     readonly Ready: "ready";
     readonly Hidden: "hidden";
@@ -72,6 +72,7 @@ export interface ChartElements {
     footerElements: FooterElements;
     legendElements: LegendElements;
     loaderHandle: LoaderHandle;
+    loaderElements: LoaderElements;
 }
 export interface ChartResult {
     chart: GaugeChart | PieChart | XYChart;

package/dist/chunks/action-bar-utils.js

@@ -1,8 +1,8 @@
-import { WebChartTypes as n } from "@arcgis/charts-spec";
+import { WebChartTypes as a } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { cq as u, cb as y, k as A, cs as x, o as b } from "./interfaces.js";
-import { g as d } from "./series-types.js";
+import { cu as m, cf as A, k as B, cx as h, q as x } from "./interfaces.js";
+import { g as E } from "./series-types.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -10,11 +10,11 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
-import { D as e, c as l, b as r, A as p } from "./index2.js";
+import { D as e, c as o, b as n, A as u } from "./index2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.7 */
-const C = [
+v4.34.0-next.71 */
+const y = [
   e.EditChart,
   e.Legend,
   e.RotateChart,
@@ -27,7 +27,7 @@ const C = [
   e.SwitchSelection,
   e.ExportAsCSV,
   e.ExportAsImage
-], m = [
+], f = [
   e.EditChart,
   e.Legend,
   e.RotateChart,
@@ -40,7 +40,7 @@ const C = [
   e.SwitchSelection,
   e.ExportAsImage,
   e.ExportAsCSV
-], f = [
+], b = [
   e.EditChart,
   e.Legend,
   e.RotateChart,
@@ -50,8 +50,10 @@ const C = [
   e.Selection,
   e.ClearSelection,
   e.FullExtent,
-  e.SwitchSelection
-], h = [
+  e.SwitchSelection,
+  e.ExportAsImage,
+  e.ExportAsCSV
+], F = [
   e.EditChart,
   e.Legend,
   e.FilterBySelection,
@@ -61,7 +63,7 @@ const C = [
   e.SwitchSelection,
   e.ExportAsImage,
   e.ExportAsCSV
-], F = [
+], D = [
   e.EditChart,
   e.Legend,
   e.FilterBySelection,
@@ -73,7 +75,7 @@ const C = [
   e.SwitchSelection,
   e.ExportAsImage,
   e.ExportAsCSV
-], B = [
+], I = [
   e.EditChart,
   e.Legend,
   e.FilterBySelection,
@@ -104,55 +106,50 @@ const C = [
   e.ExportAsImage,
   e.ExportAsCSV
 ];
-function N(t) {
-  switch (t) {
-    case n.BarSeries:
-      return C;
-    case n.LineSeries:
-      return m;
-    case n.ComboLineAndBarSeries:
+function O(c) {
+  switch (c) {
+    case a.BarSeries:
+      return y;
+    case a.LineSeries:
       return f;
-    case n.PieSeries:
-      return h;
-    case n.HistogramSeries:
+    case a.ComboLineAndBarSeries:
+      return b;
+    case a.PieSeries:
       return F;
-    case n.ScatterSeries:
-      return B;
-    case n.BoxPlotSeries:
+    case a.HistogramSeries:
+      return D;
+    case a.ScatterSeries:
+      return I;
+    case a.BoxPlotSeries:
       return T;
-    case n.GaugeSeries:
+    case a.GaugeSeries:
       return v;
     default:
       return [];
   }
 }
-function O(t, i) {
-  const o = document.createElement("calcite-tooltip");
-  return o.innerHTML = t, o.style.setProperty("opacity", "1"), i !== void 0 && (o.referenceElement = i), document.body.appendChild(o), o;
-}
-function W(t) {
-  return t?.remove(), null;
-}
-const j = (t, i, o) => {
-  const s = t.target.assignedNodes().find((S) => "legendToggle" in S), a = d(o?.series);
-  return s && (s.chartType = a, I(s, i, o)), s;
+const j = (c, t, i) => {
+  const l = c.target.assignedNodes().find((S) => "legendToggle" in S), s = E(i?.series);
+  return l && (l.chartType = s, L({
+    actionBar: l,
+    chartComponent: t,
+    config: i
+  })), l;
 };
-function I(t, i, o) {
-  const c = u(i.selectionData), s = o?.legend ? o.legend.visible ?? !0 : !1;
-  if (t.chartType = d(o?.series), i.enableConfiguration) {
-    const E = t.hiddenActions ?? [];
-    t.hiddenActions = E.filter((g) => g !== e.EditChart);
+function L(c) {
+  const { actionBar: t, chartComponent: i, config: r, isWarningDisplayed: l } = c, s = m(i.selectionData), S = r?.legend ? r.legend.visible ?? !0 : !1;
+  if (t.chartType = E(r?.series), i.enableConfiguration) {
+    const C = t.hiddenActions ?? [];
+    t.hiddenActions = C.filter((p) => p !== e.EditChart);
   }
-  t.editChartState = i.enableConfiguration ? l.Enabled : l.Disabled;
-  const a = o && y(o.series);
-  t.legendState = a ? l.Enabled : l.Disabled, t.legendToggle = a && (i.legendVisibility ?? s) ? r.Active : r.Inactive, t.rotateChartToggle = (i.rotation ?? o?.rotated) === !0 ? r.Active : r.Inactive;
-  const S = A(o?.series ?? []) === x.PieFromFields;
-  t.filterBySelectionState = !S && (i.filterBySelection === !0 || !c && i.filterByExtent !== !0) ? l.Enabled : l.Disabled, t.filterBySelectionToggle = i.filterBySelection === !0 ? r.Active : r.Inactive, t.filterByExtentState = i.filterByExtent === !0 || i.filterBySelection !== !0 ? l.Enabled : l.Disabled, t.filterByExtentToggle = i.filterByExtent === !0 ? r.Active : r.Inactive, t.zoomState = i.filterBySelection ? l.Disabled : l.Enabled, t.zoomToggle = i.actionMode === p.Zoom ? r.Active : r.Inactive, t.selectionState = i.filterBySelection ? l.Disabled : l.Enabled, t.selectionToggle = (i.actionMode ?? t.actionBarSelectionMode) === t.actionBarSelectionMode ? r.Active : r.Inactive, t.clearSelectionState = c ? l.Disabled : l.Enabled, t.fullExtentState = i.filterBySelection ? l.Disabled : l.Enabled, t.switchSelectionState = i.filterBySelection ? l.Disabled : l.Enabled, t.disabledExportAction = b(o);
+  t.editChartState = i.enableConfiguration ? o.Enabled : o.Disabled;
+  const d = r && A(r.series);
+  t.legendState = d ? o.Enabled : o.Disabled, t.legendToggle = d && (i.legendVisibility ?? S) ? n.Active : n.Inactive, t.rotateChartToggle = (i.rotation ?? r?.rotated) === !0 ? n.Active : n.Inactive;
+  const g = B(r?.series ?? []) === h.PieFromFields;
+  t.filterBySelectionState = !g && (i.filterBySelection === !0 || !s && i.filterByExtent !== !0) ? o.Enabled : o.Disabled, t.filterBySelectionToggle = i.filterBySelection === !0 ? n.Active : n.Inactive, t.filterByExtentState = i.filterByExtent === !0 || i.filterBySelection !== !0 ? o.Enabled : o.Disabled, t.filterByExtentToggle = i.filterByExtent === !0 ? n.Active : n.Inactive, t.zoomState = i.filterBySelection ? o.Disabled : o.Enabled, t.zoomToggle = i.actionMode === u.Zoom ? n.Active : n.Inactive, t.selectionState = i.filterBySelection ? o.Disabled : o.Enabled, t.selectionToggle = (i.actionMode ?? t.actionBarSelectionMode) === t.actionBarSelectionMode ? n.Active : n.Inactive, t.clearSelectionState = s ? o.Disabled : o.Enabled, t.fullExtentState = i.filterBySelection ? o.Disabled : o.Enabled, t.switchSelectionState = i.filterBySelection ? o.Disabled : o.Enabled, t.exportActionState = l || x(r) ? o.Disabled : o.Enabled;
 }
 export {
-  O as c,
-  W as d,
-  N as g,
+  O as g,
   j as o,
-  I as u
+  L as u
 };