@arcgis/charts-components 5.0.0-next.3 → 5.0.0-next.5

package/dist/components/arcgis-charts-config-scatter-plot-popover/customElement.js

@@ -23,7 +23,7 @@ import { createRef as m, ref as g } from "lit/directives/ref.js";
 import { LitElement as P, createEvent as a, safeClassMap as l } 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.3 */
+v5.0.0-next.5 */
 const r = {
   jsAppFlyout: "js-app-flyout",
   scatterplotPopover: "scatter-plot-popover",
@@ -31,7 +31,7 @@ const r = {
   header: "header",
   pickListItemLabel: "pick-list-item-label",
   pickListPanel: "pick-list-panel"
-}, F = u`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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)}:host{width:100%}.pick-list-panel{max-height:60vh}`;
+}, F = u`.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)}:host{width:100%}.pick-list-panel{max-height:60vh}`;
 class k extends P {
   constructor() {
     super(...arguments), this.picklist = m(), this._messages = $(), this.popoverElement = m(), this.layerFieldsInfo = [], this.arcgisChartsConfigPopoverClose = a(), this.arcgisChartsConfigScatterplotFillColorChange = a(), this.arcgisChartsConfigScatterplotLineStyleChange = a(), this.arcgisChartsConfigScatterplotSizeVariableFieldChange = a(), this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange = a(), this.arcgisChartsConfigScatterplotXYFieldChange = a();

package/dist/components/arcgis-charts-config-select-chart-type-popover/customElement.js

@@ -21,12 +21,12 @@ import { LitElement as d, createEvent as o, safeClassMap as s } from "@arcgis/lu
 import { M as e } from "../../chunks/common.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.3 */
+v5.0.0-next.5 */
 const i = {
   selectChartComponent: "select-chart-component",
   jsAppFlyout: "js-app-flyout",
   panel: "panel"
-}, g = c`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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)}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`;
+}, g = c`.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)}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`;
 class f extends d {
   constructor() {
     super(...arguments), this._messages = p(), this.selectChartTypePopover = h(), this.arcgisChartsConfigPopoverClose = o(), this.arcgisChartsConfigSelectChartTypeChange = o();

package/dist/components/arcgis-charts-config-view-charts/customElement.js

@@ -21,7 +21,7 @@ import { LitElement as v, createEvent as o, safeClassMap as c, renderElement as
 import { repeat as w } from "lit/directives/repeat.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.3 */
+v5.0.0-next.5 */
 const n = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-09-28T04:45:23",
+  "timestamp": "2025-09-30T04:39:41",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.3",
+    "version": "5.0.0-next.5",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -1324,7 +1324,7 @@
             {
               "kind": "field",
               "name": "model",
-              "description": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n\n**Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
+              "description": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n**Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
               "type": {
                 "text": "ChartModel | WebChart",
                 "references": [

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-09-28T04:45:23",
+  "timestamp": "2025-09-30T04:39:41",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.3",
+    "version": "5.0.0-next.5",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -1210,7 +1210,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n\n**Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
+          "docs": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n**Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
           "docsTags": [
             {
               "name": "type",

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/charts-components",
-  "version": "5.0.0-next.3",
+  "version": "5.0.0-next.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -620,7 +620,7 @@
               },
               {
                 "name": "model",
-                "description": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n\n**Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
+                "description": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n**Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
                 "type": "ChartModel | WebChart"
               },
               {

package/dist/index.js

@@ -19,7 +19,7 @@ import { B as yo, a as bo, C as mo, H as po, L as So, P as ho, S as Co } from ".
 import { g as Do, s as Lo } from "./chunks/runtime.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.3 */
+v5.0.0-next.5 */
 function $(a) {
   let o;
   switch (a.length) {

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.3 */
+v5.0.0-next.5 */
 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/box-plot-model/box-plot-model.d.ts

@@ -199,14 +199,12 @@ export declare class BoxPlotModel extends ChartModel {
     moveSeries(fromIndex: number, toIndex: number): void;
     /**
      * The index of the box plot series in the series array in config object when show mean is true.
-     *
-     * **NOTE**: There is only one box plot series when show mean is true. The function returns '-1' if show mean is false.
+     * **Note:** There is only one box plot series when show mean is true. The function returns '-1' if show mean is false.
      */
     get boxPlotSeriesIndexWhenMeanLinesShown(): number;
     /**
      * Move the custom sort values in-place for the order by list in the config.
-     *
-     * NOTE: This method should be only used when the sort order is set to `BoxPlotDataSortingKinds.customSort`.
+     * **Note:** This method should be only used when the sort order is set to `BoxPlotDataSortingKinds.customSort`.
      * @param {number} fromIndex The index to move the custom sort item from.
      * @param {number} toIndex The index to move the category item to.
      */

package/dist/model/box-plot-model/utils/box-plot-data.d.ts

@@ -133,6 +133,8 @@ export declare const setOrderByList: (values: string[], config: ChartConfig<type
  * @returns string[] - The custom sort values.
  */
 export declare const getCustomSortValues: (config: ChartConfig<typeof ModelTypes.BoxPlot>, layerInfo: LayerInfo) => Promise<string[]>;
+export declare const categoryIsEmpty: (category: string) => boolean;
+export declare const shouldClearSplitByField: (category: string, numericFields: string[]) => boolean;
 /**
  * Determines whether to use the split-by field based on the current category and numeric fields.
  */

package/dist/model/chart-model/chart-model.d.ts

@@ -77,8 +77,7 @@ export declare abstract class ChartModel extends EventTarget {
     set chartId(id: string | undefined);
     /**
      * Promise that resolves when the setup process is complete.
-     *
-     * **Note: This promise does not need to be awaited if the `setup` method has already been awaited. It is simply provided as a way to await the setup process from other functions if needed to avoid race conditions.**
+     * **Note:** This promise does not need to be awaited if the `setup` method has already been awaited. It is simply provided as a way to await the setup process from other functions if needed to avoid race conditions.
      */
     setupFinished: Promise<void>;
     /**
@@ -104,34 +103,25 @@ export declare abstract class ChartModel extends EventTarget {
     set descriptionText(description: string);
     /**
      * Whether or not the chart title is visible.
-     *
      * `true`: Chart title is visible.
-     *
      * `false`: Chart title is hidden.
-     *
-     * **Note: Even if the title is visible, it may not be displayed if the title text is empty.**
+     * **Note:** Even if the title is visible, it may not be displayed if the title text is empty.
      */
     get chartTitleVisibility(): boolean;
     set chartTitleVisibility(visibility: boolean);
     /**
      * Whether or not the chart subtitle is visible.
-     *
      * `true`: Chart subtitle is visible.
-     *
      * `false`: Chart subtitle is hidden.
-     *
-     * **Note: Even if the subtitle is visible, it may not be displayed if the subtitle text is empty.**
+     * **Note:** Even if the subtitle is visible, it may not be displayed if the subtitle text is empty.
      */
     get chartSubtitleVisibility(): boolean;
     set chartSubtitleVisibility(visibility: boolean);
     /**
      * Whether or not the chart description is visible.
-     *
      * `true`: Description is visible.
-     *
      * `false`: Description is hidden.
-     *
-     * **Note: Even if the description is visible, it may not be displayed if the description text is empty.**
+     * **Note:** Even if the description is visible, it may not be displayed if the description text is empty.
      */
     get descriptionVisibility(): boolean;
     set descriptionVisibility(visibility: boolean);

package/dist/model/mixins/model-with-multi-axes.d.ts

@@ -11,11 +11,9 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getAxisTitleText(axisIndex: number): string;
     /**
      * Sets the title text for the specified axis.
+     * **Note:** The title text for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param {string} titleText The title text for the axis.
      * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
-     *
-     * **NOTE**: The title text for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
-     * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setAxisTitleText(titleText: string, axisIndex: number): void;
     /**
@@ -26,11 +24,9 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getAxisTitleVisibility(axisIndex: number): boolean;
     /**
      * Sets the visibility of the specified axis title.
+     * **Note:** The title visibility for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param {boolean} isVisible The visibility state for the axis title.
      * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
-     *
-     * **NOTE**: The title visibility for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
-     * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setAxisTitleVisibility(isVisible: boolean, axisIndex: number): void;
     /**
@@ -41,11 +37,9 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getMaxBound(axisIndex: number): number;
     /**
      * Sets the maximum bound for the specified axis.
+     * **Note:** The maximum bound for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param {number | null} newMaxBound The value to set as the maximum bound.
      * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
-     *
-     * **NOTE**: The maximum bound for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
-     * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setMaxBound(newMaxBound: number | null, axisIndex: number): void;
     /**
@@ -56,11 +50,9 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getMinBound(axisIndex: number): number;
     /**
      * Sets the minimum bound for the specified axis.
+     * **Note:** The minimum bound for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param {number | null} newMinBound The value to set as the minimum bound.
      * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
-     *
-     * **NOTE**: The minimum bound for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
-     * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setMinBound(newMinBound: number | null, axisIndex: number): void;
     /**
@@ -71,11 +63,9 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getAxisValueFormat(axisIndex: number): CategoryFormatOptions | DateTimeFormatOptions | NumberFormatOptions | undefined;
     /**
      * Sets the value format for the specified axis.
+     * **Note:** The value format for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
      * @param {CategoryFormatOptions | DateTimeFormatOptions | NumberFormatOptions} valueFormat The value format to set.
-     *
-     * **NOTE**: The value format for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
-     * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setAxisValueFormat(axisIndex: number, valueFormat?: CategoryFormatOptions | DateTimeFormatOptions | NumberFormatOptions): void;
     /**
@@ -91,16 +81,11 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getLogarithmic(axisIndex: number): boolean;
     /**
      * Sets whether logarithmic scale is enabled for the specified axis.
-     *
      * `true`: Enable logarithmic scale for the specified axis.
-     *
      * `false`: Disable logarithmic scale for the specified axis.
-     *
+     * **Note:** The logarithmic scale for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param {boolean} isLogarithmic Whether to enable logarithmic scale for the specified axis.
      * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
-     *
-     * **NOTE**: The logarithmic scale for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
-     * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setLogarithmic(isLogarithmic: boolean, axisIndex: number): void;
     /**
@@ -111,11 +96,9 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getAxisScrollbar(axisIndex: number): WebChartAxisScrollBar | undefined;
     /**
      * Sets the scrollbar configuration for the specified axis.
+     * **Note:** The scrollbar configuration for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param {WebChartAxisScrollBar} scrollbar The scrollbar configuration to set.
      * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
-     *
-     * **NOTE**: The scrollbar configuration for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
-     * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setAxisScrollbar(scrollbar: WebChartAxisScrollBar, axisIndex: number): void;
     /**
@@ -125,11 +108,9 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getAxisTitleSymbol(axisIndex: number): WebChartTextSymbol | undefined;
     /**
      * Sets the title text symbol for the specified axis. Contains styling information such as font, color, and symbol style.
+     * **Note:** The title text symbol for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param {WebChartTextSymbol | undefined} titleSymbol The title text symbol to set.
      * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
-     *
-     * **NOTE**: The title text symbol for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
-     * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setAxisTitleSymbol(titleSymbol: WebChartTextSymbol | undefined, axisIndex: number): void;
     /**
@@ -139,11 +120,8 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getHorizontalAxisLabelsBehavior(): WebChartLabelBehavior;
     /**
      * Sets the horizontal axis labels behavior for the chart.
+     * **Note:** The horizontal axis labels behavior for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param horizontalBehavior The behavior for the horizontal axis labels.
-     *
-     * **NOTE**: The horizontal axis labels behavior for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
-     * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
-     *
      */
     setHorizontalAxisLabelsBehavior(horizontalBehavior: WebChartLabelBehavior): void;
     /**
@@ -153,10 +131,8 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getVerticalAxisLabelsBehavior(): WebChartLabelBehavior;
     /**
      * Sets the vertical axis labels behavior for the chart.
+     * **Note:** The vertical axis labels behavior for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart. To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param verticalBehavior The behavior for the vertical axis labels.
-     *
-     * **NOTE**: The vertical axis labels behavior for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
-     * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setVerticalAxisLabelsBehavior(verticalBehavior: WebChartLabelBehavior): void;
     /**
@@ -166,10 +142,9 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     getGridLinesSymbol(): ISimpleLineSymbol | undefined;
     /**
      * Sets the grid lines symbol. Contains styling information such as line width, line style, and line color.
+     * **Note:** To set the grid lines symbol for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      * @param {ISimpleLineSymbol | undefined} linesSymbol The grid lines symbol.
      * @param {number[]} axisIndices The indices of the axes to set the grid lines symbol for.
-     *
-     * **NOTE**: To set the grid lines symbol for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setGridLinesSymbol(linesSymbol: ISimpleLineSymbol | undefined, axisIndices?: number[]): void;
     /**
@@ -195,7 +170,7 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
      * a. This setting is only applicable to the axis of type ValueAxis.
      * b. To set the setting for the x-axis, the axisIndex should be `0`. For the y-axis, the axisIndex should be `1`.
      *
-     * **NOTE**: To set the display zero line for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * **Note:** To set the display zero line for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setDisplayZeroLine(displayZeroLine: boolean, axisIndex: number): void;
     /**
@@ -214,7 +189,7 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
      * @remarks
      * a. To set the setting for the x-axis, the axisIndex should be `0`. For the y-axis, the axisIndex should be `1`.
      *
-     * **NOTE**: To set the display cursor tooltip for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * **Note:** To set the display cursor tooltip for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setDisplayCursorTooltip(displayCursorTooltip: boolean, axisIndex: number): void;
     /**
@@ -235,7 +210,7 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
      * a. This setting is only applicable to the axis of type ValueAxis.
      * b. To set the setting for the x-axis, the axisIndex should be `0`. For the y-axis, the axisIndex should be `1`.
      *
-     * **NOTE**: To set the buffer for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * **Note:** To set the buffer for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setBuffer(buffer: boolean, axisIndex: number): void;
     /**
@@ -253,7 +228,7 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
      * @remarks
      * a. To set the setting for the x-axis, the axisIndex should be `0`. For the y-axis, the axisIndex should be `1`.
      *
-     * **NOTE**: To set the tick spacing for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * **Note:** To set the tick spacing for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setTickSpacing(tickSpacing: number, axisIndex: number): void;
     /**
@@ -274,14 +249,14 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
      * a. This setting is only applicable to the axis of type ValueAxis.
      * b. To set the setting for the x-axis, the axisIndex should be `0`. For the y-axis, the axisIndex should be `1`.
      *
-     * **NOTE**: To set the integer only values for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * **Note:** To set the integer only values for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     setIntegerOnlyValues(integerOnlyValues: boolean, axisIndex: number): void;
     /**
      * Visibility of the horizontal line of the cursor's crosshair.
      * @remarks if the cursor crosshair or its horizontal line visibility is not set, the default value of `false` will be returned.
      *
-     * **NOTE**: To set the cursor crosshair horizontal line visibility for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * **Note:** To set the cursor crosshair horizontal line visibility for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     get cursorCrosshairHorizontalLineVisibility(): boolean;
     set cursorCrosshairHorizontalLineVisibility(visibility: boolean);
@@ -289,21 +264,19 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
      * Visibility of the vertical line of the cursor's crosshair.
      * @remarks if the cursor crosshair or its vertical line visibility is not set, the default value of `false` will be returned.
      *
-     * **NOTE**: To set the cursor crosshair vertical line visibility for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * **Note:** To set the cursor crosshair vertical line visibility for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     get cursorCrosshairVerticalLineVisibility(): boolean;
     set cursorCrosshairVerticalLineVisibility(visibility: boolean);
     /**
      * Style of the cursor's crosshair from the chart config.
-     *
-     * **NOTE**: To set the cursor crosshair style for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * **Note:** To set the cursor crosshair style for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     get cursorCrosshairStyle(): ISimpleLineSymbol | undefined;
     set cursorCrosshairStyle(style: ISimpleLineSymbol | undefined);
     /**
      * Cursor crosshair from the chart config.
-     *
-     * **NOTE**: To set the cursor crosshair for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
+     * **Note:** To set the cursor crosshair for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
      */
     get cursorCrosshair(): WebChartCursorCrosshair | undefined;
     set cursorCrosshair(cursorCrosshair: WebChartCursorCrosshair | undefined);

package/dist/model/pie-chart-model/pie-chart-model.d.ts

@@ -71,8 +71,7 @@ export declare class PieChartModel extends ChartModel {
     getCustomSortValues(): Promise<string[]>;
     /**
      * Moves the custom sort values in-place for the order by list in the config.
-     *
-     * NOTE: This method should be only used when the sort order is set to `customSort`.
+     * **Note:** This method should be only used when the sort order is set to `customSort`.
      * @param {number} fromIndex The index to move the custom sort item from.
      * @param {number} toIndex The index to move the category item to.
      */

package/dist/model/serial-chart-model/serial-chart-model.d.ts

@@ -99,8 +99,7 @@ export declare abstract class SerialChartModel extends ChartModel {
     updateSeriesFromLayerFilter(): Promise<void>;
     /**
      * Whether temporal binning is enabled for all series in the config.
-     *
-     * **NOTE** Setting this prop removes any existing temporal binning settings if `value` is set to `false`.
+     * **Note:** Setting this prop removes any existing temporal binning settings if `value` is set to `false`.
      */
     get binTemporalData(): boolean;
     set binTemporalData(value: boolean);
@@ -159,8 +158,7 @@ export declare abstract class SerialChartModel extends ChartModel {
     moveSeries(fromIndex: number, toIndex: number): void;
     /**
      * Moves the custom sort values in-place for the order by list in the config.
-     *
-     * NOTE: This method should be only used when the sort order is set to `SerialChartDataSortingKinds.customSort`.
+     * **Note:** This method should be only used when the sort order is set to `SerialChartDataSortingKinds.customSort`.
      * @param {number} fromIndex The index to move the custom sort value from.
      * @param {number} toIndex The index to move the custom sort value to.
      */

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

@@ -144,11 +144,8 @@ export declare const setAxisValueFormat: (props: {
 export declare const getAxisLogarithmic: (config: WebChart, axisIndex: number) => boolean;
 /**
  * Sets whether logarithmic scale is enabled for the specified axis.
- *
  * `true`: Enable logarithmic scale for the specified axis.
- *
  * `false`: Disable logarithmic scale for the specified axis.
- *
  * @param {WebChart} props.config The chart configuration object.
  * @param {boolean} props.isLogarithmic Whether to enable logarithmic scale for the specified axis.
  * @param {number} props.axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).

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.3 */
+v5.0.0-next.5 */
 async function c(t) {
   const o = "config" in t ? r(t.config) : t.chartType;
   let a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.0.0-next.3",
+  "version": "5.0.0-next.5",
   "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.13.6",
-    "@arcgis/lumina": "5.0.0-next.3",
-    "@arcgis/toolkit": "5.0.0-next.3",
+    "@arcgis/lumina": "5.0.0-next.5",
+    "@arcgis/toolkit": "5.0.0-next.5",
     "ajv": "6.12.6",
     "d3-array": "^3.2.1",
     "d3-shape": "^3.2.0",

package/dist/cdn/2QC6ZPJH.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.3 */
-import{a as H,c as K}from"./O2GMCLWM.js";import{a as D}from"./OLQNVZUH.js";import{a as z}from"./5XKWLEPC.js";import g from"./YU3EMYVD.js";import{b as a,c,i as m}from"./OL7VEBIC.js";import{a as T}from"./LWF27VN7.js";import e from"./5MSCIR45.js";import d from"./U7NW4Q4W.js";import{g as f,w as V}from"./Y6H36UEQ.js";import"./RJP2TSH4.js";import"./OBNIZH6K.js";import{c as p}from"./T4NBUXZU.js";import{A as s,B as y,D as x,F as M,g as E,h as o,l as u,w as b,x as v,y as k}from"./67VULDXU.js";import"./XH3AFWLS.js";export default $arcgis.t(([,,,,,,,{E:L,G:P,Pa:I},,{a:C,b:N,f:B,g:_,h:S,i:$,j:F}])=>{var l={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},U=E`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right: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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.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)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,w=class extends k{constructor(){super(...arguments),this._messages=T(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=f(()=>{let e=this.binInputElement.value?.value;e!==void 0&&B(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&S({inputElement:this.binInputElement.value,status:$.INVALID})},C.DebounceTimer),this.onBinCountSliderChange=f(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},C.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=async e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(K(H),t){case m.transformation:this.model.dataTransformationType=i??p.None;break;case m.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigHistogramDataPopoverChange=u()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:3,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:7}}static{this.styles=U}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=z(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case p.None:e=this._messages.none??"";break;case p.Log:e=this._messages.log??"";break;case p.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case c.Min:t=this.minValue;break;case c.Max:t=this.maxValue;break;case c.Sum:t=this.sumValue;break;case c.Nulls:t=this.nullsValue;break;case c.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case c.CountExcludingNulls:t=this.countValue;break;case c.Mean:t=this.meanValue;break;case c.Median:t=this.medianValue;break;case c.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return F(t,N)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&S({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===V.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=m.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=m.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=m.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=m.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),n=t.includes(a.StandardDev),r=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==n&&(this.model.showStandardDevOverlay=n,this.standardDevOverlayVisible=n),this.normalDistOverlayVisible!==r&&(this.model.showNormalDistOverlay=r,this.normalDistOverlayVisible=r)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",n,r,h,g;switch(this.contentKind){case m.transformation:n=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.numericFields:r=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,n=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,n=void 0,r=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,n=void 0,r=void 0;break}this.histogramPopover=x(o`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${r} .selectedTransformationType=${n} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return o`<arcgis-charts-config-field-select .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`}renderDataTransformationType(){return o`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:n,ref:r,colorAction:h,color:g}=e,[O,A,j,q]=[...g??P()];return D(i,o`<calcite-list-item .label=${t??""} .value=${d} .selected=${n} ${v(r??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(O!==void 0?{color:`rgba(${O},${A},${j},${(q??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??L(0)];return o`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(l.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return o`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,o`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(c);return o`<calcite-list label class=${s(l.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return o`<div class=${s(l.row)}><calcite-label class=${s(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`}renderBinsSection(){return o`<div class=${s(l.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${_(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return o`<div><div class=${s(l.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(l.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(l.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(l.sectionLabel)}>${this._messages.bins}</div><p class=${s(l.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(l.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(l.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}</div>`}};M("arcgis-charts-config-histogram-data",w);return w},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",d,e,g)

package/dist/cdn/32RUS2M3.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.3 */
-import{a as m,c as K}from"./O2GMCLWM.js";import{a as P}from"./5XKWLEPC.js";import c from"./YU3EMYVD.js";import{j as o,l as h}from"./OL7VEBIC.js";import{a as E}from"./LWF27VN7.js";import b from"./5MSCIR45.js";import a from"./U7NW4Q4W.js";import{c as z,f as k,i as A,w as x}from"./Y6H36UEQ.js";import"./RJP2TSH4.js";import"./OBNIZH6K.js";import{a as f}from"./T4NBUXZU.js";import{A as i,B as v,D as w,F as L,g as F,h as n,l as $,w as d,x as r,y as T}from"./67VULDXU.js";import"./XH3AFWLS.js";export default $arcgis.t(([,,,,,,,{Aa:_,E:C,Pa:y,v:M},,{b:V,f:S,g:b,h:p,i:g,j:D}])=>{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"},R=F`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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)}: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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;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}`,I=class extends T{constructor(){super(...arguments),this._messages=E(),this.commonStrings=E({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=k(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,u=M*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,u]}},this.setXYField=e=>{try{let t=e.detail;K(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw 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:f.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 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}`,S(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?p({inputElement:this.minSizeInputElement.value,status:g.IDLE}):p({inputElement:this.minSizeInputElement.value,status:g.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,S(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?p({inputElement:this.maxSizeInputElement.value,status:g.IDLE}):p({inputElement:this.maxSizeInputElement.value,status:g.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:11,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=R}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=_(this.commonStrings),this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedElement")&&this.openPopover()}async loaded(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}openPopover(){(typeof this.selectedElement=="string"||!A(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&&S(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,u=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":u!==void 0&&(this.model.fixedMarkerSymbol={...u,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}p({inputElement:t,status:g.IDLE})}else p({inputElement:t,status:g.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:f.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:f.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=[...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 u=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:u?.type===x.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=w(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={}}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=${y(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=${y(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=${y(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??C(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===x.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:D(this.r2,V)}`}</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=${b(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-select .label=${y(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=${b(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=${b(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(b(this.model.sizePolicy?.minSize))} .maxValue=${z(b(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,t,a,s]=[...this.model.fixedMarkerSymbol?.color??C(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!==!0?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!==!0} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<div><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()}</div>`}};L("arcgis-charts-config-scatter-plot-data",I);return I},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b,c)