@arcgis/charts-components 4.34.0-next.52 → 4.34.0-next.54

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

@@ -1,9 +1,9 @@
-import { WebChartTypes as L, RESTSymbolType as v, WebChartSortOrderKinds as Q, WebChartStackedKinds as U, WebChartLineSmoothedKinds as J, RESTSimpleMarkerSymbolStyle as ee, RESTVerticalAlignment as h, RESTHorizontalAlignment as p, RESTSimpleLineSymbolStyle as te, WebChartLegendPositions as ie } from "@arcgis/charts-spec";
-import { isEqual as ae, capitalize as b, isNumber as M, zip as H } from "lodash-es";
+import { WebChartTypes as L, RESTSymbolType as v, WebChartSortOrderKinds as Q, WebChartStackedKinds as U, WebChartLineSmoothedKinds as J, RESTSimpleMarkerSymbolStyle as ee, RESTVerticalAlignment as h, RESTHorizontalAlignment as p, RESTSimpleLineSymbolStyle as te, WebChartLegendPositions as ae } from "@arcgis/charts-spec";
+import { isEqual as ie, capitalize as b, isNumber as M, zip as H } from "lodash-es";
 import { d as $ } from "./interfaces2.js";
 import { a as E } from "./common.js";
 import { g as oe } from "./series-types.js";
-import { X as re, aR as ne, R as le, k as w, bS as se, cx as u, B as z, aV as T, Y as O, b6 as de, J as F, aS as ce, aT as N } from "./interfaces.js";
+import { X as re, aR as ne, R as le, k, bS as se, cx as u, B as z, aV as T, Y as O, b6 as de, J as F, aS as ce, aT 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,7 +19,7 @@ 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.34/esri/copyright.txt for details.
-v4.34.0-next.52 */
+v4.34.0-next.54 */
 const Ye = [
   L.BarSeries,
   L.BoxPlotSeries,
@@ -77,7 +77,7 @@ const Ye = [
     paddingBottom: 0,
     paddingLeft: 0,
     paddingRight: 0,
-    position: ie.Right
+    position: ae.Right
   },
   footer: {
     wrap: !0,
@@ -350,6 +350,10 @@ const Ye = [
   color: [0, 0, 0, 255],
   chartEllipsis: "...",
   backgroundColor: [255, 255, 255, 255],
+  lightTextColor: [255, 255, 255, 255],
+  // white
+  darkTextColor: [0, 0, 0, 255],
+  // black
   xAxisMinGridDistance: 120,
   xCategoryAxisMinGridDistance: 40,
   yAxisMinGridDistance: 40,
@@ -472,11 +476,12 @@ const Ye = [
   lastTemporalBin: "is_arcgis_charts_last_bin",
   options: {
     hideEmptySeries: !0,
-    replaceNoValueCategoryWithZero: !0
+    replaceNoValueCategoryWithZero: !0,
+    autoInverseDataLabelTextColor: !1
   }
 };
 function Ce(d, e) {
-  return !ae(d, e);
+  return !ie(d, e);
 }
 function Qe(d, e) {
   return Ce(d, e) || d !== e;
@@ -486,16 +491,16 @@ const j = (d, e) => {
   return Number.isFinite(Number(t)) && (t = Number(t).toFixed(2)), (e || /[",\r\n]/u.test(t)) && (t = `"${t.replace(/"/gu, '""')}"`), t;
 };
 function Ue(d, e = {}) {
-  const { columns: t, delimiter: l = ",", includeHeader: r = !0, quoteAll: i = !1 } = e, a = d.length === 0;
+  const { columns: t, delimiter: l = ",", includeHeader: r = !0, quoteAll: a = !1 } = e, i = d.length === 0;
   let m = "";
-  if (!a) {
+  if (!i) {
     const s = t ?? Object.keys(d[0]), g = [];
     if (r) {
-      const x = s.map((y) => j(y, i));
+      const x = s.map((y) => j(y, a));
       g.push(x.join(l));
     }
     d.forEach((x) => {
-      const y = s.map((f) => j(x[f], i));
+      const y = s.map((f) => j(x[f], a));
       g.push(y.join(l));
     }), m = g.join(`\r
 `);
@@ -504,90 +509,90 @@ function Ue(d, e = {}) {
 }
 function Je(d) {
   const { rawData: e, config: t, layer: l, fieldList: r } = d;
-  let i = e;
+  let a = e;
   if (t !== void 0 && Array.isArray(e) && e.length > 0) {
-    const a = oe(t?.series);
-    a === L.HistogramSeries ? i = Fe(t, e) : a === L.BarSeries || a === L.LineSeries || a === L.ComboLineAndBarSeries ? i = Le({
+    const i = oe(t?.series);
+    i === L.HistogramSeries ? a = Fe(t, e) : i === L.BarSeries || i === L.LineSeries || i === L.ComboLineAndBarSeries ? a = Le({
       config: t,
       rows: e,
       layer: l,
       fieldList: r
-    }) : a === L.PieSeries ? i = Be({
+    }) : i === L.PieSeries ? a = Be({
       config: t,
       rows: e,
       layer: l,
       fieldList: r
-    }) : a === L.BoxPlotSeries && (i = _e({
+    }) : i === L.BoxPlotSeries && (a = _e({
       config: t,
       rows: e,
       fieldList: r
     }));
   }
-  return i;
+  return a;
 }
 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 = M(m), y = M(s), f = M(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;
+  const t = ue(d), l = `${b($.Min)} of ${t}`, r = `${b($.Max)} of ${t}`, a = `${b($.Count)} of ${t}`;
+  return e.map((i) => {
+    const { minValue: m, maxValue: s, count: g } = i, x = M(m), y = M(s), f = M(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[a] = g), o;
   });
 }
 function X(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() !== "");
+  return t ? r = t.map((a) => l.find((i) => i.toLowerCase().includes(a.toLowerCase())) || "") : r = l.filter((i) => i.toLowerCase().includes(e.toLowerCase())), r.filter((a) => a.trim() !== "");
 }
 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;
+  const { config: e, rows: t, layer: l, fieldList: r } = d, a = ge(e), i = me(e), m = b(i), 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 c;
   switch (g) {
     case u.BarAndLineNoAggregation:
       c = t.map((n) => {
         const S = B({
-          field: i,
-          value: n[i],
+          field: a,
+          value: n[a],
           fieldList: r
-        }), C = { [i]: S };
+        }), C = { [a]: S };
         return Object.assign(C, ...s.map((P) => ({ [P]: n[P] }))), C;
       });
       break;
     case u.BarAndLineFromFields:
       c = H(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;
+        return S !== void 0 && n !== void 0 && (P.Field = S[a], P.Value = S[C]), P;
       });
       break;
     case u.BarAndLineMonoField:
     case u.BarAndLineMultiFields:
       c = t.map((n) => {
         const S = B({
-          field: i,
-          value: n[i],
+          field: a,
+          value: n[a],
           fieldList: r
-        }), C = { [i]: S };
+        }), C = { [a]: S };
         return s.forEach((P, R) => {
-          const k = q({
+          const w = q({
             config: e,
             numericFields: s,
-            aggregationType: a,
+            aggregationType: i,
             layer: l,
             numericFieldIndex: R
           }), V = z(e.series)[R];
           let K = V, G = V;
-          V.toLowerCase() === k.name.toLowerCase() && (K = k.description, G = k.name), C[K] = n[G];
+          V.toLowerCase() === w.name.toLowerCase() && (K = w.description, G = w.name), C[K] = n[G];
         }), C;
       });
       break;
     case u.BarAndLineSplitBy:
       c = t.flatMap((n) => {
         const S = X(n, s[0]), C = B({
-          field: i,
-          value: n[i],
+          field: a,
+          value: n[a],
           fieldList: r
         });
         return x.map(
           (P, R) => ({
-            [i]: C,
+            [a]: C,
             [y]: P,
             [o ? m : `${m} of ${s[0]}`]: n[S[R]]
           })
@@ -597,12 +602,12 @@ function Le(d) {
     case u.BarAndLineSplitByNoAggregation:
       c = t.map((n) => {
         const S = B({
-          field: i,
-          value: n[i],
+          field: a,
+          value: n[a],
           fieldList: r
         }), C = X(n, s[0], x);
         return {
-          [i]: S,
+          [a]: S,
           [y]: n[y],
           [s[0]]: n[C[0]]
         };
@@ -617,70 +622,70 @@ function Pe(d, e = 2) {
   if (d.length === 0)
     return [];
   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);
+    for (const [a, i] of Object.entries(r))
+      typeof i == "number" && Number.isFinite(i) && (l[a] = (l[a] ?? 0) + i);
     return 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)}%`;
+    for (const [a, i] of Object.entries(l))
+      if (typeof i == "number" && t[a] > 0) {
+        const m = i / t[a] * 100;
+        r[`${a}${T}`] = `${m.toFixed(e)}%`;
       }
     return r;
   });
 }
 function Be(d) {
-  const { config: e, rows: t, layer: l, fieldList: r } = d, i = fe(e), a = w(e.series);
+  const { config: e, rows: t, layer: l, fieldList: r } = d, a = fe(e), i = k(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({
+  const s = he(e), g = i !== u.PieFromFields ? E.Category : E.Fields, x = be(e, g), y = q({
     config: e,
     numericFields: s,
     aggregationType: x,
     mode: g,
     layer: l
   }), f = z(e.series)[0];
-  return a === u.PieFromCategory ? m = m.map((o) => {
+  return i === u.PieFromCategory ? m = m.map((o) => {
     const c = B({
-      field: i,
-      value: o[i],
+      field: a,
+      value: o[a],
       fieldList: r
-    }), n = { [i]: c };
+    }), n = { [a]: 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 = H(s, m).map(([o, c]) => {
+  }) : i === u.PieFromFields && (m = H(s, m).map(([o, c]) => {
     const n = {};
-    return c !== void 0 && o !== void 0 && (n.Field = c[i], n.Value = c[f], n[b(T.trim())] = c[`${f}${T}`]), n;
+    return c !== void 0 && o !== void 0 && (n.Field = c[a], n.Value = c[f], n[b(T.trim())] = c[`${f}${T}`]), n;
   })), m;
 }
 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] = M(a) ? a.toFixed(2) : a);
-    const m = e[t + i + ce];
+  for (const [r, a] of Object.entries(F)) {
+    const i = e[t + a];
+    i !== void 0 && (l[r] = M(i) ? i.toFixed(2) : i);
+    const m = e[t + a + ce];
     m !== void 0 && (l[`${r} Outlier`] = M(m) ? m.toFixed(2) : m);
-    const s = e[t + i + N];
+    const s = e[t + a + N];
     s !== void 0 && (l[`${r} Z-Score`] = M(s) ? s.toFixed(2) : s);
   }
 }
 function A(d) {
-  const { rawData: e, outRow: t, config: l, boxPlotSubType: r, fieldList: i } = d, a = I(l), m = Z(l), s = W(l);
+  const { rawData: e, outRow: t, config: l, boxPlotSubType: r, fieldList: a } = d, i = I(l), m = Z(l), s = W(l);
   let g = F.Outlier;
   const x = O;
   switch (r) {
     case u.BoxPlotMonoFieldAndCategory: {
       const o = B({
-        field: a,
-        value: e[a],
-        fieldList: i
+        field: i,
+        value: e[i],
+        fieldList: a
       });
-      t[a] = o, t[b(F.Outlier)] = e[g];
+      t[i] = o, t[b(F.Outlier)] = e[g];
       break;
     }
     case u.BoxPlotMultiFieldsAndCategory: {
-      t[b(a)] = e[a], g = `${m.find(
+      t[b(i)] = e[i], g = `${m.find(
         (c) => Object.keys(e).some((n) => n.toLowerCase().includes(c.toLowerCase()))
       ) ?? ""}_${g}`, t[b(F.Outlier)] = e[g];
       break;
@@ -693,7 +698,7 @@ function A(d) {
     }
     case u.BoxPlotMonoFieldAndCategoryAndSplitBy: {
       const o = e[s];
-      g = `${o}_${g}`, t[b(a)] = e[a], t[b(s)] = o, t[b(F.Outlier)] = e[g];
+      g = `${o}_${g}`, t[b(i)] = e[i], t[b(s)] = o, t[b(F.Outlier)] = e[g];
       break;
     }
     case u.BoxPlotMonoField:
@@ -707,9 +712,9 @@ function A(d) {
   f !== void 0 && (t[`${b(F.Outlier)} Z-Score`] = M(f) ? f.toFixed(2) : f);
 }
 function Me(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);
+  const { rawData: e, outRow: t, config: l, splitByValue: r } = d, a = k(l.series), i = e[`${r}_${F.Average}`], m = W(l), s = I(l);
   let g = "";
-  switch (i) {
+  switch (a) {
     case u.BoxPlotMonoFieldAndSplitBy: {
       g = `${r}_${m}`, t.Field = e[O], t[b(m)] = e[g];
       break;
@@ -723,33 +728,33 @@ function Me(d) {
       break;
     }
   }
-  t[b(F.Average)] = M(a) ? a.toFixed(2) : a;
-  const x = `${a}${N}`, y = e[x];
+  t[b(F.Average)] = M(i) ? i.toFixed(2) : i;
+  const x = `${i}${N}`, y = e[x];
   y !== void 0 && (t[`${b(F.Average)} Z-Score`] = M(y) ? y.toFixed(2) : y);
 }
 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));
+  const { config: e, rows: t, fieldList: l } = d, r = k(e.series);
+  let a = r;
+  const i = xe(e), m = Array.isArray(t) && t.length > 0 && t.every((o) => o[_.boxPlot.boxPlotMeanLineMarkerId] !== void 0);
+  i && !m && (r === u.BoxPlotMonoFieldAndSplitBy ? a = u.BoxPlotMonoField : r === u.BoxPlotMultiFieldsAndSplitBy ? a = u.BoxPlotMultiFields : r === u.BoxPlotMonoFieldAndCategoryAndSplitBy && (a = u.BoxPlotMonoFieldAndCategory));
   const s = I(e), g = Z(e), x = Y(e), y = W(e);
   let f;
-  switch (i) {
+  switch (a) {
     case u.BoxPlotMonoField:
     case u.BoxPlotMonoFieldAndCategory: {
       f = t.map((o) => {
         const c = {};
         if (o[_.boxPlot.boxPlotOutlierId])
-          A({ rawData: o, outRow: c, config: e, boxPlotSubType: i });
+          A({ rawData: o, outRow: c, config: e, boxPlotSubType: a });
         else {
-          if (i === u.BoxPlotMonoFieldAndCategory) {
+          if (a === u.BoxPlotMonoFieldAndCategory) {
             const n = B({
               field: s,
               value: o[s],
               fieldList: l
             });
             c[s] = n;
-          } else i === u.BoxPlotMonoField && (c.Field = o[O]);
+          } else a === u.BoxPlotMonoField && (c.Field = o[O]);
           D({ rawData: o, outRow: c });
         }
         return c;
@@ -763,7 +768,7 @@ function _e(d) {
           rawData: o,
           outRow: c,
           config: e,
-          boxPlotSubType: i
+          boxPlotSubType: a
         }) : (c.Field = o[O], D({ rawData: o, outRow: c })), [c];
       });
       break;
@@ -778,10 +783,10 @@ function _e(d) {
               rawData: o,
               outRow: n,
               config: e,
-              boxPlotSubType: i
+              boxPlotSubType: a
             });
           else {
-            if (i === u.BoxPlotMultiFieldsAndCategory) {
+            if (a === u.BoxPlotMultiFieldsAndCategory) {
               const C = B({
                 field: s,
                 value: o[s],
@@ -806,7 +811,7 @@ function _e(d) {
             rawData: o,
             outRow: c,
             config: e,
-            boxPlotSubType: i
+            boxPlotSubType: a
           }), [c];
         } else return o[_.boxPlot.boxPlotMeanLineMarkerId] ? x?.map((c) => {
           const n = {};
@@ -818,7 +823,7 @@ function _e(d) {
           }), n;
         }) : x.map((c) => {
           const n = {};
-          if (i === u.BoxPlotMonoFieldAndCategoryAndSplitBy) {
+          if (a === u.BoxPlotMonoFieldAndCategoryAndSplitBy) {
             const S = B({
               field: s,
               value: o[s],
@@ -830,7 +835,7 @@ function _e(d) {
             rawData: o,
             outRow: n,
             config: e,
-            boxPlotSubType: i
+            boxPlotSubType: a
           }) : (n[y] = c, D({ rawData: o, outRow: n, keyBase: `${c}_` })), n;
         });
       });
@@ -847,7 +852,7 @@ const Ae = (d) => {
 }, B = (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)), Ae(t) && r ? new Date(t).toISOString() : t;
+  return l !== void 0 && l.length > 0 && (r = de(l).some((i) => i === e)), Ae(t) && r ? new Date(t).toISOString() : t;
 };
 export {
   _ as C,

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { SupportedLayer, WebChart, WebChartDataFilters, WebChartDataTypes, WebChartLegendPositions } from '@arcgis/charts-spec';
 import { default as MapView } from '@arcgis/core/views/MapView';
 import { default as SceneView } from '@arcgis/core/views/SceneView';
@@ -126,6 +126,17 @@ export declare class ArcgisChart extends LitElement {
      * @default undefined
      */
     hideEmptySeries?: boolean;
+    /**
+     * When `true`, the data label text color is automatically inverted based on the data label background color.
+     * For example if the data label is dark, and it's on top of a dark color series area, the text color will eventually
+     * be set to either the chart's background color or white.
+     *
+     * @remarks This feature is currently only available for bar chart.
+     * @type {boolean | undefined}
+     * @category Public
+     * @default undefined
+     */
+    autoInverseDataLabelTextColor?: boolean;
     /**
      * When `true`, the chart's dataItems associated with empty (no value) categories (from only a `Count` aggregation)
      * will be populated with 0s, via the `completeDataForEmptyCategoriesWithZeros` method.