@arcgis/charts-components 5.0.0-next.149 → 5.0.0-next.150

package/dist/chunks/interfaces.js

@@ -1,15 +1,16 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import "@arcgis/toolkit/type";
 import { a as e } from "./series-types.js";
-const t = {
+const i = {
   actionBar: "action-bar",
   customActionTop: "custom-action-top",
   customActionBelow: "custom-action-below"
-}, i = {
+}, n = {
   Mean: "mean",
   Median: "median",
   StandardDev: "standardDev",
   NormalDist: "normalDist"
-}, n = {
+}, o = {
   Mean: "mean",
   Median: "median",
   StandardDev: "standardDev",
@@ -19,7 +20,7 @@ const t = {
   Max: e.Maximum,
   Sum: e.Sum,
   Nulls: "nulls"
-}, o = {
+}, r = {
   Data: "data",
   Series: "series",
   Slices: "slices",
@@ -27,19 +28,19 @@ const t = {
   Guides: "guides",
   Format: "format",
   General: "general"
-}, r = {
+}, s = {
   Title: "title",
   Text: "text",
   Label: "label",
   Palette: "palette"
-}, s = {
+}, l = {
   xAxisField: "xAxisField",
   aggregation: "aggregation",
   numericFields: "numericField",
   splitByField: "splitByField",
   interval: "interval",
   intervalAlignment: "intervalAlignment"
-}, l = {
+}, d = {
   category: "category",
   aggregation: "aggregation",
   numericFields: "numericField",
@@ -47,17 +48,17 @@ const t = {
   sortOrder: "sortOrder",
   interval: "interval",
   intervalAlignment: "intervalAlignment"
-}, d = {
+}, c = {
   category: "category",
   aggregation: "aggregation",
   numericFields: "numericFields",
   sortOrder: "sortOrder"
-}, c = {
+}, m = {
   numericFields: "numericField",
   transformation: "transformation",
   fillSymbol: "fillSymbol",
   lineSymbol: "lineSymbol"
-}, m = {
+}, g = {
   xAxisField: "xAxis",
   yAxisField: "yAxis",
   sizeVariable: "sizeVariable",
@@ -65,12 +66,12 @@ const t = {
   trendLine: "trendLine",
   additionalTooltipFields: "additionalTooltipFields",
   none: "none"
-}, g = {
+}, y = {
   category: "category",
   numericFields: "numericField",
   splitByField: "splitByField",
   sortOrder: "sortOrder"
-}, y = {
+}, u = {
   xAxisField: "xAxisField",
   aggregation: "aggregation",
   numericFields: "numericField",
@@ -79,30 +80,30 @@ const t = {
   classBreakMethod: "classBreakMethod",
   colorScheme: "colorScheme",
   null: "null"
-}, u = {
+}, p = {
   WeekByDayOfWeekAndHourOfDay: "weekByDayOfWeekAndHourOfDay",
   YearByMonthAndDayOfMonth: "yearByMonthAndDayOfMonth"
-}, p = {
+}, F = {
   Fixed: "fixed",
   Proportional: "proportional"
-}, F = {
+}, x = {
   Up: "up",
   Down: "down"
 };
 export {
-  l as B,
-  o as C,
-  r as F,
-  c as H,
-  s as L,
-  d as P,
-  m as S,
-  u as W,
-  g as a,
-  n as b,
-  F as c,
-  y as d,
-  i as e,
-  p as f,
-  t as g
+  d as B,
+  r as C,
+  s as F,
+  m as H,
+  l as L,
+  c as P,
+  g as S,
+  p as W,
+  y as a,
+  o as b,
+  x as c,
+  u as d,
+  n as e,
+  F as f,
+  i as g
 };

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

@@ -1,20 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { s as S, a as m, b as d, c, d as y, e as g, f as u, M as p } from "./model-with-multi-axes.js";
-import { S as b } from "./serial-chart-model.js";
-import { a as n } from "./serial-chart-data.js";
+import { s as S, a as m, b as d, c, d as y, W as g } from "./negative-values-stacked-to-baseline.js";
+import { S as u, s as p, a as b } from "./serial-chart-model.js";
+import { g as n } from "./serial-chart-data.js";
 import { a as I } from "./utils.js";
 import { m as v } from "./model-setter.js";
-import { W as _ } from "./negative-values-stacked-to-baseline.js";
-import { W as C } from "./series-types.js";
-import { bf as L, b3 as f, bK as a, aC as M, ap as k } from "./index.js";
+import { W as _ } from "./series-types.js";
+import { bf as C, b3 as f, bK as a, aC as L, ap as M } from "./index.js";
+import { M as k } from "./model-with-line-marker-styling.js";
 var D = Object.defineProperty, F = Object.getOwnPropertyDescriptor, x = (o, e, s, t) => {
   for (var i = F(e, s), r = o.length - 1, l; r >= 0; r--)
     (l = o[r]) && (i = l(e, s, i) || i);
   return i && D(e, s, i), i;
 };
-class h extends b {
+class h extends u {
   constructor() {
-    super(...arguments), this._chartType = C.LineSeries;
+    super(...arguments), this._chartType = _.LineSeries;
   }
   async setup(e) {
     await this.loadConfigFromLayer(e), this.setupLocalProps(), e.config !== void 0 && await this.updateSeriesFromLayerFilter(), this.initDefaultSeries(), typeof this.resolveSetup == "function" && this.resolveSetup();
@@ -24,7 +24,7 @@ class h extends b {
   // #region Protected methods
   // ---------------------------------------------------------------------------------------------
   generateDefaultConfig() {
-    const e = L(this.commonStrings);
+    const e = C(this.commonStrings);
     return e.series = [
       f({
         commonStrings: this.commonStrings,
@@ -43,20 +43,20 @@ class h extends b {
   }
   resetSeriesStyling() {
     for (let e = 0; e < this.seriesLength; e += 1) {
-      const s = M({
+      const s = L({
         colorIndex: e,
-        opacity: k
+        opacity: M
       });
-      if (S(s, e, this._config), m(s, e, this._config), this.layerInfo !== void 0) {
+      if (p(s, e, this._config), S(s, e, this._config), this.layerInfo !== void 0) {
         const t = this.getSeriesId(e), i = n({
           config: this._config,
           seriesIndex: e,
           layerInfo: this.layerInfo,
           commonStrings: this.commonStrings
         });
-        i !== a(this.layerInfo.layer).idField && d(i ?? t, e, this._config);
+        i !== a(this.layerInfo.layer).idField && b(i ?? t, e, this._config);
       }
-      c(this.defaultSeries?.lineSymbol?.style, e, this._config), y(this.defaultSeries?.lineSymbol?.width, e, this._config), g(this.defaultSeries?.markerSymbol?.style, e, this._config), u(this.defaultSeries?.markerSymbol?.size, e, this._config);
+      m(this.defaultSeries?.lineSymbol?.style, e, this._config), d(this.defaultSeries?.lineSymbol?.width, e, this._config), c(this.defaultSeries?.markerSymbol?.style, e, this._config), y(this.defaultSeries?.markerSymbol?.size, e, this._config);
     }
     this._config.colorMatch = !0;
   }
@@ -88,7 +88,7 @@ class h extends b {
 x([
   v
 ], h.prototype, "resetSeriesStyling");
-const w = [_, p];
+const w = [g, k];
 I(h, w);
 export {
   h as LineChartModel

package/dist/chunks/model-setter.js

@@ -6,12 +6,12 @@ import { c as l } from "./index2.js";
 import "lodash-es";
 import "luxon";
 import "d3-array";
+import "@arcgis/toolkit/type";
 import "./series-types.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
-import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@esri/arcgis-html-sanitizer";
@@ -26,8 +26,13 @@ import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
 import "simple-statistics";
 import "@arcgis/core/AttributeBinsGraphic.js";
 class z extends EventTarget {
-  constructor() {
-    super(...arguments), this.dirtyAsyncSetters = [], this.asyncConfigUpdateInProgress = !1, this.pendingUpdates = 0, this.dataStore = {}, this.asyncUpdatesPromise = new Promise((t) => {
+  /**
+   * @param args
+   * @privateRemarks This "any" constructor is needed for TypeScript to merge
+   * the base class and mixin classes types together smoothly.
+   */
+  constructor(...i) {
+    super(), this.dirtyAsyncSetters = [], this.asyncConfigUpdateInProgress = !1, this.pendingUpdates = 0, this.dataStore = {}, this.asyncUpdatesPromise = new Promise((t) => {
       this.resolveSetup = t;
     }), this.emitConfigUpdate = (t) => {
       this.dispatchEvent(
@@ -50,9 +55,9 @@ class z extends EventTarget {
    *
    * @param otherModel - The other chart model to compare to.
    */
-  isSameChartAs(t) {
-    const i = t?.layer;
-    return i !== void 0 && this._config.id === t?.chartId && this.layerInfo?.layer.id === i.id;
+  isSameChartAs(i) {
+    const t = i?.layer;
+    return t !== void 0 && this._config.id === i?.chartId && this.layerInfo?.layer.id === t.id;
   }
   /**
    * Can be awaited to allow any pending async updates to complete.
@@ -68,14 +73,14 @@ class z extends EventTarget {
    * @param params.iLayer - The layer description to use if the layer is not provided.
    * @param params.config - The config object to be loaded.
    */
-  async loadConfigFromLayer(t) {
-    const { layer: i, iLayer: s, config: a } = t;
+  async loadConfigFromLayer(i) {
+    const { layer: t, iLayer: s, config: a } = i;
     this.commonStrings = await p(
       d(document.documentElement).t9nLocale,
       h("./assets/common/t9n"),
       "messages."
     );
-    let e = i;
+    let e = t;
     if (!e && s ? e = await r(s) : !e && a?.iLayer && (e = await r(a.iLayer)), e) {
       const o = await c(e, !0), m = g(e).idField;
       this.layerInfo = {
@@ -90,8 +95,8 @@ class z extends EventTarget {
    * Manually block the async guard to queue up config updates until unblocked.
    */
   startAsyncUpdate() {
-    this.pendingUpdates === 0 && (this.asyncConfigUpdateInProgress = !0, this.asyncUpdatesPromise = new Promise((t) => {
-      this.resolveSetup = t;
+    this.pendingUpdates === 0 && (this.asyncConfigUpdateInProgress = !0, this.asyncUpdatesPromise = new Promise((i) => {
+      this.resolveSetup = i;
     })), this.pendingUpdates += 1;
   }
   /**
@@ -102,17 +107,17 @@ class z extends EventTarget {
   }
   // #endregion
 }
-function G(n, t, i) {
-  const s = i.set, a = i.value;
-  return s && (i.set = function(e) {
+function G(n, i, t) {
+  const s = t.set, a = t.value;
+  return s && (t.set = function(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      s.call(this, e), this.emitConfigUpdate(t);
+      s.call(this, e), this.emitConfigUpdate(i);
     });
-  }), a && (i.value = function(...e) {
+  }), a && (t.value = function(...e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      a.apply(this, e), this.emitConfigUpdate(t);
+      a.apply(this, e), this.emitConfigUpdate(i);
     });
-  }), i;
+  }), t;
 }
 export {
   z as C,

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

@@ -0,0 +1,317 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { C as f, m as a } from "./model-setter.js";
+import { k as b, s as m, a as _ } from "./utils.js";
+import { e as h, f as S } from "./utils2.js";
+import { C as L } from "./chart-model.js";
+import { cloneDeep as T } from "lodash-es";
+import "@arcgis/toolkit/type";
+import { W as x } from "./series-types.js";
+import { f as c } from "./rest-js-object-literals.js";
+import "@arcgis/toolkit/intl";
+import "luxon";
+import "d3-array";
+import { aH as B, aG as C, bB as p, aJ as X, i as A } from "./index.js";
+import "@esri/arcgis-html-sanitizer";
+import "@arcgis/core/geometry/support/jsonUtils.js";
+import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+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 "./runtime.js";
+import { c as M, b as O } from "./index4.js";
+import "@arcgis/toolkit/dom";
+import { G as g } from "./common.js";
+var P = Object.defineProperty, D = Object.getOwnPropertyDescriptor, V = (t, e, i, s) => {
+  for (var o = D(e, i), n = t.length - 1, d; n >= 0; n--)
+    (d = t[n]) && (o = d(e, i, o) || o);
+  return o && P(e, i, o), o;
+};
+const R = (t) => b({ config: t, axisIndex: 0, isMax: !0 }), E = (t, e) => {
+  m({ config: t, value: e, axisIndex: 0, isMax: !0 });
+};
+class y extends f {
+  /**
+   * Maximum bound set for the x-axis. Null indicates no explicit maximum.
+   */
+  get maxXBound() {
+    return R(this._config);
+  }
+  set maxXBound(e) {
+    E(this._config, e);
+  }
+}
+V([
+  a
+], y.prototype, "maxXBound");
+var W = Object.defineProperty, w = Object.getOwnPropertyDescriptor, F = (t, e, i, s) => {
+  for (var o = w(e, i), n = t.length - 1, d; n >= 0; n--)
+    (d = t[n]) && (o = d(e, i, o) || o);
+  return o && W(e, i, o), o;
+};
+const j = (t) => b({ config: t, axisIndex: 0, isMax: !1 }), $ = (t, e) => {
+  m({ config: t, value: e, axisIndex: 0, isMax: !1 });
+};
+class v extends f {
+  /**
+   * Minimum bound set for the x-axis. Null indicates no explicit minimum.
+   */
+  get minXBound() {
+    return j(this._config);
+  }
+  set minXBound(e) {
+    $(this._config, e);
+  }
+}
+F([
+  a
+], v.prototype, "minXBound");
+class N extends f {
+}
+_(N, [y, v]);
+class Pe extends f {
+  /**
+   * Whether the x-axis labels are visible.
+   */
+  get xAxisLabelsVisibility() {
+    return h(0, this._config);
+  }
+  set xAxisLabelsVisibility(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      S(e, 0, this._config), this.emitConfigUpdate("xAxisLabelsVisibility");
+    });
+  }
+}
+const I = (t) => {
+  for (const e of t.axes ?? [])
+    for (const i of e?.guides ?? [])
+      if (i.label !== void 0)
+        return i.label;
+}, H = (t, e) => {
+  for (const i of e.axes ?? [])
+    for (const s of i?.guides ?? []) {
+      const o = s.label?.text ?? "";
+      s.label = T(t), s.label !== void 0 && (s.label.text = o);
+    }
+};
+function r(t) {
+  return {
+    ...t,
+    axis: t.orientation === g.X ? t.config.axes?.[0] : t.config.axes?.[1],
+    index: t.index ?? 0,
+    orientation: t.orientation ?? g.Y
+  };
+}
+const J = (t) => {
+  const { axis: e, index: i } = r(t);
+  return e?.guides?.[i]?.visible ?? !0;
+}, U = (t) => {
+  const { visible: e, axis: i, index: s } = r(t);
+  i?.guides?.[s] !== void 0 && (i.guides[s].visible = e);
+}, G = (t) => {
+  const e = A(t.start, t.end);
+  M(t.style) && e === c.SFS ? t.style = { type: c.SFS, color: t.style.color } : O(t.style) && e === c.SLS && (t.style = { type: c.SLS, color: t.style.color });
+}, Y = (t) => {
+  const { axis: e, index: i } = r(t);
+  return e?.guides?.[i]?.start ?? null;
+}, q = (t) => {
+  const { start: e, axis: i, index: s } = r(t);
+  i?.guides?.[s] !== void 0 && (i.guides[s].start = e, G(i.guides[s]));
+}, z = (t) => {
+  const { axis: e, index: i } = r(t);
+  return e?.guides?.[i]?.end;
+}, K = (t) => {
+  const { end: e, axis: i, index: s } = r(t);
+  i?.guides?.[s] !== void 0 && (i.guides[s].end = e, G(i.guides[s]));
+}, Q = (t) => {
+  const { axis: e, index: i } = r(t);
+  return e?.guides?.[i]?.name;
+}, Z = (t) => {
+  const { name: e, axis: i, index: s } = r(t);
+  i?.guides?.[s] !== void 0 && (i.guides[s].name = e);
+}, k = (t) => {
+  const { axis: e, index: i } = r(t);
+  return e?.guides?.[i]?.label?.text;
+}, ee = (t) => {
+  const { labelText: e, axis: i, index: s } = r(t), o = i?.guides?.[s]?.label ?? B(e, C(p.GuideLabel), p.GuideLabel);
+  i?.guides?.[s] !== void 0 && (i.guides[s].label = { ...o, text: e });
+}, ie = (t) => {
+  const { axis: e, index: i } = r(t);
+  return e?.guides?.[i]?.above ?? !1;
+}, te = (t) => {
+  const { above: e, axis: i, index: s } = r(t);
+  i?.guides?.[s] !== void 0 && (i.guides[s].above = e);
+}, se = (t) => {
+  const { axis: e, index: i } = r(t);
+  return e?.guides?.[i]?.style;
+}, oe = (t) => {
+  const { style: e, axis: i, index: s } = r(t);
+  i?.guides?.[s] !== void 0 && (i.guides[s].style = e);
+}, De = (t) => {
+  const { config: e, name: i, index: s, orientation: o } = t, n = o === g.X ? e.axes?.[0] : e.axes?.[1];
+  if (n !== void 0) {
+    n.guides = n.guides ?? [];
+    const d = {
+      type: x.Guide,
+      name: i,
+      start: n.valueFormat.type === x.DateAxisFormat ? "" : 0,
+      style: X()
+    };
+    s !== void 0 && s < n.guides.length ? n.guides.splice(s, 0, d) : n.guides.push(d);
+  }
+}, Ve = (t) => {
+  const { config: e, index: i, orientation: s } = t, o = s === g.X ? e.axes?.[0] : e.axes?.[1];
+  o?.guides !== void 0 && (i !== void 0 && i < o.guides.length ? o.guides.splice(i, 1) : o.guides.pop());
+}, ne = (t) => {
+  const { axis: e, index: i } = r(t);
+  return e?.guides?.[i]?.tooltipReverseColor ?? !1;
+}, re = (t) => {
+  const { reverseColor: e, axis: i, index: s } = r(t);
+  i?.guides?.[s] !== void 0 && (i.guides[s].tooltipReverseColor = e);
+};
+var de = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, u = (t, e, i, s) => {
+  for (var o = ae(e, i), n = t.length - 1, d; n >= 0; n--)
+    (d = t[n]) && (o = d(e, i, o) || o);
+  return o && de(e, i, o), o;
+};
+class l extends L {
+  /**
+   * The guide labels text symbol (font, color, style).
+   */
+  get guideLabelsSymbol() {
+    return I(this._config);
+  }
+  set guideLabelsSymbol(e) {
+    H(e, this._config);
+  }
+  /**
+   * Gets whether a guide is visible.
+   *
+   * @param index - Default `0`. The index of the guide in the list of guides for the given axis orientation.
+   * @param orientation - Default `y`. The axis orientation of the guide.
+   */
+  getGuideVisibility(e, i) {
+    return J({ config: this._config, index: e, orientation: i });
+  }
+  setGuideVisibility(e, i, s) {
+    U({ visible: e, config: this._config, index: i, orientation: s });
+  }
+  /**
+   * Gets the start value of a guide.
+   *
+   * @param index - Default `0`. The index of the guide in the list of guides for the given axis orientation.
+   * @param orientation - Default `y`. The axis orientation of the guide.
+   */
+  getGuideStart(e, i) {
+    return Y({ config: this._config, index: e, orientation: i });
+  }
+  setGuideStart(e, i, s) {
+    q({ start: e, config: this._config, index: i, orientation: s });
+  }
+  /**
+   * Gets the end value of a guide.
+   *
+   * @param index - Default `0`. The index of the guide in the list of guides for the given axis orientation.
+   * @param orientation - Default `y`. The axis orientation of the guide.
+   */
+  getGuideEnd(e, i) {
+    return z({ config: this._config, index: e, orientation: i });
+  }
+  setGuideEnd(e, i, s) {
+    K({ end: e, config: this._config, index: i, orientation: s });
+  }
+  /**
+   * Gets the name of a guide.
+   *
+   * @param index - Default `0`. The index of the guide in the list of guides for the given axis orientation.
+   * @param orientation - Default `y`. The axis orientation of the guide.
+   */
+  getGuideName(e, i) {
+    return Q({ config: this._config, index: e, orientation: i });
+  }
+  setGuideName(e, i, s) {
+    Z({ name: e, config: this._config, index: i, orientation: s });
+  }
+  /**
+   * Gets the guide label text.
+   *
+   * @param index - Default `0`. The index of the guide in the list of guides for the given axis orientation.
+   * @param orientation - Default `y`. The axis orientation of the guide.
+   */
+  getGuideLabelText(e, i) {
+    return k({ config: this._config, index: e, orientation: i });
+  }
+  setGuideLabelText(e, i, s) {
+    ee({ labelText: e, config: this._config, index: i, orientation: s });
+  }
+  /**
+   * Gets whether the guide should be rendered above the other chart elements.
+   *
+   * @param index - Default `0`. The index of the guide in the list of guides for the given axis orientation.
+   * @param orientation - Default `y`. The axis orientation of the guide.
+   */
+  getGuideAbove(e, i) {
+    return ie({ config: this._config, index: e, orientation: i });
+  }
+  setGuideAbove(e, i, s) {
+    te({ above: e, config: this._config, index: i, orientation: s });
+  }
+  /**
+   * Gets the guide style.
+   *
+   * @param index Default `0`. The index of the guide in the list of guides for the given axis orientation.
+   * @param orientation Default `y`. The axis orientation of the guide.
+   */
+  getGuideStyle(e, i) {
+    return se({ config: this._config, index: e, orientation: i });
+  }
+  setGuideStyle(e, i, s) {
+    oe({ style: e, config: this._config, index: i, orientation: s });
+  }
+  /**
+   * Gets whether the tooltip text color should be reversed for a guide.
+   *
+   * @param index - The index of the guide in the list of guides for the given axis orientation.
+   * @param orientation - The axis orientation of the guide.
+   */
+  getTooltipReverseColor(e, i) {
+    return ne({ config: this._config, index: e, orientation: i });
+  }
+  setTooltipReverseColor(e, i, s) {
+    re({ reverseColor: e, config: this._config, index: i, orientation: s });
+  }
+}
+u([
+  a
+], l.prototype, "guideLabelsSymbol");
+u([
+  a
+], l.prototype, "setGuideVisibility");
+u([
+  a
+], l.prototype, "setGuideStart");
+u([
+  a
+], l.prototype, "setGuideEnd");
+u([
+  a
+], l.prototype, "setGuideName");
+u([
+  a
+], l.prototype, "setGuideLabelText");
+u([
+  a
+], l.prototype, "setGuideAbove");
+u([
+  a
+], l.prototype, "setGuideStyle");
+u([
+  a
+], l.prototype, "setTooltipReverseColor");
+export {
+  l as M,
+  Pe as W,
+  De as a,
+  N as b,
+  Ve as d
+};