@arcgis/charts-components 4.33.5 → 4.33.6

package/dist/chunks/web-component-utils.js

@@ -3,7 +3,7 @@ import { isEqual as ae, capitalize as b, isNumber as B, zip as X } from "lodash-
 import { d as $ } from "./interfaces2.js";
 import { a as E } from "./common.js";
 import { g as oe } from "./series-types.js";
-import { V as re, aP as ne, P as le, k, bO as se, cs as u, z, aT as T, W as O, b4 as de, H as F, aQ as ce, aR as N } from "./interfaces.js";
+import { V as re, aP as ne, P as le, k as w, bO as se, cs as u, z, aT as O, W as T, b4 as de, H as F, aQ as ce, aR as N } from "./interfaces.js";
 import { g as ue } from "./histogram-data.js";
 import { p as ge, q as me, r as pe, t as Y, v as ye, d as q } from "./data.js";
 import { g as fe, a as he, b as be } from "./pie-chart-data.js";
@@ -19,15 +19,15 @@ import "@arcgis/core/request.js";
 import { A as Se } from "./index2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.5 */
-const Xe = [
+v4.33.6 */
+const Ye = [
   L.BarSeries,
   L.BoxPlotSeries,
   L.LineSeries,
   L.PieSeries,
   L.HistogramSeries,
   L.ScatterSeries
-], Ye = 1, qe = { PNG: "png" }, _ = {
+], qe = 1, Ze = { PNG: "png" }, _ = {
   aria: {
     defaultChartItemRole: "figure"
   },
@@ -475,23 +475,26 @@ const Xe = [
     replaceNoValueCategoryWithZero: !0
   }
 };
-function Ze(c, e) {
-  return !ae(c, e);
+function Ce(d, e) {
+  return !ae(d, e);
 }
-const j = (c, e) => {
-  let t = c == null ? "" : String(c);
+function Qe(d, e) {
+  return Ce(d, e) || d !== e;
+}
+const j = (d, e) => {
+  let t = d == null ? "" : String(d);
   return Number.isFinite(Number(t)) && (t = Number(t).toFixed(2)), (e || /[",\r\n]/u.test(t)) && (t = `"${t.replace(/"/gu, '""')}"`), t;
 };
-function Qe(c, e = {}) {
-  const { columns: t, delimiter: l = ",", includeHeader: r = !0, quoteAll: i = !1 } = e, a = c.length === 0;
+function Ue(d, e = {}) {
+  const { columns: t, delimiter: l = ",", includeHeader: r = !0, quoteAll: i = !1 } = e, a = d.length === 0;
   let m = "";
   if (!a) {
-    const s = t ?? Object.keys(c[0]), g = [];
+    const s = t ?? Object.keys(d[0]), g = [];
     if (r) {
       const x = s.map((y) => j(y, i));
       g.push(x.join(l));
     }
-    c.forEach((x) => {
+    d.forEach((x) => {
       const y = s.map((f) => j(x[f], i));
       g.push(y.join(l));
     }), m = g.join(`\r
@@ -499,22 +502,22 @@ function Qe(c, e = {}) {
   }
   return m;
 }
-function Ue(c) {
-  const { rawData: e, config: t, layer: l, fieldList: r } = c;
+function Je(d) {
+  const { rawData: e, config: t, layer: l, fieldList: r } = d;
   let i = e;
   if (t !== void 0 && Array.isArray(e) && e.length > 0) {
     const a = oe(t?.series);
-    a === L.HistogramSeries ? i = Ce(t, e) : a === L.BarSeries || a === L.LineSeries || a === L.ComboLineAndBarSeries ? i = Fe({
+    a === L.HistogramSeries ? i = Fe(t, e) : a === L.BarSeries || a === L.LineSeries || a === L.ComboLineAndBarSeries ? i = Le({
       config: t,
       rows: e,
       layer: l,
       fieldList: r
-    }) : a === L.PieSeries ? i = Pe({
+    }) : a === L.PieSeries ? i = Me({
       config: t,
       rows: e,
       layer: l,
       fieldList: r
-    }) : a === L.BoxPlotSeries && (i = Be({
+    }) : a === L.BoxPlotSeries && (i = _e({
       config: t,
       rows: e,
       fieldList: r
@@ -522,24 +525,24 @@ function Ue(c) {
   }
   return i;
 }
-function Ce(c, e) {
-  const t = ue(c), l = `${b($.Min)} of ${t}`, r = `${b($.Max)} of ${t}`, i = `${b($.Count)} of ${t}`;
+function Fe(d, e) {
+  const t = ue(d), l = `${b($.Min)} of ${t}`, r = `${b($.Max)} of ${t}`, i = `${b($.Count)} of ${t}`;
   return e.map((a) => {
     const { minValue: m, maxValue: s, count: g } = a, x = B(m), y = B(s), f = B(g), o = {};
     return x && (o[l] = m.toFixed(2)), y && (o[r] = s.toFixed(2)), x && y && (o.Label = `${m.toFixed(2)} - ${s.toFixed(2)}`), f && (o[i] = g), o;
   });
 }
-function H(c, e, t) {
-  const l = Object.keys(c);
+function H(d, e, t) {
+  const l = Object.keys(d);
   let r = [];
   return t ? r = t.map((i) => l.find((a) => a.toLowerCase().includes(i.toLowerCase())) || "") : r = l.filter((a) => a.toLowerCase().includes(e.toLowerCase())), r.filter((i) => i.trim() !== "");
 }
-function Fe(c) {
-  const { config: e, rows: t, layer: l, fieldList: r } = c, i = ge(e), a = me(e), m = b(a), s = pe(e), g = k(e.series), x = Y(e), y = ye(e), f = se(l)?.objectIdField ?? "FID", o = s.length === 1 && s[0] === f;
-  let d;
+function Le(d) {
+  const { config: e, rows: t, layer: l, fieldList: r } = d, i = ge(e), a = me(e), m = b(a), s = pe(e), g = w(e.series), x = Y(e), y = ye(e), f = se(l)?.objectIdField ?? "FID", o = s.length === 1 && s[0] === f;
+  let c;
   switch (g) {
     case u.BarAndLineNoAggregation:
-      d = t.map((n) => {
+      c = t.map((n) => {
         const S = M({
           field: i,
           value: n[i],
@@ -549,21 +552,21 @@ function Fe(c) {
       });
       break;
     case u.BarAndLineFromFields:
-      d = X(s, t).map(([n, S]) => {
+      c = X(s, t).map(([n, S]) => {
         const C = z(e.series)[0], P = {};
         return S !== void 0 && n !== void 0 && (P.Field = S[i], P.Value = S[C]), P;
       });
       break;
     case u.BarAndLineMonoField:
     case u.BarAndLineMultiFields:
-      d = t.map((n) => {
+      c = t.map((n) => {
         const S = M({
           field: i,
           value: n[i],
           fieldList: r
         }), C = { [i]: S };
         return s.forEach((P, R) => {
-          const w = q({
+          const k = q({
             config: e,
             numericFields: s,
             aggregationType: a,
@@ -571,12 +574,12 @@ function Fe(c) {
             numericFieldIndex: R
           }), V = z(e.series)[R];
           let K = V, G = V;
-          V.toLowerCase() === w.name.toLowerCase() && (K = w.description, G = w.name), C[K] = n[G];
+          V.toLowerCase() === k.name.toLowerCase() && (K = k.description, G = k.name), C[K] = n[G];
         }), C;
       });
       break;
     case u.BarAndLineSplitBy:
-      d = t.flatMap((n) => {
+      c = t.flatMap((n) => {
         const S = H(n, s[0]), C = M({
           field: i,
           value: n[i],
@@ -592,7 +595,7 @@ function Fe(c) {
       });
       break;
     case u.BarAndLineSplitByNoAggregation:
-      d = t.map((n) => {
+      c = t.map((n) => {
         const S = M({
           field: i,
           value: n[i],
@@ -606,31 +609,31 @@ function Fe(c) {
       });
       break;
     default:
-      d = t;
+      c = t;
   }
-  return d;
+  return c;
 }
-function Le(c, e = 2) {
-  if (c.length === 0)
+function Pe(d, e = 2) {
+  if (d.length === 0)
     return [];
-  const t = c.reduce((l, r) => {
+  const t = d.reduce((l, r) => {
     for (const [i, a] of Object.entries(r))
       typeof a == "number" && Number.isFinite(a) && (l[i] = (l[i] ?? 0) + a);
     return l;
   }, {});
-  return c.map((l) => {
+  return d.map((l) => {
     const r = { ...l };
     for (const [i, a] of Object.entries(l))
       if (typeof a == "number" && t[i] > 0) {
         const m = a / t[i] * 100;
-        r[`${i}${T}`] = `${m.toFixed(e)}%`;
+        r[`${i}${O}`] = `${m.toFixed(e)}%`;
       }
     return r;
   });
 }
-function Pe(c) {
-  const { config: e, rows: t, layer: l, fieldList: r } = c, i = fe(e), a = k(e.series);
-  let m = Le(t, 2);
+function Me(d) {
+  const { config: e, rows: t, layer: l, fieldList: r } = d, i = fe(e), a = w(e.series);
+  let m = Pe(t, 2);
   const s = he(e), g = a !== u.PieFromFields ? E.Category : E.Fields, x = be(e, g), y = q({
     config: e,
     numericFields: s,
@@ -639,20 +642,20 @@ function Pe(c) {
     layer: l
   }), f = z(e.series)[0];
   return a === u.PieFromCategory ? m = m.map((o) => {
-    const d = M({
+    const c = M({
       field: i,
       value: o[i],
       fieldList: r
-    }), n = { [i]: d };
+    }), n = { [i]: c };
     let S = f, C = f;
-    return f.toLowerCase() === y.name.toLowerCase() && (S = y.description, C = y.name), n[S] = o[C], n[b(T.trim())] = o[`${C}${T}`], n;
-  }) : a === u.PieFromFields && (m = X(s, m).map(([o, d]) => {
+    return f.toLowerCase() === y.name.toLowerCase() && (S = y.description, C = y.name), n[S] = o[C], n[b(O.trim())] = o[`${C}${O}`], n;
+  }) : a === u.PieFromFields && (m = X(s, m).map(([o, c]) => {
     const n = {};
-    return d !== void 0 && o !== void 0 && (n.Field = d[i], n.Value = d[f], n[b(T.trim())] = d[`${f}${T}`]), n;
+    return c !== void 0 && o !== void 0 && (n.Field = c[i], n.Value = c[f], n[b(O.trim())] = c[`${f}${O}`]), n;
   })), m;
 }
-function D(c) {
-  const { rawData: e, keyBase: t = "", outRow: l } = c;
+function D(d) {
+  const { rawData: e, keyBase: t = "", outRow: l } = d;
   for (const [r, i] of Object.entries(F)) {
     const a = e[t + i];
     a !== void 0 && (l[r] = B(a) ? a.toFixed(2) : a);
@@ -662,10 +665,10 @@ function D(c) {
     s !== void 0 && (l[`${r} Z-Score`] = B(s) ? s.toFixed(2) : s);
   }
 }
-function A(c) {
-  const { rawData: e, outRow: t, config: l, boxPlotSubType: r, fieldList: i } = c, a = I(l), m = Z(l), s = W(l);
+function A(d) {
+  const { rawData: e, outRow: t, config: l, boxPlotSubType: r, fieldList: i } = d, a = I(l), m = Z(l), s = W(l);
   let g = F.Outlier;
-  const x = O;
+  const x = T;
   switch (r) {
     case u.BoxPlotMonoFieldAndCategory: {
       const o = M({
@@ -678,7 +681,7 @@ function A(c) {
     }
     case u.BoxPlotMultiFieldsAndCategory: {
       t[b(a)] = e[a], g = `${m.find(
-        (d) => Object.keys(e).some((n) => n.toLowerCase().includes(d.toLowerCase()))
+        (c) => Object.keys(e).some((n) => n.toLowerCase().includes(c.toLowerCase()))
       ) ?? ""}_${g}`, t[b(F.Outlier)] = e[g];
       break;
     }
@@ -703,16 +706,16 @@ function A(c) {
   const y = `${g}${N}`, f = e[y];
   f !== void 0 && (t[`${b(F.Outlier)} Z-Score`] = B(f) ? f.toFixed(2) : f);
 }
-function Me(c) {
-  const { rawData: e, outRow: t, config: l, splitByValue: r } = c, i = k(l.series), a = e[`${r}_${F.Average}`], m = W(l), s = I(l);
+function Be(d) {
+  const { rawData: e, outRow: t, config: l, splitByValue: r } = d, i = w(l.series), a = e[`${r}_${F.Average}`], m = W(l), s = I(l);
   let g = "";
   switch (i) {
     case u.BoxPlotMonoFieldAndSplitBy: {
-      g = `${r}_${m}`, t.Field = e[O], t[b(m)] = e[g];
+      g = `${r}_${m}`, t.Field = e[T], t[b(m)] = e[g];
       break;
     }
     case u.BoxPlotMultiFieldsAndSplitBy: {
-      g = `${r}_${F.Average}`, t.Field = e[O], t[b(m)] = e[g];
+      g = `${r}_${F.Average}`, t.Field = e[T], t[b(m)] = e[g];
       break;
     }
     case u.BoxPlotMonoFieldAndCategoryAndSplitBy: {
@@ -724,8 +727,8 @@ function Me(c) {
   const x = `${a}${N}`, y = e[x];
   y !== void 0 && (t[`${b(F.Average)} Z-Score`] = B(y) ? y.toFixed(2) : y);
 }
-function Be(c) {
-  const { config: e, rows: t, fieldList: l } = c, r = k(e.series);
+function _e(d) {
+  const { config: e, rows: t, fieldList: l } = d, r = w(e.series);
   let i = r;
   const a = xe(e), m = Array.isArray(t) && t.length > 0 && t.every((o) => o[_.boxPlot.boxPlotMeanLineMarkerId] !== void 0);
   a && !m && (r === u.BoxPlotMonoFieldAndSplitBy ? i = u.BoxPlotMonoField : r === u.BoxPlotMultiFieldsAndSplitBy ? i = u.BoxPlotMultiFields : r === u.BoxPlotMonoFieldAndCategoryAndSplitBy && (i = u.BoxPlotMonoFieldAndCategory));
@@ -735,9 +738,9 @@ function Be(c) {
     case u.BoxPlotMonoField:
     case u.BoxPlotMonoFieldAndCategory: {
       f = t.map((o) => {
-        const d = {};
+        const c = {};
         if (o[_.boxPlot.boxPlotOutlierId])
-          A({ rawData: o, outRow: d, config: e, boxPlotSubType: i });
+          A({ rawData: o, outRow: c, config: e, boxPlotSubType: i });
         else {
           if (i === u.BoxPlotMonoFieldAndCategory) {
             const n = M({
@@ -745,32 +748,32 @@ function Be(c) {
               value: o[s],
               fieldList: l
             });
-            d[s] = n;
-          } else i === u.BoxPlotMonoField && (d.Field = o[O]);
-          D({ rawData: o, outRow: d });
+            c[s] = n;
+          } else i === u.BoxPlotMonoField && (c.Field = o[T]);
+          D({ rawData: o, outRow: c });
         }
-        return d;
+        return c;
       });
       break;
     }
     case u.BoxPlotMultiFields: {
       f = t.flatMap((o) => {
-        const d = {};
+        const c = {};
         return o[_.boxPlot.boxPlotOutlierId] ? A({
           rawData: o,
-          outRow: d,
+          outRow: c,
           config: e,
           boxPlotSubType: i
-        }) : (d.Field = o[O], D({ rawData: o, outRow: d })), [d];
+        }) : (c.Field = o[T], D({ rawData: o, outRow: c })), [c];
       });
       break;
     }
     case u.BoxPlotMultiFieldsAndCategory: {
       f = t.flatMap(
-        (o) => g.map((d) => {
+        (o) => g.map((c) => {
           const n = {};
           let S = "";
-          if (n.Field = d, o[_.boxPlot.boxPlotOutlierId])
+          if (n.Field = c, o[_.boxPlot.boxPlotOutlierId])
             A({
               rawData: o,
               outRow: n,
@@ -784,7 +787,7 @@ function Be(c) {
                 value: o[s],
                 fieldList: l
               });
-              n[s] = C, S = `${d}_`;
+              n[s] = C, S = `${c}_`;
             }
             D({ rawData: o, outRow: n, keyBase: S });
           }
@@ -798,22 +801,22 @@ function Be(c) {
     case u.BoxPlotMonoFieldAndCategoryAndSplitBy: {
       f = t.flatMap((o) => {
         if (o[_.boxPlot.boxPlotOutlierId]) {
-          const d = {};
+          const c = {};
           return A({
             rawData: o,
-            outRow: d,
+            outRow: c,
             config: e,
             boxPlotSubType: i
-          }), [d];
-        } else return o[_.boxPlot.boxPlotMeanLineMarkerId] ? x?.map((d) => {
+          }), [c];
+        } else return o[_.boxPlot.boxPlotMeanLineMarkerId] ? x?.map((c) => {
           const n = {};
-          return Me({
+          return Be({
             rawData: o,
             outRow: n,
-            splitByValue: d,
+            splitByValue: c,
             config: e
           }), n;
-        }) : x.map((d) => {
+        }) : x.map((c) => {
           const n = {};
           if (i === u.BoxPlotMonoFieldAndCategoryAndSplitBy) {
             const S = M({
@@ -828,7 +831,7 @@ function Be(c) {
             outRow: n,
             config: e,
             boxPlotSubType: i
-          }) : (n[y] = d, D({ rawData: o, outRow: n, keyBase: `${d}_` })), n;
+          }) : (n[y] = c, D({ rawData: o, outRow: n, keyBase: `${c}_` })), n;
         });
       });
       break;
@@ -838,20 +841,21 @@ function Be(c) {
   }
   return f;
 }
-const _e = (c) => {
+const Ae = (d) => {
   let e = !1;
-  return (typeof c == "string" || typeof c == "number") && (e = !Number.isNaN(new Date(c).getTime())), e;
-}, M = (c) => {
-  const { field: e, value: t, fieldList: l } = c;
+  return (typeof d == "string" || typeof d == "number") && (e = !Number.isNaN(new Date(d).getTime())), e;
+}, M = (d) => {
+  const { field: e, value: t, fieldList: l } = d;
   let r = !1;
-  return l !== void 0 && l.length > 0 && (r = de(l).some((a) => a === e)), _e(t) && r ? new Date(t).toISOString() : t;
+  return l !== void 0 && l.length > 0 && (r = de(l).some((a) => a === e)), Ae(t) && r ? new Date(t).toISOString() : t;
 };
 export {
   _ as C,
-  qe as D,
-  Qe as a,
-  Ze as h,
-  Ye as m,
-  Xe as s,
-  Ue as t
+  Ze as D,
+  Ce as a,
+  Ue as b,
+  Qe as h,
+  qe as m,
+  Ye as s,
+  Je as t
 };

package/dist/components/arcgis-chart/customElement.d.ts

@@ -13,11 +13,20 @@ import { AxesMinMaxChangePayload, DataProcessCompletePayload, LegendItemVisibili
 import { MissingSplitBySeriesProps, WebChartComponentVersion, DownloadableChartImagesTypes } from '../../utils/components/interfaces';
 
 /**
- * Chart component renders various chart types based on the provided model, including bar charts, line charts, pie charts, box plots, combo bar-line charts, gauges, scatterplots, and histograms.
+ * The ArcGIS Chart component renders various chart types based on the provided model.
+ *
+ * Supported chart types include bar charts, line charts, pie charts, box plots, combo bar-line charts, gauges, scatterplots, histograms and radar charts.
+ *
+ * The Chart component can be rendered using an [existing model](https://developers.arcgis.com/javascript/latest/charts-components-intro/#use-an-existing-model-from-a-webmap-or-feature-layer) from a web map or feature layer,
+ * or by [creating a new model](https://developers.arcgis.com/javascript/latest/charts-components-intro/#create-a-new-model).
+ *
+ * See also:
+ * - [Introduction to Charts components](https://developers.arcgis.com/javascript/latest/charts-components-intro/)
+ * - [Tutorial: Display and create charts components](https://developers.arcgis.com/javascript/latest/tutorials/display-and-create-charts-components/)
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-chart/)
  *
- * @slot [action-bar] - A slot for adding charts-action-bar component or calcite-action-bar.
+ * @slot [action-bar] - Slot for adding a `charts-action-bar` component or `calcite-action-bar`.
  */
 export declare class ArcgisChart extends LitElement {
     /**