@arcgis/charts-components 5.2.0-next.71 → 5.2.0-next.73

package/dist/chunks/scatterplot-model.js

@@ -6,7 +6,7 @@ import { b as w } from "./series-length.js";
 import { g as b } from "./utils2.js";
 import { al as m, af as z, ad as k } from "./index.js";
 import { d as y } from "./index3.js";
-import { br as E } from "./index2.js";
+import { bs as E } from "./index2.js";
 import { i as T } from "./index4.js";
 import { C as V } from "./chart-model.js";
 import { M as B, a as G, W as U, b as j } from "./data-labels-visibility.js";

package/dist/chunks/serial-chart-data.js

@@ -2,21 +2,21 @@
 import { substitute as E } from "@arcgis/core/intl.js";
 import { cloneDeep as J, isEmpty as Ye, memoize as We } from "lodash-es";
 import { S as oe } from "./common.js";
-import { s as D, u as $, a as Ie, g as ye, b as Le, c as He, d as Xe, e as pe } from "./utils.js";
-import { w as I, i as Ue, di as Y, cn as je, bC as Ke, a$ as De, x as Ze, Y as ee, cS as _e, cR as Qe, p as ze, aJ as me, ct as Ge, d as Je, aI as et, I as tt, a7 as st, bx as it, W as at, e as rt, bI as nt, ds as ot, v as lt, dy as fe, cb as ct, dz as ut, c7 as dt, B as yt, N as Se, bL as _, dv as mt, bj as q, bP as Q, ap as j, a6 as Ne, bd as M, bc as gt, k as U, bt as pt, bB as ft, bs as O, bA as V, bp as Fe, br as xe } from "./index2.js";
+import { s as L, u as $, a as Ie, g as ye, b as De, c as He, d as Xe, e as pe } from "./utils.js";
+import { w as I, i as je, dj as Y, co as Ue, bD as Ke, a$ as Le, x as Ze, Y as ee, cT as _e, cS as Qe, p as ze, aJ as me, cu as Ge, d as Je, aI as et, I as tt, a7 as st, by as it, W as at, e as rt, bJ as nt, dt as ot, v as lt, dz as fe, cc as ct, dA as ut, c8 as dt, B as yt, N as Se, bM as _, dw as mt, bj as q, bQ as Q, ap as U, a6 as Ne, bd as M, bc as gt, k as j, bu as pt, bC as ft, bt as O, bB as V, bp as Fe, bs as xe } from "./index2.js";
 import { a as P, s as ge, g as te, b as he, c as St } from "./data.js";
-import { u as T, r as v, k as Ft, d as k, n as L, m as W, p as xt, t as ht, s as le } from "./chart-object-literals.js";
+import { u as T, r as v, k as Ft, d as k, n as D, m as W, p as xt, t as ht, s as le } from "./chart-object-literals.js";
 import { R as Oe, i as Tt } from "./rest-js-object-literals.js";
 import { i as se } from "./index4.js";
-import { aD as Bt, K as z, F as ce, w as Ct, $ as bt, ac as At, ao as vt, A as It, a2 as Lt } from "./index.js";
+import { aD as Bt, K as z, F as ce, w as Ct, $ as bt, ac as At, ao as vt, A as It, a2 as Dt } from "./index.js";
 import { C as w, F as H, d as R } from "./index3.js";
-import { g as Ve, s as Dt } from "./series-types.js";
+import { g as Ve, s as Lt } from "./series-types.js";
 import { convertChartSpec as Nt } from "../utils/chart-config/converter/index.js";
 import { d as ue, f as Ot } from "./type-guards.js";
 import { C as Vt, m as kt } from "./model-setter.js";
 import { g as ie } from "./utils2.js";
 import { a as Rt, b as qt } from "./series-length.js";
-const Ds = (s) => {
+const Ls = (s) => {
   let e;
   const t = s.series[0];
   return I(t) && (e = t.temporalBinning?.size), e;
@@ -39,23 +39,23 @@ const Ds = (s) => {
 }, Pt = (s, e) => {
   e?.series?.forEach((t) => {
     I(t) && (t.temporalBinning ??= {}, t.temporalBinning.size = s);
-  }), D({ config: e, value: null, axisIndex: 1, isMax: !1 }), D({ config: e, value: null, axisIndex: 1, isMax: !0 });
+  }), L({ config: e, value: null, axisIndex: 1, isMax: !1 }), L({ config: e, value: null, axisIndex: 1, isMax: !0 });
 }, Et = (s, e) => {
   e?.series?.forEach((t) => {
     I(t) && (t.temporalBinning ??= {}, t.temporalBinning.nullPolicy = s);
-  }), D({ config: e, value: null, axisIndex: 1, isMax: !1 }), D({ config: e, value: null, axisIndex: 1, isMax: !0 });
+  }), L({ config: e, value: null, axisIndex: 1, isMax: !1 }), L({ config: e, value: null, axisIndex: 1, isMax: !0 });
 }, ks = (s, e) => {
   e.series?.forEach((t) => {
     I(t) && (t.temporalBinning ??= {}, t.temporalBinning.unit = s);
-  }), D({ config: e, value: null, axisIndex: 1, isMax: !1 }), D({ config: e, value: null, axisIndex: 1, isMax: !0 });
+  }), L({ config: e, value: null, axisIndex: 1, isMax: !1 }), L({ config: e, value: null, axisIndex: 1, isMax: !0 });
 }, Rs = (s, e) => {
   e.series?.forEach((t) => {
     I(t) && (t.temporalBinning ??= {}, t.temporalBinning.timeAggregationType = s);
-  }), D({ config: e, value: null, axisIndex: 1, isMax: !1 }), D({ config: e, value: null, axisIndex: 1, isMax: !0 });
+  }), L({ config: e, value: null, axisIndex: 1, isMax: !1 }), L({ config: e, value: null, axisIndex: 1, isMax: !0 });
 }, qs = (s, e) => {
   e.series?.forEach((t) => {
     I(t) && (t.temporalBinning ??= {}, t.temporalBinning.trimIncompleteTimeInterval = s);
-  }), D({ config: e, value: null, axisIndex: 1, isMax: !1 }), D({ config: e, value: null, axisIndex: 1, isMax: !0 });
+  }), L({ config: e, value: null, axisIndex: 1, isMax: !1 }), L({ config: e, value: null, axisIndex: 1, isMax: !0 });
 }, Mt = (s) => {
   Pt(0, s);
 };
@@ -70,7 +70,7 @@ const Ht = (s) => {
     (t.type === T.BarSeries || t.type === T.RadarSeries || t.type === T.LineSeries) && t.temporalBinning && (e = t.temporalBinning.outTimeZone);
   }), e || (e = s?.axes?.[0]?.valueFormat.type === T.DateAxisFormat ? s.axes[0].valueFormat.intlOptions.timeZone : void 0), e;
 }, ke = (s, e) => {
-  const t = Ue(s);
+  const t = je(s);
   Y(e) ? s ? e.outTimeZone = t : delete e.outTimeZone : e?.series.forEach((r) => {
     (r.type === T.BarSeries || r.type === T.RadarSeries || r.type === T.LineSeries) && (s ? (r.temporalBinning ??= {}, r.temporalBinning.outTimeZone = t) : r.temporalBinning && delete r.temporalBinning.outTimeZone);
   }), e?.axes?.[0]?.valueFormat.type === T.DateAxisFormat && (s ? e.axes[0].valueFormat.intlOptions.timeZone = t : delete e.axes[0].valueFormat.intlOptions.timeZone);
@@ -101,19 +101,19 @@ function Es(s, e) {
   let t;
   return e !== void 0 && (t = { ...e, rotated: s }), t;
 }
-function Ut(s) {
+function jt(s) {
   let e;
   return s !== void 0 && (e = { ...s }, delete e.axes?.[0]?.minimum, delete e.axes?.[0]?.maximum, delete e.axes?.[1]?.minimum, delete e.axes?.[1]?.maximum), e;
 }
 function Ms(s, e) {
-  return e != null || De(s);
+  return e != null || Le(s);
 }
 async function $s(s) {
   const { config: e, layer: t, abortSignal: r } = s;
   let i = !1;
   return ue(t) || Ot(e) ? e && ue(t) && (i = await Ke({ config: e, layer: t, abortSignal: r })) : i = !0, i;
 }
-async function jt(s) {
+async function Ut(s) {
   const {
     queryObject: e,
     chartConfig: t,
@@ -265,7 +265,7 @@ async function Qt(s) {
     t.series.length === 0 && u !== void 0 && t.series.push(u);
     const y = ee(t.series);
     if (y === w.BoxPlotMonoFieldAndSplitBy || y === w.BoxPlotMultiFieldsAndSplitBy || y === w.BoxPlotMonoFieldAndCategoryAndSplitBy || y === w.BarAndLineSplitBy || y === w.BarAndLineSplitByNoAggregation) {
-      const g = et(t.series[0]?.query?.where), F = tt(r), h = st(g, F), S = h ? it(h) : !1, b = await jt({
+      const g = et(t.series[0]?.query?.where), F = tt(r), h = st(g, F), S = h ? it(h) : !1, b = await Ut({
         queryObject: r,
         chartConfig: t,
         splitByField: g,
@@ -302,7 +302,7 @@ async function Qt(s) {
   return m;
 }
 function zt(s, e) {
-  e && !De(e) && (e = Je({ chartConfig: e, queryObject: s }));
+  e && !Le(e) && (e = Je({ chartConfig: e, queryObject: s }));
 }
 async function Ys(s) {
   const {
@@ -335,7 +335,7 @@ async function Ys(s) {
     returnFeaturesExtent: f,
     returnStatisticsAggregatedIds: u,
     chartLimits: m
-  })), g = je(g, a), ke(d, g)), { alteredConfig: g, preFetchedQueryResponse: F };
+  })), g = Ue(g, a), ke(d, g)), { alteredConfig: g, preFetchedQueryResponse: F };
 }
 function Gt(s, e) {
   let t = !1;
@@ -396,16 +396,16 @@ function Ws(s) {
 }
 const Hs = (s) => s.hideEmptyRowsAndColumns, Xs = (s, e) => {
   s.hideEmptyRowsAndColumns = e;
-}, Us = (s, e) => {
+}, js = (s, e) => {
   const t = s.series[0];
   t.heatRulesType = e;
-}, js = (s) => s.series[0].heatRulesType, Ks = (s, e) => {
+}, Us = (s) => s.series[0].heatRulesType, Ks = (s, e) => {
   const t = s.series[0];
   t.gradientRules = e;
 }, Zs = (s) => s.series[0].gradientRules, _s = (s) => {
   const { yField: e, config: t, layerInfo: r, commonStrings: i } = s, { layerFieldsInfo: a } = r, n = ie(1, t), o = Jt(t), l = se(t), c = t.series[0];
   if (typeof e == "string" && o !== e && c) {
-    if (c.y = e, Ut(t), o === n || l) {
+    if (c.y = e, jt(t), o === n || l) {
       const p = R(a, e);
       $(t, 1, p);
     }
@@ -427,11 +427,11 @@ const Hs = (s) => s.hideEmptyRowsAndColumns, Xs = (s, e) => {
   G({ axisIndex: 1, commonStrings: r, config: t });
 }, ts = (s) => s.series[0].yTemporalBinning, ss = (s, e) => {
   e.orderOptions ??= {};
-  const t = e.axes?.[0]?.valueFormat?.type === "category" ? L.Category : L.YValue, r = de(e)[0], i = e.axes?.[1]?.valueFormat?.type === "category" ? L.Category : L.YValue, a = de(e)[1], n = {
+  const t = e.axes?.[0]?.valueFormat?.type === "category" ? D.Category : D.YValue, r = de(e)[0], i = e.axes?.[1]?.valueFormat?.type === "category" ? D.Category : D.YValue, a = de(e)[1], n = {
     ...e.orderOptions.data ?? {},
-    orderType: L.MultiAxes
+    orderType: D.MultiAxes
   };
-  r === oe.customSort && t === L.Category && (n.orderByX = [...s]), a === oe.customSort && i === L.Category && (n.orderByY = [...s]), Object.keys(n).length > 1 && (e.orderOptions.data = n);
+  r === oe.customSort && t === D.Category && (n.orderByX = [...s]), a === oe.customSort && i === D.Category && (n.orderByY = [...s]), Object.keys(n).length > 1 && (e.orderOptions.data = n);
 }, Gs = (s, e) => {
   const t = e.series[0];
   t.gridLine && (t.gridLine.width = s);
@@ -511,7 +511,7 @@ function vi(s, e) {
 function Ii(s) {
   return s.series[0].classBreaksRules?.colorRampInfo?.flipped ?? !1;
 }
-function Li(s, e) {
+function Di(s, e) {
   e.series[0].classBreaksRules !== void 0 ? e.series[0].classBreaksRules.colorRampInfo = {
     ...e.series[0].classBreaksRules.colorRampInfo,
     flipped: s
@@ -601,11 +601,11 @@ const as = [
 function os(s) {
   const e = {};
   return s.series.forEach((t) => {
-    Dt(t) && "nullCategory" in t && t.nullCategory !== void 0 && (e.text ??= t.nullCategory.text, t.type === T.BarSeries ? e.fillSymbol ??= t.nullCategory.fillSymbol : e.markerSymbol ??= t.nullCategory.markerSymbol);
+    Lt(t) && "nullCategory" in t && t.nullCategory !== void 0 && (e.text ??= t.nullCategory.text, t.type === T.BarSeries ? e.fillSymbol ??= t.nullCategory.fillSymbol : e.markerSymbol ??= t.nullCategory.markerSymbol);
   }), e.text || e.fillSymbol || e.markerSymbol ? e : void 0;
 }
 function ae(s) {
-  const { seriesIndex: e, xAxisField: t, aggregationType: r, config: i, layerInfo: a, commonStrings: n } = s, o = j(a?.layer).idField;
+  const { seriesIndex: e, xAxisField: t, aggregationType: r, config: i, layerInfo: a, commonStrings: n } = s, o = U(a?.layer).idField;
   let l;
   const c = i.series[e ?? 0];
   let p = !1, f = !1, u = !1;
@@ -667,7 +667,7 @@ function ae(s) {
   return J(C);
 }
 function K(s, e, t) {
-  const { layerFieldsInfo: r } = e, { idField: i, isTraditionalTypeOID: a } = j(e.layer), n = P(s), o = Z(s), l = we(s), c = re(s), p = a && (o.length === 0 || o.includes(i)), f = Ct(l, t), u = p ? "" : o.map((S) => R(r ?? [], S)).join(", "), m = R(r ?? [], n), d = R(r ?? [], c), y = s.series.some((S) => M(S)), g = y ? "category" : "xAxisField", F = m;
+  const { layerFieldsInfo: r } = e, { idField: i, isTraditionalTypeOID: a } = U(e.layer), n = P(s), o = Z(s), l = we(s), c = re(s), p = a && (o.length === 0 || o.includes(i)), f = Ct(l, t), u = p ? "" : o.map((S) => R(r ?? [], S)).join(", "), m = R(r ?? [], n), d = R(r ?? [], c), y = s.series.some((S) => M(S)), g = y ? "category" : "xAxisField", F = m;
   let h = "";
   if (ge({
     fieldName: n,
@@ -751,7 +751,7 @@ const qe = (s) => me({
   return e.filter((t) => t !== "");
 };
 function Pe(s) {
-  const { splitByField: e, numericFields: t, layer: r, seriesIndex: i } = s, a = j(r).idField ?? "";
+  const { splitByField: e, numericFields: t, layer: r, seriesIndex: i } = s, a = U(r).idField ?? "";
   return e === "" ? t[i] ?? a : t[0] ?? a;
 }
 function ls(s) {
@@ -770,10 +770,10 @@ function ls(s) {
 const de = (s) => {
   let e;
   if (Y(s)) {
-    const t = s.orderOptions?.data?.orderByX ?? [""], r = s.orderOptions?.data?.orderByY ?? [""], i = s.axes?.[0]?.valueFormat?.type === "category" ? L.Category : L.YValue, a = s.axes?.[1]?.valueFormat?.type === "category" ? L.Category : L.YValue;
+    const t = s.orderOptions?.data?.orderByX ?? [""], r = s.orderOptions?.data?.orderByY ?? [""], i = s.axes?.[0]?.valueFormat?.type === "category" ? D.Category : D.YValue, a = s.axes?.[1]?.valueFormat?.type === "category" ? D.Category : D.YValue;
     e = [he(t, i), he(r, a)];
   } else {
-    const t = s.orderOptions?.data?.orderType ?? L.Category, r = s.orderOptions?.data && "orderBy" in s.orderOptions.data ? s.orderOptions.data.orderBy : xt.Ascending;
+    const t = s.orderOptions?.data?.orderType ?? D.Category, r = s.orderOptions?.data && "orderBy" in s.orderOptions.data ? s.orderOptions.data.orderBy : xt.Ascending;
     e = [St(r, t)];
   }
   return e;
@@ -801,7 +801,7 @@ function cs(s) {
     ...u ?? l,
     id: d,
     name: y,
-    x: U,
+    x: j,
     y: c
   }, h = [];
   for (const S of t)
@@ -813,7 +813,7 @@ function cs(s) {
   return F.query = { outStatistics: h }, i.series.length === 1 && ((O(F) || V(F)) && Me(F, i.series[0]), M(F) ? F.fillSymbol = i.series[0].fillSymbol : (O(F) || V(F)) && (F.lineSymbol = i.series[0].lineSymbol, F.markerSymbol = i.series[0].markerSymbol)), [F];
 }
 function Ee(s) {
-  const { xAxisField: e, numericFields: t, aggregationType: r, config: i, layerInfo: a, commonStrings: n } = s, { layerFieldsInfo: o } = a, l = j(a.layer).idField, c = [];
+  const { xAxisField: e, numericFields: t, aggregationType: r, config: i, layerInfo: a, commonStrings: n } = s, { layerFieldsInfo: o } = a, l = U(a.layer).idField, c = [];
   for (let d = 0; d < t.length; d += 1) {
     const y = ae({
       config: i,
@@ -854,7 +854,7 @@ function Ee(s) {
   );
   return u.length === 1 && p.length === 1 && M(u[0]) && M(p[0]) && (p[0].fillSymbol = u[0].fillSymbol), m.length === 1 && f.length === 1 && ((O(m[0]) && O(f[0]) || V(m[0]) && V(f[0])) && Me(f[0], m[0]), (O(m[0]) && O(f[0]) || V(m[0]) && V(f[0])) && (f[0].lineSymbol = m[0].lineSymbol, f[0].markerSymbol = m[0].markerSymbol)), c;
 }
-function Di(s) {
+function Li(s) {
   const { aggregationType: e, config: t, layerInfo: r, commonStrings: i } = s, { layerFieldsInfo: a, layer: n } = r, o = P(t), l = Z(t), c = re(t), p = ne(t, r, i), f = $e(t, r, i);
   if (t.series.forEach((u, m) => {
     const d = te({
@@ -982,9 +982,9 @@ const Ni = (s) => {
     commonStrings: o,
     splitByFieldInfos: l
   } = s, { layerFieldsInfo: c } = n ?? {}, p = J(a), f = Rt(a), u = P(p), m = c.find((x) => x.name === u), d = a.series[0]?.query === void 0, y = c.find((x) => x.name === e), g = ne(p, n, o), F = $e(p, n, o), h = ds({ config: p, layerInfo: n, commonStrings: o });
-  let S = Le(a);
+  let S = De(a);
   const b = p.series.some((x) => M(x)), C = pt(p.series), B = ft(p.series), A = q(m) || q(y);
-  if (_(y) ? S = ce() : !Q(m) && Q(y) ? S = z() : !q(m) && q(y) ? S = z() : q(m) && !q(y) && (b ? S = ce() : S = Lt()), S !== void 0 && Xe(a, o, S), f === 0 && (a.series = [
+  if (_(y) ? S = ce() : !Q(m) && Q(y) ? S = z() : !q(m) && q(y) ? S = z() : q(m) && !q(y) && (b ? S = ce() : S = Dt()), S !== void 0 && Xe(a, o, S), f === 0 && (a.series = [
     ae({ config: a, xAxisField: e, aggregationType: i, layerInfo: n, commonStrings: o })
   ]), a.series.forEach((x) => {
     x.x = e, x.query !== void 0 && (x.query.groupByFieldsForStatistics = [e]);
@@ -1015,7 +1015,7 @@ const Ni = (s) => {
     aggregationType: i,
     commonStrings: o,
     splitByFieldInfos: l
-  })), h && e !== U && a.series[0].type !== T.HeatSeries) {
+  })), h && e !== j && a.series[0].type !== T.HeatSeries) {
     const x = R(c, e);
     $(a, 0, x);
   }
@@ -1029,7 +1029,7 @@ const Ni = (s) => {
     });
     $(a, 1, x);
   }
-  if (g && a.title && (a.title.content.text = K(a, n, o)), D({ config: a, value: null, axisIndex: 1, isMax: !1 }), D({ config: a, value: null, axisIndex: 1, isMax: !0 }), ls({ numericFields: r, aggregationType: i, config: a, layerInfo: n }), (C || B) && (D({ config: a, value: null, axisIndex: 0, isMax: !1 }), D({ config: a, value: null, axisIndex: 0, isMax: !0 }), A && i !== v.NoAggregation && !Y(p))) {
+  if (g && a.title && (a.title.content.text = K(a, n, o)), L({ config: a, value: null, axisIndex: 1, isMax: !1 }), L({ config: a, value: null, axisIndex: 1, isMax: !0 }), ls({ numericFields: r, aggregationType: i, config: a, layerInfo: n }), (C || B) && (L({ config: a, value: null, axisIndex: 0, isMax: !1 }), L({ config: a, value: null, axisIndex: 0, isMax: !0 }), A && i !== v.NoAggregation && !Y(p))) {
     const x = q(y) ? W.Null : W.Interpolate;
     Et(x, a);
   }
@@ -1048,7 +1048,7 @@ const Ni = (s) => {
     o = i.axisLabels.values;
   else if (Ye(n)) {
     const c = a.query?.outStatistics?.[0]?.onStatisticField;
-    c !== void 0 && c !== j(r.layer).idField && (o = R(r.layerFieldsInfo, c));
+    c !== void 0 && c !== U(r.layer).idField && (o = R(r.layerFieldsInfo, c));
   } else {
     const c = String(qe(a)).trim().replace(/'/gu, "");
     o = Ne({
@@ -1064,15 +1064,15 @@ const Ni = (s) => {
   else {
     e.orderOptions ??= {};
     const t = e.orderOptions?.data?.orderType;
-    de(e)[0] === oe.customSort && t === L.Category && (e.orderOptions.data = {
-      orderType: L.Category,
+    de(e)[0] === oe.customSort && t === D.Category && (e.orderOptions.data = {
+      orderType: D.Category,
       orderBy: [...s]
     });
   }
 }, ki = async (s) => {
-  const { config: e, layerInfo: t, errorStrings: r } = s, i = P(e), a = Le(e)?.type, n = Z(e), o = ee(e.series);
+  const { config: e, layerInfo: t, errorStrings: r } = s, i = P(e), a = De(e)?.type, n = Z(e), o = ee(e.series);
   let l = [];
-  return a === T.CategoryAxisFormat && (o === w.BarAndLineFromFields || i === U ? l = n.map((c) => R(t?.layerFieldsInfo, c)) : i.trim() !== "" && i !== U && t !== void 0 && (l = await He({
+  return a === T.CategoryAxisFormat && (o === w.BarAndLineFromFields || i === j ? l = n.map((c) => R(t?.layerFieldsInfo, c)) : i.trim() !== "" && i !== j && t !== void 0 && (l = await He({
     layerInfo: t,
     config: e,
     category: i,
@@ -1094,7 +1094,7 @@ function $e(s, e, t) {
   return r === i || a;
 }
 function ds(s) {
-  const { config: e, layerInfo: t, commonStrings: r } = s, i = R(t.layerFieldsInfo, P(e)), a = ie(0, e), n = se(e), o = P(e) === U && (a === "" || a === r.xAxis);
+  const { config: e, layerInfo: t, commonStrings: r } = s, i = R(t.layerFieldsInfo, P(e)), a = ie(0, e), n = se(e), o = P(e) === j && (a === "" || a === r.xAxis);
   return i === a || n || o;
 }
 function Ri(s) {
@@ -1136,15 +1136,15 @@ export {
   vi as U,
   Ii as V,
   Xt as W,
-  Li as X,
+  Di as X,
   Hs as Y,
   Xs as Z,
   Js as _,
   Ms as a,
   ti as a0,
   ei as a1,
-  js as a2,
-  Us as a3,
+  Us as a2,
+  js as a3,
   Zs as a4,
   Ks as a5,
   ai as a6,
@@ -1173,7 +1173,7 @@ export {
   we as g,
   Oi as h,
   $s as i,
-  Ds as j,
+  Ls as j,
   Pt as k,
   wt as l,
   ks as m,
@@ -1181,13 +1181,13 @@ export {
   Rs as o,
   Ys as p,
   Os as q,
-  Ut as r,
+  jt as r,
   ke as s,
   qs as t,
   Es as u,
   Vs as v,
   Et as w,
   Mt as x,
-  Di as y,
+  Li as y,
   de as z
 };

package/dist/chunks/serial-chart-model.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { isEqual as D } from "lodash-es";
 import { u, q as b, r as h } from "./chart-object-literals.js";
-import { bd as I, bs as v, k as p, ap as M } from "./index2.js";
+import { bd as I, bt as v, k as p, ap as M } from "./index2.js";
 import { i as P } from "./index4.js";
 import { C as O } from "./chart-model.js";
 import { m as o } from "./model-setter.js";

package/dist/chunks/type-guards2.js

@@ -1,26 +1,26 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as n } from "./model-types.js";
 import { u as e } from "./chart-object-literals.js";
-function c(i) {
+function d(i) {
   return i !== void 0 && "config" in i;
 }
 function s(i) {
   return i?.chartType === e.BarSeries;
 }
-function d(i) {
+function f(i) {
   return i?.chartType === e.LineSeries;
 }
-function f(i) {
+function h(i) {
   return i?.chartType === e.RadarSeries;
 }
 function o(i) {
   return i?.chartType === e.ComboLineAndBarSeries;
 }
-function h(i) {
+function l(i) {
   const t = i?.chartType;
   return t === e.LineSeries || t === e.BarSeries || t === e.ComboLineAndBarSeries || t === e.RadarSeries;
 }
-function l(i) {
+function a(i) {
   return i?.chartType === e.PieSeries;
 }
 function p(i) {
@@ -56,10 +56,10 @@ function C(i) {
 function x(i) {
   return i !== void 0 && "getDataTooltipVisibility" in i;
 }
-function v(i) {
+function B(i) {
   return i !== void 0 && "getGuideVisibility" in i && typeof i.getGuideVisibility == "function";
 }
-function B(i) {
+function v(i) {
   return i !== void 0 && "addXAxisGuide" in i && typeof i.addXAxisGuide == "function";
 }
 function A(i) {
@@ -69,7 +69,7 @@ function G(i) {
   return i !== void 0 && "legendVisibility" in i;
 }
 function L(i) {
-  return i !== void 0 && "displayCategory" in i;
+  return a(i);
 }
 function W(i) {
   return i !== void 0 && "temporalBinningSize" in i;
@@ -86,15 +86,15 @@ function P(i) {
 }
 export {
   p as a,
-  c as b,
+  d as b,
   o as c,
   T as d,
   S as e,
   M as f,
-  d as g,
+  f as g,
   H as h,
   s as i,
-  v as j,
+  B as j,
   G as k,
   C as l,
   g as m,
@@ -102,11 +102,11 @@ export {
   b as o,
   W as p,
   x as q,
-  B as r,
+  v as r,
   A as s,
   L as t,
-  l as u,
-  f as v,
+  a as u,
+  h as v,
   y as w,
-  h as x
+  l as x
 };

package/dist/chunks/utils.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { q, u as f, r as A, p as C } from "./chart-object-literals.js";
-import { bw as j, ap as I, ag as k, h as O, cq as L, cr as V, aJ as M, a6 as b } from "./index2.js";
+import { q as C, u as f, r as A, p as j } from "./chart-object-literals.js";
+import { bx as q, ap as I, ag as k, h as O, cr as L, cs as V, aJ as M, a6 as b } from "./index2.js";
 import { d as T } from "./type-guards.js";
 import { l as W, d as S, q as $, D as E } from "./index3.js";
 import { substitute as h } from "@arcgis/core/intl.js";
@@ -18,7 +18,7 @@ function ae(s) {
   const { config: e, layerInfo: i, commonStrings: t, numericFields: a, aggregationType: r } = s;
   let o = "";
   if (e)
-    if (W(e) === q.Stacked100)
+    if (W(e) === C.Stacked100)
       o = t.utilsStrings.statistics.percent;
     else {
       const d = U(r, t);
@@ -36,7 +36,7 @@ function ae(s) {
     }
   return o;
 }
-const B = (s, e, i) => s.axes?.[e] ?? R(i, s.type)[e], w = (s) => {
+const B = (s, e, i) => s.axes?.[e] ?? R(i, s.type)[e], D = (s) => {
   const { config: e, axis: i, axisIndex: t } = s;
   e.axes !== void 0 && (e.axes[t] = i);
 }, re = (s) => {
@@ -53,7 +53,7 @@ const B = (s, e, i) => s.axes?.[e] ?? R(i, s.type)[e], w = (s) => {
       ...t,
       valueFormat: i
     };
-    w({ config: s, axis: a, axisIndex: 0 });
+    D({ config: s, axis: a, axisIndex: 0 });
   }
 }, le = (s, e, i) => {
   const t = s.axes?.[e];
@@ -71,7 +71,7 @@ const B = (s, e, i) => s.axes?.[e] ?? R(i, s.type)[e], w = (s) => {
 }, v = (s, e) => {
   let i;
   const t = e.axes?.[s]?.valueFormat;
-  return (s === 0 || s >= 1 && j(t)) && (i = t), i;
+  return (s === 0 || s >= 1 && q(t)) && (i = t), i;
 }, ue = (s) => {
   const { config: e, commonStrings: i, valueFormat: t, axisIndex: a = 0 } = s, r = B(e, a, i);
   if (r !== void 0 && t !== void 0) {
@@ -79,7 +79,7 @@ const B = (s, e, i) => s.axes?.[e] ?? R(i, s.type)[e], w = (s) => {
       ...r,
       valueFormat: t
     };
-    w({
+    D({
       config: e,
       axis: o,
       axisIndex: a
@@ -93,10 +93,10 @@ const B = (s, e, i) => s.axes?.[e] ?? R(i, s.type)[e], w = (s) => {
   e.axes?.[t] !== void 0 && (e.axes[t].scrollbar = i);
 };
 async function xe(s) {
-  const { config: e, layer: i, xAxisField: t, splitByField: a, layerFieldsInfo: r, aggregationFields: o, fetchNullValues: u, errorStrings: d } = s, n = r.filter((F) => F.name === a)[0]?.type, x = u !== !0 ? `${a} IS NOT NULL` : "", l = t && u !== !0 ? `${t} IS NOT NULL` : "", { where: m } = e?.dataFilters ?? {}, D = {
+  const { config: e, layer: i, xAxisField: t, splitByField: a, layerFieldsInfo: r, aggregationFields: o, fetchNullValues: u, errorStrings: d } = s, n = r.filter((F) => F.name === a)[0]?.type, x = u !== !0 ? `${a} IS NOT NULL` : "", l = t && u !== !0 ? `${t} IS NOT NULL` : "", { where: m } = e?.dataFilters ?? {}, w = {
     where: O([m, x, l]),
     // excluding the null values from the list
-    orderByFields: $(a) ? [] : [`${a} ${C.Ascending}`],
+    orderByFields: $(a) ? [] : [`${a} ${j.Ascending}`],
     // default sorting ascending for split-by field
     geometry: e?.dataFilters?.geometry
   };
@@ -110,7 +110,7 @@ async function xe(s) {
     queryObject: i,
     category: e?.series[0].x ?? "",
     splitByField: a,
-    queryConfig: D,
+    queryConfig: w,
     errorStrings: d
   }) : [];
   if (y = y.slice(0, 500), e) {

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

@@ -7,7 +7,7 @@ import { g as me, a as de, b as ye } from "./pie-chart-data.js";
 import { g as ie } from "./series-length.js";
 import { g as re, d as le, e as ge } from "./serial-chart-data.js";
 import { g as _, a as pe } from "./data.js";
-import { Y as U, ap as be, af as xe, aM as E, cL as Fe, B as V, a6 as De, bj as Se, dx as Be } from "./index2.js";
+import { Y as U, ap as be, af as xe, aM as E, cM as Fe, B as V, a6 as De, bj as Se, dy as Be } from "./index2.js";
 import { k as H, az as $, g as R, as as ve, b as he, a as Q } from "./index.js";
 import { q as K, C as g, F as A } from "./index3.js";
 import { g as Pe } from "./series-types.js";

package/dist/chunks/x-bounds.js

@@ -5,7 +5,7 @@ import { G as g } from "./common.js";
 import { i as c } from "./rest-js-object-literals.js";
 import { u as x } from "./chart-object-literals.js";
 import { ai as S, M as L, T as b, a0 as T } from "./index.js";
-import { M as C, bF as M, bE as X } from "./index2.js";
+import { M as C, bG as M, bF as X } from "./index2.js";
 import { m as a, C as f } from "./model-setter.js";
 import { e as B, f as A } from "./utils2.js";
 import { l as p, s as y, f as O } from "./utils.js";
@@ -32,13 +32,13 @@ function d(t) {
 const V = (t) => {
   const { axis: e, index: i } = d(t);
   return e?.guides?.[i]?.visible ?? !0;
-}, E = (t) => {
+}, R = (t) => {
   const { visible: e, axis: i, index: s } = d(t);
   i?.guides?.[s] !== void 0 && (i.guides[s].visible = e);
 }, m = (t) => {
   const e = C(t.start, t.end);
   M(t.style) && e === c.SFS ? t.style = { type: c.SFS, color: t.style.color } : X(t.style) && e === c.SLS && (t.style = { type: c.SLS, color: t.style.color });
-}, R = (t) => {
+}, E = (t) => {
   const { axis: e, index: i } = d(t);
   return e?.guides?.[i]?.start ?? null;
 }, F = (t) => {
@@ -121,7 +121,7 @@ class l extends _ {
     return V({ config: this._config, index: e, orientation: i });
   }
   setGuideVisibility(e, i, s) {
-    E({ visible: e, config: this._config, index: i, orientation: s });
+    R({ visible: e, config: this._config, index: i, orientation: s });
   }
   /**
    * Gets the start value of a guide.
@@ -130,7 +130,7 @@ class l extends _ {
    * @param orientation - Default `y`. The axis orientation of the guide.
    */
   getGuideStart(e, i) {
-    return R({ config: this._config, index: e, orientation: i });
+    return E({ config: this._config, index: e, orientation: i });
   }
   setGuideStart(e, i, s) {
     F({ start: e, config: this._config, index: i, orientation: s });

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

@@ -23,36 +23,18 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
  * The ArcGIS Chart component renders a chart by setting a [model](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#model) object that defines the chart's configuration and data.
- * There are different ways to render a chart with the ArcGIS Chart component:
  *
- * ##### Load from a layer item
+ * You can render a chart either by:
+ * - Setting [layerItemId](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layerItemId) and [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex) to load a saved chart from a layer item.
+ * - Create a new chart by using the [`createModel()`](/references/charts-components/model/shared/setup-utils/#createModel) function to create a chart model and set it to the [model](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#model) property.
  *
- * To load a chart from a layer item, first the chart needs to be [configured in Map Viewer](https://doc.arcgis.com/en/arcgis-online/create-maps/configure-charts-mv.htm) and [saved to the layer item](https://doc.arcgis.com/en/arcgis-online/create-maps/duplicate-save-layers.htm#ESRI_SECTION1_2AE9121DFA5D4E099F0D434EBA7D9365).
- * Then set the [layerItemId](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layerItemId) property to the item's ID and the [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex) property to the index of the chart within the item.
+ * > [!IMPORTANT]
+ * >
+ * > See the [Introduction to charts](https://developers.arcgis.com/javascript/latest/charts-components-intro/) guide for detailed examples on how to render a chart using the above patterns.
  *
- * ```html
- * <arcgis-chart layer-item-id="..." chart-index="0"></arcgis-chart>
- * ```
- *
- * ##### Create a new chart with charts model
- *
- * To create a new chart, use the [createModel](https://developers.arcgis.com/javascript/latest/references/charts-components/model/shared/setup-utils/#createModel) method with a layer and a chart type, then configure the chart using the model's properties and methods.
- *
- * ```js
- * import FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
- * import { createModel } from "@arcgis/charts-components/model/shared/setup-utils.js";
- *
- * const myLayer = new FeatureLayer({ portalItem: { id: "..." } });
- *
- * const chartElement = document.querySelector("arcgis-chart");
- * const barChartModel = await createModel({ layer: myLayer, chartType: "barChart" });
- * barChartModel.xAxisField = "field";
- * ```
- *
- * Each supported [chart type](https://developers.arcgis.com/javascript/latest/charts/chart-types/) has its own configuration properties and methods with their corresponding models.
+ * There are 10 supported chart types, each with its own model properties and methods. Refer to the [chart types documentation](https://developers.arcgis.com/javascript/latest/charts/chart-types/) for more information on each chart type.
  *
  * ##### See also:
- * - [Introduction to charts](https://developers.arcgis.com/javascript/latest/charts-components-intro/)
  * - [Tutorial: Display a chart](https://developers.arcgis.com/javascript/latest/tutorials/display-a-chart/)
  * - [Tutorial: Chart and map interactions](https://developers.arcgis.com/javascript/latest/tutorials/chart-and-map-interactions/)
  *
@@ -1031,15 +1013,15 @@ export abstract class ArcgisChart extends LitElement {
   accessor legendPosition: WebChartLegendPositions | undefined;
   /**
    * When the pie chart label contains either a numeric value or a percentage (which can be set through the
-   * [setDisplayNumericValue](https://developers.arcgis.com/javascript/latest/references/charts-components/model/pie-chart-model/pie-chart-model/#setDisplayNumericValue) and
-   * [setDisplayPercentage](https://developers.arcgis.com/javascript/latest/references/charts-components/model/pie-chart-model/pie-chart-model/#setDisplayPercentage) methods from the pie chart model), this property
+   * [displayNumericValueOnLegendItems](https://developers.arcgis.com/javascript/latest/references/charts-components/model/pie-chart-model/pie-chart-model/#displayNumericValueOnLegendItems) and
+   * [displayPercentageOnLegendItems](https://developers.arcgis.com/javascript/latest/references/charts-components/model/pie-chart-model/pie-chart-model/#displayPercentageOnLegendItems) properties from the pie chart model), this property
    * can be used to format the numeric value and/or percentage. If the returned string contains HTML tags they will be interpreted as such.
    *
    * @example
    * ```ts
    * // Set the pie chart model to display both numeric value and percentage.
-   * pieChartModel.setDisplayNumericValue(true);
-   * pieChartModel.setDisplayPercentage(true);
+   * pieChartModel.displayNumericValueOnLegendItems = true;
+   * pieChartModel.displayPercentageOnLegendItems = true;
    *
    * // Render the numeric value and percentage in bold and italic respectively, with 2 decimal places.
    * chartElement.legendValueLabelFormatter = (value, percentage) => {