@arcgis/charts-components 5.0.0-next.11 → 5.0.0-next.13

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

@@ -1,10 +1,10 @@
-import { c as I } from "../../chunks/runtime.js";
+import { c as P } from "../../chunks/runtime.js";
 import "@arcgis/toolkit/intl";
 import { cloneDeep as T, isEmpty as F, toNumber as v } from "lodash-es";
-import { W as y } from "../../chunks/series-types.js";
-import { R as $ } from "../../chunks/rest-js-object-literals.js";
+import { W as f } from "../../chunks/series-types.js";
+import { R as z } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { aZ as w, cf as f, a6 as z, X as L } from "../../chunks/interfaces.js";
+import { aZ as w, cf as b, a6 as $, X as L } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -15,15 +15,15 @@ import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { r as x } from "../../chunks/popover-ui-utils.js";
 import { S as a, c as d } from "../../chunks/interfaces3.js";
-import { d as k, s as m } from "../../chunks/store.js";
-import { b as S, m as g, f as A, s as b, D as M, c as u } from "../../chunks/chart-ui-utils2.js";
+import { d as A, s as m } from "../../chunks/store.js";
+import { b as S, m as g, f as k, s as y, D as M, c as u } from "../../chunks/chart-ui-utils2.js";
 import { u as C } from "../../chunks/useT9n.js";
 import { css as V, html as r } from "lit";
 import { createRef as h, ref as c } from "lit/directives/ref.js";
-import { LitElement as _, createEvent as E, renderElement as D, safeClassMap as i, safeStyleMap as P } from "@arcgis/lumina";
+import { LitElement as _, createEvent as E, renderElement as D, safeClassMap as i, safeStyleMap as I } 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.11 */
+v5.0.0-next.13 */
 const l = {
   label: "label",
   r2: "r2",
@@ -49,7 +49,7 @@ class R extends _ {
     }, this.setXYField = (e) => {
       try {
         const t = e.detail;
-        k(m), this.contentKind === a.xAxisField ? this.model.xAxisField = t : this.model.yAxisField = t, this.removeScatterplotPopover();
+        A(m), this.contentKind === a.xAxisField ? this.model.xAxisField = t : this.model.yAxisField = t, this.removeScatterplotPopover();
       } catch (t) {
         throw this.arcgisChartsConfigDataChangeError.emit({ error: t, model: this.model }), t;
       }
@@ -61,7 +61,7 @@ class R extends _ {
         const t = e.detail;
         t ? this.model.sizePolicy = {
           ...this.model.sizePolicy,
-          type: y.SizePolicy,
+          type: f.SizePolicy,
           field: t
         } : this.model.sizePolicy = void 0, m.scatterplotData[m.selectedChartId] = {
           ...m.scatterplotData[m.selectedChartId],
@@ -100,13 +100,10 @@ class R extends _ {
     this.styles = N;
   }
   load() {
-    this.modelChange(this.model), this.onModelConfigChange(), this.defaultR2Label = w(this.commonStrings), this.selectedSizeType = this.getCurrentSymbolSizeType(), this.selectedSizeType === d.Proportional && (m.scatterplotData[m.selectedChartId] = {
-      ...m.scatterplotData[m.selectedChartId],
-      sizePolicyField: this.model.sizePolicy?.field
-    });
+    this.modelChange(this.model), this.onModelConfigChange(), this.defaultR2Label = w(this.commonStrings);
   }
   willUpdate(e) {
-    e.has("model") && this.modelChange(this.model, e.get("model")), e.has("selectedElement") && this.openPopover();
+    e.has("model") && (this.updateSymbolSizeInfoInAppState(), this.modelChange(this.model, e.get("model"))), e.has("selectedElement") && this.openPopover();
   }
   async loaded() {
     await (async (t) => await new Promise((s) => setTimeout(() => s(), t)))(250), this.items.forEach((t) => {
@@ -116,6 +113,12 @@ class R extends _ {
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeScatterplotPopover(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
+  updateSymbolSizeInfoInAppState() {
+    this.selectedSizeType = this.getCurrentSymbolSizeType(), console.log("🚀 ~ ArcgisChartsConfigScatterplotData ~ load ~ this.selectedSizeType:", this.selectedSizeType), this.selectedSizeType === d.Proportional && (m.scatterplotData[m.selectedChartId] = {
+      ...m.scatterplotData[m.selectedChartId],
+      sizePolicyField: this.model.sizePolicy?.field
+    });
+  }
   openPopover() {
     (typeof this.selectedElement == "string" || !F(this.selectedElement)) && this.setupPopover();
   }
@@ -178,11 +181,11 @@ class R extends _ {
     const t = m.scatterplotData[m.selectedChartId]?.sizePolicyField;
     e === d.Proportional && t !== void 0 ? this.model.sizePolicy = {
       ...this.model.sizePolicy,
-      type: y.SizePolicy,
+      type: f.SizePolicy,
       field: t
     } : e === d.Fixed && (this.model.sizePolicy = {
       ...this.model.sizePolicy,
-      type: y.SizePolicy,
+      type: f.SizePolicy,
       field: ""
     });
   }
@@ -223,7 +226,7 @@ class R extends _ {
       case a.symbol:
       case a.trendLine: {
         const p = this.selectedElement;
-        o = this.selectedElement, n = "leading", Array.isArray(this.selectedElement) ? t = this.selectColorElement.value : p?.type === $.SLS && (t = this.selectTrendLineElement.value);
+        o = this.selectedElement, n = "leading", Array.isArray(this.selectedElement) ? t = this.selectColorElement.value : p?.type === z.SLS && (t = this.selectTrendLineElement.value);
         break;
       }
       default:
@@ -240,45 +243,45 @@ class R extends _ {
     return e === void 0 || e.field === "" ? d.Fixed : d.Proportional;
   }
   renderXVariable() {
-    return r`<arcgis-charts-config-field-select .label=${f(this.layerFieldsInfo, this.model.xAxisField ?? "")} @click=${this.onXVariableSelectChange} ${c(this.xAxisElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo, this.model.xAxisField ?? "")} @click=${this.onXVariableSelectChange} ${c(this.xAxisElement)}></arcgis-charts-config-field-select>`;
   }
   renderYVariable() {
-    return r`<arcgis-charts-config-field-select .label=${f(this.layerFieldsInfo, this.model.yAxisField ?? "")} @click=${this.onYVariableSelectChange} ${c(this.yAxisElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo, this.model.yAxisField ?? "")} @click=${this.onYVariableSelectChange} ${c(this.yAxisElement)}></arcgis-charts-config-field-select>`;
   }
   renderTooltipField() {
-    return r`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${f(this.layerFieldsInfo, this.model.additionalTooltipField?.[0] ?? "")} @click=${this.onAdditionalTooltipFieldSelectChange} ${c(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo, this.model.additionalTooltipField?.[0] ?? "")} @click=${this.onAdditionalTooltipFieldSelectChange} ${c(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`;
   }
   renderStatistics() {
-    const [e, t, s, o] = [...this.model.linearTrendSymbol?.color ?? z(0)];
-    return r`<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 === $.SLS} @click=${this.changeElementStyle} ${c(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${P({ color: `rgba(${e},${t},${s},${o / 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 : A(this.r2, M)}`}</div></div>`;
+    const [e, t, s, o] = [...this.model.linearTrendSymbol?.color ?? $(0)];
+    return r`<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 === z.SLS} @click=${this.changeElementStyle} ${c(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${I({ color: `rgba(${e},${t},${s},${o / 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 : k(this.r2, M)}`}</div></div>`;
   }
   renderFixedSymbol() {
-    return r`<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>`;
+    return r`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`;
   }
   renderSizeVariable() {
-    return r`<arcgis-charts-config-field-select .label=${f(this.layerFieldsInfo, this.model.sizePolicy?.field ?? "")} .invalid=${this.layerFieldsInfo.find((e) => e.name === this.model.sizePolicy?.field) === void 0} @click=${this.onSizeVariableSelectChange} ${c(this.sizeVariableElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo, this.model.sizePolicy?.field ?? "")} .invalid=${this.layerFieldsInfo.find((e) => e.name === this.model.sizePolicy?.field) === void 0} @click=${this.onSizeVariableSelectChange} ${c(this.sizeVariableElement)}></arcgis-charts-config-field-select>`;
   }
   renderMinSizeInput() {
-    return r`<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} ${c(this.minSizeInputElement)}></calcite-input>`;
+    return r`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize ?? 100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${c(this.minSizeInputElement)}></calcite-input>`;
   }
   renderMaxSizeInput() {
-    return r`<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} ${c(this.maxSizeInputElement)}></calcite-input>`;
+    return r`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize ?? 1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${c(this.maxSizeInputElement)}></calcite-input>`;
   }
   renderProportionalSymbol() {
-    return r`<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=${v(b(this.model.sizePolicy?.minSize))} .maxValue=${v(b(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`;
+    return r`<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=${v(y(this.model.sizePolicy?.minSize))} .maxValue=${v(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`;
   }
   renderSymbolSizeType() {
     return r`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${c(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${d.Fixed} .checked=${d.Fixed === this.selectedSizeType} ${c(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${d.Proportional} .checked=${d.Proportional === this.selectedSizeType} ${c(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`;
   }
   renderSymbol() {
-    const [e, t, s, o] = [...this.model.fixedMarkerSymbol?.color ?? z(0)];
-    return r`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType === d.Proportional ? this.renderProportionalSymbol() : this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${this.isTableLayer !== !0 ? r`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${c(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${c(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${c(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} ${c(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${P({ color: `rgba(${e},${t},${s},${o / 255})` })} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`;
+    const [e, t, s, o] = [...this.model.fixedMarkerSymbol?.color ?? $(0)];
+    return r`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType === d.Proportional ? this.renderProportionalSymbol() : this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${this.isTableLayer !== !0 ? r`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${c(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${c(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${c(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} ${c(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${I({ color: `rgba(${e},${t},${s},${o / 255})` })} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`;
   }
   render() {
     return r`<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>`;
   }
 }
-I("arcgis-charts-config-scatter-plot-data", R);
+P("arcgis-charts-config-scatter-plot-data", R);
 export {
   R as ArcgisChartsConfigScatterplotData
 };

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.11 */
+v5.0.0-next.13 */
 const r = {
   jsAppFlyout: "js-app-flyout",
   scatterplotPopover: "scatter-plot-popover",

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

@@ -21,7 +21,7 @@ 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.11 */
+v5.0.0-next.13 */
 const i = {
   selectChartComponent: "select-chart-component",
   jsAppFlyout: "js-app-flyout",

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.11 */
+v5.0.0-next.13 */
 const n = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-10-05T04:48:30",
+  "timestamp": "2025-10-07T04:48:23",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.11",
+    "version": "5.0.0-next.13",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-10-05T04:48:30",
+  "timestamp": "2025-10-07T04:48:23",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.11",
+    "version": "5.0.0-next.13",
     "typescriptVersion": "5.8.3"
   },
   "components": [

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.11",
+  "version": "5.0.0-next.13",
   "description-markup": "markdown",
   "contributions": {
     "html": {

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.11 */
+v5.0.0-next.13 */
 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.11 */
+v5.0.0-next.13 */
 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/chart-model/chart-model.d.ts

@@ -158,16 +158,11 @@ export declare abstract class ChartModel extends EventTarget {
     getSeriesVisibility(seriesIndex: number): boolean;
     /**
      * Sets the visibility of a series.
-     * @param {boolean} props.visible
-     * @param {string} props.seriesId
-     * @param {OverlayTerms} props.overlayType
-     * @param {string} props.sliceId
-     * @param {WebChartDataItem} props.sliceData
+     * @param {LegendItemVisibility} props - Visibility options for the series.
      */
     setSeriesVisibility(props: LegendItemVisibility): void;
     /**
      * Gets the series ID for a given series index.
-     *
      * If the series index is out of bounds, this function will return `undefined`.
      *
      * @param {number} seriesIndex The index of the series.
@@ -176,10 +171,9 @@ export declare abstract class ChartModel extends EventTarget {
     getSeriesId(seriesIndex: number): string | undefined;
     /**
      * Gets the series index for a given series ID.
-     *
      * If the series ID is not found, this function will return `undefined`.
      *
-     * @param {string} seriesId
+     * @param {string} seriesId The ID of the series.
      * @returns {number | undefined}
      */
     getSeriesIndex(seriesId: string): number | undefined;
@@ -222,7 +216,8 @@ export declare abstract class ChartModel extends EventTarget {
      */
     getDataFilters(): WebChartDataFilters | undefined;
     /**
-     * Shared method for all chart types.
+     * Sets the data filter for the chart.
+     * @param {WebChartDataFilters | undefined} newDataFilters The new data filter.
      */
     setDataFilters(newDataFilters: WebChartDataFilters | undefined): Promise<void>;
     /**

package/dist/model/combo-bar-line-chart-model/combo-bar-line-chart-model.d.ts

@@ -23,6 +23,11 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
      * @category Private
      */
     protected initDefaultSeries(): void;
+    /**
+     * Changes the chart series type at the specified index from bar to line and vice-versa.
+     * @param {number} seriesIndex - The index of the series to update.
+     * @param {WebChartTypes} seriesType - The new chart series type to apply.
+     */
     setSeriesType(seriesIndex: number, seriesType: WebChartTypes): void;
     /**
      * Gets the line style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -32,10 +37,9 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
     getSeriesLineStyle(seriesIndex: number): RESTSimpleLineSymbolStyle | undefined;
     /**
      * Sets the line style of the series based on the series index.
+     * **Note:** This method will only work if the series is a line chart series.
      * @param {RESTSimpleLineSymbolStyle | undefined} newStyle The new style for the series.
      * @param {number} seriesIndex The index of the series.
-     *
-     * **NOTE:** This method will only work if the series is a line chart series.
      */
     setSeriesLineStyle(newStyle: RESTSimpleLineSymbolStyle | undefined, seriesIndex: number): void;
     /**
@@ -46,10 +50,9 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
     getSeriesLineWidth(seriesIndex: number): number | undefined;
     /**
      * Sets the line width of the series based on the series index.
+     * **Note:** This method will only work if the series is a line chart series.
      * @param {number | undefined} newWidth The new width for the series.
      * @param {number} seriesIndex The index of the series.
-     *
-     * **NOTE:** This method will only work if the series is a line chart series.
      */
     setSeriesLineWidth(newWidth: number | undefined, seriesIndex: number): void;
     /**
@@ -60,10 +63,9 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
     getSeriesMarkerColor(seriesIndex: number): Color | undefined;
     /**
      * Sets the marker color of the series based on the series index.
+     * **Note:** This method will only work if the series is a line chart series.
      * @param {Color | undefined} newColor The new color for the series.
      * @param {number} seriesIndex The index of the series.
-     *
-     * **NOTE:** This method will only work if the series is a line chart series.
      */
     setSeriesMarkerColor(newColor: Color | undefined, seriesIndex: number): void;
     /**
@@ -74,10 +76,9 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
     getSeriesMarkerStyle(seriesIndex: number): RESTSimpleMarkerSymbolStyle | undefined;
     /**
      * Sets the marker style of the series based on the series index.
+     * **Note:** This method will only work if the series is a line chart series.
      * @param {RESTSimpleMarkerSymbolStyle | undefined} newStyle The new style for the series.
      * @param {number} seriesIndex The index of the series.
-     *
-     * **NOTE:** This method will only work if the series is a line chart series.
      */
     setSeriesMarkerStyle(newStyle: RESTSimpleMarkerSymbolStyle | undefined, seriesIndex: number): void;
     /**
@@ -88,10 +89,9 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
     getSeriesMarkerSize(seriesIndex: number): number | undefined;
     /**
      * Sets the marker size of the series based on the series index.
+     * **Note:** This method will only work if the series is a line chart series.
      * @param {number | undefined} newSize The new size for the series.
      * @param {number} seriesIndex The index of the series.
-     *
-     * **NOTE:** This method will only work if the series is a line chart series.
      */
     setSeriesMarkerSize(newSize: number | undefined, seriesIndex: number): void;
     /**
@@ -104,10 +104,9 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
     isLineSmoothed(seriesIndex: number): boolean;
     /**
      * Specify whether line segments of the series should be smoothed.
-     * @param {boolean} props.smoothed - `true` if line segment of the series should be smoothed, `false` otherwise.
-     * @param {number} props.seriesIndex - The index of the series.
-     *
-     * **NOTE:** This method will only work if the series is a line chart series.
+     * **Note:** This method will only work if the series is a line chart series.
+     * @param {boolean} smoothed - `true` if line segment of the series should be smoothed, `false` otherwise.
+     * @param {number} seriesIndex - The index of the series.
      * @default false
      */
     setLineSmoothed(smoothed: boolean, seriesIndex: number): void;
@@ -121,10 +120,9 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
     isAreaVisible(seriesIndex: number): boolean;
     /**
      * Specify whether the line series should show area.
-     * @param {boolean} props.visible - `true` if the line series should show area, `false` otherwise.
-     * @param {number} props.seriesIndex - The index of the series.
-     *
-     * **NOTE:** This method will only work if the series is a line chart series.
+     * **Note:** This method will only work if the series is a line chart series.
+     * @param {boolean} visible - `true` if the line series should show area, `false` otherwise.
+     * @param {number} seriesIndex - The index of the series.
      */
     setAreaVisible(visible: boolean, seriesIndex: number): void;
     /**
@@ -137,49 +135,39 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
     isMarkerVisible(seriesIndex: number): boolean;
     /**
      * Indicate whether to show or hide the markers/bullets of the line series.
-     * @param {boolean} props.visible - `true` if the markers/bullets of the line series should be shown, `false` otherwise.
-     * @param {number} props.seriesIndex - The index of the series.
-     *
-     * **NOTE:** This method will only work if the series is a line chart series.
+     * **Note:** This method will only work if the series is a line chart series.
+     * @param {boolean} visible - `true` if the markers/bullets of the line series should be shown, `false` otherwise.
+     * @param {number} seriesIndex - The index of the series.
      */
     setMarkerVisible(visible: boolean, seriesIndex: number): void;
     /**
      * Specify the color of the filled area for line chart.
+     * **Note:** `areaColor` will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
      * @param {number} seriesIndex - The index of the series.
-     *
-     * NOTE: areaColor will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
-     *
      * @returns {Color | undefined}
      */
     getAreaColor(seriesIndex: number): Color | undefined;
     /**
      * Specify the color of the filled area for line chart.
-     * @param {Color | undefined} props.color - The color of the filled area for line chart.
-     * @param {number} props.seriesIndex - The index of the series.
-     *
-     * **NOTE:** This method will only work if the series is a line chart series.
+     * **Note:** This method will only work if the series is a line chart series.
+     * @param {Color | undefined} color The color of the filled area for line chart.
+     * @param {number} seriesIndex The index of the series.
      */
     setAreaColor(color: Color | undefined, seriesIndex: number): void;
     /**
      * Specify how negative values are treated in stacked series.
+     * **Note:** If true, negative values will be stacked on the base line. If false, negative values will be stacked in relation to their previous values in the stack.
      * @param {number} seriesIndex - The index of the series.
-     *
-     * NOTE: If true, negative values will be stacked on the base line.
-     * If false, negative values will be stacked in relation to their previous values in the stack.
-     *
      * @default true
      * @returns {boolean}
      */
     isNegativeValuesStackedToBaseline(seriesIndex: number): boolean;
     /**
      * Specify how negative values are treated in stacked series.
-     * @param {boolean} props.stackedToBaseline - `true` if negative values should be stacked on the base line, `false` otherwise.
-     * @param {number} props.seriesIndex - The index of the series.
-     *
-     * NOTE: If true, negative values will be stacked on the base line.
-     * If false, negative values will be stacked in relation to their previous values in the stack.
-     *
-     * **NOTE:** This method will only work if the series is a line chart series.
+     * **Note:** If true, negative values will be stacked on the base line. If false, negative values will be stacked in relation to their previous values in the stack.
+     * **Note:** This method will only work if the series is a line chart series.
+     * @param {boolean} stackNegativeValuesToBaseline - `true` if negative values should be stacked on the base line, `false` otherwise.
+     * @param {number} seriesIndex - The index of the series.
      */
     setNegativeValuesStackedToBaseline(stackNegativeValuesToBaseline: boolean, seriesIndex: number): void;
     /**
@@ -193,7 +181,7 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
      * @param {boolean} hide The value for hiding oversized labels.
      * @param {number} seriesIndex The index of the series.
      *
-     * **NOTE:** This method will only work if the series is a bar chart series.
+     * **Note:** This method will only work if the series is a bar chart series.
      */
     setSeriesHideOversizedSideBySideLabels(hide: boolean | undefined, seriesIndex: number): void;
     /**
@@ -204,10 +192,9 @@ export declare class ComboBarLineChartModel extends SerialChartModel {
     getSeriesHideOversizedStackedLabels(seriesIndex: number): boolean | undefined;
     /**
      * Sets whether to hide oversized data labels of the stacked series based on the series index.
+     * **Note:** This method will only work if the series is a bar chart series.
      * @param {boolean} hide The value for hiding oversized stacked labels.
      * @param {number} seriesIndex The index of the series.
-     *
-     * **NOTE:** This method will only work if the series is a bar chart series.
      */
     setSeriesHideOversizedStackedLabels(hide: boolean | undefined, seriesIndex: number): void;
 }

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

@@ -1,4 +1,4 @@
-import { WebChart, WebChartCalendarDatePartsBinning, WebChartHeatChartGradient, WebChartHeatChartHeatRulesTypes, WebChartHeatChartSeries, WebChartLegendPositions } from '../../spec';
+import { WebChart, WebChartCalendarDatePartsBinning, WebChartHeatChartGradient, WebChartHeatChartHeatRulesTypes, WebChartHeatChartSeries, WebChartStatisticType, WebChartLegendPositions } from '../../spec';
 import { ChartConfig } from '../../utils';
 import { ModelParams } from '../interfaces/chart-interfaces';
 import { LayerInfo, ModelTypes } from '../interfaces/common';
@@ -19,28 +19,83 @@ export declare class HeatChartModel extends SerialChartModel {
     protected _chartType: "heatSeries";
     protected layerInfo: LayerInfo;
     setup(params: ModelParams<ChartConfig<typeof ModelTypes.HeatChart>>): Promise<void>;
-    get xField(): string | undefined;
-    set xField(xField: string | undefined);
-    get yField(): string | undefined;
-    set yField(yField: string | undefined);
+    /**
+     * The x axis field used by the heat chart
+     */
+    get xAxisField(): string;
+    set xAxisField(xField: string);
+    /**
+     * The y axis field used by the heat chart
+     */
+    get yAxisField(): string | undefined;
+    set yAxisField(yAxisField: string | undefined);
+    /**
+     * The x temporal binning used by the heat chart
+     */
     get xTemporalBinning(): WebChartCalendarDatePartsBinning | undefined;
     set xTemporalBinning(binning: WebChartCalendarDatePartsBinning | undefined);
+    /**
+     * The y temporal binning used by the heat chart
+     */
     get yTemporalBinning(): WebChartCalendarDatePartsBinning | undefined;
     set yTemporalBinning(binning: WebChartCalendarDatePartsBinning | undefined);
+    /**
+     * The grid line width used by the heat chart
+     */
     get gridLineWidth(): number | undefined;
     set gridLineWidth(width: number | undefined);
+    /**
+     * The grid line color used by the heat chart
+     */
     get gridLineColor(): number[] | undefined;
     set gridLineColor(color: number[] | undefined);
+    /**
+     * The name of the series that is used by the heat chart
+     */
     get seriesName(): string | undefined;
     set seriesName(seriesName: string | undefined);
+    /**
+     * The heat rules type used by the heat chart
+     */
     get heatRulesType(): WebChartHeatChartHeatRulesTypes | undefined;
     set heatRulesType(heatRulesTypes: WebChartHeatChartHeatRulesTypes | undefined);
+    /**
+     * The grandient rules used by the heat chart
+     */
     get gradientRules(): WebChartHeatChartGradient | undefined;
     set gradientRules(gradientRule: WebChartHeatChartGradient | undefined);
+    /**
+     * The numeric fields used by the heat chart. Only the first field in the array will be used.
+     * An empty string will be ignored.
+     */
+    get numericFields(): string[];
+    set numericFields(fields: string[]);
+    /**
+     * The aggregation type for the heat chart. Must be one of the values allowed by WebChartStatisticType.
+     */
+    get aggregationType(): WebChartStatisticType;
+    set aggregationType(aggregationType: WebChartStatisticType);
+    /**
+     * Split-by field is not used by heat chart
+     */
+    get splitByField(): string;
+    set splitByField(_: string);
+    /**
+     * The heat charts legend's title (not supported yet)
+     */
     set legendTitleText(_: string);
     get legendPosition(): WebChartLegendPositions;
+    /**
+     * The heat charts legend's position
+     */
     set legendPosition(position: WebChartLegendPositions);
+    /**
+     * The heat chart's rotatedState (not supported)
+     */
     set rotatedState(_: boolean);
+    /**
+     * Generates the default config for the heat chart
+     */
     protected generateDefaultConfig(): Omit<typeof this._config, "iLayer">;
 }
 export interface HeatChartModel extends ModelWithTooltips, ModelWithDataLabels {

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

@@ -1,4 +1,4 @@
-import { WebChart, WebChartCalendarDatePartsBinning, WebChartHeatChartGradient, WebChartHeatChartHeatRulesTypes, WebChartLegendPositions } from '../../../spec';
+import { WebChart, WebChartCalendarDatePartsBinning, WebChartHeatChartGradient, WebChartHeatChartHeatRulesTypes, WebChartLegendPositions, WebChartStatisticType } from '../../../spec';
 import { ChartConfig } from '../../../utils';
 import { LayerInfo, ModelTypes } from '../../interfaces/common';
 type HeatChartConfig = ChartConfig<typeof ModelTypes.HeatChart, WebChart>;
@@ -17,7 +17,7 @@ export declare const setXField: (props: {
  * Gets the x field
  * @param config the heat chart config
  */
-export declare const getXField: (config: HeatChartConfig) => string | undefined;
+export declare const getXField: (config: HeatChartConfig) => string;
 /**
  * Sets the heat rule type
  * @param config the chart config
@@ -111,4 +111,26 @@ export declare const setLegendPosition: (position: WebChartLegendPositions, conf
  * @param config the heat chart config
  */
 export declare const getLegendPosition: (config: HeatChartConfig) => WebChartLegendPositions;
+/**
+ * Gets the numericField from the query
+ * @param config The heat chart config
+ */
+export declare const getNumericField: (config: HeatChartConfig) => string | undefined;
+/**
+ * Sets the numericField for the query
+ * @param field the field
+ * @param config The heat chart config
+ */
+export declare const setNumericField: (field: string, config: HeatChartConfig) => void;
+/**
+ * Gets the aggregationType from the query
+ * @param config the heat chart config
+ */
+export declare const getAggregationType: (config: HeatChartConfig) => "count" | "sum" | "min" | "max" | "avg" | "stddev" | "var" | "percentile-continuous" | "percentile-discrete" | "envelope-aggregate" | "centroid-aggregate" | "convex-hull-aggregate";
+/**
+ * Sets the aggregationType for the query
+ * @param aggregationType the aggregation type
+ * @param config The heat chart config
+ */
+export declare const setAggregationType: (aggregationType: WebChartStatisticType, config: HeatChartConfig) => void;
 export {};