@arcgis/charts-components 5.2.0-next.11 → 5.2.0-next.111

package/dist/chunks/chart-model.js

@@ -1,16 +1,16 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { f as j } from "./utils.js";
-import { b as F, W, c as I, d as L } from "./series-length.js";
+import { h as j } from "./utils.js";
+import { g as F, W, c as L, d as I } from "./series-length.js";
 import { m as a, C as n } from "./model-setter.js";
-import { E as p, T as c, I as f } from "./index.js";
-import { E as z } from "./index3.js";
-import { Y as N } from "./index2.js";
-var R = Object.defineProperty, E = Object.getOwnPropertyDescriptor, M = (e, t, r, l) => {
-  for (var i = E(t, r), s = e.length - 1, o; s >= 0; s--)
+import { a0 as p, a2 as c, a1 as f } from "./index3.js";
+import { u as z } from "./index2.js";
+import { p as N } from "./index.js";
+var R = Object.defineProperty, M = Object.getOwnPropertyDescriptor, U = (e, t, r, l) => {
+  for (var i = M(t, r), s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(t, r, i) || i);
   return i && R(t, r, i), i;
 };
-const U = (e) => e.title?.content, B = (e, t) => {
+const B = (e) => e.title?.content, E = (e, t) => {
   if (e) {
     const r = F(t);
     t.title === void 0 && (t.title = p({
@@ -18,7 +18,10 @@ const U = (e) => e.title?.content, B = (e, t) => {
       visible: !0,
       font: f(c.ChartTitle),
       type: c.ChartTitle
-    })), t.title.content = e, t.title.content.text = r;
+    })), t.title.content = {
+      ...e,
+      text: r
+    };
   }
 };
 class h extends n {
@@ -26,17 +29,17 @@ class h extends n {
    * The title text symbol. Contains styling information such as font, color, and symbol style.
    */
   get titleSymbol() {
-    return U(this._config);
+    return B(this._config);
   }
   set titleSymbol(t) {
-    B(t, this._config);
+    E(t, this._config);
   }
 }
-M([
+U([
   a
 ], h.prototype, "titleSymbol");
-var q = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, A = (e, t, r, l) => {
-  for (var i = Y(t, r), s = e.length - 1, o; s >= 0; s--)
+var q = Object.defineProperty, A = Object.getOwnPropertyDescriptor, G = (e, t, r, l) => {
+  for (var i = A(t, r), s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(t, r, i) || i);
   return i && q(t, r, i), i;
 };
@@ -51,10 +54,10 @@ class u extends n {
     this._config = t;
   }
 }
-A([
+G([
   a
 ], u.prototype, "config");
-class G extends n {
+class H extends n {
   /**
    * The chart model's layer.
    */
@@ -62,27 +65,27 @@ class G extends n {
     return this.layerInfo?.layer;
   }
 }
-const H = (e) => e.id, J = (e, t) => {
+const J = (e) => e.id, K = (e, t) => {
   t.id = e;
 };
-class K extends n {
+class Q extends n {
   /**
    * The chart ID.
    */
   get chartId() {
-    return H(this._config);
+    return J(this._config);
   }
   set chartId(t) {
-    J(t, this._config);
+    K(t, this._config);
   }
 }
-const Q = (e) => e.version;
-class X extends n {
+const X = (e) => e.version;
+class Y extends n {
   /**
    * The version of the chart configuration.
    */
   get version() {
-    return Q(this._config);
+    return X(this._config);
   }
 }
 var Z = Object.defineProperty, k = Object.getOwnPropertyDescriptor, tt = (e, t, r, l) => {
@@ -124,7 +127,10 @@ const ot = (e) => e.subtitle?.content, nt = (e, t) => {
       visible: !0,
       font: f(c.ChartSubtitle),
       type: c.ChartSubtitle
-    })), t.subtitle.content = e, t.subtitle.content.text = r;
+    })), t.subtitle.content = {
+      ...e,
+      text: r
+    };
   }
 };
 class d extends n {
@@ -177,7 +183,10 @@ const _t = (e) => e.footer?.content, bt = (e, t) => {
       visible: !0,
       font: f(c.DescriptionText),
       type: c.DescriptionText
-    })), t.footer.content = e, t.footer.content.text = r;
+    })), t.footer.content = {
+      ...e,
+      text: r
+    };
   }
 };
 class y extends n {
@@ -283,7 +292,7 @@ var wt = Object.defineProperty, jt = Object.getOwnPropertyDescriptor, Ft = (e, t
     (o = e[s]) && (i = o(t, r, i) || i);
   return i && wt(t, r, i), i;
 };
-const Wt = (e) => e.chartRenderer, It = (e, t) => {
+const Wt = (e) => e.chartRenderer, Lt = (e, t) => {
   t.chartRenderer = e;
 };
 class x extends n {
@@ -336,18 +345,18 @@ class x extends n {
     return Wt(this._config);
   }
   set chartRenderer(t) {
-    It(t, this._config);
+    Lt(t, this._config);
   }
 }
 Ft([
   a
 ], x.prototype, "chartRenderer");
-var Lt = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, Nt = (e, t, r, l) => {
+var It = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, Nt = (e, t, r, l) => {
   for (var i = zt(t, r), s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(t, r, i) || i);
-  return i && Lt(t, r, i), i;
+  return i && It(t, r, i), i;
 };
-const Rt = (e) => e.background, Et = (e, t) => {
+const Rt = (e) => e.background, Mt = (e, t) => {
   t.background = e;
 };
 class T extends n {
@@ -358,18 +367,18 @@ class T extends n {
     return Rt(this._config);
   }
   set backgroundColor(t) {
-    Et(t, this._config);
+    Mt(t, this._config);
   }
 }
 Nt([
   a
 ], T.prototype, "backgroundColor");
-var Mt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, Bt = (e, t, r, l) => {
-  for (var i = Ut(t, r), s = e.length - 1, o; s >= 0; s--)
+var Ut = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, Et = (e, t, r, l) => {
+  for (var i = Bt(t, r), s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(t, r, i) || i);
-  return i && Mt(t, r, i), i;
+  return i && Ut(t, r, i), i;
 };
-const qt = (e, t) => t.series[e].visible ?? !0, Yt = (e, t) => {
+const qt = (e, t) => t.series[e].visible ?? !0, At = (e, t) => {
   z({ detail: e }, t);
 };
 class C extends n {
@@ -382,14 +391,14 @@ class C extends n {
     return qt(t, this._config);
   }
   setSeriesVisibility(t) {
-    Yt(t, this._config);
+    At(t, this._config);
   }
 }
-Bt([
+Et([
   a
 ], C.prototype, "setSeriesVisibility");
-const At = (e, t) => t.series[e]?.id;
-class Gt extends n {
+const Gt = (e, t) => t.series[e]?.id;
+class Ht extends n {
   /**
    * Gets the series ID for a given series index.
    * If the series index is out of bounds, this function will return `undefined`.
@@ -397,11 +406,11 @@ class Gt extends n {
    * @param seriesIndex - The index of the series.
    */
   getSeriesId(t) {
-    return At(t, this._config);
+    return Gt(t, this._config);
   }
 }
-const Ht = (e, t) => t.series.findIndex((r) => r.id === e);
-class Jt extends n {
+const Jt = (e, t) => t.series.findIndex((r) => r.id === e);
+class Kt extends n {
   /**
    * Gets the series index for a given series ID.
    * If the series ID is not found, this function will return `undefined`.
@@ -409,22 +418,22 @@ class Jt extends n {
    * @param seriesId - The ID of the series.
    */
   getSeriesIndex(t) {
-    return Ht(t, this._config);
+    return Jt(t, this._config);
   }
 }
-const Kt = (e) => N(e.series);
-class Qt extends n {
+const Qt = (e) => N(e.series);
+class Xt extends n {
   /**
    * The chart sub type of the series.
    */
   get chartSubType() {
-    return Kt(this._config);
+    return Qt(this._config);
   }
 }
-var Xt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, kt = (e, t, r, l) => {
+var Yt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, kt = (e, t, r, l) => {
   for (var i = Zt(t, r), s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(t, r, i) || i);
-  return i && Xt(t, r, i), i;
+  return i && Yt(t, r, i), i;
 };
 const te = (e, t) => e.length !== 0 && t < e.length ? e[t].dataTooltipFontSize : void 0, ee = (e) => {
   const { series: t, seriesIndex: r, fontSize: l } = e;
@@ -536,11 +545,11 @@ class ve extends n {
 }
 const ge = [
   u,
-  G,
-  K,
+  H,
+  Q,
   W,
   h,
-  X,
+  Y,
   b,
   d,
   g,
@@ -551,14 +560,14 @@ const ge = [
   x,
   T,
   C,
-  Gt,
-  Jt,
-  I,
-  Qt,
+  Ht,
+  Kt,
+  L,
+  Xt,
   $,
   V,
   m,
-  L,
+  I,
   w
 ];
 j(ve, ge);

package/dist/chunks/chart-object-literals.js

@@ -27,7 +27,8 @@ const r = {
   HeatSeries: "heatSeries",
   Buffer: "buffer",
   SizePolicy: "sizeScale",
-  CalendarDateParts: "calendarDateParts"
+  CalendarDateParts: "calendarDateParts",
+  HistogramBin: "histogramBin"
 }, e = {
   Count: "count",
   Sum: "sum",
@@ -162,28 +163,28 @@ const r = {
 };
 export {
   f as G,
-  p as S,
-  b as W,
-  c as a,
-  o as b,
-  d as c,
-  u as d,
-  x as e,
-  s as f,
-  t as g,
-  h,
-  T as i,
-  m as j,
-  i as k,
-  l,
-  S as m,
-  O as n,
-  W as o,
-  a as p,
-  n as q,
-  e as r,
-  g as s,
-  C as t,
-  r as u,
-  y as v
+  c as S,
+  m as W,
+  r as a,
+  C as b,
+  n as c,
+  e as d,
+  g as e,
+  i as f,
+  a as g,
+  S as h,
+  l as i,
+  b as j,
+  p as k,
+  u as l,
+  W as m,
+  h as n,
+  y as o,
+  o as p,
+  x as q,
+  T as r,
+  t as s,
+  O as t,
+  s as u,
+  d as v
 };

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

@@ -1,90 +1,172 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { g as o } from "./series-types.js";
-import { g as h } from "./runtime.js";
-import { fetchT9nStringsBundle as n, getElementLocale as m } from "@arcgis/toolkit/intl";
-import { u as e } from "./chart-object-literals.js";
-import { i as p } from "./utils.js";
-function f(s) {
-  const c = o(s.series);
-  let t = "graph-bar";
-  switch (c) {
-    case e.LineSeries: {
-      t = "graph-time-series";
+import { F as o, W as f } from "./interfaces.js";
+import { i as b } from "./utils.js";
+import { R as u } from "./rest-js-object-literals.js";
+import { d as r, l as m } from "./chart-object-literals.js";
+import { D as p, bA as g } from "./index.js";
+import { t as d } from "./index2.js";
+import { F as n } from "./common.js";
+const F = {
+  DebounceTimer: 400,
+  SliderTimer: 100,
+  PopoverTimer: 60,
+  customSortLimit: 100
+}, S = {
+  style: "decimal",
+  minimumFractionDigits: 0,
+  maximumFractionDigits: 3
+}, v = [
+  r.Count,
+  r.Sum,
+  r.Average,
+  r.ContinuousPercentile,
+  r.Minimum,
+  r.Maximum,
+  r.NoAggregation
+], I = [r.Count, r.Sum];
+function C(e) {
+  let t;
+  switch (e) {
+    case n.Title:
+    case n.XAxisTitle:
+    case n.YAxisTitle:
+    case n.LegendTitle: {
+      t = o.Title;
       break;
     }
-    case e.PieSeries: {
-      t = "pie-chart";
+    case n.Description:
+    case n.LegendText: {
+      t = o.Text;
       break;
     }
-    case e.HistogramSeries: {
-      t = "graph-histogram";
+    case n.AxisLabels:
+    case n.GuideLabels:
+    case n.DataLabels: {
+      t = o.Label;
       break;
     }
-    case e.ScatterSeries: {
-      t = "graph-scatter-plot";
+    case n.Background:
+    case n.LeaderLines:
+    case n.AxisLines:
+    case n.GridLines: {
+      t = o.Palette;
       break;
     }
-    case e.BoxPlotSeries: {
-      t = "box-chart";
-      break;
-    }
-    case e.HeatSeries: {
-      t = "calendar-heat-chart";
-      break;
-    }
-    case e.BarSeries:
   }
   return t;
 }
-async function k(s, c) {
-  const t = await n(
-    m(document.documentElement).t9nLocale,
-    h("./assets/common/t9n"),
-    "messages."
-  );
-  return g({
-    chartType: s,
-    commonStrings: t,
-    config: c
-  });
+function A(e, t, a) {
+  let i = !1;
+  const s = typeof e == "string" ? Number.parseFloat(e) : e, c = typeof t == "string" ? Number.parseFloat(t) : t, l = typeof a == "string" ? Number.parseFloat(a) : a;
+  return Number.isNaN(s) || (i = (c === void 0 || Number.isNaN(c) || s >= c) && (l === void 0 || Number.isNaN(l) || s <= l)), i;
 }
-function g(s) {
-  const { chartType: c, commonStrings: t, config: i } = s, r = t.utilsStrings;
+function x(e, t) {
+  let a;
+  if (e !== null) {
+    const i = typeof e == "string" ? Number.parseFloat(e) : e;
+    d(i) ? a = i : d(t) && (a = t);
+  }
+  return a === void 0 ? "" : `${a}`;
+}
+function E(e) {
+  const { inputElement: t, status: a } = e;
+  t.status = a;
+}
+const O = {
+  IDLE: "idle",
+  INVALID: "invalid"
+};
+function V(e, t) {
   let a = "";
-  switch (c) {
-    case e.HistogramSeries: {
-      a = r.chartType.histogram;
+  if (e !== void 0 && !Number.isNaN(e)) {
+    const i = p(document.documentElement);
+    a = Intl.NumberFormat(i, t).format(e);
+  }
+  return a;
+}
+function B(e, t) {
+  let a = !1;
+  if (t !== void 0) {
+    const i = typeof t == "string" ? t.trim() : t, s = e.trim();
+    typeof t == "string" ? a = i === s || i === g && s === "" : a = i.includes(s);
+  }
+  return a;
+}
+function M(e) {
+  let t;
+  switch (e) {
+    case "trailing":
+      t = -200;
       break;
-    }
-    case e.ScatterSeries: {
-      a = r.chartType.scatterplot;
+    case "leading":
+      t = 20;
       break;
-    }
-    case e.BarSeries: {
-      a = r.chartType.barChart;
+    default:
+      t = 0;
       break;
-    }
-    case e.LineSeries: {
-      a = r.chartType.lineChart;
-      break;
-    }
-    case e.PieSeries: {
-      a = r.chartType.pieChart;
+  }
+  return t;
+}
+function U(e) {
+  return e === void 0 || Number.isNaN(e.r) || Number.isNaN(e.g) || Number.isNaN(e.b) ? null : e;
+}
+const W = (e) => {
+  ["e", "E"].includes(e.key) && e.preventDefault();
+}, P = (e) => {
+  if (e.pickListElement !== void 0) {
+    const t = e.pickListElement.selectedItems;
+    e.eventEmitter.emit({
+      contentKind: e.contentKind,
+      value: t.map((a) => a.value)
+    });
+  }
+};
+function w(e) {
+  let t = "solid";
+  switch (e) {
+    case u.Dash:
+      t = "dashed";
       break;
-    }
-    case e.BoxPlotSeries: {
-      a = r.chartType.boxPlot;
+    case u.Dot:
+      t = "dotted";
       break;
-    }
-    case e.HeatSeries: {
-      i ? a = p(i) ? r.chartType.matrixHeatChart : r.chartType.calendarHeatChart : a = r.chartType.heatChart;
+    case u.Solid:
+    default:
+      t = "solid";
       break;
-    }
   }
-  return a;
+  return t;
+}
+function H(e, t) {
+  const a = document.createElement("a");
+  a.style.display = "none", a.download = t, a.setAttribute("href", e), a.click(), a.remove(), URL.revokeObjectURL(e);
+}
+function K(e) {
+  return e != null && (e.style.removeProperty("opacity"), e.remove()), null;
+}
+function R(e) {
+  const t = !b(e?.config), a = e.xTemporalBinning?.unit, i = e.yTemporalBinning?.unit;
+  let s;
+  return t && a !== void 0 && i !== void 0 && (a === m.HourOfDay && i === m.DayOfWeek ? s = f.WeekByDayOfWeekAndHourOfDay : a === m.DayOfMonth && i === m.MonthOfYear && (s = f.YearByMonthAndDayOfMonth)), s;
 }
 export {
-  g as a,
-  k as f,
-  f as g
+  S as D,
+  O as U,
+  K as a,
+  F as b,
+  v as c,
+  H as d,
+  B as e,
+  P as f,
+  U as g,
+  C as h,
+  A as i,
+  w as j,
+  W as k,
+  R as l,
+  E as m,
+  V as n,
+  M as o,
+  I as p,
+  x as s
 };