@arcgis/charts-components 4.34.0-next.7 → 4.34.0-next.71

package/dist/chunks/box-plot-model.js

@@ -1,7 +1,7 @@
-import { WebChartTypes as f, WebChartOrderDataByTypes as u, WebChartSortOrderKinds as b, RESTFieldType as we } from "@arcgis/charts-spec";
-import { memoize as ne, isEmpty as Be, isEqual as Me, cloneDeep as le } from "lodash-es";
+import { WebChartTypes as x } from "@arcgis/charts-spec";
+import "lodash-es";
 import "d3-array";
-import { ae as R, b as T, W as C, b4 as ve, a5 as Oe, a4 as _e, c9 as B, z as Ae, i as Ie, b6 as de, b7 as ce, bR as I, a3 as ye, U as V, af as fe, ao as De, as as $, aS as P, az as Te, Y as Ve, P as Pe, T as H } from "./interfaces.js";
+import { aB as I, au as O, cd as D, Y as U, _ as W, R as E, aU as g, V as c, W 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,426 +9,33 @@ 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 W, p as We, j as M } from "./index4.js";
-import { R as Ee, u as v, c as X, d as j, S as Ue, T as Ne, f as N, U as ke, C as qe, H as ze, F as Ke, a as Ye, M as Re, e as $e } from "./serial-chart-data.js";
-import { B as y } from "./common.js";
-import { M as Xe, a as je, b as Je, c as Ge } from "./model-with-data-labels.js";
-import { M as He } from "./model-with-rotation.js";
-import { g as Qe, s as Q, b as Ze, a as Z } from "./series.js";
+import { j as a } from "./index4.js";
+import { C as b, M as N, a as V } from "./model-with-y-guides.js";
+import { B as T } from "./common.js";
+import { M as P, a as A, b as z, c as Y } from "./model-with-data-labels.js";
+import { f as k, k as j, l as K, j as R } from "./data.js";
+import { M as G } from "./model-with-rotation.js";
+import { g as X, s as d, a as q, b as m } from "./series.js";
+import { g as H, s as J, a as S, b as Q, c as Z, d as $, e as ee, f as te, h as ie, i as se, j as oe, k as u, l as C, m as y, n as p, o as re, p as ae, q as ne, r as he, t as le, u as ge, v as L, w as ce, x as M, y as fe, z as _, A as de, B as me, C as Se, D as ue, E as Ce, F as ye, G as w } from "./box-plot-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.7 */
-const et = (s, e) => e?.series?.[s]?.name, ee = (s, e, t) => {
-  const i = t;
-  i?.series?.[e] !== void 0 && (i.series[e].name = s);
-}, tt = (s, e) => {
-  let t;
-  const i = e.series?.[s];
-  return i?.type === f.BoxPlotSeries ? t = i.fillSymbol?.color : i?.type === f.LineSeries && (t = i.lineSymbol?.color), t;
-}, ue = (s) => {
-  const e = s.series[0];
-  return s.showMean === !0 && W(e) ? e.fillSymbol?.color : void 0;
-}, K = (s, e) => {
-  const t = e.series[0];
-  e.showMean === !0 && W(t) && (t.fillSymbol !== void 0 ? t.fillSymbol.color = s : t.fillSymbol = {
-    ...R(),
-    color: s
-  });
-}, te = (s, e, t) => {
-  const o = t?.series?.[e];
-  o?.type === f.BoxPlotSeries && o.fillSymbol !== void 0 ? o.fillSymbol.color = s : o?.type === f.LineSeries && o.lineSymbol !== void 0 && (o.lineSymbol.color = s, o.markerSymbol !== void 0 && (o.markerSymbol.color = s));
-}, he = (s) => s.series.map((e) => e.id), me = (s, e) => {
-  e?.series?.sort(
-    (t, i) => s.findIndex((o) => t.id === o) - s.findIndex((o) => i.id === o)
-  );
-}, st = (s, e, t) => {
-  const i = he(t), [o] = i.splice(s, 1);
-  i.splice(e, 0, o), me(i, t);
-}, it = (s) => U(s) ? s.series.findIndex((e) => e.type === f.BoxPlotSeries) : -1, F = (s) => T(s)?.x ?? C, k = ne(
-  (s) => {
-    const e = T(s), t = e?.query?.where?.split("=")[0].trim() ?? "";
-    return Ie(e?.query?.where) ? "" : t;
-  },
-  (s) => T(s)?.query?.where
-), O = ne(
-  // without memoizing, the worst case efficiency is O(series.length), best case is O(1)
-  // with memoizing, the worst case efficiency for repeated calls becomes O(1)
-  (s) => Ae(s?.series).filter((e) => e !== ""),
-  // using series array address as key, since a change to the numeric fields will always rebuild a fresh series array
-  (s) => s?.series
-), D = async (s) => {
-  const { category: e, seriesIndex: t, y: i } = s, r = {
-    ...await $(t),
-    x: e === void 0 || e === "" ? C : e,
-    y: i,
-    query: {}
-  };
-  return le(r);
-}, ot = async (s) => {
-  const { category: e, seriesIndex: t, y: i } = s, r = {
-    ...await De({ seriesIndex: t }),
-    x: e === void 0 || e === "" ? C : e,
-    y: i,
-    query: {}
-  };
-  return le(r);
-};
-async function Se(s) {
-  const { x: e, y: t, seriesTemplate: i } = s, { id: o, fillSymbol: r } = i ?? {}, a = await $(), n = o ?? `series_${Date.now()}`;
-  return a.id = n, a.name = n, a.x = e, a.y = t, r ? a.fillSymbol = r : a.fillSymbol && (a.fillSymbol.color = P, a.fillSymbol?.outline && (a.fillSymbol.outline.color = P)), a;
-}
-async function ge(s) {
-  const { numericFields: e, config: t, layerInfo: i, category: o } = s, { layerFieldsInfo: r } = i, a = [], n = o ?? F(t);
-  let l = !1;
-  if (e.length === 0) {
-    const d = await D({
-      y: "",
-      seriesIndex: 0,
-      category: n
-    });
-    a.push(d);
-  } else if (n === C) {
-    const d = await N(), c = e.length > 1 ? e : e[0], L = await D({
-      y: c,
-      seriesIndex: 0,
-      category: n
-    }), m = e.length > 1 ? d.axisLabels.values : B(i.layerFieldsInfo, e[0]), p = {
-      ...L,
-      id: e[0],
-      name: m,
-      x: n
-    }, S = t.series.find((h) => Me(c, h.y) && h.query?.where === void 0);
-    S !== void 0 && (!t.colorMatch && "fillSymbol" in S && (p.fillSymbol = S.fillSymbol, l = !0), p.id = S.id, p.name = S.name), a.push(p);
-  } else
-    for (let d = 0; d < e.length; d += 1) {
-      const c = e[d], L = await D({
-        y: c,
-        seriesIndex: d,
-        category: n
-      }), m = B(r, c), p = {
-        ...L,
-        id: c,
-        name: m,
-        x: n
-      }, S = t.series.find((h) => c === h.y);
-      S !== void 0 && (!t.colorMatch && "fillSymbol" in S && (p.fillSymbol = S.fillSymbol, l = !0), p.id = S.id, p.name = S.name), a.push(p);
-    }
-  return t.series.length === 1 && a.length === 1 && !t.colorMatch && "fillSymbol" in t.series[0] && (a[0].fillSymbol = t.series[0].fillSymbol, l = !0), t.colorMatch = !l, a;
-}
-const pe = (s) => s?.query?.where?.split("=")[1].trim().replace(/'/gu, "") ?? "", rt = (s) => s.series.some((e) => e.type === f.LineSeries) && s.series.some((e) => e.type === f.BoxPlotSeries);
-async function at(s, e) {
-  const t = [];
-  return s.forEach((i) => {
-    if (i.type === f.BoxPlotSeries) {
-      const { type: o, fillSymbol: r, ...a } = i;
-      t.push({
-        ...a,
-        type: f.LineSeries,
-        lineSymbol: {
-          ...ye({ width: V }),
-          ...r !== void 0 ? { color: r.color } : {}
-        },
-        markerSymbol: {
-          ...fe(),
-          ...r !== void 0 ? { color: r.color } : {}
-        }
-      });
-    }
-  }), t.unshift(
-    await Se({
-      x: s[0].x,
-      y: s[0].y,
-      seriesTemplate: e
-    })
-  ), t;
-}
-function nt(s) {
-  const e = s.slice(1), t = [];
-  return e.forEach((i) => {
-    if (i.type === f.LineSeries) {
-      const { type: o, lineSymbol: r, markerSymbol: a, ...n } = i, l = R();
-      t.push({
-        ...n,
-        type: f.BoxPlotSeries,
-        fillSymbol: {
-          ...l,
-          color: r?.color
-        }
-      });
-    }
-  }), t;
-}
-function Ce(s) {
-  const { formerSeries: e, newSeries: t, showMean: i } = s;
-  let o = t;
-  const r = (l) => l.type === (i ? f.LineSeries : f.BoxPlotSeries), a = e.filter(r).map((l) => l.id), n = t.filter(r).map((l) => l.id);
-  return a.length === n.length && JSON.stringify(a) !== JSON.stringify(n) && (o = o.sort(
-    (l, d) => a.findIndex((c) => c === l.id) - a.findIndex((c) => c === d.id)
-  )), o;
-}
-async function lt(s) {
-  const { config: e, layerInfo: t, splitByField: i, numericFields: o, category: r } = s, { layer: a, layerFieldsInfo: n } = t, { fetchNullValues: l } = T(e)?.query ?? {}, d = r ?? F(e), { categoriesArray: c, splitByFieldType: L } = await ke({
-    config: e,
-    layer: a,
-    layerFieldsInfo: n,
-    xAxisField: d !== C ? d : void 0,
-    aggregationFields: o,
-    splitByField: i,
-    fetchNullValues: l
-  });
-  let m = [], p = !1;
-  const S = rt(e);
-  if (c.length === 0) {
-    m = await ge({
-      numericFields: o,
-      category: d,
-      config: e,
-      layerInfo: t
-    });
-    for (const h of m)
-      h.query && (h.query.where = `${i}=''`);
-  } else
-    for (let h = 0; h < c.length; h += 1) {
-      const w = c[h], A = {
-        y: o,
-        seriesIndex: h,
-        category: d
-      }, G = S ? await ot(A) : await D(A), xe = {
-        fieldName: i,
-        fieldValueToMatch: w ?? "",
-        subtypeInfo: de(t.layer),
-        fieldList: t.layerFieldsInfo
-      }, Fe = ce(xe), z = `${w}`, x = {
-        ...G,
-        id: z,
-        name: Fe ?? z,
-        x: d === void 0 || d === "" ? C : d,
-        query: {
-          ...G.query,
-          where: `${i}=${L === we.String && w !== null ? `'${w}'` : w}`
-        }
-      }, g = e.series.find((Le) => pe(Le) === z);
-      g !== void 0 && (e.colorMatch || (x.type === f.BoxPlotSeries ? W(g) ? x.fillSymbol = g.fillSymbol : x.fillSymbol = {
-        ...R(),
-        color: g.lineSymbol?.color
-      } : W(g) ? (x.lineSymbol = {
-        ...ye({ width: V }),
-        ...g.fillSymbol !== void 0 ? { color: g.fillSymbol.color } : {}
-      }, x.markerSymbol = {
-        ...fe(),
-        ...g.fillSymbol !== void 0 ? { color: g.fillSymbol.color } : {}
-      }) : (x.lineSymbol = g.lineSymbol, x.markerSymbol = g.markerSymbol), p = !0), x.id = g.id, x.name = g.name), m.push(x);
-    }
-  if (m = Ce({
-    formerSeries: e.series,
-    newSeries: m,
-    showMean: U(e)
-  }), e.colorMatch = !p, U(e)) {
-    const h = e.series.find((A) => A.type === f.BoxPlotSeries), w = await Se({
-      x: d,
-      y: o,
-      seriesTemplate: h
-    });
-    m.unshift(w);
-  }
-  return m;
-}
-const q = async (s) => {
-  const { splitByField: e, numericFields: t, category: i, config: o, layerInfo: r } = s, n = !(t.length > 1 && i !== C) && e !== "";
-  Y(n ? o.showMean : !1, o), o.series = n ? await lt({
-    config: o,
-    layerInfo: r,
-    splitByField: e,
-    numericFields: t,
-    category: i
-  }) : await ge({
-    numericFields: t,
-    config: o,
-    layerInfo: r,
-    category: i
-  });
-}, be = (s) => s?.standardizeValues ?? !1;
-async function _(s, e) {
-  const { layerFieldsInfo: t } = e, i = be(s), o = await N();
-  let r = i ? o.axisLabels.standardizedValues : o.axisLabels.values, a = s?.series?.map((n) => n.y).flat();
-  return a = [...new Set(a)], a.length === 1 && (r = B(t, a[0])), r;
-}
-async function J(s, e) {
-  const { layerFieldsInfo: t } = e, i = F(s), o = O(s), r = k(s), a = o.map((c) => B(t ?? [], c)).join(", "), n = B(t ?? [], i);
-  let l = "";
-  const d = await N();
-  return o.length > 0 && (i !== C && r !== "" ? l = I(d.titleLabels.distributionOfFieldsByCategoryAndSplitBy, {
-    valueFields: a,
-    category: n,
-    splitByField: r
-  }) : i !== C ? l = I(d.titleLabels.distributionOfFieldsByCategory, {
-    valueFields: a,
-    category: n
-  }) : r !== "" ? l = I(d.titleLabels.distributionOfFieldsByCategory, {
-    valueFields: a,
-    category: r
-  }) : l = I(d.titleLabels.distributionOfField, {
-    valueField: a
-  })), l;
-}
-const dt = async (s, e, t) => {
-  const { layerFieldsInfo: i } = t, o = F(e), r = k(e), a = O(e), n = ve(i);
-  let l;
-  !n.includes(o) && n.includes(s) ? l = Oe() : n.includes(o) && !n.includes(s) && (l = _e()), l !== void 0 && Ee(e, l), await q({
-    splitByField: r,
-    numericFields: a,
-    category: s,
-    config: e,
-    layerInfo: t
-  });
-  const d = s !== C ? B(i, s) : "";
-  v(e, 0, d);
-  const c = await _(e, t);
-  v(e, 1, c), e?.title !== void 0 && (e.title.content.text = await J(e, t)), X(e, null), j(e, null);
-}, ct = async (s, e, t) => {
-  const i = F(e), o = k(e);
-  await q({
-    splitByField: o,
-    numericFields: s,
-    category: i,
-    config: e,
-    layerInfo: t
-  });
-  const r = await _(e, t);
-  v(e, 1, r), e?.title !== void 0 && (e.title.content.text = await J(e, t)), X(e, null), j(e, null);
-}, se = (s) => {
-  const { series: e, splitByField: t, layerInfo: i, commonStrings: o } = s;
-  let r = typeof e.y == "string" ? B(i.layerFieldsInfo, e.y) : o.axisLabels.values;
-  Be(t) || (r = pe(e));
-  const a = {
-    fieldName: t,
-    fieldValueToMatch: r ?? "",
-    subtypeInfo: de(i.layer),
-    fieldList: i.layerFieldsInfo
-  };
-  return r = ce(a) ?? r, r ?? e.id;
-}, yt = async (s, e, t) => {
-  const i = F(e), o = O(e);
-  await q({
-    splitByField: s,
-    numericFields: o,
-    category: i,
-    config: e,
-    layerInfo: t
-  });
-  const r = await _(e, t);
-  v(e, 1, r), e?.title !== void 0 && (e.title.content.text = await J(e, t)), X(e, null), j(e, null);
-}, ft = (s) => s?.showOutliers ?? !1, ut = async (s, e, t) => {
-  e.showOutliers = s;
-  const i = await _(e, t);
-  v(e, 1, i);
-}, ht = async (s, e, t) => {
-  e.standardizeValues = s;
-  const i = await _(e, t);
-  v(e, 1, i);
-}, E = (s) => {
-  let e = y.xAxisAsc;
-  const t = s.orderOptions?.data?.orderType ?? u.Category, i = s.orderOptions?.data?.orderBy ?? b.Ascending;
-  switch (t) {
-    case u.Category:
-      e = Array.isArray(i) ? y.customSort : i === b.Ascending ? y.xAxisAsc : y.xAxisDesc;
-      break;
-    case u.Mean:
-      e = i === b.Ascending ? y.meanAsc : y.meanDesc;
-      break;
-    case u.Median:
-      e = i === b.Ascending ? y.medianAsc : y.medianDesc;
-      break;
-  }
-  return e;
-}, ie = (s, e, t) => {
-  let i = u.Category, o = b.Ascending;
-  if (e.orderOptions = e.orderOptions ?? {}, s === y.customSort && t !== void 0)
-    e.orderOptions.data = {
-      orderType: u.Category,
-      orderBy: t
-    };
-  else {
-    switch (s) {
-      case y.xAxisAsc: {
-        i = u.Category, o = b.Ascending;
-        break;
-      }
-      case y.xAxisDesc: {
-        i = u.Category, o = b.Descending;
-        break;
-      }
-      case y.meanAsc: {
-        i = u.Mean, o = b.Ascending;
-        break;
-      }
-      case y.meanDesc: {
-        i = u.Mean, o = b.Descending;
-        break;
-      }
-      case y.medianAsc: {
-        i = u.Median, o = b.Ascending;
-        break;
-      }
-      case y.medianDesc: {
-        i = u.Median, o = b.Descending;
-        break;
-      }
-    }
-    e.orderOptions.data = {
-      orderType: i,
-      orderBy: o
-    };
-  }
-}, U = (s) => s.showMean ?? !1, Y = async (s = !1, e, t) => {
-  const i = s ? t : ue(e), o = (s ?? !1) !== (e.showMean ?? !1);
-  if (e.showMean = s, o) {
-    let r;
-    s ? r = We(e.series) ? await at(e.series) : e.series : r = nt(e.series), r && (r = Ce({
-      formerSeries: e.series,
-      newSeries: r,
-      showMean: s
-    }), e.series = r);
-  }
-  return s && t !== void 0 && K(t, e), { previousMeanLinesBoxColor: i };
-}, oe = (s) => {
-  let e = [];
-  const t = s.orderOptions?.data?.orderType;
-  return E(s) === y.customSort && t === u.Category && (e = s.orderOptions?.data?.orderBy), e;
-}, re = (s, e) => {
-  e.orderOptions ??= {};
-  const t = e.orderOptions?.data?.orderType;
-  E(e) === y.customSort && t === u.Category && (e.orderOptions.data = {
-    orderType: u.Category,
-    orderBy: s
-  });
-}, mt = (s) => s.dataFilters, St = (s, e) => {
-  s !== void 0 ? e.dataFilters = s : delete e.dataFilters;
-}, ae = async (s, e) => {
-  const t = F(s), i = Ue(s)?.type, o = O(s);
-  let r = [];
-  return i === f.CategoryAxisFormat && (t === C ? r = o : t.trim() !== "" && t !== C && (r = await Ne({
-    layerInfo: e,
-    config: s,
-    category: t
-  }))), r;
-};
-class gt extends qe {
+v4.34.0-next.71 */
+class pe extends b {
   constructor() {
-    super(...arguments), this._chartType = f.BoxPlotSeries;
+    super(...arguments), this._chartType = x.BoxPlotSeries;
   }
   async setup(e) {
-    await this.loadConfigFromLayer(e), this.commonStrings = await N(), e.config !== void 0 && await this.updateSeriesFromLayerFilter(), this.resolveSetup();
+    await this.loadConfigFromLayer(e), this.commonStrings = await k(), e.config !== void 0 && await this.updateSeriesFromLayerFilter(), this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
-  // Data Props
+  // #region Data Props
   // ---------------------------------------------------------------------------------------------
   /**
    * Gets the category field for the box plot.
    * @returns {string}
    */
   getCategory() {
-    return F(this._config);
+    return H(this._config);
   }
   /**
    * Sets the category field for the box plot.
@@ -436,21 +43,21 @@ class gt extends qe {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setCategory(e) {
-    await dt(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setCategory");
+    await J(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setCategory");
   }
   /**
    * Gets the list of the category values for the chart.
    * @returns {string[]}
    */
   async getCustomSortValues() {
-    return await ae(this._config, this.layerInfo);
+    return await S(this._config, this.layerInfo);
   }
   /**
    * Gets the numeric fields array for the box plot.
    * @returns {string[]}
    */
   getNumericFields() {
-    return O(this._config);
+    return Q(this._config);
   }
   /**
    * Sets the numeric field or numeric fields array for the box plot.
@@ -459,14 +66,14 @@ class gt extends qe {
    */
   async setNumericFields(e) {
     const { layerFieldsInfo: t } = this.layerInfo;
-    typeof e == "string" && (e = [e]), ze(t, e) ? (await ct(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setNumericFields")) : console.log("Invalid numericFields");
+    typeof e == "string" && (e = [e]), j(t, e) ? (await Z(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setNumericFields")) : console.log("Invalid numericFields");
   }
   /**
    * Gets the split-by field for the box plot.
    * @returns {string}
    */
   getSplitByField() {
-    return k(this._config);
+    return $(this._config);
   }
   /**
    * Sets the split-by field for the box plot.
@@ -474,14 +81,14 @@ class gt extends qe {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setSplitByField(e) {
-    Ke(this.layerInfo.layerFieldsInfo, e) ? (await yt(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setSplitByField")) : console.log("Invalid splitByField");
+    K(this.layerInfo.layerFieldsInfo, e) ? (await ee(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setSplitByField")) : console.log("Invalid splitByField");
   }
   /**
    * Gets whether outliers are shown.
    * @returns {boolean}
    */
   getShowOutliers() {
-    return ft(this._config);
+    return te(this._config);
   }
   /**
    * Sets whether outliers are shown.
@@ -489,14 +96,14 @@ class gt extends qe {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setShowOutliers(e) {
-    await ut(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setShowOutliers");
+    await ie(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setShowOutliers");
   }
   /**
    * Gets whether values are standardized as z-scores.
    * @returns {boolean}
    */
   getStandardizeValues() {
-    return be(this._config);
+    return se(this._config);
   }
   /**
    * Sets whether values are standardized as z-scores.
@@ -504,14 +111,14 @@ class gt extends qe {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setStandardizeValues(e) {
-    await ht(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setStandardizeValues");
+    await oe(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setStandardizeValues");
   }
   /**
    * Gets the sort order of the box plot data.
    * @returns {"xAxisAsc" | "xAxisDesc"| "meanAsc" | "meanDesc" | "medianAsc" | "medianDesc" | "customSort"}
    */
   getSortOrder() {
-    return E(this._config);
+    return u(this._config);
   }
   /**
    * Sets the sort order of the box plot data.
@@ -519,28 +126,28 @@ class gt extends qe {
    * @param {string[]} orderByList The new list of category's values for custom sort.
    */
   setSortOrder(e, t) {
-    ie(e, this._config, t), this.emitConfigUpdate("setSortOrder");
+    C(e, this._config, t), this.emitConfigUpdate("setSortOrder");
   }
   /**
    * Gets the list of category's values for custom sort
    * @returns {string[]}
    */
   getOrderByList() {
-    return oe(this._config);
+    return y(this._config);
   }
   /**
    * Sets the list of category's values for custom sort
    * @param {string[]} newOrderByList The new list of category's values
    */
   setOrderByList(e) {
-    re(e, this._config), this.emitConfigUpdate("setOrderByList");
+    p(e, this._config), this.emitConfigUpdate("setOrderByList");
   }
   /**
    * Updates the series based on the layer filter.
    * @async **This method is `async` and must be awaited for the changes to take effect.*
    */
   async updateSeriesFromLayerFilter() {
-    await q({
+    await re({
       splitByField: this.getSplitByField(),
       numericFields: this.getNumericFields(),
       category: this.getCategory(),
@@ -553,37 +160,37 @@ class gt extends qe {
    * @returns {WebChartDataFilters | undefined}
    */
   getDataFilter() {
-    return mt(this._config);
+    return ae(this._config);
   }
   /**
    * Sets the data filter for the bar chart.
    * @param {WebChartDataFilters | undefined} newDataFilter The new data filter.
    */
   async setDataFilter(e) {
-    St(e, this._config);
-    const t = E(this._config);
-    if (t === y.customSort) {
-      const i = await ae(this._config, this.layerInfo);
-      ie(t, this._config, i);
+    ne(e, this._config);
+    const t = u(this._config);
+    if (t === T.customSort) {
+      const i = await S(this._config, this.layerInfo);
+      C(t, this._config, i);
     }
     this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setDataFilter");
   }
   // ---------------------------------------------------------------------------------------------
-  // Series Props
+  // #region  Series Props
   // ---------------------------------------------------------------------------------------------
   /**
    * Gets whether mean lines are shown.
    * @returns {boolean | undefined}
    */
   getShowMeanLines() {
-    return U(this._config);
+    return he(this._config);
   }
   /**
    * Sets whether mean lines are shown.
    * @param {boolean | undefined} newShowMeanLines The new show mean lines state.
    */
   async setShowMeanLines(e) {
-    const { previousMeanLinesBoxColor: t } = await Y(
+    const { previousMeanLinesBoxColor: t } = await le(
       e,
       this._config,
       this.previousMeanLinesBoxColor
@@ -595,21 +202,21 @@ class gt extends qe {
    * @returns {Color | undefined}
    */
   getMeanLinesBoxColor() {
-    return ue(this._config);
+    return ge(this._config);
   }
   /**
    * Sets the color of the boxes when showing mean lines. Only applicable when mean lines are shown.
    * @param {Color | undefined} newColor The new color.
    */
   setMeanLinesBoxColor(e) {
-    K(e, this._config), this.emitConfigUpdate("setMeanLinesBoxColor");
+    L(e, this._config), this.emitConfigUpdate("setMeanLinesBoxColor");
   }
   // ---------------------------------------------------------------------------------------------
-  // Protected Methods
+  // #region Protected Methods
   // ---------------------------------------------------------------------------------------------
   async generateDefaultConfig() {
-    const e = await Te();
-    return e.series = [await $()], e;
+    const e = await I();
+    return e.series = [await O()], e;
   }
   /**
    * Resets the config to the default config
@@ -619,7 +226,7 @@ class gt extends qe {
     this._config = await this.generateDefaultConfig(), this._config.id = e, this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("resetConfig");
   }
   // ---------------------------------------------------------------------------------------------
-  // Series Methods
+  // #region Series Methods
   // ---------------------------------------------------------------------------------------------
   /**
    * Gets the name of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -627,7 +234,7 @@ class gt extends qe {
    * @returns {string | undefined}
    */
   getSeriesName(e) {
-    return et(e, this._config);
+    return ce(e, this._config);
   }
   /**
    * Sets name of the series based on the series index.
@@ -635,7 +242,7 @@ class gt extends qe {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesName(e, t) {
-    ee(e, t, this._config), this.emitConfigUpdate("setSeriesName");
+    M(e, t, this._config), this.emitConfigUpdate("setSeriesName");
   }
   /**
    * Gets the color of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -643,7 +250,7 @@ class gt extends qe {
    * @returns {Color | undefined}
    */
   getSeriesColor(e) {
-    return tt(e, this._config);
+    return fe(e, this._config);
   }
   /**
    * Sets the color of the series based on the series index.
@@ -651,7 +258,7 @@ class gt extends qe {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesColor(e, t) {
-    te(e, t, this._config), this.emitConfigUpdate("setSeriesColor");
+    _(e, t, this._config), this.emitConfigUpdate("setSeriesColor");
   }
   /**
    * Gets the line style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -663,8 +270,8 @@ class gt extends qe {
    */
   getSeriesLineStyle(e) {
     const t = this._config.series[e];
-    if (this.getShowMeanLines() === !0 && M(t))
-      return Qe(t);
+    if (this.getShowMeanLines() === !0 && a(t))
+      return X(t);
   }
   /**
    * Sets the line style of the series based on the series index.
@@ -676,7 +283,7 @@ class gt extends qe {
    */
   setSeriesLineStyle(e, t) {
     const i = this._config.series[t];
-    this.getShowMeanLines() === !0 && M(i) && Q(e, i), this.emitConfigUpdate("setSeriesLineStyle");
+    this.getShowMeanLines() === !0 && a(i) && d(e, i), this.emitConfigUpdate("setSeriesLineStyle");
   }
   /**
    * Gets the line width of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -688,8 +295,8 @@ class gt extends qe {
    */
   getSeriesLineWidth(e) {
     const t = this._config.series[e];
-    if (this.getShowMeanLines() === !0 && M(t))
-      return Ze(t);
+    if (this.getShowMeanLines() === !0 && a(t))
+      return q(t);
   }
   /**
    * Sets the line width of the series based on the series index.
@@ -701,14 +308,14 @@ class gt extends qe {
    */
   setSeriesLineWidth(e, t) {
     const i = this._config.series[t];
-    this.getShowMeanLines() === !0 && M(i) && Z(e, i), this.emitConfigUpdate("setSeriesLineWidth");
+    this.getShowMeanLines() === !0 && a(i) && m(e, i), this.emitConfigUpdate("setSeriesLineWidth");
   }
   /**
    * Gets the order of the series array by returning an array of series ids.
    * @returns {string[]}
    */
   getOrderOfSeries() {
-    return he(this._config);
+    return de(this._config);
   }
   /**
    * Sets the order of the series array by providing an array of series ids.
@@ -723,7 +330,7 @@ class gt extends qe {
    * @param {number} toIndex Index to move the series to.
    */
   moveSeries(e, t) {
-    st(e, t, this._config), this.emitConfigUpdate("moveSeries");
+    Se(e, t, this._config), this.emitConfigUpdate("moveSeries");
   }
   /**
    * Get the index of the box plot series in the series array in config object when show mean is true.
@@ -732,7 +339,7 @@ class gt extends qe {
    * @param config - config object
    */
   getBoxPlotSeriesIndexWhenMeanLinesShown() {
-    return it(this._config);
+    return ue(this._config);
   }
   /**
    * Move the custom sort values in-place for the order by list in the config.
@@ -742,71 +349,102 @@ class gt extends qe {
    * @param {number} toIndex The index to move the category item to.
    */
   moveCustomSortValuesInOrderByList(e, t) {
-    const i = oe(this._config), [o] = i.splice(e, 1);
-    i.splice(t, 0, o), re(i, this._config), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+    const i = y(this._config), [o] = i.splice(e, 1);
+    i.splice(t, 0, o), p(i, this._config), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #region General Methods
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * Generate the proper chart title given the current config.
+   *
+   * @returns {string}
+   */
+  async generateChartTitle() {
+    return await Ce(this._config, this.layerInfo);
   }
+  /**
+   * Generate the proper x-axis title given the current config.
+   *
+   * @returns {string}
+   */
+  generateXAxisTitle() {
+    const e = this.getCategory();
+    return e !== U ? D(this.layerInfo.layerFieldsInfo, e) : "";
+  }
+  /**
+   * Generate the proper y-axis title given the current config.
+   *
+   * @returns {string}
+   */
+  async generateYAxisTitle() {
+    return await ye(this._config, this.layerInfo);
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #region Reset Methods
+  // ---------------------------------------------------------------------------------------------
   /**
    * Resets the series styling to the default styling.
    */
   resetSeriesStyling() {
     const e = this.getSeriesLength(), t = this.getShowMeanLines();
     for (let i = t === !0 ? 1 : 0; i < e; i += 1) {
-      const o = this.getSeriesId(i), r = Ve({
+      const o = this.getSeriesId(i), n = W({
         colorIndex: i,
-        opacity: Pe
-      }), a = this._config.series[i];
-      te(r, i, this._config);
-      const n = se({
-        series: a,
+        opacity: E
+      }), r = this._config.series[i];
+      _(n, i, this._config);
+      const s = w({
+        series: r,
         splitByField: this.getSplitByField(),
         layerInfo: this.layerInfo,
         commonStrings: this.commonStrings
       });
-      ee(n ?? o, i, this._config), t === !0 && M(a) && (Q(H, a), Z(V, a));
+      M(s ?? o, i, this._config), t === !0 && a(r) && (d(c, r), m(f, r));
     }
-    t === !0 && K(P, this._config), this._config.colorMatch = !0, this.emitConfigUpdate("resetSeriesStyling");
+    t === !0 && L(g, this._config), this._config.colorMatch = !0, this.emitConfigUpdate("resetSeriesStyling");
   }
   /**
    * Returns whether the series styling is able to be reset.
    * @returns {boolean}
    */
   resetAvailable() {
-    const e = !this.getColorMatch(), t = this.getShowMeanLines(), i = t === !0 && this.getMeanLinesBoxColor() !== P;
-    let o = !1, r = !1;
+    const e = !this.getColorMatch(), t = this.getShowMeanLines(), i = t === !0 && this.getMeanLinesBoxColor() !== g;
+    let o = !1, n = !1;
     if (!e) {
-      const a = this.getSeriesLength();
-      for (let n = t === !0 ? 1 : 0; n < a; n += 1) {
-        const l = this._config.series[n], d = se({
-          series: l,
+      const r = this.getSeriesLength();
+      for (let s = t === !0 ? 1 : 0; s < r; s += 1) {
+        const h = this._config.series[s], l = w({
+          series: h,
           splitByField: this.getSplitByField(),
           layerInfo: this.layerInfo,
           commonStrings: this.commonStrings
-        }), c = this.getSeriesName(n);
-        if (d !== void 0 && d !== c) {
+        }), B = this.getSeriesName(s);
+        if (l !== void 0 && l !== B) {
           o = !0;
           break;
         }
-        if (t === !0 && M(l)) {
-          const L = this.getSeriesLineStyle(n), m = this.getSeriesLineWidth(n);
-          if (L !== H || m !== V) {
-            r = !0;
+        if (t === !0 && a(h)) {
+          const v = this.getSeriesLineStyle(s), F = this.getSeriesLineWidth(s);
+          if (v !== c || F !== f) {
+            n = !0;
             break;
           }
         }
       }
     }
-    return e || i || o || r;
+    return e || i || o || n;
   }
 }
-Ye(gt, [
-  Re,
-  Xe,
-  je,
-  Je,
-  He,
-  Ge,
-  $e
+R(pe, [
+  N,
+  P,
+  A,
+  z,
+  G,
+  Y,
+  V
 ]);
 export {
-  gt as BoxPlotModel
+  pe as BoxPlotModel
 };