@arcgis/charts-components 5.2.0-next.105 → 5.2.0-next.107

package/dist/chunks/utils.js

@@ -1,12 +1,23 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as j, a as f, d as A, g as w } from "./chart-object-literals.js";
-import { ah as q, r as I, cb as k, cc as O, cd as L, ce as V, O as M, a1 as b } from "./index.js";
-import { i as B } from "./type-guards.js";
-import { f as W, b as S, i as $, q as E } from "./index2.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
+import { c as q, a as d, d as A, g as w } from "./chart-object-literals.js";
+import { ah as I, r as O, cb as k, cc as V, cd as L, ce as B, O as E, a1 as b } from "./index.js";
+import { i as T } from "./type-guards.js";
+import { f as M, b as S, i as W, q as $ } from "./index2.js";
 import { substitute as h } from "@arcgis/core/intl.js";
 import { H as U, a0 as X, a1 as H, X as K, a7 as P, a2 as R } from "./index3.js";
 import { g as G } from "./series-types.js";
-function se(s, e, i) {
+const se = (s) => {
+  const { config: e, axisIndex: i, callback: t } = s;
+  [i !== void 0 ? e.axes?.[i] : e.axes].flat().forEach((a, r) => {
+    a !== void 0 && t(a, i !== void 0 ? i : r);
+  });
+}, ae = (s) => {
+  const { config: e, axisIndex: i, callback: t } = s;
+  [i !== void 0 ? e.axes?.[i] : e.axes].flat().forEach((a) => {
+    a !== void 0 && I(a.valueFormat) && t(a);
+  });
+};
+function re(s, e, i) {
   const t = s?.axes?.[e];
   t?.title !== void 0 ? t.title.content.text = i : t !== void 0 && (t.title = X({
     text: i,
@@ -14,108 +25,108 @@ function se(s, e, i) {
     font: H(R.AxisTitle)
   }));
 }
-function ae(s) {
+function oe(s) {
   const { config: e, layerInfo: i, commonStrings: t, numericFields: a, aggregationType: r } = s;
   let o = "";
   if (e)
-    if (W(e) === j.Stacked100)
+    if (M(e) === q.Stacked100)
       o = t.utilsStrings.statistics.percent;
     else {
-      const d = U(r, t);
-      if (e.series[0]?.type === f.HeatSeries)
+      const f = U(r, t);
+      if (e.series[0]?.type === d.HeatSeries)
         o = S(i.layerFieldsInfo, e.series[0].y);
       else if (a.length === 1) {
-        const g = S(i.layerFieldsInfo, a[0]), n = I(i.layer).idField;
+        const g = S(i.layerFieldsInfo, a[0]), n = O(i.layer).idField;
         r === A.NoAggregation ? o = g : r === A.Count && n !== void 0 && a[0] === n ? o = t.utilsStrings.statistics.count : o = h(t.axisLabels.aggregationOfFieldName, {
-          aggregation: d,
+          aggregation: f,
           fieldName: g
         });
       } else a.length > 1 && (r === A.NoAggregation ? o = t.axisLabels.values : o = h(t.axisLabels.aggregationOfValues, {
-        aggregation: d
+        aggregation: f
       }));
     }
   return o;
 }
-const T = (s, e, i) => s.axes?.[e] ?? P(i, s.type)[e], C = (s) => {
+const C = (s, e, i) => s.axes?.[e] ?? P(i, s.type)[e], D = (s) => {
   const { config: e, axis: i, axisIndex: t } = s;
   e.axes !== void 0 && (e.axes[t] = i);
-}, re = (s) => {
+}, ne = (s) => {
   const { config: e, axisIndex: i, isMax: t } = s;
   let a = Number.NaN;
   return t ? a = e.axes?.[i]?.maximum : a = e.axes?.[i]?.minimum, a ?? Number.NaN;
-}, N = (s) => {
+}, v = (s) => {
   const { config: e, value: i, axisIndex: t, isMax: a } = s, r = e?.axes?.[t];
   r !== void 0 && (a ? r.maximum = i : r.minimum = i);
-}, oe = (s) => s.axes?.[0]?.valueFormat ?? K(), ne = (s, e, i) => {
-  const t = T(s, 0, e);
+}, le = (s) => s.axes?.[0]?.valueFormat ?? K(), ce = (s, e, i) => {
+  const t = C(s, 0, e);
   if (t !== void 0 && i !== void 0) {
     const a = {
       ...t,
       valueFormat: i
     };
-    C({ config: s, axis: a, axisIndex: 0 });
+    D({ config: s, axis: a, axisIndex: 0 });
   }
-}, le = (s, e, i) => {
+}, ue = (s, e, i) => {
   const t = s.axes?.[e];
   t !== void 0 && (t.integerOnlyValues = i);
 }, Q = (s) => {
   const e = G(s.series);
-  return e === f.BarSeries || e === f.ComboLineAndBarSeries || e === f.LineSeries;
+  return e === d.BarSeries || e === d.ComboLineAndBarSeries || e === d.LineSeries;
 }, Y = (s) => {
   const { axisIndex: e, config: i, isMultiAxis: t } = s;
   let a = !1;
   return e === 0 || e === 1 && t ? a = !0 : e === 2 && (a = Q(i)), a;
-}, ce = (s) => {
+}, fe = (s) => {
   const { axisIndex: e, func: i, config: t } = s;
   return Y({ axisIndex: e, config: t, isMultiAxis: !0 }) ? i(e) : void 0;
-}, v = (s, e) => {
+}, N = (s, e) => {
   let i;
   const t = e.axes?.[s]?.valueFormat;
-  return (s === 0 || s >= 1 && q(t)) && (i = t), i;
-}, ue = (s) => {
-  const { config: e, commonStrings: i, valueFormat: t, axisIndex: a = 0 } = s, r = T(e, a, i);
+  return (s === 0 || s >= 1 && I(t)) && (i = t), i;
+}, de = (s) => {
+  const { config: e, commonStrings: i, valueFormat: t, axisIndex: a = 0 } = s, r = C(e, a, i);
   if (r !== void 0 && t !== void 0) {
     const o = {
       ...r,
       valueFormat: t
     };
-    C({
+    D({
       config: e,
       axis: o,
       axisIndex: a
     });
   }
-}, de = (s, e) => s.axes?.[e]?.isLogarithmic ?? !1, fe = (s) => {
+}, ge = (s, e) => s.axes?.[e]?.isLogarithmic ?? !1, xe = (s) => {
   const { config: e, isLogarithmic: i, axisIndex: t } = s, a = e.axes?.[t];
-  a && (a.isLogarithmic = i, N({ config: e, value: null, axisIndex: t, isMax: !0 }), N({ config: e, value: null, axisIndex: t, isMax: !1 }));
-}, ge = (s) => {
+  a && (a.isLogarithmic = i, v({ config: e, value: null, axisIndex: t, isMax: !0 }), v({ config: e, value: null, axisIndex: t, isMax: !1 }));
+}, ye = (s) => {
   const { config: e, scrollbar: i, axisIndex: t } = 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 = {
-    where: O([m, x, l]),
+async function me(s) {
+  const { config: e, layer: i, xAxisField: t, splitByField: a, layerFieldsInfo: r, aggregationFields: o, fetchNullValues: u, errorStrings: f } = 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 ?? {}, j = {
+    where: V([m, x, l]),
     // excluding the null values from the list
-    orderByFields: $(a) ? [] : [`${a} ${w.Ascending}`],
+    orderByFields: W(a) ? [] : [`${a} ${w.Ascending}`],
     // default sorting ascending for split-by field
     geometry: e?.dataFilters?.geometry
   };
   let p = "";
-  o?.length === 0 ? p = I(i).idField : o && ([p] = o);
-  let y = i ? B(i) ? await L({
+  o?.length === 0 ? p = O(i).idField : o && ([p] = o);
+  let y = i ? T(i) ? await L({
     layer: i,
     category: e?.series[0].x ?? "",
     splitByField: a
-  }) : await V({
+  }) : await B({
     queryObject: i,
     category: e?.series[0].x ?? "",
     splitByField: a,
-    queryConfig: D,
-    errorStrings: d
+    queryConfig: j,
+    errorStrings: f
   }) : [];
   if (y = y.slice(0, 500), e) {
-    const F = e?.series.map((c) => M({ where: c.query?.where })?.toString() ?? "").filter((c) => c !== void 0 && c !== "");
-    y = E({
+    const F = e?.series.map((c) => E({ where: c.query?.where })?.toString() ?? "").filter((c) => c !== void 0 && c !== "");
+    y = $({
       arrayA: y,
       arrayB: F,
       getKey: (c) => c === null ? null : c?.toString()
@@ -123,7 +134,7 @@ async function xe(s) {
   }
   return { categoriesArray: y, splitByFieldType: n, numericalField: p };
 }
-function ye(s, e) {
+function pe(s, e) {
   let i = e === "";
   for (const t of s)
     if (e === t.name) {
@@ -132,7 +143,7 @@ function ye(s, e) {
     }
   return i;
 }
-function me(s, e) {
+function Fe(s, e) {
   const i = k(s);
   let t = e.length === 0, a = 0;
   for (const r of e) {
@@ -146,7 +157,7 @@ function me(s, e) {
   }
   return t;
 }
-function pe(s, e) {
+function Ae(s, e) {
   e.forEach((i) => {
     Object.getOwnPropertyNames(i.prototype).forEach((t) => {
       Object.defineProperty(
@@ -157,15 +168,15 @@ function pe(s, e) {
     });
   });
 }
-async function Fe(s) {
-  const { layerInfo: e, config: i, category: t, errorStrings: a } = s, { layer: r } = e, { where: o } = i?.dataFilters ?? {}, { fetchNullValues: u } = i?.series?.[0]?.query ?? {}, d = u !== !0 ? `${t} IS NOT NULL` : "", g = {
-    where: O([o, d]),
+async function be(s) {
+  const { layerInfo: e, config: i, category: t, errorStrings: a } = s, { layer: r } = e, { where: o } = i?.dataFilters ?? {}, { fetchNullValues: u } = i?.series?.[0]?.query ?? {}, f = u !== !0 ? `${t} IS NOT NULL` : "", g = {
+    where: V([o, f]),
     // excluding the null values from the list
     orderByFields: [],
     geometry: i?.dataFilters?.geometry
   };
   let n;
-  return B(r) ? n = (await L({
+  return T(r) ? n = (await L({
     layer: r,
     category: t,
     fetchNullValues: u
@@ -177,7 +188,7 @@ async function Fe(s) {
       fieldValue: l
     }) ?? l;
   }) : n = // fetch unique category values asynchronously
-  (await V({ queryObject: r, category: t, queryConfig: g, errorStrings: a })).map(
+  (await B({ queryObject: r, category: t, queryConfig: g, errorStrings: a })).map(
     (x) => {
       const l = String(x);
       return b({
@@ -188,27 +199,29 @@ async function Fe(s) {
     }
   ), n;
 }
-function Ae(s) {
-  return s !== void 0 && v(0, s)?.type === f.CategoryAxisFormat && v(1, s)?.type === f.CategoryAxisFormat;
+function Se(s) {
+  return s !== void 0 && N(0, s)?.type === d.CategoryAxisFormat && N(1, s)?.type === d.CategoryAxisFormat;
 }
 export {
-  ue as a,
-  oe as b,
-  Fe as c,
-  ne as d,
-  le as e,
-  pe as f,
-  ae as g,
-  ye as h,
-  Ae as i,
-  me as j,
-  xe as k,
-  re as l,
-  v as m,
-  de as n,
-  fe as o,
+  de as a,
+  le as b,
+  be as c,
+  ce as d,
+  ue as e,
+  se as f,
+  oe as g,
+  Ae as h,
+  Se as i,
+  pe as j,
+  Fe as k,
+  me as l,
+  ae as m,
+  ne as n,
+  N as o,
   ge as p,
-  ce as r,
-  N as s,
-  se as u
+  xe as q,
+  fe as r,
+  v as s,
+  ye as t,
+  re as u
 };

package/dist/chunks/utils2.js

@@ -1,46 +1,63 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { a0 as a, a1 as x, a2 as o } from "./index3.js";
-const v = (e, i) => i.axes?.[e]?.labels?.visible ?? !0, f = (e, i, s) => {
-  const t = s.axes?.[i];
-  t?.labels !== void 0 ? t.labels.visible = e : t !== void 0 && t?.labels === void 0 && (t.labels = a({
-    text: "",
-    visible: e,
-    font: x(o.AxisLabels),
-    type: o.AxisLabels
-  }));
-}, b = (e, i) => i.axes?.[e]?.title?.content.text ?? "", T = (e, i, s) => {
-  const t = s.axes?.[i];
-  t?.title !== void 0 ? t.title.content.text = e : t !== void 0 && t?.title === void 0 && (t.title = a({
+/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
+import { a0 as n, a1 as a, a2 as o } from "./index3.js";
+import { f as c } from "./utils.js";
+const A = (e, t) => t.axes?.[e]?.labels?.visible ?? !0, T = (e) => {
+  const { visibility: t, axisIndex: l, config: i } = e;
+  c({
+    config: i,
+    axisIndex: l,
+    callback: (s) => {
+      s.labels !== void 0 ? s.labels.visible = t : s.labels = n({
+        text: "",
+        visible: t,
+        font: a(o.AxisLabels),
+        type: o.AxisLabels
+      });
+    }
+  });
+}, b = (e, t) => t.axes?.[e]?.title?.content.text ?? "", d = (e, t, l) => {
+  const i = l.axes?.[t];
+  i?.title !== void 0 ? i.title.content.text = e : i !== void 0 && i?.title === void 0 && (i.title = n({
     text: e,
     visible: !0,
-    font: x(o.AxisTitle)
-  }));
-}, d = (e, i) => i.axes?.[e]?.title?.visible ?? !1, A = (e, i, s) => {
-  const t = s.axes?.[i];
-  t?.title !== void 0 ? t.title.visible = e : t !== void 0 && t?.title === void 0 && (t.title = a({
-    text: b(i, s),
-    visible: e,
-    font: x(o.AxisTitle)
+    font: a(o.AxisTitle)
   }));
-}, r = (e, i) => e.axes?.[i]?.title?.content, g = (e) => {
-  const { config: i, axisIndex: s, symbol: t } = e, l = i.axes?.[s];
-  if (l !== void 0) {
-    const n = l.title?.content.text;
-    (l.title === void 0 || t === void 0) && (l.title = a({
-      text: "",
-      visible: !0,
-      font: x(o.AxisTitle),
-      type: o.AxisTitle
-    })), t !== void 0 && (l.title.content = t), l.title.content.text = n;
-  }
+}, r = (e, t) => t.axes?.[e]?.title?.visible ?? !1, y = (e) => {
+  const { visibility: t, axisIndex: l, config: i } = e;
+  c({
+    config: i,
+    axisIndex: l,
+    callback: (s, x) => {
+      s.title !== void 0 ? s.title.visible = t : s.title = n({
+        text: b(x, i),
+        visible: t,
+        font: a(o.AxisTitle)
+      });
+    }
+  });
+}, g = (e, t) => e.axes?.[t]?.title?.content, m = (e) => {
+  const { config: t, axisIndex: l, symbol: i } = e;
+  c({
+    config: t,
+    axisIndex: l,
+    callback: (s) => {
+      const x = s.title?.content.text;
+      (s.title === void 0 || i === void 0) && (s.title = n({
+        text: "",
+        visible: !0,
+        font: a(o.AxisTitle),
+        type: o.AxisTitle
+      })), i !== void 0 && (s.title.content = i), s.title.content.text = x;
+    }
+  });
 };
 export {
-  r as a,
-  T as b,
-  d as c,
-  A as d,
-  v as e,
-  f,
+  g as a,
+  d as b,
+  r as c,
+  y as d,
+  T as e,
+  A as f,
   b as g,
-  g as s
+  m as s
 };

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
 import { capitalize as v, isNumber as H, zip as ae, isEqual as ue } from "lodash-es";
 import { H as W } from "./interfaces.js";
 import { g as ce, a as q, b as oe, c as _ } from "./box-plot-data.js";

package/dist/chunks/x-bounds.js

@@ -1,14 +1,14 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { C as _ } from "./chart-model.js";
-import { cloneDeep as h } from "lodash-es";
+/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
+import { C as h } from "./chart-model.js";
+import { cloneDeep as _ } from "lodash-es";
 import { G as c } from "./common.js";
 import { b as g } from "./rest-js-object-literals.js";
 import { a as x } from "./chart-object-literals.js";
 import { N as S, a1 as L, a2 as b, t as T } from "./index3.js";
 import { bK as X, b as C, i as B } from "./index.js";
 import { m as r, C as f } from "./model-setter.js";
-import { e as A, f as M } from "./utils2.js";
-import { l as y, s as v, f as O } from "./utils.js";
+import { f as A, e as M } from "./utils2.js";
+import { n as y, s as v, h as O } from "./utils.js";
 const P = (t) => {
   for (const e of t.axes ?? [])
     for (const i of e?.guides ?? [])
@@ -18,7 +18,7 @@ const P = (t) => {
   for (const i of e.axes ?? [])
     for (const s of i?.guides ?? []) {
       const o = s.label?.text ?? "";
-      s.label = h(t), s.label !== void 0 && (s.label.text = o);
+      s.label = _(t), s.label !== void 0 && (s.label.text = o);
     }
 };
 function d(t) {
@@ -103,7 +103,7 @@ var J = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, l = (t, e, i
     (a = t[n]) && (o = a(e, i, o) || o);
   return o && J(e, i, o), o;
 };
-class u extends _ {
+class u extends h {
   /**
    * The guide labels text symbol (font, color, style).
    */
@@ -237,7 +237,7 @@ l([
 l([
   r
 ], u.prototype, "setTooltipReverseColor");
-class _e extends f {
+class he extends f {
   /**
    * Whether the x-axis labels are visible.
    */
@@ -246,7 +246,11 @@ class _e extends f {
   }
   set xAxisLabelsVisibility(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      M(e, 0, this._config), this.emitConfigUpdate("xAxisLabelsVisibility");
+      M({
+        visibility: e,
+        axisIndex: 0,
+        config: this._config
+      }), this.emitConfigUpdate("xAxisLabelsVisibility");
     });
   }
 }
@@ -303,7 +307,7 @@ class re extends f {
 O(re, [m, G]);
 export {
   u as M,
-  _e as W,
+  he as W,
   re as a,
   me as b,
   Ge as d

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

@@ -764,11 +764,8 @@ export abstract class ArcgisChart extends LitElement {
    *   `;
    * };
    * ```
-   * <img
-   *   src="https://developers.arcgis.com/javascript/latest/assets/references/components/chart/dataLabelFormatter.avif"
-   *   alt="dataLabelFormatter true"
-   *   style="max-width: 700px; width: 100%; height: auto;"
-   * />
+   *
+   * ![dataLabelFormatter](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/dataLabelFormatter.avif)
    *
    * **Note**: Not applicable to gauges and radar charts.
    */
@@ -860,11 +857,7 @@ export abstract class ArcgisChart extends LitElement {
    * };
    * ```
    *
-   * <img
-   *   src="https://developers.arcgis.com/javascript/latest/assets/references/components/chart/gaugeInnerLabelFormatter.avif"
-   *   alt="gaugeInnerLabelFormatter"
-   *   style="max-width: 700px; width: 100%; height: auto;"
-   * />
+   * ![gaugeInnerLabelFormatter](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/gaugeInnerLabelFormatter.avif)
    *
    * **Note**: Applicable to gauges only.
    */
@@ -883,11 +876,7 @@ export abstract class ArcgisChart extends LitElement {
    * };
    * ```
    *
-   * <img
-   *   src="https://developers.arcgis.com/javascript/latest/assets/references/components/chart/guideTooltipFormatter.avif"
-   *   alt="guideTooltipFormatter"
-   *   style="max-width: 700px; width: 100%; height: auto;"
-   * />
+   * ![guideTooltipFormatter](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/guideTooltipFormatter.avif)
    *
    * **Note**: Not applicable to pie charts.
    */
@@ -1046,11 +1035,7 @@ export abstract class ArcgisChart extends LitElement {
    * };
    * ```
    *
-   * <img
-   *   src="https://developers.arcgis.com/javascript/latest/assets/references/components/chart/legendValueLabelFormatter.avif"
-   *   alt="legendValueLabelFormatter"
-   *   style="max-width: 400px; width: 100%; height: auto;"
-   * />
+   * ![legendValueLabelFormatter](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/legendValueLabelFormatter.avif)
    *
    * **Note**: Applicable to pie charts only.
    */
@@ -1536,11 +1521,8 @@ export abstract class ArcgisChart extends LitElement {
    * };
    * ```
    *
-   * <img
-   *   src="https://developers.arcgis.com/javascript/latest/assets/references/components/chart/selectionData_selectionOIDs.avif"
-   *   alt="selectionOIDs"
-   *   style="max-width: 600px; width: 100%; height: auto;"
-   * />
+   * ![selectionOIDs](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/selectionData_selectionOIDs.avif)
+   *
    *
    * ##### Selection by items
    * When passing in a `selectionItems` array, the chart will match the provided items with the chart's data items and apply the selection.
@@ -1559,11 +1541,7 @@ export abstract class ArcgisChart extends LitElement {
    * };
    * ```
    *
-   * <img
-   *   src="https://developers.arcgis.com/javascript/latest/assets/references/components/chart/selectionData_selectionItems.avif"
-   *   alt="selectionItems"
-   *   style="max-width: 600px; width: 100%; height: auto;"
-   * />
+   * ![selectionItems](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/selectionData_selectionItems.avif)
    *
    * **Note**: Not applicable to gauges.
    */
@@ -1602,11 +1580,7 @@ export abstract class ArcgisChart extends LitElement {
    * };
    * ```
    *
-   * <img
-   *   src="https://developers.arcgis.com/javascript/latest/assets/references/components/chart/selectionTheme.avif"
-   *   alt="selectionTheme"
-   *   style="max-width: 700px; width: 100%; height: auto;"
-   * />
+   * ![selectionTheme](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/selectionTheme.avif)
    *
    * **Note**: Not applicable to gauges.
    */
@@ -1640,11 +1614,7 @@ export abstract class ArcgisChart extends LitElement {
    * chartElement.showEmptySeries = true;
    * ```
    *
-   * <img
-   *  src="https://developers.arcgis.com/javascript/latest/assets/references/components/chart/showEmptySeries.avif"
-   *  alt="showEmptySeries"
-   *  style="max-width: 700px; width: 100%; height: auto;"
-   * />
+   * ![showEmptySeries](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/showEmptySeries.avif)
    *
    * **Note**: Not applicable to gauges.
    * @since 5.1
@@ -1685,11 +1655,7 @@ export abstract class ArcgisChart extends LitElement {
    * chartElement2.syncChartsSelection = true;
    * ```
    *
-   * <img
-   *  src="https://developers.arcgis.com/javascript/latest/assets/references/components/chart/syncChartsSelection.avif"
-   *  alt="syncChartsSelection"
-   *  style="max-width: 700px; width: 100%; height: auto;"
-   * />
+   * ![syncChartsSelection](https://developers.arcgis.com/javascript/latest/assets/references/components/chart/syncChartsSelection.avif)
    * @since 5.1
    */
   accessor syncChartsSelection: boolean;
@@ -1946,7 +1912,7 @@ export abstract class ArcgisChart extends LitElement {
   loadModel(): Promise<void>;
   /**
    * Passes external messages to the chart component and displays them in the chart's container.
-   * When a model update is overriding the notification modal, consider waiting for the [@arcgisUpdateComplete](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisUpdateComplete) event.
+   * When a model update is overriding the notification modal, consider waiting for the [@arcgisRenderingComplete](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-chart/#event-arcgisRenderingComplete) event.
    *
    * @param message - The message to display in the chart's container.
    * @param heading - The heading to display in the chart's container.