@arcgis/charts-components 4.34.0-next.81 → 4.34.0-next.82

package/dist/chunks/interfaces2.js

@@ -1,7 +1,7 @@
 import { WebChartStatisticType as e } from "@arcgis/charts-spec";
 /*! 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.81 */
+v4.34.0-next.82 */
 const i = {
   actionBar: "action-bar",
   customActionTop: "custom-action-top",

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

@@ -1,7 +1,7 @@
 import { WebChartTypes as n } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { bW as h, aC as f, aq as o, _ as m, R as S } from "./interfaces.js";
+import { aC as m, aq as o, _ as h, R as f } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -9,8 +9,10 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
-import { g as d } from "./runtime.js";
-import { fetchT9nStringsBundle as c } from "@arcgis/toolkit/intl";
+import { g as S } from "./runtime.js";
+import { fetchT9nStringsBundle as d, getElementLocale as c } from "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
+import "@arcgis/core/intl.js";
 import "./model-with-y-guides.js";
 import { M as g, a as y } from "./model-with-baseline-stacking.js";
 import { s as u, a as p, b, c as I, d as L } from "./baseline-stacking.js";
@@ -18,15 +20,15 @@ import { S as C, s as k, a as M } from "./serial-chart-model.js";
 import { h as a, i as _ } from "./data.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.81 */
+v4.34.0-next.82 */
 class v extends C {
   constructor() {
     super(...arguments), this._chartType = n.LineSeries;
   }
   async setup(t) {
-    await this.loadConfigFromLayer(t), this.commonStrings = await c(
-      h().locale,
-      d("./assets/common/t9n"),
+    await this.loadConfigFromLayer(t), this.commonStrings = await d(
+      c(document.documentElement).t9nLocale,
+      S("./assets/common/t9n"),
       "messages."
     ), t.config !== void 0 && this.updateSeriesFromLayerFilter(), await this.initDefaultSeries(), this.resolveSetup();
   }
@@ -35,7 +37,7 @@ class v extends C {
   // #region Protected methods
   // ---------------------------------------------------------------------------------------------
   async generateDefaultConfig() {
-    const t = await f();
+    const t = await m();
     return t.series = [
       await o({
         objectIDField: this.layerInfo?.objectIdField
@@ -58,9 +60,9 @@ class v extends C {
   resetSeriesStyling() {
     const t = this.getSeriesLength();
     for (let e = 0; e < t; e += 1) {
-      const r = m({
+      const r = h({
         colorIndex: e,
-        opacity: S
+        opacity: f
       });
       if (k(r, e, this._config), u(r, e, this._config), this.layerInfo !== void 0) {
         const i = this.getSeriesId(e), s = a({

package/dist/chunks/model-with-baseline-stacking.js

@@ -3,7 +3,7 @@ import { s as a } from "./serial-chart-model.js";
 import { g as n, a as o, e as g, b as l, f as h, s as f, h as c, c as S, i as d, d as k, j as C, k as M, t as m, u as _, l as L, m as t, n as u, o as p, p as V, q as b, r as y } from "./baseline-stacking.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.81 */
+v4.34.0-next.82 */
 class v extends s {
   /**
    * Gets the line style of the series based on the series index. If the index is out of bounds, it will return `undefined`.

package/dist/chunks/model-with-data-labels.js

@@ -12,13 +12,14 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "./runtime.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 /*! 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.81 */
+v4.34.0-next.82 */
 const b = (t) => t.colorMatch ?? !0, h = (t, e) => {
   e.colorMatch = t;
 };
-class Z extends a {
+class $ extends a {
   /**
    * Gets whether the chart should attempt to match the data source's colors.
    *
@@ -44,10 +45,10 @@ class Z extends a {
     h(e, this._config), this.emitConfigUpdate("setColorMatch");
   }
 }
-const f = (t) => {
+const p = (t) => {
   let e = !1;
   return t.legend !== void 0 && (e = t.legend.visible ?? !0), e;
-}, p = (t, e) => {
+}, f = (t, e) => {
   e.legend === void 0 && (e.legend = o()), e.legend.visible = t;
 }, c = (t) => t.legend?.title?.content, T = (t, e) => {
   e.legend === void 0 && (e.legend = o()), (e.legend.title === void 0 || t === void 0) && (e.legend.title = l({
@@ -101,7 +102,7 @@ const f = (t) => {
 }, V = (t) => t.legend?.maxHeight ?? void 0, R = (t, e) => {
   e.legend === void 0 && (e.legend = o()), e.legend.maxHeight = t;
 };
-class $ extends a {
+class I extends a {
   // ---------------------------------------------------------------------------------------------
   // Data Props
   // ---------------------------------------------------------------------------------------------
@@ -115,7 +116,7 @@ class $ extends a {
    * @returns {boolean}
    */
   getLegendVisibility() {
-    return f(this._config);
+    return p(this._config);
   }
   /**
    * Sets whether the legend title is visible.
@@ -127,7 +128,7 @@ class $ extends a {
    * @param {boolean} legendVisibility
    */
   setLegendVisibility(e) {
-    p(e, this._config), this.emitConfigUpdate("setLegendVisibility");
+    f(e, this._config), this.emitConfigUpdate("setLegendVisibility");
   }
   // ---------------------------------------------------------------------------------------------
   // General Props
@@ -253,7 +254,7 @@ const U = (t, e) => t.series?.[e ?? 0]?.dataTooltipVisible ?? !0, S = (t, e, i)
     d.dataTooltipReverseColor = e;
   });
 };
-class I extends a {
+class ee extends a {
   /**
    * Gets the visibility of the data tooltips.
    * @param seriesIndex The index of the series.
@@ -317,7 +318,7 @@ const P = (t) => t.series[0]?.dataLabels?.visible ?? !1, W = (t, e) => {
       type: s.DataLabels
     })), t !== void 0 && (i.dataLabels.content = L(t));
 };
-class ee extends a {
+class te extends a {
   // ---------------------------------------------------------------------------------------------
   // Data Props
   // ---------------------------------------------------------------------------------------------
@@ -364,8 +365,8 @@ class ee extends a {
   }
 }
 export {
-  $ as M,
-  I as a,
-  Z as b,
-  ee as c
+  I as M,
+  ee as a,
+  $ as b,
+  te as c
 };

package/dist/chunks/model-with-rotation.js

@@ -1,7 +1,7 @@
 import "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { c6 as o, co as i } from "./interfaces.js";
+import { bX as o, cd as i } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -11,11 +11,12 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "./runtime.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { C as r } from "./model-with-y-guides.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.81 */
-class M extends r {
+v4.34.0-next.82 */
+class S extends r {
   /**
    * Gets whether the chart is rotated.
    * @returns {boolean}
@@ -32,5 +33,5 @@ class M extends r {
   }
 }
 export {
-  M
+  S as M
 };

package/dist/chunks/model-with-y-guides.js

@@ -1,7 +1,7 @@
 import { WebChartLabelBehavior as C, WebChartTypes as m, RESTSymbolType as c } from "@arcgis/charts-spec";
 import { cloneDeep as X } from "lodash-es";
 import "d3-array";
-import { a4 as d, aX as r, a2 as u, cl as B, k as Y, g as D, b0 as F, ac as M, a0 as f, bW as I, a3 as w, a5 as z, d as R } from "./interfaces.js";
+import { a4 as d, aX as r, a2 as u, ca as B, k as Y, g as D, b0 as F, ac as M, a0 as f, a3 as I, a5 as w, d as z } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -9,15 +9,17 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
-import { g as k } from "./runtime.js";
-import { fetchT9nStringsBundle as E } from "@arcgis/toolkit/intl";
-import { g as x, V as y, W as H, X as N, Y as W, Z as O, _ as Z, $ as P, a0 as j, a1 as q, a2 as $, a3 as J, a4 as K, a5 as Q, a6 as tt, a7 as it, v as et, a as p, a8 as S, a9 as _, aa as T, ab as st, b as ot, ac as at, s as nt, ad as rt, ae as lt, af as gt, ag as ct, ah as ut, ai as ht, i as b, aj as dt, d as ft, ak as xt, c as bt, m as mt, l as Ct, al as yt, am as pt, an as St, ao as _t, ap as Tt, aq as Lt, ar as At, as as Vt, at as vt, au as Gt, av as Ut, aw as Xt, ax as Bt, ay as Yt, az as Dt, aA as Ft, aB as Mt, aC as It, aD as wt, aE as zt, aF as Rt, aG as kt, aH as Et, aI as Ht } from "./data.js";
+import { g as R } from "./runtime.js";
+import { fetchT9nStringsBundle as k, getElementLocale as E } from "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
+import "@arcgis/core/intl.js";
+import { g as x, V as y, W as H, X as N, Y as W, Z as O, _ as Z, $ as P, a0 as j, a1 as q, a2 as $, a3 as J, a4 as K, a5 as Q, a6 as tt, a7 as it, v as et, a as p, a8 as S, a9 as _, aa as T, ab as st, b as ot, ac as nt, s as at, ad as rt, ae as lt, af as gt, ag as ct, ah as ut, ai as ht, i as b, aj as dt, d as ft, ak as xt, c as bt, m as mt, l as Ct, al as yt, am as pt, an as St, ao as _t, ap as Tt, aq as Lt, ar as At, as as Vt, at as vt, au as Gt, av as Ut, aw as Xt, ax as Bt, ay as Yt, az as Dt, aA as Ft, aB as Mt, aC as It, aD as wt, aE as zt, aF as Rt, aG as kt, aH as Et, aI as Ht } from "./data.js";
 import { c as Nt } from "./index.js";
-import { c as Wt, b as Ot } from "./index4.js";
+import { c as Wt, b as Ot } from "./index5.js";
 import { G as l } from "./common.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.81 */
+v4.34.0-next.82 */
 const Zt = (e) => e.title?.content, Pt = (e, t) => {
   if (e) {
     const i = x(t);
@@ -55,7 +57,7 @@ function oi(e, t) {
   let i;
   return e.length !== 0 && t < e.length && (i = e[t].dataTooltipValueFormat), i;
 }
-function ai(e) {
+function ni(e) {
   const { series: t, seriesIndex: i, valueFormat: s } = e;
   t.length !== 0 && i < t.length && (t[i].dataTooltipValueFormat = s);
 }
@@ -404,7 +406,7 @@ class L extends EventTarget {
    * @param {NumberFormatOptions | undefined} valueFormat The value format to set.
    */
   setDataTooltipValueFormat(t, i) {
-    ai({
+    ni({
       series: this._config.series,
       seriesIndex: t,
       valueFormat: i
@@ -460,17 +462,17 @@ class L extends EventTarget {
    * @param params.config The config object to be loaded.
    */
   async loadConfigFromLayer(t) {
-    const { layer: i, iLayer: s, config: n } = t;
-    let a = i;
-    if (!a && s && (a = await D(s)), a) {
-      const g = await F(a, !0), { objectIdField: U } = a;
+    const { layer: i, iLayer: s, config: a } = t;
+    let n = i;
+    if (!n && s && (n = await D(s)), n) {
+      const g = await F(n, !0), { objectIdField: U } = n;
       this.layerInfo = {
-        layer: a,
+        layer: n,
         layerFieldsInfo: g,
         objectIdField: U
       };
     }
-    this._config = n !== void 0 ? await Nt(n) : await this.generateDefaultConfig(), this._config.legend !== void 0 && this._config.legend?.title === void 0 && (this._config.legend.title = M().title), s && (this._config.iLayer = s);
+    this._config = a !== void 0 ? await Nt(a) : await this.generateDefaultConfig(), this._config.legend !== void 0 && this._config.legend?.title === void 0 && (this._config.legend.title = M().title), s && (this._config.iLayer = s);
   }
   // #endregion
 }
@@ -533,7 +535,7 @@ class A extends L {
    * @returns {number | null}
    */
   getMinXBound() {
-    return at(this._config);
+    return nt(this._config);
   }
   /**
    * Sets the minimum bound for the x-axis.
@@ -541,7 +543,7 @@ class A extends L {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setMinXBound(t) {
-    await nt(this._config, t), this.emitConfigUpdate("setMinXBound");
+    await at(this._config, t), this.emitConfigUpdate("setMinXBound");
   }
   /**
    * Gets the x-axis title text symbol. Contains styling information such as font, color, and symbol style.
@@ -586,7 +588,7 @@ class A extends L {
     ht(t, this._config), this.emitConfigUpdate("setAxisLinesSymbol");
   }
 }
-const ni = (e) => e.horizontalAxisLabelsBehavior ?? C.Rotate, ri = (e, t) => {
+const ai = (e) => e.horizontalAxisLabelsBehavior ?? C.Rotate, ri = (e, t) => {
   t.horizontalAxisLabelsBehavior = e;
 }, li = (e) => e.verticalAxisLabelsBehavior ?? C.Wrap, gi = (e, t) => {
   t.verticalAxisLabelsBehavior = e;
@@ -795,7 +797,7 @@ class Ci extends A {
    * @returns {WebChartLabelBehavior}
    */
   getHorizontalAxisLabelsBehavior() {
-    return ni(this._config);
+    return ai(this._config);
   }
   /**
    * Sets the horizontal axis labels behavior for the chart.
@@ -837,9 +839,9 @@ class Ci extends A {
    * @returns {Promise<string>}
    */
   async getDefaultXAxisTitleText() {
-    return (await E(
-      I().locale,
-      k("./assets/common/t9n"),
+    return (await k(
+      E(document.documentElement).t9nLocale,
+      R("./assets/common/t9n"),
       "messages."
     )).utilsStrings.statistics.count;
   }
@@ -1027,8 +1029,8 @@ const yi = (e) => {
 }, pi = (e, t) => {
   for (const i of t.axes ?? [])
     for (const s of i?.guides ?? []) {
-      const n = s.label?.text ?? "";
-      s.label = X(e), s.label !== void 0 && (s.label.text = n);
+      const a = s.label?.text ?? "";
+      s.label = X(e), s.label !== void 0 && (s.label.text = a);
     }
 };
 function o(e) {
@@ -1046,7 +1048,7 @@ const Si = (e) => {
   const { visible: t, axis: i, index: s } = o(e);
   i?.guides?.[s] !== void 0 && (i.guides[s].visible = t);
 }, V = (e) => {
-  const t = R(e.start, e.end);
+  const t = z(e.start, e.end);
   Wt(e.style) && t === c.SFS ? e.style = { type: c.SFS, color: e.style.color } : Ot(e.style) && t === c.SLS && (e.style = { type: c.SLS, color: e.style.color });
 }, Ti = (e) => {
   const { axis: t, index: i } = o(e);
@@ -1070,8 +1072,8 @@ const Si = (e) => {
   const { axis: t, index: i } = o(e);
   return t?.guides?.[i]?.label?.text;
 }, Xi = (e) => {
-  const { labelText: t, axis: i, index: s } = o(e), n = i?.guides?.[s]?.label ?? w(t, u(r.GuideLabel), r.GuideLabel);
-  i?.guides?.[s] !== void 0 && (i.guides[s].label = { ...n, text: t });
+  const { labelText: t, axis: i, index: s } = o(e), a = i?.guides?.[s]?.label ?? I(t, u(r.GuideLabel), r.GuideLabel);
+  i?.guides?.[s] !== void 0 && (i.guides[s].label = { ...a, text: t });
 }, Bi = (e) => {
   const { axis: t, index: i } = o(e);
   return t?.guides?.[i]?.above ?? !1;
@@ -1085,20 +1087,20 @@ const Si = (e) => {
   const { style: t, axis: i, index: s } = o(e);
   i?.guides?.[s] !== void 0 && (i.guides[s].style = t);
 }, v = (e) => {
-  const { config: t, name: i, index: s, orientation: n } = e, a = n === l.X ? t.axes?.[0] : t.axes?.[1];
-  if (a !== void 0) {
-    a.guides = a.guides ?? [];
+  const { config: t, name: i, index: s, orientation: a } = e, n = a === l.X ? t.axes?.[0] : t.axes?.[1];
+  if (n !== void 0) {
+    n.guides = n.guides ?? [];
     const g = {
       type: m.Guide,
       name: i,
-      start: a.valueFormat.type === m.DateAxisFormat ? "" : 0,
-      style: z()
+      start: n.valueFormat.type === m.DateAxisFormat ? "" : 0,
+      style: w()
     };
-    s !== void 0 && s < a.guides.length ? a.guides.splice(s, 0, g) : a.guides.push(g);
+    s !== void 0 && s < n.guides.length ? n.guides.splice(s, 0, g) : n.guides.push(g);
   }
 }, G = (e) => {
-  const { config: t, index: i, orientation: s } = e, n = s === l.X ? t.axes?.[0] : t.axes?.[1];
-  n?.guides !== void 0 && (i !== void 0 && i < n.guides.length ? n.guides.splice(i, 1) : n.guides.pop());
+  const { config: t, index: i, orientation: s } = e, a = s === l.X ? t.axes?.[0] : t.axes?.[1];
+  a?.guides !== void 0 && (i !== void 0 && i < a.guides.length ? a.guides.splice(i, 1) : a.guides.pop());
 }, Mi = (e) => {
   const { axis: t, index: i } = o(e);
   return t?.guides?.[i]?.tooltipReverseColor ?? !1;

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

@@ -1,7 +1,7 @@
 import { defaultPieFromFieldsName as A, WebChartStatisticType as u, WebChartSortOrderKinds as C, WebChartOrderDataByTypes as m, defaultPieFromFieldsValue as v } from "@arcgis/charts-spec";
-import { memoize as j, isEmpty as W, isNull as $, cloneDeep as E } from "lodash-es";
+import { memoize as j, isEmpty as E, isNull as $, cloneDeep as U } from "lodash-es";
 import "d3-array";
-import { ac as U, aN as z, cc as q, bW as G, bV as h, q as B, ax as M } from "./interfaces.js";
+import { ac as W, aN as z, c1 as q, q as B, ax as G } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -10,12 +10,14 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { g as R } from "./runtime.js";
-import { fetchT9nStringsBundle as _ } from "@arcgis/toolkit/intl";
+import { fetchT9nStringsBundle as _, getElementLocale as M } from "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
+import { substitute as b } from "@arcgis/core/intl.js";
 import { a as y, P as g } from "./common.js";
 import { e as w, u as D, g as k, a as H, f as J } from "./data.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.81 */
+v4.34.0-next.82 */
 async function x(s) {
   const { config: t, layerInfo: e, mode: i } = s, a = e !== void 0 ? await O({ config: t, layerInfo: e, mode: i }) : "", o = k(t), n = B(t);
   return a === o || n;
@@ -29,12 +31,12 @@ async function N(s) {
   }) : "", o = H(1, t), n = B(t);
   return a === o || n;
 }
-const V = (s) => s.series?.[0]?.x ?? "";
+const P = (s) => s.series?.[0]?.x ?? "";
 function Q(s, t) {
   const e = s.series?.[0];
   return [`${t === y.Category ? e.y : v} ${C.Descending}`];
 }
-const I = (s, t) => {
+const V = (s, t) => {
   let e = g.valueDesc;
   const i = s.orderOptions?.data?.orderType ?? Q(s, t), a = s.orderOptions?.data?.orderBy ?? C.Descending;
   return i === m.Category && Array.isArray(a) ? e = g.customSort : i === m.Category ? a === C.Ascending ? e = g.labelAsc : e = g.labelDesc : a === C.Ascending ? e = g.valueAsc : e = g.valueDesc, e;
@@ -54,8 +56,8 @@ const I = (s, t) => {
   let i;
   return t === y.Fields && e.length === 0 ? i = u.Sum : i = s.series?.[0]?.query?.outStatistics?.[0]?.statisticType ?? u.NoAggregation, i;
 };
-async function P(s) {
-  const { config: t, layerInfo: e, mode: i } = s, { objectIdField: a } = e ?? {}, o = await M(a), n = V(t), c = t.series[0]?.dataLabels?.visible ?? !1, r = {
+async function I(s) {
+  const { config: t, layerInfo: e, mode: i } = s, { objectIdField: a } = e ?? {}, o = await G(a), n = P(t), c = t.series[0]?.dataLabels?.visible ?? !1, r = {
     ...o,
     x: i === y.Category ? n : A,
     slices: t.series?.[0]?.slices,
@@ -81,33 +83,33 @@ async function P(s) {
       ] : []
     };
   }
-  return i === y.Category && r.query !== void 0 ? r.query.groupByFieldsForStatistics = [n] : delete r.query?.groupByFieldsForStatistics, E(r);
+  return i === y.Category && r.query !== void 0 ? r.query.groupByFieldsForStatistics = [n] : delete r.query?.groupByFieldsForStatistics, U(r);
 }
 async function O(s) {
-  const { config: t, layerInfo: e, mode: i } = s, { layerFieldsInfo: a, objectIdField: o } = e, n = V(t), c = p(t), r = f(t, i), l = c.length === 0 || c.includes(o), d = await z(r), S = l ? "" : c.map((Y) => q(a ?? [], Y)).join(", "), F = q(a ?? [], n);
+  const { config: t, layerInfo: e, mode: i } = s, { layerFieldsInfo: a, objectIdField: o } = e, n = P(t), c = p(t), r = f(t, i), l = c.length === 0 || c.includes(o), d = await z(r), S = l ? "" : c.map((Y) => q(a ?? [], Y)).join(", "), F = q(a ?? [], n);
   let T = "";
-  const b = await _(
-    G().locale,
+  const h = await _(
+    M(document.documentElement).t9nLocale,
     R("./assets/common/t9n"),
     "messages."
   );
   let L;
-  return i === y.Fields ? L = c.length === 0 : L = n === "", L ? T = b.utilsStrings.chartType.pieChart : r === u.NoAggregation ? T = h(b.titleLabels.aggrFieldsByCategory, {
+  return i === y.Fields ? L = c.length === 0 : L = n === "", L ? T = h.utilsStrings.chartType.pieChart : r === u.NoAggregation ? T = b(h.titleLabels.aggrFieldsByCategory, {
     aggregationFields: l ? o : S,
     category: F
-  }) : r === u.Count ? T = h(b.titleLabels.aggrTypeCategory, {
+  }) : r === u.Count ? T = b(h.titleLabels.aggrTypeCategory, {
     aggregationType: d,
     category: F
-  }) : c.length > 0 && (F === A || W(F) || $(F) ? T = h(b.titleLabels.aggrTypeOfAggrFields, {
+  }) : c.length > 0 && (F === A || E(F) || $(F) ? T = b(h.titleLabels.aggrTypeOfAggrFields, {
     aggregationType: d,
     aggregationFields: S
-  }) : T = h(b.titleLabels.aggrTypeOfAggrFieldsByCategory, {
+  }) : T = b(h.titleLabels.aggrTypeOfAggrFieldsByCategory, {
     aggregationType: d,
     aggregationFields: S,
     category: F
   })), T;
 }
-const pe = (s) => {
+const fe = (s) => {
   const { newSortOrderKind: t, config: e, orderByList: i } = s;
   e.orderOptions ??= {}, t === g.customSort && i !== void 0 ? e.orderOptions.data = {
     orderType: m.Category,
@@ -116,12 +118,12 @@ const pe = (s) => {
     orderType: t === g.labelAsc || t === g.labelDesc ? m.Category : m.YValue,
     orderBy: t === g.labelAsc || t === g.valueAsc ? C.Ascending : C.Descending
   };
-}, me = async (s) => {
+}, Fe = async (s) => {
   const { newCategory: t, config: e, layerInfo: i, mode: a } = s, o = e.series?.length ?? 0, n = await x({ config: e, layerInfo: i, mode: a }), c = await N({ config: e, layerInfo: i, mode: a });
   if (e.series.forEach((r) => {
     r.x = a === y.Category ? t : A, r.query !== void 0 && t !== A ? r.query.groupByFieldsForStatistics = [t] : delete r.query?.groupByFieldsForStatistics;
   }), o === 0) {
-    const r = [await P({ config: e, layerInfo: i, mode: a })];
+    const r = [await I({ config: e, layerInfo: i, mode: a })];
     e.series = r;
   }
   if (i !== void 0) {
@@ -140,7 +142,7 @@ const pe = (s) => {
   }
 };
 async function K(s) {
-  const { numericFields: t, aggregationType: e, config: i, layerInfo: a, mode: o } = s, n = [], c = await P({
+  const { numericFields: t, aggregationType: e, config: i, layerInfo: a, mode: o } = s, n = [], c = await I({
     config: i,
     layerInfo: a,
     mode: o
@@ -182,7 +184,7 @@ async function K(s) {
     r.query = {};
   r.y = l, n.push(r), i.series = n;
 }
-const fe = async (s) => {
+const Te = async (s) => {
   const { newAggregationType: t, config: e, layerInfo: i, mode: a } = s, o = p(e), n = await x({ config: e, layerInfo: i, mode: a }), c = await N({ config: e, layerInfo: i, mode: a });
   if (await K({
     config: e,
@@ -202,7 +204,7 @@ const fe = async (s) => {
   e.title && n && (e.title.content.text = await O({ config: e, layerInfo: i, mode: a }));
   const r = e.series?.[0]?.displayCategoryOnDataLabel, l = e.series?.[0]?.displayNumericValueOnDataLabel, d = e.series?.[0]?.displayPercentageOnDataLabel;
   e.legend = {
-    ...e.legend ?? U(),
+    ...e.legend ?? W(),
     displayNumericValue: l,
     displayPercentage: d,
     displayCategory: r
@@ -233,15 +235,15 @@ const fe = async (s) => {
     e.series.forEach((l) => {
       delete l.query, l.y = t[0];
     });
-}, Fe = (s, t) => {
+}, Ce = (s, t) => {
   let e = [];
-  const i = s.orderOptions?.data?.orderType, a = I(s, t), o = s.orderOptions?.data?.orderBy;
+  const i = s.orderOptions?.data?.orderType, a = V(s, t), o = s.orderOptions?.data?.orderBy;
   return a === g.customSort && i === m.Category && Array.isArray(o) && (e = o), e;
-}, Te = (s) => {
+}, Se = (s) => {
   const { values: t, config: e, mode: i } = s;
   e.orderOptions ??= {};
   const a = e.orderOptions?.data?.orderType;
-  I(e, i) === g.customSort && a === m.Category && (e.orderOptions.data = {
+  V(e, i) === g.customSort && a === m.Category && (e.orderOptions.data = {
     orderType: m.Category,
     orderBy: [...t]
   });
@@ -250,12 +252,12 @@ export {
   p as a,
   f as b,
   X as c,
-  fe as d,
-  I as e,
-  pe as f,
-  V as g,
-  Fe as h,
-  Te as i,
+  Te as d,
+  V as e,
+  fe as f,
+  P as g,
+  Ce as h,
+  Se as i,
   O as j,
-  me as s
+  Fe as s
 };

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

@@ -1,7 +1,7 @@
 import { WebChartTypes as o, RESTSymbolType as l } from "@arcgis/charts-spec";
 import { cloneDeep as x } from "lodash-es";
 import "d3-array";
-import { ac as f, av as b, a8 as h, X as D, k as p, cw as g, q as N, aE as U, ax as F } from "./interfaces.js";
+import { ac as f, av as b, a8 as h, X as D, k as p, cl as g, q as N, aE as U, ax as F } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -11,14 +11,16 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "./runtime.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { C as M } from "./model-with-y-guides.js";
 import { b as r, a as c } from "./common.js";
 import { M as O, a as G, b as A, c as k } from "./model-with-data-labels.js";
+import "@arcgis/core/intl.js";
 import { i as L, j as w, n as z } from "./data.js";
 import { g as u, s as W, a as B, c as E, b as R, d as j, e as K, f as q, h as m, i as y, j as X } from "./pie-chart-data.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.81 */
+v4.34.0-next.82 */
 const H = (i) => i.legend?.displayNumericValue ?? !1, J = (i, e) => {
   e.series[0]?.type === o.PieSeries && (e.legend === void 0 && (e.legend = f()), e.legend.displayNumericValue = i);
 }, Q = (i) => i.legend?.displayPercentage ?? !1, Y = (i, e) => {

package/dist/chunks/popover-ui-utils.js

@@ -1,7 +1,7 @@
 import { isEqual as r } from "lodash-es";
 /*! 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.81 */
+v4.34.0-next.82 */
 const s = (e) => (e?.remove(), null), c = (e, t = !1) => {
   if (e != null)
     return;

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

@@ -1,7 +1,7 @@
 import { WebChartTypes as n } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { bW as h, aD as f, ar as o, _ as m, R as S } from "./interfaces.js";
+import { aD as m, ar as o, _ as h, R as f } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -10,22 +10,24 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { g as d } from "./runtime.js";
-import { fetchT9nStringsBundle as c } from "@arcgis/toolkit/intl";
+import { fetchT9nStringsBundle as S, getElementLocale as c } from "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { S as g, s as y, a as u } from "./serial-chart-model.js";
+import "@arcgis/core/intl.js";
 import "./model-with-y-guides.js";
 import { M as p, a as b } from "./model-with-baseline-stacking.js";
 import { h as a, i as I } from "./data.js";
 import { s as k, a as C, b as M, c as L, d as _ } from "./baseline-stacking.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.81 */
+v4.34.0-next.82 */
 class v extends g {
   constructor() {
     super(...arguments), this._chartType = n.RadarSeries;
   }
   async setup(t) {
-    await this.loadConfigFromLayer(t), this.commonStrings = await c(
-      h().locale,
+    await this.loadConfigFromLayer(t), this.commonStrings = await S(
+      c(document.documentElement).t9nLocale,
       d("./assets/common/t9n"),
       "messages."
     ), t.config !== void 0 && this.updateSeriesFromLayerFilter(), await this.initDefaultSeries(), this.resolveSetup();
@@ -34,7 +36,7 @@ class v extends g {
   // Protected methods
   // ---------------------------------------------------------------------------------------------
   async generateDefaultConfig() {
-    const t = await f();
+    const t = await m();
     return t.series = [
       await o({
         objectIDField: this.layerInfo?.objectIdField
@@ -56,9 +58,9 @@ class v extends g {
   resetSeriesStyling() {
     const t = this.getSeriesLength();
     for (let e = 0; e < t; e += 1) {
-      const r = m({
+      const r = h({
         colorIndex: e,
-        opacity: S
+        opacity: f
       });
       if (y(r, e, this._config), k(r, e, this._config), this.layerInfo !== void 0) {
         const i = this.getSeriesId(e), s = a({