@arcgis/charts-components 5.2.0-next.125 → 5.2.0-next.126

package/dist/interfaces.d.ts

@@ -32,7 +32,7 @@ export type ChartLayer = Layer
   url?: FeatureLayer["url"];
   fields: FeatureLayer["fields"];
   fieldsIndex: FeatureLayer["fieldsIndex"];
-  capabilities: FeatureLayer["capabilities"];
+  capabilities?: FeatureLayer["capabilities"] | null;
   sourceJSON?: FeatureLayer["sourceJSON"];
   objectIdField: FeatureLayer["objectIdField"];
   outFields: FeatureLayer["outFields"];
@@ -40,7 +40,7 @@ export type ChartLayer = Layer
   queryFeatures: FeatureLayer["queryFeatures"];
   queryFeatureCount: FeatureLayer["queryFeatureCount"];
   queryObjectIds: FeatureLayer["queryObjectIds"];
-  queryAttributeBins: FeatureLayer["queryAttributeBins"];
+  queryAttributeBins?: FeatureLayer["queryAttributeBins"];
   createQuery: FeatureLayer["createQuery"];
   getFieldDomain?: FeatureLayer["getFieldDomain"];
   renderer?: FeatureLayer["renderer"];
@@ -67,6 +67,7 @@ export type ChartLayerInputSansView = Exclude<ChartLayerInput, ChartLayerView>;
 export interface ChartLayerView {
   get layer(): ChartLayer;
   view: FeatureLikeLayerView["view"];
+  queryAttributeBins?: FeatureLikeLayerView["queryAttributeBins"];
   queryObjectIds: FeatureLikeLayerView["queryObjectIds"];
   queryFeatureCount: FeatureLikeLayerView["queryFeatureCount"];
   queryFeatures: FeatureLikeLayerView["queryFeatures"];

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

@@ -32,7 +32,13 @@ export class HeatChartModel extends SerialChartModel {
   accessor classificationMethod: WebChartClassBreakTypes | undefined;
   /** The name of the color ramp used by the heat chart. */
   accessor colorRampName: string | undefined;
-  /** The heat chart's empty cell configuration. */
+  /**
+   * Gets the heat chart's empty cell configuration
+   *
+   * @deprecated
+   * since 5.2 Use [emptyCellText](https://developers.arcgis.com/javascript/latest/references/charts-components/model/heat-chart-model/heat-chart-model/#emptyCellText) or [emptyCellSymbol](https://developers.arcgis.com/javascript/latest/references/charts-components/model/heat-chart-model/heat-chart-model/#emptyCellSymbol) to retrieve the text or symbol for an empty heat chart cell instead.
+   * This property will be removed from `HeatChartModel` in 6.0
+   */
   accessor emptyCell: WebChartHeatChartEmptyCell | undefined;
   /** The heat chart's empty cell symbol. */
   accessor emptyCellSymbol: ISimpleFillSymbol | undefined;

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

@@ -78,7 +78,19 @@ export class PieChartModel extends PieChartModelSuperclass {
   accessor groupedSliceIds: string[];
   /** Threshold below which slices will be grouped. */
   accessor groupingThreshold: number;
-  /** Inner radius size for the pie chart. */
+  /**
+   * Inner radius of the pie chart.
+   *
+   * @since 5.2
+   */
+  accessor innerRadius: number;
+  /**
+   * Inner radius size for the pie chart.
+   *
+   * @deprecated
+   * since 5.2. Use [innerRadius](https://developers.arcgis.com/javascript/latest/references/charts-components/model/pie-chart-model/pie-chart-model/#innerRadius) instead.
+   * This property will be removed from `PieChartModel` in 6.0.
+   */
   accessor innerRadiusSize: number;
   /** Character limit for the slice labels. */
   accessor labelCharacterLimit: number | null;

package/dist/utils/chart-config/converter/index.js

@@ -2,7 +2,7 @@
 import { getElementLocale as $e } from "@arcgis/toolkit/intl/dom";
 import { cloneDeep as n, isEmpty as B } from "es-toolkit/compat";
 import { DateTime as Ye } from "luxon";
-import { q as Qe, ck as se, bx as Ke, W as ne, aO as ae, cl as Xe, bH as Je, bI as Ze, p as x, bj as Ue, cm as b, cn as te, N as et, O as tt, w as Z, co as rt, ch as it, cp as ot, Y as st } from "../../../chunks/index.js";
+import { q as Qe, cl as se, by as Je, W as ne, aP as ae, cm as Ke, bI as Xe, bJ as Ze, p as T, bk as Ue, cn as b, co as te, N as et, O as tt, w as Z, cp as rt, ci as it, cq as ot, Y as st } from "../../../chunks/index.js";
 import { a8 as nt, p as at, l as lt, a5 as dt, s as ct } from "../../../chunks/index3.js";
 import { i as ut } from "../../../chunks/type-guards.js";
 import { a as u, D as k, i as le } from "../../../chunks/index2.js";
@@ -83,11 +83,11 @@ async function fe(r) {
   const { configToUpdate: e, layer: i, abortSignal: t } = r, o = { ...e };
   let s = i;
   if (!s) {
-    const a = Je(e) ? e.iLayer : e.dataSource?.layer;
+    const a = Xe(e) ? e.iLayer : e.dataSource?.layer;
     a && (s = await Ze(a, t));
   }
   if (s) {
-    const a = x(o.series), f = h(o.series), y = o.series && o.series.length > 0 && o.series[0].x.trim() === "" || f === c.GaugeSeries && !Ue(e) || a === u.PieFromFields || a === u.BarAndLineFromFields || a === u.BoxPlotC1MonoField || a === u.BoxPlotC5MonoFieldAndSplitBy || a === u.BoxPlotC2MultiFields || a === u.BoxPlotC6MultiFieldsAndSplitBy, He = f === c.ScatterSeries || f === c.HeatSeries || a === u.BarAndLineNoAggregation || a === u.BarAndLineSplitByNoAggregation || a === u.BoxPlotC1MonoField || a === u.BoxPlotC5MonoFieldAndSplitBy || a === u.BoxPlotC3MonoFieldAndCategory || a === u.BoxPlotC7MonoFieldAndCategoryAndSplitBy || a === u.PieNoAggregation;
+    const a = T(o.series), f = h(o.series), y = o.series && o.series.length > 0 && o.series[0].x.trim() === "" || f === c.GaugeSeries && !Ue(e) || a === u.PieFromFields || a === u.BarAndLineFromFields || a === u.BoxPlotC1MonoField || a === u.BoxPlotC5MonoFieldAndSplitBy || a === u.BoxPlotC2MultiFields || a === u.BoxPlotC6MultiFieldsAndSplitBy, He = f === c.ScatterSeries || f === c.HeatSeries || a === u.BarAndLineNoAggregation || a === u.BarAndLineSplitByNoAggregation || a === u.BoxPlotC1MonoField || a === u.BoxPlotC5MonoFieldAndSplitBy || a === u.BoxPlotC3MonoFieldAndCategory || a === u.BoxPlotC7MonoFieldAndCategoryAndSplitBy || a === u.PieNoAggregation;
     if (o.series = e.series.map((d) => {
       const l = { ...d };
       if (y || (l.x = b({ queryObject: s, fieldToMatch: d.x })), "y" in l && He) {
@@ -102,19 +102,19 @@ async function fe(r) {
       }
       if (d.query !== void 0) {
         let { where: m, groupByFieldsForStatistics: S, outStatistics: g } = d.query;
-        if (S = te({ fieldsList: S, queryObject: s }), g !== void 0 && (g = g.map((T) => {
-          const O = { ...T };
+        if (S = te({ fieldsList: S, queryObject: s }), g !== void 0 && (g = g.map((x) => {
+          const O = { ...x };
           return O.onStatisticField = b({
             queryObject: s,
-            fieldToMatch: T.onStatisticField
+            fieldToMatch: x.onStatisticField
           }), O;
         })), m !== void 0 && a === u.BarAndLineSplitBy) {
-          const T = et(d.query?.where), O = tt({
+          const x = et(d.query?.where), O = tt({
             where: d.query?.where,
             normalize: !1,
             escape: !1
           });
-          m = `${b({ queryObject: s, fieldToMatch: T })}=${O}`;
+          m = `${b({ queryObject: s, fieldToMatch: x })}=${O}`;
         }
         l.query !== void 0 && (m !== void 0 && (l.query.where = m), S !== void 0 && (l.query.groupByFieldsForStatistics = S), g !== void 0 && (l.query.outStatistics = g));
       }
@@ -177,7 +177,7 @@ function me(r) {
 function Se(r) {
   const e = n(r);
   if (!B(e.series) && h(r.series) === c.BoxPlotSeries) {
-    const t = x(r.series);
+    const t = T(r.series);
     if (e.orderOptions?.data === void 0 && t !== u.BoxPlotC2MultiFields && t !== u.BoxPlotC1MonoField) {
       const o = ye(r.series[0]);
       o.orderType !== void 0 && (e.orderOptions ??= {}, e.orderOptions.data = {
@@ -240,7 +240,7 @@ function Ce(r) {
 }
 function be(r) {
   const e = n(r);
-  return e?.orderOptions?.orderByFields !== void 0 && x(r.series) === u.PieFromFields && (e.orderOptions.orderByFields = r?.orderOptions?.orderByFields?.map(
+  return e?.orderOptions?.orderByFields !== void 0 && T(r.series) === u.PieFromFields && (e.orderOptions.orderByFields = r?.orderOptions?.orderByFields?.map(
     (i) => {
       let t = n(i);
       return i !== void 0 && i.includes("arcgis_charts_pie_category_from_fields_name") && (t = i.replace(
@@ -258,7 +258,7 @@ function Fe(r) {
   }
   return e;
 }
-function xe(r) {
+function Te(r) {
   const e = n(r), { extent: i } = e.series[0]?.query ?? {};
   return i !== void 0 && (e.dataFilters = {
     ...e.dataFilters,
@@ -273,7 +273,7 @@ function U(r) {
     i.rotated !== void 0 && delete i.rotated;
   })), e;
 }
-function Te(r) {
+function xe(r) {
   const e = n(r), i = r.dataSource;
   return "dataSource" in e && !B(i) && (i.type === "featureLayer" && e.dataSource !== void 0 && (e.dataSource.type = "layer"), "featureLayer" in i && (e.dataSource.layer = i.featureLayer, delete e.dataSource.featureLayer)), e;
 }
@@ -388,7 +388,7 @@ function Ie(r) {
 function P(r) {
   let e, i = r.orderOptions?.orderByFields?.[0];
   if (r.series?.length > 0) {
-    const t = h(r.series), o = x(r.series);
+    const t = h(r.series), o = T(r.series);
     if (t !== c.PieSeries && o !== u.BarAndLineFromFields && o !== u.BoxPlotC2MultiFields && (i = i ?? r.series[0].x), i && !le(i)) {
       const { fieldToSort: s, orderBy: a } = k(i);
       let f;
@@ -430,7 +430,7 @@ function We(r) {
 function qe(r) {
   const e = n(r);
   if (e) {
-    const i = x(e.series);
+    const i = T(e.series);
     if ((i === u.BarAndLineFromFields || i === u.PieFromFields) && e.orderOptions?.data === void 0 && e.orderOptions?.orderByFields !== void 0) {
       const t = P(e);
       t !== void 0 && (e.orderOptions ??= {}, e.orderOptions.data = t, delete e.orderOptions.orderByFields);
@@ -502,7 +502,7 @@ function _e(r) {
     type: c.CalendarDateParts
   }), e;
 }
-function je(r) {
+function ze(r) {
   let e = n(r);
   return e = be(e), e;
 }
@@ -512,7 +512,7 @@ function w(r) {
 }
 function A(r) {
   let e = n(r);
-  return e = xe(e), e;
+  return e = Te(e), e;
 }
 function D(r) {
   let e = n(r);
@@ -520,7 +520,7 @@ function D(r) {
 }
 function M(r) {
   let e = n(r);
-  return e = Te(e), e;
+  return e = xe(e), e;
 }
 function I(r) {
   let e = n(r);
@@ -554,10 +554,10 @@ function G(r) {
 function _(r) {
   return ve(r);
 }
-function j(r) {
+function z(r) {
   return qe(r);
 }
-function z(r) {
+function j(r) {
   return Ne(r);
 }
 function H(r) {
@@ -574,22 +574,22 @@ function Q(r) {
   let e = n(r);
   return e = Ge(e), e;
 }
-function K(r) {
+function J(r) {
   let e = n(r);
   return e = _e(e), e;
 }
-function X(r) {
+function K(r) {
   let e = n(r);
   return e = Bt(e), e;
 }
-function J(r) {
+function X(r) {
   let e = n(r);
   return h(e.series) === c.BarSeries && (e = Ce(e)), e;
 }
-function ze(r) {
+function je(r) {
   const { versionsToConvert: e, configToUpdate: i } = r;
   let t = n(i);
-  return e.length > 0 && t !== void 0 && (t = Ie(t), e.includes(se) || e.includes(Xe) ? (t = je(t), t = w(t), t = A(t), t = D(t), t = M(t), t = I(t), t = W(t), t = q(t), t = N(t), t = R(t), t = E(t), t = V(t), t = G(t), t = _(t), t = j(t), t = z(t), t = H(t), t = $(t), t = Y(t), t = Q(t), t = K(t), t = X(t), t = J(t)) : e.forEach((o) => {
+  return e.length > 0 && t !== void 0 && (t = Ie(t), e.includes(se) || e.includes(Ke) ? (t = ze(t), t = w(t), t = A(t), t = D(t), t = M(t), t = I(t), t = W(t), t = q(t), t = N(t), t = R(t), t = E(t), t = V(t), t = G(t), t = _(t), t = z(t), t = j(t), t = H(t), t = $(t), t = Y(t), t = Q(t), t = J(t), t = K(t), t = X(t)) : e.forEach((o) => {
     if (t !== void 0)
       switch (o) {
         case "1.0.1":
@@ -632,10 +632,10 @@ function ze(r) {
           t = _(t);
           break;
         case "16.1.0":
-          t = j(t);
+          t = z(t);
           break;
         case "18.1.3":
-          t = z(t);
+          t = j(t);
           break;
         case "20.1.0":
           t = H(t);
@@ -650,13 +650,13 @@ function ze(r) {
           t = Q(t);
           break;
         case "24.8.0":
-          t = K(t);
+          t = J(t);
           break;
         case "25.0.0":
-          t = X(t);
+          t = K(t);
           break;
         case "25.1.0":
-          t = J(t);
+          t = X(t);
           break;
       }
   }), t.version = nt), t;
@@ -666,8 +666,8 @@ async function Dt(r, e, i, t) {
   if (r) {
     const s = Qe(e);
     await s?.load({ signal: t }), o = await he({ configToUpdate: r, layer: s, chartContainer: i, abortSignal: t });
-    const a = r.version ?? se, { versionStatus: f, versions: y } = Ke(a);
-    (f === re.Older || f === re.Unrecognized) && (o = ze({
+    const a = r.version ?? se, { versionStatus: f, versions: y } = Je(a);
+    (f === re.Older || f === re.Unrecognized) && (o = je({
       versionsToConvert: y,
       configToUpdate: o
     }));
@@ -679,9 +679,9 @@ const Mt = {
   adjustSeries: ue,
   matchChartFieldsToLayerFields: fe,
   resetLegendMaxHeight: ge,
-  moveSeriesQueryExtent: xe,
+  moveSeriesQueryExtent: Te,
   moveSeriesRotatedPropToChart: U,
-  renameDataSourceProperties: Te,
+  renameDataSourceProperties: xe,
   copyDataSourceFilterToConfig: Oe,
   adjustPieFromFieldsDefaultNameAndValue: be,
   removeSpacingPropertyFromGauge: Fe,
@@ -707,7 +707,7 @@ const Mt = {
   convertRESTStatisticTypeToWebChartStatisticType: Ee,
   renameChartSubtitle: Ve,
   applyMandatoryConversions: he,
-  convertTo1x0x1: je,
+  convertTo1x0x1: ze,
   convertTo2x0x0: w,
   convertTo3x5x0: A,
   convertTo4x0x1: D,
@@ -721,18 +721,18 @@ const Mt = {
   convertTo12x0x0: V,
   convertTo15x0x0: G,
   convertTo16x1x0: _,
-  convertTo16x1x1: j,
-  convertTo19x0x0: z,
+  convertTo16x1x1: z,
+  convertTo19x0x0: j,
   convertTo20x2x0: H,
   convertTo21x1x0: $,
   convertTo23x3x0: Y,
   convertTo24x8x0: Q,
-  convertTo25x0x0: K,
-  convertTo25x1x0: X,
-  convertTo25x2x0: J,
+  convertTo25x0x0: J,
+  convertTo25x1x0: K,
+  convertTo25x2x0: X,
   convertTemporalBinningProps2: Ge,
   transformPropsInHeatChart: _e,
-  applyConversions: ze,
+  applyConversions: je,
   convertDataSourceToILayer: ve,
   applyDefaultFirstDayOfWeek: de,
   convertWebChartNullCategoryProps: Ce

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

@@ -377,6 +377,26 @@ export function hasAnyGuideAboveChanged(oldConfig: WebChart, newConfig: WebChart
  */
 export function hasRotationChanged(oldConfig: WebChart, newConfig: WebChart): boolean;
 
+/**
+ * Returns true if any series has data labels visible.
+ * Matches the visibility check used when computing rotated data-label padding.
+ *
+ * @param config - the chart config
+ * @returns True when at least one series has visible data labels
+ * @internal
+ */
+export function areDataLabelsVisible(config: WebChart | undefined): boolean;
+
+/**
+ * Returns true if series data-label visibility changed since the previous update.
+ *
+ * @param oldConfig - the old chart config
+ * @param newConfig - the new chart config
+ * @returns True when effective data-label visibility differs between configs
+ * @internal
+ */
+export function hasDataLabelsVisibilityChanged(oldConfig: WebChart | undefined, newConfig: WebChart | undefined): boolean;
+
 /**
  * Returns true if the rotated property changed since the previous update.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.2.0-next.125",
+  "version": "5.2.0-next.126",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "./dist/index.js",
@@ -30,8 +30,8 @@
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
     "@amcharts/amcharts5": "~5.20.8",
-    "@arcgis/lumina": "5.2.0-next.125",
-    "@arcgis/toolkit": "5.2.0-next.125",
+    "@arcgis/lumina": "5.2.0-next.126",
+    "@arcgis/toolkit": "5.2.0-next.126",
     "@esri/arcgis-html-sanitizer": "~4.1.0",
     "@lit/task": "^1.0.3",
     "@zumer/snapdom": "^2.24.1",
@@ -45,7 +45,7 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@arcgis/core": "5.2.0-next.125",
+    "@arcgis/core": "5.2.0-next.126",
     "@esri/calcite-components": "^5.2.0-next.80"
   },
   "css.customData": [

package/dist/cdn/4PUOMS4A.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as ae}from"./RP6LD7CU.js";import{a as Q,h as J}from"./OBPAQN4H.js";import j from"./JPDI5NK6.js";import{l as s,m as y}from"./TENIFMA5.js";import{a as P}from"./MRN3GTKF.js";import i from"./6462KIIY.js";import g from"./N26FS3KG.js";import e from"./KCEJQPTE.js";import b from"./2QWB5XRH.js";import a from"./MDKLQ2IS.js";import{c as x,n as R,y as U}from"./J5E4KON6.js";import"./WOGALV3T.js";import{q as K,s as d,za as W}from"./ZUN46CYQ.js";import{f as q}from"./KX7KGXKQ.js";import{m as O,s as L}from"./NGXRBJKL.js";import{d as _,g as N,i as I}from"./FASMW7S2.js";import{A as c,B as T,C as o,D as B,F as w,H as D,g as A,i as l,n as M,z as n}from"./IJPD3GVL.js";import{c as X}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as p,b as m,l as u,m as C,n as h,w as H,x as f}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Rb:S,a:V},,{b:Z,g:G,h:b,i:z},{d:j},{h:Y},{g:ee,s:k}])=>{var se=A`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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);margin-top:var(--arcgis-charts-top-section-margin)}.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}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,r={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},E=class extends T{constructor(){super(...arguments),this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=n(),this.aggregationElement=n(),this.numericFieldsElement=n(),this.calendarTypeElement=n(),this.calendarViewTypeElement=n(),this.classBreakMethodElement=n(),this.nullElement=n(),this.breaksCountElement=n(),this.colorSchemeElement=n(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:a}=e.detail,t=e.detail.value;switch(a){case s.aggregation:this.model.aggregationType=t,t===m.Count||t===m.Sum?this.model.nullPolicy=h.Zero:this.model.nullPolicy=h.Null;break;case s.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case s.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===m.Count&&this.model.numericFields[0]!==S(this.model.layer).idField&&(this.model.aggregationType=m.Sum);break;case s.calendarType:{this.applyCalendarTypePreset(t);break}case s.calendarViewType:{this.model.viewType=t;break}case s.classBreakMethod:{this.model.classificationMethod=t,await this.generateAndUpdateClassBreaks();break}default:break}}}catch(a){throw this.arcgisChartsConfigDataChangeError.emit({error:a,model:this.model}),a}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=e=>{this.heatChartPopover===e?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=async e=>{let{isFlipped:a,rampName:t}=e.detail,i=this.model.colorRampName!==t,g=this.model.isColorRampFlipped!==a;this.model.colorRampName=t,this.model.isColorRampFlipped=a,(i||g)&&await this.generateAndUpdateClassBreaks(!0)},this.onEmptyCellNameChange=e=>{let{name:a}=e.detail;if(a!==void 0){let t={...this.model.emptyCell,name:a};this.model.emptyCell=t}},this.onEmptyCellColorChange=e=>{let{color:a}=e.detail;if(a!==void 0){let t=this.model.emptyCell,i={...t,symbol:{...t?.symbol,type:q.SFS,color:a,outline:t?.symbol?.outline&&{...t.symbol.outline,color:a}}};this.model.emptyCell=i}},this.availableColorRamps=[],this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=M()}static{this.properties={availableColorRamps:16,aggregationLabel:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=se}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=W(this.model.aggregationType,this.commonStrings)}disconnectedCallback(){super.disconnectedCallback(),this.model?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=b.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}getSelectedOrDefaultColorRampName(){return this.model.colorRampName??(j(this.model?.config)?b.defaultColorRampForCharts?.name:void 0)}getRequestedBreaksCount(){return this.requestedBreaksCount??this.model.breaksCount??x.classBreaks.breaksCount}getFirstDayOfWeek(){let{lang:e}=_(this.el??document.documentElement),a=I(e);return V.local().setLocale(e).startOf("week",{useLocaleWeeks:a!==N}).weekday}applyCalendarTypePreset(e){switch(e){case y.YearByMonthAndDayOfMonth:{let a={type:p.CalendarDateParts,unit:u.DayOfMonth},t={type:p.CalendarDateParts,unit:u.MonthOfYear};this.model.xTemporalBinning=a,this.model.yTemporalBinning=t;break}case y.WeekByDayOfWeekAndHourOfDay:{let a={type:p.CalendarDateParts,unit:u.HourOfDay},t={type:p.CalendarDateParts,unit:u.DayOfWeek};this.model.firstDayOfWeek=this.getFirstDayOfWeek(),this.model.xTemporalBinning=a,this.model.yTemporalBinning=t;break}}}async generateClassBreaks(e=!1){let a=[],t=this.model.chartRenderer?.classBreakInfos,i=J(Q);return i&&(a=await G({data:i,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,colorRampName:this.model.colorRampName,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:t,useExistingColors:!e,isColorRampFlipped:this.model.isColorRampFlipped})),a}applyGeneratedClassBreaks(e,a){if(this.model.chartRenderer={type:"classBreaks",field:K.valueField,classBreakInfos:e},this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.classificationMethod!==f.manual){let t=e.length||a;this.model.breaksCount!==t&&(this.model.breaksCount=t)}}async generateAndUpdateClassBreaks(e=!1){let a=this.getRequestedBreaksCount(),t=await this.generateClassBreaks(e);z({currentBreaks:t,configBreaks:this.model.chartRenderer?.classBreakInfos??[],treatReversedColorsAsEqual:!e})&&this.applyGeneratedClassBreaks(t,a)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return Y({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":R(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=s.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=s.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=s.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=s.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=s.colorScheme,this.setupPopover(e)}async onBreaksCountChange(e){let a=O(e.target.value);a<d.min?a=d.min:a>d.max&&(a=d.max),U(a)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=a.toString()),this.requestedBreaksCount=a,this.model.breaksCount=a,await this.generateAndUpdateClassBreaks())}onAggregationSelect(e){this.contentKind=s.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=s.null,this.setupPopover(e)}onIncludeLeapDayChange(e){let a=e.target.checked;this.model.includeLeapDay=a}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}setupPopover(e){e.stopImmediatePropagation(),this.removeHeatChartDataPopover();let a,t,i;switch(this.contentKind){case s.aggregation:a=this.aggregationElement.value,t=this._messages.aggregationHeader,i=this.model.aggregationType;break;case s.xAxisField:a=this.xAxisFieldElement.value,t=this._messages.xAxisField,i=this.model.xAxisField;break;case s.numericFields:a=this.numericFieldsElement.value,t=this._messages.numericField,i=this.model.numericFields?.[0];break;case s.calendarType:a=this.calendarTypeElement.value,t=this._messages.calendarType,i=k(this.model);break;case s.calendarViewType:a=this.calendarViewTypeElement.value,t=this._messages.viewType,i=this.model.viewType;break;case s.classBreakMethod:a=this.classBreakMethodElement.value,t=this._messages.method,i=this.model.classificationMethod;break;case s.colorScheme:a=this.colorSchemeElement.value,t=this._messages.colorScheme,i=this.getSelectedOrDefaultColorRampName();break;case s.null:a=e.target,t=this._messages.null;break}this.heatChartPopover=w(l`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${a} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${this.model.isColorRampFlipped}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=ae(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(X.Desc),this.model.classificationMethod===void 0&&(this.model.classificationMethod=f.naturalBreaks),this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.viewType===void 0&&(this.model.viewType=H.singleCalendarView),(this.model.aggregationType===m.Count||this.model.aggregationType===m.Sum)&&this.model.nullPolicy!==h.Zero&&(this.model.nullPolicy=h.Zero),this.model.colorRampName===void 0&&(this.model.colorRampName=b.defaultColorRampForCharts?.name)}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return l`<arcgis-charts-config-field-picker .label=${e} @click=${this.onXAxisFieldSelect} ${c(this.xAxisFieldElement)}></arcgis-charts-config-field-picker>`}renderAggregation(){return l`<arcgis-charts-config-field-picker .label=${this.model.aggregationType===m.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${c(this.aggregationElement)}></arcgis-charts-config-field-picker>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===S(this.model.layer).idField?"":R(this.layerFieldsInfo,this.model.numericFields?.[0]);return l`<arcgis-charts-config-field-picker .label=${e} @click=${this.onNumericFieldSelect} ${c(this.numericFieldsElement)}></arcgis-charts-config-field-picker>`}renderCalendarTypeSelect(){let e=k(this.model)??"",a={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=e?a[e]??"":"";return l`<arcgis-charts-config-field-picker .label=${t} @click=${this.onCalendarTypeSelect} ${c(this.calendarTypeElement)}></arcgis-charts-config-field-picker>`}renderClassBreakMethodSelect(){let e={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},a=this.model.classificationMethod?e[L(this.model.classificationMethod)]??"":"";return l`<arcgis-charts-config-field-picker .label=${a} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-picker>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(a=>{let t=a!==void 0?Z(a.symbol.color):"#FFFFFF";return l`<div class=${o(r.colorRampSegment)} style=${B({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return l`<arcgis-charts-config-field-picker label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldPickerSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-picker>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return l`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${e.map(a=>l`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${a.symbol.color?.[0]}, ${a.symbol.color?.[1]}, ${a.symbol.color?.[2]}, ${a.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${a.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let e=this.model.emptyCell,a=this._messages.null,t=e?.symbol?.color??x.grayColor,[i,g,v,$]=[...t],F=`rgba(${i},${g},${v},${$/255})`;return l`<calcite-list label class=${o(r.list)} selection-mode=none ${c(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${B({color:F})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return l`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Zero} .checked=${this.model.nullPolicy===h.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Null} .checked=${this.model.nullPolicy===h.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),a=this.renderAggregation(),t=this.renderNumericFieldsSelect(),i=this.renderCalendarTypeSelect(),g=this.renderClassBreakMethodSelect(),v=this.renderColorRampSelect(),$=this.renderClassBreaksTable(),F=this.renderNullUI(),te=this.renderEmptyBins();return l`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${i}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${g}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${d.min} .max=${d.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===f.manual} step=1 .value=${ee(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${v}</calcite-label>${F}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${$}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${te}</calcite-label>${k(this.model)===y.YearByMonthAndDayOfMonth?l`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};D("arcgis-charts-config-heat-chart-data",E);return E},a,b,e,g,i,j)