@arcgis/charts-components 4.34.0-next.163 → 4.34.0-next.165

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

@@ -1,29 +1,30 @@
 import { W as P, u as Q } from "./series-types.js";
-import { isEqual as X, capitalize as g, isNumber as C, zip as E } from "lodash-es";
+import { isEqual as X, capitalize as g, isNumber as A, zip as E } from "lodash-es";
 import { b as k } from "./interfaces3.js";
 import { a as _ } from "./common.js";
-import { p as v, c5 as Y, cA as d, I as T, b3 as h, a3 as D, bg as U, P as B, b0 as W, b1 as K } from "./interfaces.js";
+import { p as v, c6 as Y, cB as d, I as T, b3 as h, a3 as D, bg as U, P as B, b0 as W, b1 as K } from "./interfaces.js";
 import { g as J } from "./histogram-data.js";
-import { h as ee, j as te, k as oe, l as Z, m as ie, c as q } from "./data.js";
+import { a as ee, g as Z } from "./data.js";
+import { f as te, h as oe, j as q, k as ie } from "./data2.js";
 import { g as ae, a as se, b as le } from "./pie-chart-data.js";
 import { j as ne, n as N, p as G, o as R } from "./box-plot-data.js";
 import { C as M } from "./interfaces4.js";
 import { g as re } from "./index3.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.163 */
-const Le = [
+v4.34.0-next.165 */
+const we = [
   P.BarSeries,
   P.BoxPlotSeries,
   P.LineSeries,
   P.PieSeries,
   P.HistogramSeries,
   P.ScatterSeries
-], we = 1, ve = { PNG: "png" };
+], ve = 1, Oe = { PNG: "png" };
 function ce(u, e) {
   return !X(u, e);
 }
-function Oe(u, e) {
+function Ve(u, e) {
   return ce(u, e) || u !== e;
 }
 function ue(u) {
@@ -34,79 +35,79 @@ function ue(u) {
 }
 const z = (u) => {
   const { value: e, quoteAll: t = !1, locale: n = "en" } = u;
-  let s = e == null ? "" : String(e);
-  if (Number.isFinite(Number(s))) {
-    const i = Number(s);
-    s = new Intl.NumberFormat(n, {
+  let i = e == null ? "" : String(e);
+  if (Number.isFinite(Number(i))) {
+    const a = Number(i);
+    i = new Intl.NumberFormat(n, {
       minimumFractionDigits: 0,
       maximumFractionDigits: 2
-    }).format(i).replace(/\u202F/gu, " ");
+    }).format(a).replace(/\u202F/gu, " ");
   }
-  return (t || /[",\r\n]/u.test(s)) && (s = `"${s.replace(/"/gu, '""')}"`), s;
+  return (t || /[",\r\n]/u.test(i)) && (i = `"${i.replace(/"/gu, '""')}"`), i;
 };
-function Ve(u, e = {}) {
-  const { columns: t, delimiter: n, includeHeader: s = !0, quoteAll: o = !1, locale: i } = e, m = u.length === 0;
+function ke(u, e = {}) {
+  const { columns: t, delimiter: n, includeHeader: i = !0, quoteAll: o = !1, locale: a } = e, m = u.length === 0;
   let r = "";
   if (!m) {
-    const f = t ?? Object.keys(u[0]), F = [], p = i ?? re().formatLocale, y = n ?? ue(p);
+    const f = t ?? Object.keys(u[0]), F = [], p = a ?? re().formatLocale, y = n ?? ue(p);
     if (r += `sep=${y}\r
-`, s) {
-      const a = f.map((c) => z({ value: c, quoteAll: o, locale: p }));
-      F.push(a.join(y));
+`, i) {
+      const s = f.map((c) => z({ value: c, quoteAll: o, locale: p }));
+      F.push(s.join(y));
     }
-    u.forEach((a) => {
-      const c = f.map((l) => z({ value: a[l], quoteAll: o, locale: p }));
+    u.forEach((s) => {
+      const c = f.map((l) => z({ value: s[l], quoteAll: o, locale: p }));
       F.push(c.join(y));
     }), r += F.join(`\r
 `);
   }
   return r;
 }
-function ke(u) {
-  const { rawData: e, config: t, layer: n, fieldList: s } = u;
+function Te(u) {
+  const { rawData: e, config: t, layer: n, fieldList: i } = u;
   let o = e;
   if (t !== void 0 && Array.isArray(e) && e.length > 0) {
-    const i = Q(t?.series);
-    i === P.HistogramSeries ? o = de(t, e) : i === P.BarSeries || i === P.LineSeries || i === P.ComboLineAndBarSeries ? o = fe({
+    const a = Q(t?.series);
+    a === P.HistogramSeries ? o = de(t, e) : a === P.BarSeries || a === P.LineSeries || a === P.ComboLineAndBarSeries ? o = fe({
       config: t,
       rows: e,
       layer: n,
-      fieldList: s
-    }) : i === P.PieSeries ? o = ye({
+      fieldList: i
+    }) : a === P.PieSeries ? o = ye({
       config: t,
       rows: e,
       layer: n,
-      fieldList: s
-    }) : i === P.BoxPlotSeries && (o = ge({
+      fieldList: i
+    }) : a === P.BoxPlotSeries && (o = ge({
       config: t,
       rows: e,
-      fieldList: s
+      fieldList: i
     }));
   }
   return o;
 }
 function de(u, e) {
-  const t = J(u), n = `${g(k.Min)} of ${t}`, s = `${g(k.Max)} of ${t}`, o = `${g(k.Count)} of ${t}`;
-  return e.map((i) => {
-    const { minValue: m, maxValue: r, count: f } = i, F = C(m), p = C(r), y = C(f), a = {};
-    return F && (a[n] = m.toFixed(2)), p && (a[s] = r.toFixed(2)), F && p && (a.Label = `${m.toFixed(2)} - ${r.toFixed(2)}`), y && (a[o] = f), a;
+  const t = J(u), n = `${g(k.Min)} of ${t}`, i = `${g(k.Max)} of ${t}`, o = `${g(k.Count)} of ${t}`;
+  return e.map((a) => {
+    const { minValue: m, maxValue: r, count: f } = a, F = A(m), p = A(r), y = A(f), s = {};
+    return F && (s[n] = m.toFixed(2)), p && (s[i] = r.toFixed(2)), F && p && (s.Label = `${m.toFixed(2)} - ${r.toFixed(2)}`), y && (s[o] = f), s;
   });
 }
 function H(u, e, t) {
   const n = Object.keys(u);
-  let s = [];
-  return t ? s = t.map((o) => n.find((i) => i.toLowerCase().includes(o.toLowerCase())) || "") : s = n.filter((i) => i.toLowerCase().includes(e.toLowerCase())), s.filter((o) => o.trim() !== "");
+  let i = [];
+  return t ? i = t.map((o) => n.find((a) => a.toLowerCase().includes(o.toLowerCase())) || "") : i = n.filter((a) => a.toLowerCase().includes(e.toLowerCase())), i.filter((o) => o.trim() !== "");
 }
 function fe(u) {
-  const { config: e, rows: t, layer: n, fieldList: s } = u, o = ee(e), i = te(e), m = g(i), r = oe(e), f = v(e.series), F = Z(e), p = ie(e), y = Y(n)?.objectIdField ?? "FID", a = r.length === 1 && r[0] === y;
+  const { config: e, rows: t, layer: n, fieldList: i } = u, o = ee(e), a = te(e), m = g(a), r = oe(e), f = v(e.series), F = q(e), p = ie(e), y = Y(n)?.objectIdField ?? "FID", s = r.length === 1 && r[0] === y;
   let c;
   switch (f) {
     case d.BarAndLineNoAggregation:
       c = t.map((l) => {
-        const x = A({
+        const x = C({
           field: o,
           value: l[o],
-          fieldList: s
+          fieldList: i
         }), b = { [o]: x };
         return Object.assign(b, ...r.map((S) => ({ [S]: l[S] }))), b;
       });
@@ -120,19 +121,20 @@ function fe(u) {
     case d.BarAndLineMonoField:
     case d.BarAndLineMultiFields:
       c = t.map((l) => {
-        const x = A({
+        const x = C({
           field: o,
           value: l[o],
-          fieldList: s
+          fieldList: i
         }), b = { [o]: x };
         return r.forEach((S, L) => {
-          const O = q({
+          const O = Z({
             config: e,
             xAxisField: o,
             numericFields: r,
-            aggregationType: i,
+            aggregationType: a,
             layer: n,
-            numericFieldIndex: L
+            numericFieldIndex: L,
+            fieldList: i
           }), V = T(e.series)[L];
           let I = V, j = V;
           V.toLowerCase() === O.name.toLowerCase() && (I = O.description, j = O.name), b[I] = l[j];
@@ -141,26 +143,26 @@ function fe(u) {
       break;
     case d.BarAndLineSplitBy:
       c = t.flatMap((l) => {
-        const x = H(l, r[0]), b = A({
+        const x = H(l, r[0]), b = C({
           field: o,
           value: l[o],
-          fieldList: s
+          fieldList: i
         });
         return F.map(
           (S, L) => ({
             [o]: b,
             [p]: S,
-            [a ? m : `${m} of ${r[0]}`]: l[x[L]]
+            [s ? m : `${m} of ${r[0]}`]: l[x[L]]
           })
         );
       });
       break;
     case d.BarAndLineSplitByNoAggregation:
       c = t.map((l) => {
-        const x = A({
+        const x = C({
           field: o,
           value: l[o],
-          fieldList: s
+          fieldList: i
         }), b = H(l, r[0], F);
         return {
           [o]: x,
@@ -177,85 +179,86 @@ function fe(u) {
 function me(u, e = 2) {
   if (u.length === 0)
     return [];
-  const t = u.reduce((n, s) => {
-    for (const [o, i] of Object.entries(s))
-      typeof i == "number" && Number.isFinite(i) && (n[o] = (n[o] ?? 0) + i);
+  const t = u.reduce((n, i) => {
+    for (const [o, a] of Object.entries(i))
+      typeof a == "number" && Number.isFinite(a) && (n[o] = (n[o] ?? 0) + a);
     return n;
   }, {});
   return u.map((n) => {
-    const s = { ...n };
-    for (const [o, i] of Object.entries(n))
-      if (typeof i == "number" && t[o] > 0) {
-        const m = i / t[o] * 100;
-        s[`${o}${h}`] = `${m.toFixed(e)}%`;
+    const i = { ...n };
+    for (const [o, a] of Object.entries(n))
+      if (typeof a == "number" && t[o] > 0) {
+        const m = a / t[o] * 100;
+        i[`${o}${h}`] = `${m.toFixed(e)}%`;
       }
-    return s;
+    return i;
   });
 }
 function ye(u) {
-  const { config: e, rows: t, layer: n, fieldList: s } = u, o = ae(e), i = v(e.series);
+  const { config: e, rows: t, layer: n, fieldList: i } = u, o = ae(e), a = v(e.series);
   let m = me(t, 2);
-  const r = se(e), f = i !== d.PieFromFields ? _.Category : _.Fields, F = le(e, f), p = q({
+  const r = se(e), f = a !== d.PieFromFields ? _.Category : _.Fields, F = le(e, f), p = Z({
     config: e,
     xAxisField: o,
     numericFields: r,
     aggregationType: F,
     mode: f,
-    layer: n
+    layer: n,
+    fieldList: i
   }), y = T(e.series)[0];
-  return i === d.PieFromCategory ? m = m.map((a) => {
-    const c = A({
+  return a === d.PieFromCategory ? m = m.map((s) => {
+    const c = C({
       field: o,
-      value: a[o],
-      fieldList: s
+      value: s[o],
+      fieldList: i
     }), l = { [o]: c };
     let x = y, b = y;
-    return y.toLowerCase() === p.name.toLowerCase() && (x = p.description, b = p.name), l[x] = a[b], l[g(h.trim())] = a[`${b}${h}`], l;
-  }) : i === d.PieFromFields && (m = E(r, m).map(([a, c]) => {
+    return y.toLowerCase() === p.name.toLowerCase() && (x = p.description, b = p.name), l[x] = s[b], l[g(h.trim())] = s[`${b}${h}`], l;
+  }) : a === d.PieFromFields && (m = E(r, m).map(([s, c]) => {
     const l = {};
-    return c !== void 0 && a !== void 0 && (l.Field = c[o], l.Value = c[y], l[g(h.trim())] = c[`${y}${h}`]), l;
+    return c !== void 0 && s !== void 0 && (l.Field = c[o], l.Value = c[y], l[g(h.trim())] = c[`${y}${h}`]), l;
   })), m;
 }
 function w(u) {
   const { rawData: e, keyBase: t = "", outRow: n } = u;
-  for (const [s, o] of Object.entries(B)) {
-    const i = e[t + o];
-    i !== void 0 && (n[s] = C(i) ? i.toFixed(2) : i);
+  for (const [i, o] of Object.entries(B)) {
+    const a = e[t + o];
+    a !== void 0 && (n[i] = A(a) ? a.toFixed(2) : a);
     const m = e[t + o + W];
-    m !== void 0 && (n[`${s} Outlier`] = C(m) ? m.toFixed(2) : m);
+    m !== void 0 && (n[`${i} Outlier`] = A(m) ? m.toFixed(2) : m);
     const r = e[t + o + K];
-    r !== void 0 && (n[`${s} Z-Score`] = C(r) ? r.toFixed(2) : r);
+    r !== void 0 && (n[`${i} Z-Score`] = A(r) ? r.toFixed(2) : r);
   }
 }
 function $(u) {
-  const { rawData: e, outRow: t, config: n, boxPlotSubType: s, fieldList: o } = u, i = N(n), m = G(n), r = R(n);
+  const { rawData: e, outRow: t, config: n, boxPlotSubType: i, fieldList: o } = u, a = N(n), m = G(n), r = R(n);
   let f = B.Outlier;
   const F = D;
-  switch (s) {
+  switch (i) {
     case d.BoxPlotMonoFieldAndCategory: {
-      const a = A({
-        field: i,
-        value: e[i],
+      const s = C({
+        field: a,
+        value: e[a],
         fieldList: o
       });
-      t[i] = a, t[g(B.Outlier)] = e[f];
+      t[a] = s, t[g(B.Outlier)] = e[f];
       break;
     }
     case d.BoxPlotMultiFieldsAndCategory: {
-      t[g(i)] = e[i], f = `${m.find(
+      t[g(a)] = e[a], f = `${m.find(
         (c) => Object.keys(e).some((l) => l.toLowerCase().includes(c.toLowerCase()))
       ) ?? ""}_${f}`, t[g(B.Outlier)] = e[f];
       break;
     }
     case d.BoxPlotMonoFieldAndSplitBy:
     case d.BoxPlotMultiFieldsAndSplitBy: {
-      const a = e[r];
-      f = `${a}_${f}`, t.Field = e[F], t[g(r)] = a, t[g(B.Outlier)] = e[f];
+      const s = e[r];
+      f = `${s}_${f}`, t.Field = e[F], t[g(r)] = s, t[g(B.Outlier)] = e[f];
       break;
     }
     case d.BoxPlotMonoFieldAndCategoryAndSplitBy: {
-      const a = e[r];
-      f = `${a}_${f}`, t[g(i)] = e[i], t[g(r)] = a, t[g(B.Outlier)] = e[f];
+      const s = e[r];
+      f = `${s}_${f}`, t[g(a)] = e[a], t[g(r)] = s, t[g(B.Outlier)] = e[f];
       break;
     }
     case d.BoxPlotMonoField:
@@ -266,92 +269,92 @@ function $(u) {
     }
   }
   const p = `${f}${K}`, y = e[p];
-  y !== void 0 && (t[`${g(B.Outlier)} Z-Score`] = C(y) ? y.toFixed(2) : y);
+  y !== void 0 && (t[`${g(B.Outlier)} Z-Score`] = A(y) ? y.toFixed(2) : y);
 }
 function pe(u) {
-  const { rawData: e, outRow: t, config: n, splitByValue: s } = u, o = v(n.series), i = e[`${s}_${B.Average}`], m = R(n), r = N(n);
+  const { rawData: e, outRow: t, config: n, splitByValue: i } = u, o = v(n.series), a = e[`${i}_${B.Average}`], m = R(n), r = N(n);
   let f = "";
   switch (o) {
     case d.BoxPlotMonoFieldAndSplitBy: {
-      f = `${s}_${m}`, t.Field = e[D], t[g(m)] = e[f];
+      f = `${i}_${m}`, t.Field = e[D], t[g(m)] = e[f];
       break;
     }
     case d.BoxPlotMultiFieldsAndSplitBy: {
-      f = `${s}_${B.Average}`, t.Field = e[D], t[g(m)] = e[f];
+      f = `${i}_${B.Average}`, t.Field = e[D], t[g(m)] = e[f];
       break;
     }
     case d.BoxPlotMonoFieldAndCategoryAndSplitBy: {
-      f = `${s}_${B.Average}`, t[r] = e[r], t[g(m)] = s;
+      f = `${i}_${B.Average}`, t[r] = e[r], t[g(m)] = i;
       break;
     }
   }
-  t[g(B.Average)] = C(i) ? i.toFixed(2) : i;
-  const F = `${i}${K}`, p = e[F];
-  p !== void 0 && (t[`${g(B.Average)} Z-Score`] = C(p) ? p.toFixed(2) : p);
+  t[g(B.Average)] = A(a) ? a.toFixed(2) : a;
+  const F = `${a}${K}`, p = e[F];
+  p !== void 0 && (t[`${g(B.Average)} Z-Score`] = A(p) ? p.toFixed(2) : p);
 }
 function ge(u) {
-  const { config: e, rows: t, fieldList: n } = u, s = v(e.series);
-  let o = s;
-  const i = ne(e), m = Array.isArray(t) && t.length > 0 && t.every((a) => a[M.boxPlot.boxPlotMeanLineMarkerId] !== void 0);
-  i && !m && (s === d.BoxPlotMonoFieldAndSplitBy ? o = d.BoxPlotMonoField : s === d.BoxPlotMultiFieldsAndSplitBy ? o = d.BoxPlotMultiFields : s === d.BoxPlotMonoFieldAndCategoryAndSplitBy && (o = d.BoxPlotMonoFieldAndCategory));
-  const r = N(e), f = G(e), F = Z(e), p = R(e);
+  const { config: e, rows: t, fieldList: n } = u, i = v(e.series);
+  let o = i;
+  const a = ne(e), m = Array.isArray(t) && t.length > 0 && t.every((s) => s[M.boxPlot.boxPlotMeanLineMarkerId] !== void 0);
+  a && !m && (i === d.BoxPlotMonoFieldAndSplitBy ? o = d.BoxPlotMonoField : i === d.BoxPlotMultiFieldsAndSplitBy ? o = d.BoxPlotMultiFields : i === d.BoxPlotMonoFieldAndCategoryAndSplitBy && (o = d.BoxPlotMonoFieldAndCategory));
+  const r = N(e), f = G(e), F = q(e), p = R(e);
   let y;
   switch (o) {
     case d.BoxPlotMonoField:
     case d.BoxPlotMonoFieldAndCategory: {
-      y = t.map((a) => {
+      y = t.map((s) => {
         const c = {};
-        if (a[M.boxPlot.boxPlotOutlierId])
-          $({ rawData: a, outRow: c, config: e, boxPlotSubType: o });
+        if (s[M.boxPlot.boxPlotOutlierId])
+          $({ rawData: s, outRow: c, config: e, boxPlotSubType: o });
         else {
           if (o === d.BoxPlotMonoFieldAndCategory) {
-            const l = A({
+            const l = C({
               field: r,
-              value: a[r],
+              value: s[r],
               fieldList: n
             });
             c[r] = l;
-          } else o === d.BoxPlotMonoField && (c.Field = a[D]);
-          w({ rawData: a, outRow: c });
+          } else o === d.BoxPlotMonoField && (c.Field = s[D]);
+          w({ rawData: s, outRow: c });
         }
         return c;
       });
       break;
     }
     case d.BoxPlotMultiFields: {
-      y = t.flatMap((a) => {
+      y = t.flatMap((s) => {
         const c = {};
-        return a[M.boxPlot.boxPlotOutlierId] ? $({
-          rawData: a,
+        return s[M.boxPlot.boxPlotOutlierId] ? $({
+          rawData: s,
           outRow: c,
           config: e,
           boxPlotSubType: o
-        }) : (c.Field = a[D], w({ rawData: a, outRow: c })), [c];
+        }) : (c.Field = s[D], w({ rawData: s, outRow: c })), [c];
       });
       break;
     }
     case d.BoxPlotMultiFieldsAndCategory: {
       y = t.flatMap(
-        (a) => f.map((c) => {
+        (s) => f.map((c) => {
           const l = {};
           let x = "";
-          if (l.Field = c, a[M.boxPlot.boxPlotOutlierId])
+          if (l.Field = c, s[M.boxPlot.boxPlotOutlierId])
             $({
-              rawData: a,
+              rawData: s,
               outRow: l,
               config: e,
               boxPlotSubType: o
             });
           else {
             if (o === d.BoxPlotMultiFieldsAndCategory) {
-              const b = A({
+              const b = C({
                 field: r,
-                value: a[r],
+                value: s[r],
                 fieldList: n
               });
               l[r] = b, x = `${c}_`;
             }
-            w({ rawData: a, outRow: l, keyBase: x });
+            w({ rawData: s, outRow: l, keyBase: x });
           }
           return l;
         })
@@ -361,19 +364,19 @@ function ge(u) {
     case d.BoxPlotMonoFieldAndSplitBy:
     case d.BoxPlotMultiFieldsAndSplitBy:
     case d.BoxPlotMonoFieldAndCategoryAndSplitBy: {
-      y = t.flatMap((a) => {
-        if (a[M.boxPlot.boxPlotOutlierId]) {
+      y = t.flatMap((s) => {
+        if (s[M.boxPlot.boxPlotOutlierId]) {
           const c = {};
           return $({
-            rawData: a,
+            rawData: s,
             outRow: c,
             config: e,
             boxPlotSubType: o
           }), [c];
-        } else return a[M.boxPlot.boxPlotMeanLineMarkerId] ? F?.map((c) => {
+        } else return s[M.boxPlot.boxPlotMeanLineMarkerId] ? F?.map((c) => {
           const l = {};
           return pe({
-            rawData: a,
+            rawData: s,
             outRow: l,
             splitByValue: c,
             config: e
@@ -381,19 +384,19 @@ function ge(u) {
         }) : F.map((c) => {
           const l = {};
           if (o === d.BoxPlotMonoFieldAndCategoryAndSplitBy) {
-            const x = A({
+            const x = C({
               field: r,
-              value: a[r],
+              value: s[r],
               fieldList: n
             });
             l[r] = x;
           }
-          return a[M.boxPlot.boxPlotOutlierId] ? $({
-            rawData: a,
+          return s[M.boxPlot.boxPlotOutlierId] ? $({
+            rawData: s,
             outRow: l,
             config: e,
             boxPlotSubType: o
-          }) : (l[p] = c, w({ rawData: a, outRow: l, keyBase: `${c}_` })), l;
+          }) : (l[p] = c, w({ rawData: s, outRow: l, keyBase: `${c}_` })), l;
         });
       });
       break;
@@ -406,17 +409,17 @@ function ge(u) {
 const Fe = (u) => {
   let e = !1;
   return (typeof u == "string" || typeof u == "number") && (e = !Number.isNaN(new Date(u).getTime())), e;
-}, A = (u) => {
+}, C = (u) => {
   const { field: e, value: t, fieldList: n } = u;
-  let s = !1;
-  return n !== void 0 && n.length > 0 && (s = U(n).some((i) => i === e)), Fe(t) && s ? new Date(t).toISOString() : t;
+  let i = !1;
+  return n !== void 0 && n.length > 0 && (i = U(n).some((a) => a === e)), Fe(t) && i ? new Date(t).toISOString() : t;
 };
 export {
-  ve as D,
+  Oe as D,
   ce as a,
-  Ve as b,
-  Oe as h,
-  we as m,
-  Le as s,
-  ke as t
+  ke as b,
+  Ve as h,
+  ve as m,
+  we as s,
+  Te as t
 };

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

@@ -13,16 +13,15 @@ import { AxesMinMaxChangePayload, DataProcessCompletePayload, LegendItemVisibili
 import { MissingSplitBySeriesProps, DownloadableChartImagesTypes } from '../../utils/components/interfaces';
 
 /**
- * The ArcGIS Chart component renders various chart types based on the provided model.
+ * The ArcGIS 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.
  *
- * 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).
+ * Supported chart types include bar charts, box plots, line charts, combo bar-line charts, gauges, heat charts, histograms, pie charts, scatterplots, and radar charts.
  *
  * 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/)
+ * - [Introduction to charts](https://developers.arcgis.com/javascript/latest/charts-components-intro/)
+ * - [Tutorial: Display a chart](https://developers.arcgis.com/javascript/latest/tutorials/display-and-create-charts-components/)
+ * - [Tutorial: Create a heat chart](https://developers.arcgis.com/javascript/latest/tutorials/create-a-heat-chart/)
+ * - [Tutorial: Modify a chart](https://developers.arcgis.com/javascript/latest/tutorials/modify-a-chart/)
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-chart/)
  *

package/dist/components/arcgis-chart/customElement.js

@@ -15,7 +15,7 @@ import { XYChart as Se, AxisRendererX as $t, LineSeries as ge, XYCursor as $c, C
 import { unsafeGetElementDirection as Xs } from "@arcgis/toolkit/dom";
 import { getElementLocale as Tn } from "@arcgis/toolkit/intl";
 import { c as an } from "../../chunks/index.js";
-import { p as U, cA as P, d as ii, a2 as ei, cg as De, aF as on, X as Io, a6 as ai, Y as kn, ck as ye, m as Jm, l as Ki, k as ki, U as Na, P as J, G as be, a4 as Me, ci as Dc, K as Ys, O as $e, ca as jt, cc as zt, cq as He, c5 as pt, ce as Oc, q as Ha, ag as Us, ai as Rc, bd as eg, be as tg, ar as js, as as Bc, ah as In, c9 as Ii, cB as Ne, cE as ho, co as nn, aS as Mc, bC as Nc, I as wi, b_ as qs, ba as qt, bU as Si, bV as Pc, b6 as wn, bj as _s, a3 as Zs, E as $i, N as $n, M as ig, B as Ks, ad as wo, aB as Vc, ao as Qs, F as po, aq as Ec, ap as zc, a as wa, $ as Wc, bi as Hc, L as Gc, D as bi, c7 as sn, b9 as bo, x as Js, b7 as ro, bZ as rn, i as Xc, aZ as Yc, a5 as ag, H as og, bF as ng, cb as fl, cf as sg, r as rg, c4 as Ho, y as oo, s as lg, g as cg, cp as dg, C as ug, cs as fg, h as mg } from "../../chunks/interfaces.js";
+import { p as U, cB as P, d as ii, a2 as ei, ch as De, aF as on, X as Io, a6 as ai, Y as kn, cl as ye, m as Jm, l as Ki, k as ki, U as Na, P as J, G as be, a4 as Me, cj as Dc, K as Ys, O as $e, cb as jt, cd as zt, cr as He, c6 as pt, cf as Oc, q as Ha, ag as Us, ai as Rc, bd as eg, be as tg, ar as js, as as Bc, ah as In, ca as Ii, cC as Ne, cF as ho, cp as nn, aS as Mc, bD as Nc, I as wi, b$ as qs, ba as qt, bV as Si, bW as Pc, b6 as wn, bj as _s, a3 as Zs, E as $i, N as $n, M as ig, B as Ks, ad as wo, aB as Vc, ao as Qs, F as po, aq as Ec, ap as zc, a as wa, $ as Wc, bi as Hc, L as Gc, D as bi, c8 as sn, b9 as bo, x as Js, b7 as ro, b_ as rn, i as Xc, aZ as Yc, a5 as ag, H as og, bG as ng, cc as fl, cg as sg, r as rg, c5 as Ho, y as oo, s as lg, g as cg, cq as dg, C as ug, ct as fg, h as mg } from "../../chunks/interfaces.js";
 import { A as K, C as fs } from "../../chunks/interfaces2.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
@@ -53,7 +53,7 @@ import { t as Cl, b as vl, D as gh, m as hh } from "../../chunks/web-component-u
 import * as pi from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.163 */
+v4.34.0-next.165 */
 var Xo = { exports: {} }, ps, Ll;
 function ph() {
   if (Ll) return ps;
@@ -6879,7 +6879,7 @@ function lf(t, e) {
   }
 }
 function cf(t) {
-  const e = t?.curtainColor ?? A.backgroundColor, i = `rgba(${e[0]}, ${e[1]}, ${e[2]}, ${e[3] / 255})`, a = _g({ r: e[0], g: e[1], b: e[2] }) ? A.darkTextColor : A.lightTextColor, o = `rgba(${a[0]}, ${a[1]}, ${a[2]}, ${a[3] / 255})`;
+  const e = t?.curtainColor ?? A.backgroundColor, i = `rgba(${e[0]}, ${e[1]}, ${e[2]}, 1)`, a = _g({ r: e[0], g: e[1], b: e[2] }) ? A.darkTextColor : A.lightTextColor, o = `rgba(${a[0]}, ${a[1]}, ${a[2]}, ${a[3] / 255})`;
   return { backgroundCSSColor: i, textCSSColor: o };
 }
 function lS(t) {

package/dist/components/arcgis-charts-action-bar/customElement.d.ts

@@ -6,12 +6,11 @@ import { WebChartTypes } from '../../spec';
 import { ArcgisChart } from '../arcgis-chart/customElement.js';
 
 /**
- * The ArcGIS charts action bar component enhances chart functionality by offering context-specific actions such as rotation, zooming, and filtering.
- * It also supports general actions like exporting the chart as an image or CSV.
+ * The ArcGIS Charts Action Bar component enhances chart functionality by providing context-specific actions such as rotation, zooming, and filtering, as well as general actions like exporting the chart as an image or CSV file.
  * This component is designed to be used with a chart component and is not intended for standalone use.
  *
  * See also:
- * - [Tutorial: Charts components with Map components using charts action bar](https://developers.arcgis.com/javascript/latest/tutorials/charts-components-with-map-components/)
+ * - [Tutorial: Chart and map interactions](https://developers.arcgis.com/javascript/latest/tutorials/chart-and-map-interactions/)
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-charts-action-bar/)
  *

package/dist/components/arcgis-charts-action-bar/customElement.js

@@ -23,7 +23,7 @@ import { LitElement as O, renderElement as B, safeStyleMap as D, createEvent as
 import { d as n } from "../../chunks/chart-ui-utils2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.163 */
+v4.34.0-next.165 */
 function V(h) {
   return h?.tagName.toLowerCase() === "arcgis-chart";
 }

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

@@ -4,7 +4,7 @@ import { u as e } from "../../chunks/useT9n.js";
 import { LitElement as d } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.163 */
+v4.34.0-next.165 */
 const u = o`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width)}`;
 class l extends d {
   constructor() {

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

@@ -10,7 +10,7 @@ import { createRef as r, ref as h } from "lit/directives/ref.js";
 import { LitElement as C, renderElement as I, safeClassMap as u } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.163 */
+v4.34.0-next.165 */
 const o = {
   linkContainer: "link-container",
   label: "label",

package/dist/components/arcgis-charts-config-bar-chart/customElement.js

@@ -18,7 +18,7 @@ import { css as p, html as t } from "lit";
 import { C as s } from "../../chunks/interfaces3.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.163 */
+v4.34.0-next.165 */
 const u = p`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class C extends m {
   constructor() {