@arcgis/charts-components 5.0.0-next.123 → 5.0.0-next.125

package/dist/docs/web-types.json

@@ -1,14 +1,14 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/charts-components",
-  "version": "5.0.0-next.123",
+  "version": "5.0.0-next.125",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "arcgis-chart",
-          "description": "The Chart component renders a chart based on the provided model. Get started by reading the [Introduction to charts](https://developers.arcgis.com/javascript/latest/charts-components-intro/) page.\n\nSupported chart types include bar charts, box plots, line charts, combo bar-line charts, gauges, heat charts, histograms, pie charts, scatterplots, and radar charts.\n--\n\n### Events\n- **arcgisAxesMinMaxChange** - Event triggered once the chart axes min/max values are computed.\n- **arcgisBadDataWarningRaise** - Event triggered when an error is detected with the data set.\n- **arcgisChartNotFoundWarning** - Event triggered when the chart is not found for the given `chartIndex` property.\n- **arcgisConfigChange** - Event triggered when the chart config is changed.\n- **arcgisDataFetchComplete** - Event triggered once the chart data has been fetched but not yet fully processed.\n\nFor instance it can be useful to see all the slices before they get grouped into an 'other' slice during the post-processing step.\n\n**Note**: Applicable to pie chart only.\n- **arcgisDataProcessComplete** - Event triggered once the chart data has been processed.\n- **arcgisDataProcessError** - Event triggered when an error occurred while fetching of processing the data for the chart.\n- **arcgisLegendItemVisibilityChange** - Event triggered once a legend item visibility has been changed.\n- **arcgisNoRenderPropChange** - Event triggered when a no-render prop is changed.\n- **arcgisRenderingComplete** - Event triggered once the chart rendering is complete.\n- **arcgisRuntimeError** - Event triggered when an error occurred that prevents the chart from being created or updated.\n- **arcgisSelectionComplete** - Event triggered when a selection is applied to the chart.\n- **arcgisSeriesColorChange** - Event triggered once the chart series color have been assigned.\n- **arcgisSeriesOrder** - Event carrying the series id as they have been sorted following the `orderOptions` instructions.\n- **arcgisUpdateComplete** - Event triggered once the chart is updated.\n\n### Methods\n- `clearSelection(): Promise<void>` - Clears all selection on the chart.\n\n**Note**: Not applicable to gauge.\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n- `errorAlert(errorMessage?: string): Promise<void>` - Triggers an alert to display an error message.\n- `exportAsCSV(options?: CSVOptions): Promise<void>` - Export the current chart's data as a CSV file.\n\nThe `Options` object can contain the following properties:\n- `columns`: An array of column to include in the CSV file.\n- `delimiter`: The delimiter to use in the CSV file. Default is `,`.\n- `includeHeader`: Whether to include the header row in the CSV file. Default is `true`.\n- `quoteAll`: Whether to quote all values in the CSV file. Default is `false`.\n- `locale`: The locale to use when formatting the CSV file. Default is `en`.\n   - Locale supported are: \"ar\", \"ar-u-nu-latn\", \"bs\", \"bg\", \"ca\", \"cs\", \"da\", \"de\", \"el\", \"en\", \"en-US\", \"es\", \"et\", \"fi\", \"fr\", \"he\", \"hr\", \"hu\", \"id\", \"it\", \"ja\", \"ko\", \"lt\", \"lv\", \"no\", \"nl\", \"pl\", \"pt-BR\", \"pt-PT\", \"ro\", \"ru\", \"sr\", \"sl\", \"sk\", \"sv\", \"th\", \"tr\", \"uk\", \"vi\", \"zh-CN\", \"zh-HK\", \"zh-TW\"\n**Note**: The chart types supported by this method are:\n- Bar chart\n- Box plot\n- Combo bar and line chart\n- Histogram\n- Line chart\n- Pie chart\n- `exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>` - Exports the current chart as an image. The default format is PNG, with SVG and JPEG available as alternatives.\n- `loadModel(): Promise<void>` - Returns a promise that resolves when the chart model is fully loaded.\n- `notify(message?: string, heading?: string, options?: NotifyOptions): Promise<void>` - Notify method allows passing external messages to the chart component.\nIt can be used to pass validation or information messages.\nIn a situation where a config update is overriding your notification modal, consider waiting for the `arcgisUpdateComplete` event.\n- `refresh(props?: { updateData?: boolean; resetAxesBounds?: boolean; }): Promise<void>` - Re-render the chart.\n- `resetZoom(): Promise<void>` - Resets the chart zoom to bring it back to full extent\n\n**Note**: Applicable to XY charts only.\n- `switchSelection(): Promise<void>` - Switches the selection on the chart.\n\n**Note**: Not applicable to gauge.\n\n### Slots\n- **action-bar** - Slot for adding a `charts-action-bar` component or `calcite-action-bar`.",
+          "description": "The Chart component renders a chart based on the provided model. Get started by reading the [Introduction to charts](https://developers.arcgis.com/javascript/latest/charts-components-intro/) page.\n\nSupported chart types include bar charts, box plots, line charts, combo bar-line charts, gauges, heat charts, histograms, pie charts, scatterplots, and radar charts.\n--\n\n### Events\n- **arcgisAxesMinMaxChange** - Event triggered once the chart axes min/max values are computed.\n- **arcgisBadDataWarningRaise** - Event triggered when an error is detected with the data set.\n- **arcgisChartNotFoundWarning** - Event triggered when the chart is not found for the given `chartIndex` property.\n- **arcgisConfigChange** - Event triggered when the chart config is changed.\n- **arcgisDataFetchComplete** - Event triggered once the chart data has been fetched but not yet fully processed.\n\nFor instance it can be useful to see all the slices before they get grouped into an 'other' slice during the post-processing step.\n\n**Note**: Applicable to pie chart only.\n- **arcgisDataProcessComplete** - Event triggered once the chart data has been processed.\n- **arcgisDataProcessError** - Event triggered when an error occurred while fetching of processing the data for the chart.\n- **arcgisInvalidConfigWarningRaise** - Event triggered when an invalid configuration is detected.\n- **arcgisLegendItemVisibilityChange** - Event triggered once a legend item visibility has been changed.\n- **arcgisNoRenderPropChange** - Event triggered when a no-render prop is changed.\n- **arcgisRenderingComplete** - Event triggered once the chart rendering is complete.\n- **arcgisRuntimeError** - Event triggered when an error occurred that prevents the chart from being created or updated.\n- **arcgisSelectionComplete** - Event triggered when a selection is applied to the chart.\n- **arcgisSeriesColorChange** - Event triggered once the chart series color have been assigned.\n- **arcgisSeriesOrder** - Event carrying the series id as they have been sorted following the `orderOptions` instructions.\n- **arcgisUpdateComplete** - Event triggered once the chart is updated.\n\n### Methods\n- `clearSelection(): Promise<void>` - Clears all selection on the chart.\n\n**Note**: Not applicable to gauge.\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n- `errorAlert(errorMessage?: string): Promise<void>` - Triggers an alert to display an error message.\n- `exportAsCSV(options?: CSVOptions): Promise<void>` - Export the current chart's data as a CSV file.\n\nThe `Options` object can contain the following properties:\n- `columns`: An array of column to include in the CSV file.\n- `delimiter`: The delimiter to use in the CSV file. Default is `,`.\n- `includeHeader`: Whether to include the header row in the CSV file. Default is `true`.\n- `quoteAll`: Whether to quote all values in the CSV file. Default is `false`.\n- `locale`: The locale to use when formatting the CSV file. Default is `en`.\n   - Locale supported are: \"ar\", \"ar-u-nu-latn\", \"bs\", \"bg\", \"ca\", \"cs\", \"da\", \"de\", \"el\", \"en\", \"en-US\", \"es\", \"et\", \"fi\", \"fr\", \"he\", \"hr\", \"hu\", \"id\", \"it\", \"ja\", \"ko\", \"lt\", \"lv\", \"no\", \"nl\", \"pl\", \"pt-BR\", \"pt-PT\", \"ro\", \"ru\", \"sr\", \"sl\", \"sk\", \"sv\", \"th\", \"tr\", \"uk\", \"vi\", \"zh-CN\", \"zh-HK\", \"zh-TW\"\n**Note**: The chart types supported by this method are:\n- Bar chart\n- Box plot\n- Combo bar and line chart\n- Histogram\n- Line chart\n- Pie chart\n- `exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>` - Exports the current chart as an image. The default format is PNG, with SVG and JPEG available as alternatives.\n- `loadModel(): Promise<void>` - Returns a promise that resolves when the chart model is fully loaded.\n- `notify(message?: string, heading?: string): Promise<void>` - Notify method allows passing external messages to the chart component.\nIt can be used to pass validation or information messages.\nIn a situation where a config update is overriding your notification modal, consider waiting for the `arcgisUpdateComplete` event.\n- `refresh(props?: { updateData?: boolean; resetAxesBounds?: boolean; }): Promise<void>` - Re-render the chart.\n- `resetZoom(): Promise<void>` - Resets the chart zoom to bring it back to full extent\n\n**Note**: Applicable to XY charts only.\n- `switchSelection(): Promise<void>` - Switches the selection on the chart.\n\n**Note**: Not applicable to gauge.\n\n### Slots\n- **action-bar** - Slot for adding a `charts-action-bar` component or `calcite-action-bar`.",
           "doc-url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-chart/",
           "attributes": [
             {
@@ -431,6 +431,11 @@
               "type": "void",
               "description": "Event triggered when an error occurred while fetching of processing the data for the chart."
             },
+            {
+              "name": "arcgisInvalidConfigWarningRaise",
+              "type": "DataWarningObject",
+              "description": "Event triggered when an invalid configuration is detected."
+            },
             {
               "name": "arcgisLegendItemVisibilityChange",
               "type": "{\n    legendItemVisibility: LegendItemVisibility;\n    model: ChartModel | undefined;\n}",
@@ -826,6 +831,11 @@
                 "type": "void",
                 "description": "Event triggered when an error occurred while fetching of processing the data for the chart."
               },
+              {
+                "name": "arcgisInvalidConfigWarningRaise",
+                "type": "DataWarningObject",
+                "description": "Event triggered when an invalid configuration is detected."
+              },
               {
                 "name": "arcgisLegendItemVisibilityChange",
                 "type": "{\n    legendItemVisibility: LegendItemVisibility;\n    model: ChartModel | undefined;\n}",
@@ -1511,6 +1521,52 @@
               }
             ]
           }
+        },
+        {
+          "name": "arcgis-charts-config-info-modal",
+          "description": "### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-charts-config-info-modal/",
+          "attributes": [
+            {
+              "name": "heading",
+              "default": "\"\"",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "message",
+              "default": "\"\"",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "show-error-modal-info",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "heading",
+                "type": "string"
+              },
+              {
+                "name": "message",
+                "type": "string"
+              },
+              {
+                "name": "showErrorModalInfo",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
         }
       ]
     },

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import type { ArcgisChart } from "./components/arcgis-chart/customElement.js";
 import type { ArcgisChartsActionBar } from "./components/arcgis-charts-action-bar/customElement.js";
+import type { ArcgisChartsConfigInfoModal } from "./components/arcgis-charts-config-info-modal/customElement.js";
 
 /** @public */
 export * from './spec/index';
@@ -37,6 +38,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "arcgis-chart": ArcgisChart;
     "arcgis-charts-action-bar": ArcgisChartsActionBar;
+    "arcgis-charts-config-info-modal": ArcgisChartsConfigInfoModal;
   }
 
   type HTMLArcgisChartElementEventMap = ArcgisChart["@eventTypes"];
@@ -47,4 +49,7 @@ declare global {
   type HTMLArcgisChartsActionBarElement = ArcgisChartsActionBar;
 
 
+  type HTMLArcgisChartsConfigInfoModalElement = ArcgisChartsConfigInfoModal;
+
+
 }

package/dist/index.js

@@ -14,7 +14,7 @@ import { B as po, a as fo, C as Fo, H as Do, L as Lo, P as To, S as Po } from ".
 import { g as Bo, s as Mo } 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.123 */
+v5.0.0-next.125 */
 export {
   t as ActionModes,
   yi as ActionState,

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.123 */
+v5.0.0-next.125 */
 const o = t(e, {
   "arcgis-chart": [() => import("./components/arcgis-chart/customElement.js"), "actionMode,allowUsingObjectIdStat,autoDestroyDisabled,autoDisposeChart,autoInverseDataLabelTextColor,chartIndex,chartLimits:,chartWillRender:,cursorRange,dataLabelFormatter:,disableAutoTheming,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:,messageOverrides:,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"],
@@ -38,6 +38,7 @@ const o = t(e, {
   "arcgis-charts-config-histogram": [() => import("./components/arcgis-charts-config-histogram/customElement.js"), "calculatedMinMaxBounds:,chartData:,layer:,model:,page,seriesColor:,usePopupTemplateFieldsInfo"],
   "arcgis-charts-config-histogram-data": [() => import("./components/arcgis-charts-config-histogram-data/customElement.js"), "countValue,layerFieldsInfo:,maxValue,meanValue,medianValue,messageOverrides:,minValue,model:,nullsValue,open,selectedOverlaySymbolType,standardDevValue,sumValue"],
   "arcgis-charts-config-histogram-popover": [() => import("./components/arcgis-charts-config-histogram-popover/customElement.js"), "contentKind,headingTitle,layerFieldsInfo:,messageOverrides:,open,placement,referenceElement:,selectedBinColor:,selectedNumericField,selectedOverlaySymbol:,selectedOverlaySymbolType,selectedTransformationType;reposition"],
+  "arcgis-charts-config-info-modal": [() => import("./components/arcgis-charts-config-info-modal/customElement.js"), "heading,message,showErrorModalInfo"],
   "arcgis-charts-config-invalid-input-message": [() => import("./components/arcgis-charts-config-invalid-input-message/customElement.js"), "invalidInputMessage,isInvalid"],
   "arcgis-charts-config-line-chart": [() => import("./components/arcgis-charts-config-line-chart/customElement.js"), "calculatedDataMinMaxBounds:,calculatedMinMaxBounds:,layer:,model:,page,popoverPlacement,seriesColor:,timeZone,usePopupTemplateFieldsInfo"],
   "arcgis-charts-config-line-chart-data": [() => import("./components/arcgis-charts-config-line-chart-data/customElement.js"), "layerFieldsInfo:,messageOverrides:,model:,resetTimeInterval:"],

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

@@ -149,7 +149,7 @@ export declare class HeatChartModel extends SerialChartModel {
     set emptyCellText(text: string | undefined);
     get includeLeapDay(): boolean | undefined;
     /**
-     * The heat charts include leap day flag
+     * The heat charts include leap day flag that is only honored when day of month is used
      */
     set includeLeapDay(include: boolean | undefined);
     get emptyCellSymbol(): ISimpleFillSymbol | undefined;

package/dist/model/heat-chart-model/utils/heat-chart-data.d.ts

@@ -53,10 +53,15 @@ export declare const setYField: (props: {
 export declare const getYField: (config: HeatChartConfig) => string;
 /**
  * Sets x binning
- * @param binning - the x binning
- * @param config - The heat chart config
+ * @param props.commonStrings - The common strings
+ * @param props.binning - the x binning
+ * @param props.config - The heat chart config
  */
-export declare const setXTemporalBinning: (binning: WebChartCalendarDatePartsBinning | undefined, config: HeatChartConfig) => void;
+export declare const setXTemporalBinning: (props: {
+    commonStrings: CommonStrings;
+    binning: WebChartCalendarDatePartsBinning | undefined;
+    config: HeatChartConfig;
+}) => void;
 /**
  * Gets the x binning
  * @param config - the heat chart config
@@ -64,10 +69,15 @@ export declare const setXTemporalBinning: (binning: WebChartCalendarDatePartsBin
 export declare const getXTemporalBinning: (config: HeatChartConfig) => WebChartCalendarDatePartsBinning | undefined;
 /**
  * Sets y binning
- * @param binning - the y binning
- * @param config - The heat chart config
+ * @param props.commonStrings - The common strings
+ * @param props.binning - the y binning
+ * @param props.config - The heat chart config
  */
-export declare const setYTemporalBinning: (binning: WebChartCalendarDatePartsBinning | undefined, config: HeatChartConfig) => void;
+export declare const setYTemporalBinning: (props: {
+    commonStrings: CommonStrings;
+    binning: WebChartCalendarDatePartsBinning | undefined;
+    config: HeatChartConfig;
+}) => void;
 /**
  * Gets the y binning
  * @param config - the heat chart config

package/dist/model.js

@@ -4,7 +4,7 @@ import { v as r, w as s, x as n } from "./chunks/type-guards.js";
 import { a as P, f as B, i as x, c as v, k as G, j as H, h as K, b as W, u as D, o as F, r as O, m as E, l as R, t as Y, n as $, p as j, q, s as A, e as X, g as z, d as I } 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.123 */
+v5.0.0-next.125 */
 async function c(t) {
   const o = "config" in t ? r(t.config) : t.chartType;
   let a;

package/dist/types/lumina.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="../index.d.ts" />
 import type { ArcgisChart } from "../components/arcgis-chart/customElement.js";
 import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/customElement.js";
+import type { ArcgisChartsConfigInfoModal } from "../components/arcgis-charts-config-info-modal/customElement.js";
 import type { h, EventHandler } from "@arcgis/lumina";
 
 interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableAutoTheming' | 'disableTogglingLegendItems' | 'enableBetaFeatures' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | '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'>>, ArcgisChartSetterTypes, h.JSX.HTMLAttributes<HTMLArcgisChartElement> {
@@ -11,6 +12,7 @@ interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'al
   onarcgisDataFetchComplete?: EventHandler<HTMLArcgisChartElement["arcgisDataFetchComplete"]>;
   onarcgisDataProcessComplete?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessComplete"]>;
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
+  onarcgisInvalidConfigWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisInvalidConfigWarningRaise"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
   onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
@@ -27,11 +29,15 @@ interface LuminaArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar
   onarcgisDefaultActionSelect?: EventHandler<HTMLArcgisChartsActionBarElement["arcgisDefaultActionSelect"]>;
 }
 
+interface LuminaArcgisChartsConfigInfoModal extends Partial<Pick<ArcgisChartsConfigInfoModal, 'heading' | 'message' | 'showErrorModalInfo'>>, h.JSX.HTMLAttributes<HTMLArcgisChartsConfigInfoModalElement> {
+}
+
 declare module "@arcgis/lumina" {
   export namespace h.JSX {
     interface IntrinsicElements {
       "arcgis-chart": LuminaArcgisChart;
       "arcgis-charts-action-bar": LuminaArcgisChartsActionBar;
+      "arcgis-charts-config-info-modal": LuminaArcgisChartsConfigInfoModal;
     }
   }
 }

package/dist/types/preact.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="../index.d.ts" />
 import type { ArcgisChart } from "../components/arcgis-chart/customElement.js";
 import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/customElement.js";
+import type { ArcgisChartsConfigInfoModal } from "../components/arcgis-charts-config-info-modal/customElement.js";
 import { HTMLAttributes } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
@@ -12,6 +13,7 @@ interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'al
   onarcgisDataFetchComplete?: EventHandler<HTMLArcgisChartElement["arcgisDataFetchComplete"]>;
   onarcgisDataProcessComplete?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessComplete"]>;
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
+  onarcgisInvalidConfigWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisInvalidConfigWarningRaise"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
   onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
@@ -28,17 +30,22 @@ interface PreactArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar
   onarcgisDefaultActionSelect?: EventHandler<HTMLArcgisChartsActionBarElement["arcgisDefaultActionSelect"]>;
 }
 
+interface PreactArcgisChartsConfigInfoModal extends Partial<Pick<ArcgisChartsConfigInfoModal, 'heading' | 'message' | 'showErrorModalInfo'>>, HTMLAttributes<HTMLArcgisChartsConfigInfoModalElement> {
+}
+
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
       "arcgis-chart": PreactArcgisChart;
       "arcgis-charts-action-bar": PreactArcgisChartsActionBar;
+      "arcgis-charts-config-info-modal": PreactArcgisChartsConfigInfoModal;
     }
   }
   namespace h.JSX {
     interface IntrinsicElements {
       "arcgis-chart": PreactArcgisChart;
       "arcgis-charts-action-bar": PreactArcgisChartsActionBar;
+      "arcgis-charts-config-info-modal": PreactArcgisChartsConfigInfoModal;
     }
   }
 }

package/dist/types/react.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="../index.d.ts" />
 import type { ArcgisChart } from "../components/arcgis-chart/customElement.js";
 import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/customElement.js";
+import type { ArcgisChartsConfigInfoModal } from "../components/arcgis-charts-config-info-modal/customElement.js";
 import type { HTMLProps } from 'react';
 import type { EventHandler } from "@arcgis/lumina"; 
 
@@ -12,6 +13,7 @@ interface ReactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'all
   onarcgisDataFetchComplete?: EventHandler<HTMLArcgisChartElement["arcgisDataFetchComplete"]>;
   onarcgisDataProcessComplete?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessComplete"]>;
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
+  onarcgisInvalidConfigWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisInvalidConfigWarningRaise"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
   onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
@@ -28,11 +30,15 @@ interface ReactArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar,
   onarcgisDefaultActionSelect?: EventHandler<HTMLArcgisChartsActionBarElement["arcgisDefaultActionSelect"]>;
 }
 
+interface ReactArcgisChartsConfigInfoModal extends Partial<Pick<ArcgisChartsConfigInfoModal, 'heading' | 'message' | 'showErrorModalInfo'>>, HTMLProps<HTMLArcgisChartsConfigInfoModalElement> {
+}
+
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
       "arcgis-chart": ReactArcgisChart;
       "arcgis-charts-action-bar": ReactArcgisChartsActionBar;
+      "arcgis-charts-config-info-modal": ReactArcgisChartsConfigInfoModal;
     }
   }
 }
@@ -41,6 +47,7 @@ declare module "react/jsx-runtime" {
     interface IntrinsicElements {
       "arcgis-chart": ReactArcgisChart;
       "arcgis-charts-action-bar": ReactArcgisChartsActionBar;
+      "arcgis-charts-config-info-modal": ReactArcgisChartsConfigInfoModal;
     }
   }
 }
@@ -49,6 +56,7 @@ declare module "react/jsx-dev-runtime" {
     interface IntrinsicElements {
       "arcgis-chart": ReactArcgisChart;
       "arcgis-charts-action-bar": ReactArcgisChartsActionBar;
+      "arcgis-charts-config-info-modal": ReactArcgisChartsConfigInfoModal;
     }
   }
 }

package/dist/types/stencil.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="../index.d.ts" />
 import type { ArcgisChart } from "../components/arcgis-chart/customElement.js";
 import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/customElement.js";
+import type { ArcgisChartsConfigInfoModal } from "../components/arcgis-charts-config-info-modal/customElement.js";
 import { JSXBase as StencilJsx } from "@stencil/core/internal";
 import type { EventHandler } from "@arcgis/lumina";
 
@@ -12,6 +13,7 @@ interface StencilArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'a
   onArcgisDataFetchComplete?: EventHandler<HTMLArcgisChartElement["arcgisDataFetchComplete"]>;
   onArcgisDataProcessComplete?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessComplete"]>;
   onArcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
+  onArcgisInvalidConfigWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisInvalidConfigWarningRaise"]>;
   onArcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onArcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
   onArcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
@@ -28,9 +30,13 @@ interface StencilArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBa
   onArcgisDefaultActionSelect?: EventHandler<HTMLArcgisChartsActionBarElement["arcgisDefaultActionSelect"]>;
 }
 
+interface StencilArcgisChartsConfigInfoModal extends Partial<Pick<ArcgisChartsConfigInfoModal, 'heading' | 'message' | 'showErrorModalInfo'>>, StencilJsx.HTMLAttributes<HTMLArcgisChartsConfigInfoModalElement> {
+}
+
 interface ExposedElements {
   "arcgis-chart": StencilArcgisChart;
   "arcgis-charts-action-bar": StencilArcgisChartsActionBar;
+  "arcgis-charts-config-info-modal": StencilArcgisChartsConfigInfoModal;
 }
 
 export namespace JSX {

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

@@ -53,6 +53,7 @@ export declare const ConfigErrorKeywords: {
 export declare const DataWarningKeywords: {
     readonly BadData: "badData";
     readonly EmptyDataSet: "emptyDataSet";
+    readonly InvalidConfig: "invalidConfig";
     readonly HistogramEmptyField: "histogramEmptyField";
     readonly BarElementExceedsLimit: "barElementExceedsLimit";
     readonly LineChartExceedsLimit: "lineChartExceedsLimit";

package/dist/utils/components/error-modal-utils.d.ts

@@ -0,0 +1,22 @@
+import { WebChart, WebGaugeChart } from '../../spec';
+import { ValidationStatus } from '../chart-config/validator/interfaces';
+import { ErrorStrings } from '../localization/interfaces';
+/**
+ * Validates the `WebChart` config and displays the `Errors` and `Warnings` them in the chart popup.
+ * Both `Errors` and `Warnings` are non-dismissible.
+ *
+ * @param props.chart The chart
+ * @param props.chartConfig The optional chart config
+ * @param props.createMessage The optional error and warning to be displayed
+ * @param props.status The validation status containing details about why the config is invalid
+ * @param props.errorStrings The t9n error strings
+ */
+export declare function generateWarningForInvalidConfig(props: {
+    chartConfig?: WebChart | WebGaugeChart;
+    createMessage?: string;
+    status: ValidationStatus;
+    errorStrings: ErrorStrings;
+}): {
+    title: string;
+    message: string;
+};

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

@@ -9,6 +9,7 @@ declare const CommonStringsIdentity: (value: {
             histogram: string;
             scatterplot: string;
             boxPlot: string;
+            heatChart: string;
         };
         statistics: {
             mean: string;
@@ -49,14 +50,16 @@ declare const CommonStringsIdentity: (value: {
         };
         notAvailable: string;
         field: string;
-        dayOfWeek: string;
-        monthOfYear: string;
-        dayOfMonth: string;
-        hourOfDay: string;
-        dayOfYear: string;
-        minuteOfDay: string;
-        weekOfYear: string;
-        quarterOfYear: string;
+        heatChartCalendarDatePartsUnits: {
+            dayOfWeek: string;
+            monthOfYear: string;
+            dayOfMonth: string;
+            hourOfDay: string;
+            dayOfYear: string;
+            minuteOfDay: string;
+            weekOfYear: string;
+            quarterOfYear: string;
+        };
     };
     errorStrings: {
         errorHeading: string;
@@ -262,6 +265,7 @@ declare const CommonStringsIdentity: (value: {
             histogram: string;
             scatterplot: string;
             boxPlot: string;
+            heatChart: string;
         };
         statistics: {
             mean: string;
@@ -302,14 +306,16 @@ declare const CommonStringsIdentity: (value: {
         };
         notAvailable: string;
         field: string;
-        dayOfWeek: string;
-        monthOfYear: string;
-        dayOfMonth: string;
-        hourOfDay: string;
-        dayOfYear: string;
-        minuteOfDay: string;
-        weekOfYear: string;
-        quarterOfYear: string;
+        heatChartCalendarDatePartsUnits: {
+            dayOfWeek: string;
+            monthOfYear: string;
+            dayOfMonth: string;
+            hourOfDay: string;
+            dayOfYear: string;
+            minuteOfDay: string;
+            weekOfYear: string;
+            quarterOfYear: string;
+        };
     };
     errorStrings: {
         errorHeading: string;

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

@@ -58,6 +58,7 @@ export declare const ChartComponentEvents: {
     readonly ActionBarToggle: "arcgisActionBarToggle";
     readonly NoRenderPropChange: "arcgisNoRenderPropChange";
     readonly BadDataWarningRaise: "arcgisBadDataWarningRaise";
+    readonly InvalidConfigRaise: "arcgisInvalidConfigWarningRaise";
     readonly SeriesOrder: "arcgisSeriesOrder";
     readonly RuntimeError: "arcgisRuntimeError";
     readonly ConfigChange: "arcgisConfigChange";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.0.0-next.123",
+  "version": "5.0.0-next.125",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "dist/index.js",
@@ -28,8 +28,7 @@
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
     "@amcharts/amcharts5": "~5.15.1",
-    "@arcgis/lumina": "5.0.0-next.123",
-    "@arcgis/toolkit": "5.0.0-next.123",
+    "@esri/arcgis-html-sanitizer": "~4.1.0",
     "ajv": "6.12.6",
     "d3-array": "^3.2.1",
     "d3-shape": "^3.2.0",
@@ -38,9 +37,12 @@
     "jszip": "^3.10.1",
     "lit": "^3.3.0",
     "lodash-es": "^4.17.21",
+    "luxon": "~3.7.2",
     "simple-statistics": "^7.8.8",
     "tslib": "^2.8.1",
-    "uuid": "^11.1.0"
+    "uuid": "^11.1.0",
+    "@arcgis/lumina": "5.0.0-next.125",
+    "@arcgis/toolkit": "5.0.0-next.125"
   },
   "peerDependencies": {
     "@arcgis/core": ">=5.0.0-next.62 <5.1",

package/dist/cdn/3O3IW372.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.123 */
-import{a as H,c as K}from"./5KTOOVDX.js";import{a as D}from"./J26PIFFC.js";import{a as z}from"./EGISRX6L.js";import g from"./4LJW6QIZ.js";import{b as a,c,i as m}from"./DAFPW2N6.js";import{a as T}from"./FPPXKSC3.js";import e from"./EG57VIBU.js";import"./WZJWSOBO.js";import d from"./ARRVJGAW.js";import{h as f,y as V}from"./Z4PJXGCF.js";import"./QJVIJMD6.js";import"./6VKYAD6H.js";import{c as p}from"./VMAVLG5A.js";import{A as s,B as y,D as x,F as M,g as E,h as o,m as u,x as b,y as v,z as k}from"./AAXCZN6G.js";import"./K4ZZVDUE.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Ab:I,K:L,M:P},,{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"},q=E`.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{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=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 t instanceof Error&&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:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=q}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,U]=[...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},${(U??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 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()}`}};M("arcgis-charts-config-histogram-data",w);return w},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",d,e,g)

package/dist/cdn/3RFTV54L.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.123 */
-import{a as C}from"./PYJZVJLW.js";import{a as b}from"./J26PIFFC.js";import{b as S,c as T}from"./EGISRX6L.js";import e from"./4LJW6QIZ.js";import{h as a}from"./DAFPW2N6.js";import{a as f}from"./FPPXKSC3.js";import d from"./EG57VIBU.js";import"./WZJWSOBO.js";import c from"./ARRVJGAW.js";import{k as L,s as P}from"./Z4PJXGCF.js";import"./QJVIJMD6.js";import{d as r}from"./6VKYAD6H.js";import"./VMAVLG5A.js";import{A as n,F as y,g as v,h as s,m as h,x as g,y as p,z as $}from"./AAXCZN6G.js";import"./K4ZZVDUE.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Ab:F,Ca:x,Fc:I,Hc:w},,{a:D,d:u,k:m,o:E}])=>{var l={jsAppFlyout:"js-app-flyout",name:"pie-chart-data-popover",numericFieldPickList:"pie-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",flipClass:"sort-counter-clockwise",panel:"panel"},K=v`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-counter-clockwise{transform:scaleX(-1)}.panel{max-height:60vh}`,k=class extends ${constructor(){super(...arguments),this._messages=f(),this.commonStrings=f({name:"common",blocking:!0}),this.picklist=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.layerFieldsInfo=[],this.arcgisChartsConfigPieChartDataPopoverChange=h(),this.arcgisChartsConfigPopoverClose=h()}static{this.properties={aggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1}}static{this.styles=K}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=u.map(i=>x(i,this.commonStrings));L(this.aggregationLabels,t)||(this.aggregationLabels=t)}updated(){S(this.popoverElement.value,this.open),setTimeout(()=>{this.picklist.value?.setFocus()},D.PopoverTimer)}selectedContentChange(e,t){this.pickListHasChanged=T(e,t)}buildAggregationPickListItems(){return C(u,e=>e,(e,t)=>s`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildSortOrder(){let e=Object.keys(r);return e.splice(e.indexOf(r.customSort),1),C(e,t=>t,t=>{let i="string",c="rotate",o="";switch(t){case r.labelAsc:i="string";break;case r.labelDesc:i="string",o=l.flipClass;break;case r.valueAsc:i="number";break;case r.valueDesc:i="number",o=l.flipClass;break;case r.customSort:}return s`<calcite-list-item .selected=${this.selectedContent===t} .label=${this._messages[t]} .value=${r[t]}><calcite-icon slot=content-end .icon=${i}></calcite-icon><calcite-icon class=${n(o)} slot=content-end .icon=${c}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return b(e.name,s`<calcite-list-item .label=${F(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case a.numericFields:{for(let c=0;c<t;c+=1){let o=this.layerFieldsInfo[c];I(o)&&i.push(this.buildPickListItem(o))}break}case a.category:{let c=b(" ",s`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);i.push(c);for(let o=0;o<t;o+=1){let d=this.layerFieldsInfo[o];(w(d)||d.type===P.String)&&i.push(this.buildPickListItem(d))}break}}return i}closePopover(){if(this.contentKind===a.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigPieChartDataPopoverChange,contentKind:this.contentKind};E(e)}this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigPieChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.pickListHasChanged&&this.closePopover()}renderAggregationType(){let e=this.buildAggregationPickListItems();return s`<calcite-list label class=${n(l.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(a.category);return s`<calcite-list label class=${n(l.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(a.numericFields);return s`<calcite-list label class=${n(l.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case a.aggregation:e=this.renderAggregationType();break;case a.category:e=this.renderCategory();break;case a.numericFields:e=this.renderNumericFields();break;case a.sortOrder:e=this.renderSortOrder();break}return e}render(){let e;return this.contentKind===a.numericFields&&(e=s`<div slot=footer><calcite-fab class=${n(l.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div class=${n(l.jsAppFlyout)}><calcite-popover class=${n(l.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .offsetDistance=${this.offsetDistance} .open=${this.open} label auto-close ${p(this.popoverElement)}><calcite-panel class=${n(l.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${n(l.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-pie-chart-popover",k);return k},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",c,d,e)

package/dist/cdn/4VGHPTUF.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.123 */
-import{d as o}from"./DAFPW2N6.js";import{g}from"./WZJWSOBO.js";import a from"./ARRVJGAW.js";import{k as m}from"./Z4PJXGCF.js";import"./QJVIJMD6.js";import"./VMAVLG5A.js";import{F as l,g as n,h as i,z as h}from"./AAXCZN6G.js";import"./K4ZZVDUE.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Bc:c,Dc:d}])=>{var p=n`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,s=class extends h{static{this.properties={layerFieldsInfo:16,model:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,chartData:0}}static{this.styles=p}async load(){await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(t){let a=!1;t.has("model")&&this.modelChange(this.model,t.get("model")),t.has("layer")&&this.layer!==void 0&&!m(t.get("layer"),this.layer)&&(a=!0),t.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==t.get("usePopupTemplateFieldsInfo")&&(a=!0),this.layerFieldsInfo===void 0&&(a=!0),a&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async updateFetchLayerFieldsInfo(t){let a=t??this.model.config,e=this.layer;if(!e){let r=g(a)?a.iLayer:void 0;r&&(e=await c(r))}e&&(this.layerFieldsInfo=await d(e,this.usePopupTemplateFieldsInfo))}async onModelConfigChange(t){let a=t?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(a)}render(){let t;switch(this.page){case o.Data:t=i`<arcgis-charts-config-heat-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .chartData=${this.chartData}></arcgis-charts-config-heat-chart-data>`;break;case o.Format:t=i`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case o.General:t=i`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:t="";break}return t}};l("arcgis-charts-config-heat-chart",s);return s},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a)

package/dist/cdn/5JM77YI6.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.123 */
-import{b as E}from"./EGISRX6L.js";import c from"./4LJW6QIZ.js";import"./DAFPW2N6.js";import{a as w}from"./FPPXKSC3.js";import b from"./EG57VIBU.js";import"./WZJWSOBO.js";import a from"./ARRVJGAW.js";import{t as i}from"./Z4PJXGCF.js";import"./QJVIJMD6.js";import"./6VKYAD6H.js";import"./VMAVLG5A.js";import{A as o,C as r,F as y,g as f,h as C,m as s,x as l,y as n,z as v}from"./AAXCZN6G.js";import"./K4ZZVDUE.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{z:S},,{a:x,f:$,g:b,h:c,i:d}])=>{var a={jsAppFlyout:"js-app-flyout",sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},I=f`.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 calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,p=class extends v{constructor(){super(...arguments),this._messages=w(),this.popoverElement=l(),this.lineWidthInputElement=l(),this.lineStyleDropdownElement=l(),this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=s(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedSeriesIndex:9,selectedLineWidth:9,placement:1,open:5}}static{this.styles=I}async reposition(){await this.popoverElement.value?.reposition()}updated(){E(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},x.PopoverTimer)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[h,m,g]=t,u=S*255;this.selectedColor=[h,m,g,u],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[h,m,g,u]})}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.selectedLineStyle=e,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({lineStyle:e})}lineWidthChange(){let e=Number.parseInt(this.lineWidthInputElement.value?.value??"");this.lineWidthInputElement.value?.value!==void 0&&$(e,this.lineWidthInputElement.value.min,this.lineWidthInputElement.value.max)?(this.selectedLineWidth=e,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({lineWidth:e}),c({inputElement:this.lineWidthInputElement.value,status:d.IDLE})):this.lineWidthInputElement.value&&c({inputElement:this.lineWidthInputElement.value,status:d.INVALID})}getSelectedLineStyleInfo(){let e,t;switch(this.selectedLineStyle){case i.Dot:e="line-dotted",t=this._messages.dot??"";break;case i.Dash:e="line-dashed",t=this._messages.dash??"";break;case i.Solid:default:e="line-solid",t=this._messages.solid??"";break}return{icon:e,style:t}}render(){let e=this.selectedColor;return C`<div class=${o({[a.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${n(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${o(a.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${o(a.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${n(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${o(a.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle===i.Solid} accesskey=${i.Solid??r}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??r}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??r}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${b(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${n(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${o(a.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-line-chart-series-popover",p);return p},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c)