@arcgis/charts-components 6.0.0-next.6 → 6.0.0-next.8

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

@@ -1,17 +1,16 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { capitalize as D, isNumber as H, zip as ae, isEqual as ue } from "es-toolkit/compat";
+import { capitalize as S, isNumber as H, zip as ae, isEqual as ue } from "es-toolkit/compat";
 import { H as W } from "./interfaces.js";
-import { g as ce, a as q, b as oe, c as _ } from "./box-plot-data.js";
+import { g as ce, a as _, b as oe, c as q } from "./box-plot-data.js";
 import { g as fe } from "./histogram-data.js";
 import { g as me, a as de, b as ye } from "./pie-chart-data.js";
 import { a as ie } from "./series-length.js";
 import { g as re, d as le, e as ge } from "./serial-chart-data.js";
 import { g as z, a as pe } from "./data.js";
-import { q as U, t as be, r as xe, V as E, I as Fe, Q as P, a2 as Ce, aR as Se, bS as De } from "./index.js";
-import { i as Y, M as $, l as R, N as ve, O as Be, P as Q } from "./index3.js";
-import { i as K, a as g, C as A } from "./index2.js";
+import { O as K, r as U, u as be, t as xe, x as g, a5 as E, C as A, P as Fe, _ as P, ah as Ce, b4 as De, cf as Se } from "./index.js";
+import { i as Y, M as $, l as R, N as ve, O as Be, P as Q } from "./index2.js";
 import { g as he } from "./series-types.js";
-import { V as Pe } from "./index5.js";
+import { V as Pe } from "./index4.js";
 import { DateTime as ne } from "luxon";
 import { P as X } from "./common.js";
 import { a as k, l as L } from "./chart-object-literals.js";
@@ -116,7 +115,7 @@ function G(l) {
 function Me(l, e) {
   return !ue(l, e);
 }
-function ut(l, e) {
+function st(l, e) {
   return Me(l, e) || l !== e;
 }
 function we(l) {
@@ -146,7 +145,7 @@ const J = (l) => {
   }
   return (t || /[",\r\n]/u.test(i)) && (i = `"${i.replace(/"/gu, '""')}"`), i;
 };
-function ct(l, e = {}) {
+function ut(l, e = {}) {
   const { columns: t, delimiter: a, includeHeader: o = !0, quoteAll: i = !1, locale: r, roundDecimals: n } = e, s = l.length === 0;
   let c = "";
   if (!s) {
@@ -164,7 +163,7 @@ function ct(l, e = {}) {
   }
   return c;
 }
-function ft(l) {
+function ct(l) {
   const { rawData: e, config: t, layer: a, fieldList: o, formatters: i, useRendererLabel: r, timeZone: n, formatLocale: s, utilsStrings: c } = l;
   let f = [];
   if (t !== void 0 && Array.isArray(e) && e.length > 0) {
@@ -269,7 +268,7 @@ function $e(l, e) {
 }
 function Ne(l) {
   const { fieldName: e, dataContext: t } = l, a = A.rendererSymbolField;
-  return e === a && t !== void 0 ? De(t) : void 0;
+  return e === a && t !== void 0 ? Se(t) : void 0;
 }
 function ee(l) {
   const { config: e, splitByField: t, splitByValue: a, splitByValueIndex: o, layer: i, fieldList: r, timeZone: n } = l;
@@ -296,24 +295,24 @@ function Te(l) {
     const v = p[Y.xField], b = p[Y.yField], x = p[Y.valueField], C = typeof x == "number" && Number.isFinite(x) ? x.toFixed(2) : x;
     let m = { label: n.x, value: v }, d = { label: n.y, value: b };
     if (n.xTemporalBinning !== void 0) {
-      const { label: F, value: S } = G({
+      const { label: F, value: D } = G({
         value: Number(v),
         config: e,
         formatLocale: i,
         unit: n.xTemporalBinning.unit,
         utilsStrings: r
       });
-      !K(F) && !K(S) && (m = { label: F, value: S });
+      !K(F) && !K(D) && (m = { label: F, value: D });
     }
     if (n.yTemporalBinning !== void 0) {
-      const { label: F, value: S } = G({
+      const { label: F, value: D } = G({
         value: Number(b),
         config: e,
         formatLocale: i,
         unit: n.yTemporalBinning.unit,
         utilsStrings: r
       });
-      !K(F) && !K(S) && (d = { label: F, value: S });
+      !K(F) && !K(D) && (d = { label: F, value: D });
     }
     return {
       [m.label]: m.value,
@@ -323,7 +322,7 @@ function Te(l) {
   });
 }
 function Re(l, e, t) {
-  const a = fe(l), o = `${D(W.Min)} of ${a}`, i = `${D(W.Max)} of ${a}`, r = `${D(W.Count)} of ${a}`;
+  const a = fe(l), o = `${S(W.Min)} of ${a}`, i = `${S(W.Max)} of ${a}`, r = `${S(W.Count)} of ${a}`;
   return e.map((n) => {
     const { minValue: s, maxValue: c, count: f } = n, u = H(s), p = H(c), v = H(f), b = {};
     if (u && (b[o] = B({
@@ -355,7 +354,7 @@ function Ie(l, e, t) {
   return t ? o = t.map((i) => a.find((r) => r.toLowerCase().includes(i.toLowerCase())) || "") : o = a.filter((r) => r.toLowerCase().includes(e.toLowerCase())), o.filter((i) => i.trim() !== "");
 }
 function Ke(l) {
-  const { config: e, rows: t, layer: a, fieldList: o, formatters: i, useRendererLabel: r = !1, timeZone: n } = l, s = pe(e), c = re(e), f = D(c), u = le(e), p = U(e.series), v = ie(e), b = ge(e), { idField: x, isTraditionalTypeOID: C } = be(xe(a)), m = C && u.length === 1 && u[0] === x;
+  const { config: e, rows: t, layer: a, fieldList: o, formatters: i, useRendererLabel: r = !1, timeZone: n } = l, s = pe(e), c = re(e), f = S(c), u = le(e), p = U(e.series), v = ie(e), b = ge(e), { idField: x, isTraditionalTypeOID: C } = be(xe(a)), m = C && u.length === 1 && u[0] === x;
   let d;
   switch (p) {
     case g.BarAndLineNoAggregation:
@@ -368,28 +367,28 @@ function Ke(l) {
           formatter: i?.xAxisLabelFormatter,
           useRendererLabel: r,
           timeZone: n
-        }), S = { [s]: F };
+        }), D = { [s]: F };
         return Object.assign(
-          S,
+          D,
           ...u.map((h) => ({
             [h]: B({
               value: y[h],
               originalValue: y[h]
             })
           }))
-        ), S;
+        ), D;
       });
       break;
     case g.BarAndLineFromFields:
       d = ae(u, t).map(([y, F]) => {
-        const S = E(e.series)[0], h = {};
+        const D = E(e.series)[0], h = {};
         return F !== void 0 && y !== void 0 && (h.Field = B({
           value: F[s],
           originalValue: F[s],
           formatter: i?.xAxisLabelFormatter
         }), h.Value = B({
-          value: F[S],
-          originalValue: F[S]
+          value: F[D],
+          originalValue: F[D]
         })), h;
       });
       break;
@@ -404,7 +403,7 @@ function Ke(l) {
           formatter: i?.xAxisLabelFormatter,
           useRendererLabel: r,
           timeZone: n
-        }), S = { [s]: F };
+        }), D = { [s]: F };
         return u.forEach((h, V) => {
           const w = z({
             config: e,
@@ -416,16 +415,16 @@ function Ke(l) {
             fieldList: o
           }), N = E(e.series)[V];
           let I = N, Z = N;
-          N.toLowerCase() === w.name.toLowerCase() && (I = w.description, Z = w.name), S[I] = B({
+          N.toLowerCase() === w.name.toLowerCase() && (I = w.description, Z = w.name), D[I] = B({
             value: y[Z],
             originalValue: y[Z]
           });
-        }), S;
+        }), D;
       });
       break;
     case g.BarAndLineSplitBy:
       d = t.flatMap((y) => {
-        const F = E(e.series), S = O({
+        const F = E(e.series), D = O({
           field: s,
           row: y,
           layer: a,
@@ -445,7 +444,7 @@ function Ke(l) {
             timeZone: n
           });
           return {
-            [s]: S,
+            [s]: D,
             [b]: w,
             [m ? f : `${f} of ${u[0]}`]: y[F[V]]
           };
@@ -462,7 +461,7 @@ function Ke(l) {
           formatter: i?.xAxisLabelFormatter,
           useRendererLabel: r,
           timeZone: n
-        }), S = Ie(y, u[0], v), h = y[b], V = v.findIndex((I) => $e(I, h)), w = ee({
+        }), D = Ie(y, u[0], v), h = y[b], V = v.findIndex((I) => $e(I, h)), w = ee({
           config: e,
           splitByField: b,
           splitByValue: h,
@@ -474,7 +473,7 @@ function Ke(l) {
         return {
           [s]: F,
           [b]: w,
-          [u[0]]: y[S[0]]
+          [u[0]]: y[D[0]]
         };
       });
       break;
@@ -527,7 +526,7 @@ function Ee(l) {
     return c === g.PieFromCategory && x.toLowerCase() === b.name.toLowerCase() && (y = b.description, F = b.name), d[y] = B({
       value: C[F],
       originalValue: C[F]
-    }), d[D($.trim())] = B({
+    }), d[S($.trim())] = B({
       value: C[`${F}${$}`],
       originalValue: C[`${F}${$}`]
     }), d;
@@ -540,7 +539,7 @@ function Ee(l) {
     }), d.Value = B({
       value: m[x],
       originalValue: m[x]
-    }), d[D($.trim())] = B({
+    }), d[S($.trim())] = B({
       value: m[`${x}${$}`],
       originalValue: m[`${x}${$}`]
     })), d;
@@ -558,7 +557,7 @@ function j(l) {
   }
 }
 function T(l) {
-  const { rawData: e, outRow: t, config: a, boxPlotSubType: o, layer: i, fieldList: r, timeZone: n } = l, s = q(a), c = oe(a), f = _(a);
+  const { rawData: e, outRow: t, config: a, boxPlotSubType: o, layer: i, fieldList: r, timeZone: n } = l, s = _(a), c = oe(a), f = q(a);
   let u = P.Outlier;
   const p = R;
   switch (o) {
@@ -569,13 +568,13 @@ function T(l) {
         fieldList: r,
         timeZone: n
       });
-      t[s] = x, t[D(P.Outlier)] = e[u];
+      t[s] = x, t[S(P.Outlier)] = e[u];
       break;
     }
     case g.BoxPlotC4MultiFieldsAndCategory: {
-      t[D(s)] = e[s], u = `${c.find(
+      t[S(s)] = e[s], u = `${c.find(
         (C) => Object.keys(e).some((m) => m.toLowerCase().includes(C.toLowerCase()))
-      ) ?? ""}_${u}`, t[D(P.Outlier)] = e[u];
+      ) ?? ""}_${u}`, t[S(P.Outlier)] = e[u];
       break;
     }
     case g.BoxPlotC5MonoFieldAndSplitBy:
@@ -587,7 +586,7 @@ function T(l) {
         fieldList: r,
         timeZone: n
       });
-      u = `${x}_${u}`, t.Field = e[p], t[D(f)] = C, t[D(P.Outlier)] = e[u];
+      u = `${x}_${u}`, t.Field = e[p], t[S(f)] = C, t[S(P.Outlier)] = e[u];
       break;
     }
     case g.BoxPlotC7MonoFieldAndCategoryAndSplitBy: {
@@ -598,25 +597,25 @@ function T(l) {
         fieldList: r,
         timeZone: n
       });
-      u = `${x}_${u}`, t[D(s)] = e[s], t[D(f)] = C, t[D(P.Outlier)] = e[u];
+      u = `${x}_${u}`, t[S(s)] = e[s], t[S(f)] = C, t[S(P.Outlier)] = e[u];
       break;
     }
     case g.BoxPlotC1MonoField:
     case g.BoxPlotC2MultiFields:
     default: {
-      t.Field = e[p], t[D(P.Outlier)] = e[u];
+      t.Field = e[p], t[S(P.Outlier)] = e[u];
       break;
     }
   }
   const v = `${u}${Q}`, b = e[v];
-  b !== void 0 && (t[`${D(P.Outlier)} Z-Score`] = b);
+  b !== void 0 && (t[`${S(P.Outlier)} Z-Score`] = b);
 }
 function Ue(l) {
-  const { rawData: e, outRow: t, config: a, splitByValue: o, layer: i, fieldList: r, timeZone: n } = l, s = U(a.series), c = e[`${o}_${P.Average}`], f = _(a), u = q(a);
+  const { rawData: e, outRow: t, config: a, splitByValue: o, layer: i, fieldList: r, timeZone: n } = l, s = U(a.series), c = e[`${o}_${P.Average}`], f = q(a), u = _(a);
   let p = "";
   switch (s) {
     case g.BoxPlotC5MonoFieldAndSplitBy: {
-      p = `${o}_${f}`, t.Field = e[R], t[D(f)] = M({
+      p = `${o}_${f}`, t.Field = e[R], t[S(f)] = M({
         field: f,
         value: e[p],
         layer: i,
@@ -626,7 +625,7 @@ function Ue(l) {
       break;
     }
     case g.BoxPlotC6MultiFieldsAndSplitBy: {
-      p = `${o}_${P.Average}`, t.Field = e[R], t[D(f)] = M({
+      p = `${o}_${P.Average}`, t.Field = e[R], t[S(f)] = M({
         field: f,
         value: e[p],
         layer: i,
@@ -636,7 +635,7 @@ function Ue(l) {
       break;
     }
     case g.BoxPlotC7MonoFieldAndCategoryAndSplitBy: {
-      p = `${o}_${P.Average}`, t[u] = e[u], t[D(f)] = M({
+      p = `${o}_${P.Average}`, t[u] = e[u], t[S(f)] = M({
         field: f,
         value: o,
         layer: i,
@@ -646,16 +645,16 @@ function Ue(l) {
       break;
     }
   }
-  t[D(P.Average)] = c;
+  t[S(P.Average)] = c;
   const v = `${String(c)}${Q}`, b = e[v];
-  b !== void 0 && (t[`${D(P.Average)} Z-Score`] = b);
+  b !== void 0 && (t[`${S(P.Average)} Z-Score`] = b);
 }
 function Ze(l) {
   const { config: e, rows: t, layer: a, fieldList: o, formatters: i, useRendererLabel: r = !1, timeZone: n } = l, s = U(e.series);
   let c = s;
   const f = ce(e), u = Array.isArray(t) && t.length > 0 && t.every((m) => m[A.boxPlot.boxPlotMeanLineMarkerId] !== void 0);
   f && !u && (s === g.BoxPlotC5MonoFieldAndSplitBy ? c = g.BoxPlotC1MonoField : s === g.BoxPlotC6MultiFieldsAndSplitBy ? c = g.BoxPlotC2MultiFields : s === g.BoxPlotC7MonoFieldAndCategoryAndSplitBy && (c = g.BoxPlotC3MonoFieldAndCategory));
-  const p = q(e), v = oe(e), b = ie(e), x = _(e);
+  const p = _(e), v = oe(e), b = ie(e), x = q(e);
   let C;
   switch (c) {
     case g.BoxPlotC1MonoField:
@@ -723,7 +722,7 @@ function Ze(l) {
             });
           else {
             if (c === g.BoxPlotC4MultiFieldsAndCategory) {
-              const S = O({
+              const D = O({
                 field: p,
                 row: m,
                 layer: a,
@@ -732,7 +731,7 @@ function Ze(l) {
                 useRendererLabel: r,
                 timeZone: n
               });
-              y[p] = S, F = `${d}_`;
+              y[p] = D, F = `${d}_`;
             }
             j({ rawData: m, outRow: y, keyBase: F });
           }
@@ -775,7 +774,7 @@ function Ze(l) {
             fieldList: o
           });
           if (c === g.BoxPlotC7MonoFieldAndCategoryAndSplitBy) {
-            const S = O({
+            const D = O({
               field: p,
               row: m,
               layer: a,
@@ -784,7 +783,7 @@ function Ze(l) {
               useRendererLabel: r,
               timeZone: n
             });
-            y[p] = S;
+            y[p] = D;
           }
           return m[A.boxPlot.boxPlotOutlierId] ? T({
             rawData: m,
@@ -813,11 +812,11 @@ const te = (l) => {
   const r = a?.find((n) => n.name === e);
   if (r) {
     const n = r.type === Ve.DateOnly;
-    Se(r) && !n ? i = te(t) ? We(new Date(t), o) : t : n && typeof t != "string" && (i = te(t) ? He(new Date(t), o) : t);
+    De(r) && !n ? i = te(t) ? We(new Date(t), o) : t : n && typeof t != "string" && (i = te(t) ? He(new Date(t), o) : t);
   }
   return i;
 };
-function mt(l) {
+function ft(l) {
   const { runtimeDataFilters: e, view: t, viewTimeExtentChangePolicy: a, syncViewTimeExtent: o } = l;
   let i = e;
   return t && (a === Pe.Refresh || o) && t.timeExtent?.start != null && t.timeExtent?.end != null && (i = {
@@ -829,10 +828,10 @@ export {
   Le as a,
   Oe as b,
   Ae as c,
-  mt as d,
-  ct as e,
+  ft as d,
+  ut as e,
   Me as f,
   G as g,
-  ut as h,
-  ft as t
+  st as h,
+  ct as t
 };

package/dist/chunks/x-bounds.js

@@ -5,11 +5,10 @@ import { M as S, G as c } from "./common.js";
 import { g as T } from "./model-types.js";
 import { b as g } from "./rest-js-object-literals.js";
 import { a as x } from "./chart-object-literals.js";
-import { Q as C, a2 as L, a3 as b, t as M } from "./index3.js";
-import { bU as X, b as B, i as A } from "./index.js";
+import { Q as C, a5 as L, a6 as b, t as M } from "./index2.js";
+import { ch as X, b as B, i as A, eI as O } from "./index.js";
 import { m as a, C as f } from "./model-setter.js";
-import { f as O, e as P } from "./utils2.js";
-import { n as v, d as y, h as R } from "./utils.js";
+import { o as P, n as R, p as v, d as y } from "./utils.js";
 const D = (t) => {
   for (const e of t.axes ?? [])
     for (const i of e?.guides ?? [])
@@ -51,19 +50,19 @@ const E = (t) => {
 }, j = (t) => {
   const { axis: e, index: i } = d(t);
   return e?.guides?.[i]?.end;
-}, $ = (t) => {
+}, I = (t) => {
   const { end: e, axis: i, index: s } = d(t);
   i?.guides?.[s] !== void 0 && (i.guides[s].end = e, p(i.guides[s]));
-}, I = (t) => {
+}, $ = (t) => {
   const { axis: e, index: i } = d(t);
   return e?.guides?.[i]?.name;
 }, N = (t) => {
   const { name: e, axis: i, index: s } = d(t);
   i?.guides?.[s] !== void 0 && (i.guides[s].name = e);
-}, U = (t) => {
+}, Q = (t) => {
   const { axis: e, index: i } = d(t);
   return e?.guides?.[i]?.label?.text;
-}, Q = (t) => {
+}, U = (t) => {
   const { labelText: e, axis: i, index: s } = d(t), o = i?.guides?.[s]?.label ?? C(e, L(b.GuideLabel), b.GuideLabel);
   i?.guides?.[s] !== void 0 && (i.guides[s].label = { ...o, text: e });
 }, Y = (t) => {
@@ -78,7 +77,7 @@ const E = (t) => {
 }, H = (t) => {
   const { style: e, axis: i, index: s } = d(t);
   i?.guides?.[s] !== void 0 && (i.guides[s].style = e);
-}, _e = (t) => {
+}, he = (t) => {
   const { config: e, name: i, index: s, orientation: o } = t, n = o === c.X ? e.axes?.[0] : e.axes?.[1];
   if (n !== void 0) {
     n.guides = n.guides ?? [];
@@ -90,7 +89,7 @@ const E = (t) => {
     };
     s !== void 0 && s < n.guides.length ? n.guides.splice(s, 0, r) : n.guides.push(r);
   }
-}, Se = (t) => {
+}, _e = (t) => {
   const { config: e, index: i, orientation: s } = t, o = s === c.X ? e.axes?.[0] : e.axes?.[1];
   o?.guides !== void 0 && (i !== void 0 && i < o.guides.length ? o.guides.splice(i, 1) : o.guides.pop());
 }, J = (t) => {
@@ -151,7 +150,7 @@ class u extends h {
     return j({ config: this._config, index: e, orientation: i });
   }
   setGuideEnd(e, i, s) {
-    $({ end: e, config: this._config, index: i, orientation: s });
+    I({ end: e, config: this._config, index: i, orientation: s });
   }
   /**
    * Gets the name of a guide.
@@ -160,7 +159,7 @@ class u extends h {
    * @param orientation - Default `y`. The axis orientation of the guide.
    */
   getGuideName(e, i) {
-    return I({ config: this._config, index: e, orientation: i });
+    return $({ config: this._config, index: e, orientation: i });
   }
   setGuideName(e, i, s) {
     N({ name: e, config: this._config, index: i, orientation: s });
@@ -172,10 +171,10 @@ class u extends h {
    * @param orientation - Default `y`. The axis orientation of the guide.
    */
   getGuideLabelText(e, i) {
-    return U({ config: this._config, index: e, orientation: i });
+    return Q({ config: this._config, index: e, orientation: i });
   }
   setGuideLabelText(e, i, s) {
-    Q({ labelText: e, config: this._config, index: i, orientation: s });
+    U({ labelText: e, config: this._config, index: i, orientation: s });
   }
   /**
    * Gets whether the guide should be rendered above the other chart elements.
@@ -262,16 +261,16 @@ l([
 l([
   a
 ], u.prototype, "setGuideTooltipReverseColor");
-class Te extends f {
+class Se extends f {
   /**
    * Whether the x-axis labels are visible.
    */
   get xAxisLabelsVisibility() {
-    return O(0, this._config);
+    return P(0, this._config);
   }
   set xAxisLabelsVisibility(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      P({
+      R({
         visibility: e,
         axisIndex: 0,
         config: this._config
@@ -287,7 +286,7 @@ var ee = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, te = (t, e
 const se = (t) => v({ config: t, axisIndex: 0, isMax: !0 }), oe = (t, e) => {
   y({ config: t, value: e, axisIndex: 0, isMax: !0 });
 };
-class m extends f {
+class G extends f {
   /**
    * Maximum bound set for the x-axis.
    *
@@ -302,7 +301,7 @@ class m extends f {
 }
 te([
   a
-], m.prototype, "maxXBound");
+], G.prototype, "maxXBound");
 var ne = Object.defineProperty, de = Object.getOwnPropertyDescriptor, re = (t, e, i, s) => {
   for (var o = de(e, i), n = t.length - 1, r; n >= 0; n--)
     (r = t[n]) && (o = r(e, i, o) || o);
@@ -311,7 +310,7 @@ var ne = Object.defineProperty, de = Object.getOwnPropertyDescriptor, re = (t, e
 const ae = (t) => v({ config: t, axisIndex: 0, isMax: !1 }), le = (t, e) => {
   y({ config: t, value: e, axisIndex: 0, isMax: !1 });
 };
-class G extends f {
+class m extends f {
   /**
    * Minimum bound set for the x-axis.
    *
@@ -326,14 +325,14 @@ class G extends f {
 }
 re([
   a
-], G.prototype, "minXBound");
+], m.prototype, "minXBound");
 class ue extends f {
 }
-R(ue, [m, G]);
+O(ue, [G, m]);
 export {
   u as M,
-  Te as W,
+  Se as W,
   ue as a,
-  _e as b,
-  Se as d
+  he as b,
+  _e as d
 };

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

@@ -996,7 +996,12 @@ export abstract class ArcgisChart extends LitElement {
   accessor interactionsDisabled: boolean;
   /**
    * Used to perform queries.
-   * If the layer is a `ChartLayerView` or if the layer and the `view` property are both provided, the queries will be executed client-side.
+   *
+   * Charts supports feature-like and imagery layers. Feature-like layers must implement the properties and methods defined by [`ChartLayer`](/references/charts-components/interfaces/#ChartLayer).
+   * - Feature-like layers: [`CatalogLayer`](/references/core/layers/CatalogLayer/), [`CSVLayer`](/references/core/layers/CSVLayer/), [`FeatureLayer`](/references/core/layers/FeatureLayer/), [`GeoJSONLayer`](/references/core/layers/GeoJSONLayer/), [`ParquetLayer`](/references/core/layers/ParquetLayer/), [`WFSLayer`](/references/core/layers/WFSLayer/)
+   * - Imagery layers: [`ImageryLayer`](/references/core/layers/ImageryLayer/), [`ImageryTileLayer`](/references/core/layers/ImageryTileLayer/), [`OrientedImageryLayer`](/references/core/layers/OrientedImageryLayer/), [`WCSLayer`](/references/core/layers/WCSLayer/)
+   *
+   * **Note**: Queries run client-side when [layer](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layer) is a [`ChartLayerView`](/references/charts-components/interfaces/#ChartLayerView), or when both [layer](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layer) and [view](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#view) are provided.
    */
   accessor layer: ChartLayerInput | undefined;
   /**
@@ -1017,7 +1022,7 @@ export abstract class ArcgisChart extends LitElement {
    * Layer item ID associated with the chart to be rendered. Can be used in conjunction with the [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex) property.
    * If `layerItemId` is set without [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex), the first chart in the layer will be rendered.
    *
-   * Supported layer types include: [`FeatureLayer`](/references/core/layers/FeatureLayer), [`SubtypeSublayer`](/references/core/layers/support/SubtypeSublayer), [`ImageryLayer`](/references/core/layers/ImageryLayer), [`ImageryTileLayer`](/references/core/layers/ImageryTileLayer) and [`WCSLayer`](/references/core/layers/WCSLayer).
+   * Supported layer types include: [`FeatureLayer`](/references/core/layers/FeatureLayer), [`ParquetLayer`](/references/core/layers/ParquetLayer),[`ImageryLayer`](/references/core/layers/ImageryLayer), [`ImageryTileLayer`](/references/core/layers/ImageryTileLayer), [`WCSLayer`](/references/core/layers/WCSLayer) and [`OrientedImageryLayer`](/references/core/layers/OrientedImageryLayer).
    *
    * > The layer item ID can be found in the URL of the layer's item page on ArcGIS Online or Enterprise.
    * > For example, in the URL `https://www.arcgis.com/home/item.html?id=8871626e970a4f3e9d6113ec63a92f2f`, the layer item ID is `8871626e970a4f3e9d6113ec63a92f2f`.
@@ -1098,11 +1103,13 @@ export abstract class ArcgisChart extends LitElement {
    */
   accessor loaderColors: LoaderColors | undefined;
   /**
-   * The ID of the map layer containing the chart. Can be used in conjunction with the [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex) property.
+   * The ID of the map layer containing the chart. Can be used in conjunction with the [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex) property. The [map layer ID](/references/core/layers/Layer/#id) can be found by inspecting the layer's properties.
    * If `mapLayerId` is set without [chartIndex](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#chartIndex), the first chart in the layer will be rendered.
    *
-   * > The [map layer ID](/references/core/layers/Layer/#id) can be found by inspecting the layer's properties.
+   * > [!WARNING]
+   * > Use [layer](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layer), [mapLayerId](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#mapLayerId), and [layerItemId](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#layerItemId) independently; only one should be set at a time.
    *
+   * @see [Tutorial: Chart and map interactions](https://developers.arcgis.com/javascript/latest/tutorials/chart-and-map-interactions/)
    * @example
    * ```ts
    * <arcgis-chart map-layer-id="1a116fff2bf-layer-2" chart-index="2"></arcgis-chart>