@arcgis/charts-components 6.0.0-next.0 → 6.0.0-next.10

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

@@ -1,16 +1,14 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { log as B } from "@arcgis/toolkit/log";
 import { a as g } from "./chart-object-literals.js";
-import { q as b, t as E } from "./index.js";
-import { i as j } from "./index4.js";
-import { a7 as p, ay as A, k as L, p as G, ax as K, ag as q } from "./index3.js";
-import { a as f, b as H } from "./index2.js";
-import { C as J } from "./chart-model.js";
+import { r as b, eK as E, x as f, cA as K, u as j, B as q, eI as H } from "./index.js";
+import { i as J } from "./index3.js";
+import { a7 as p, ay as A, k as L, p as G, ax as Q, af as U } from "./index2.js";
+import { C as X } from "./chart-model.js";
 import { m as s } from "./model-setter.js";
 import { b as l, P as u } from "./common.js";
-import { M as Q, a as U, W as X, b as Y } from "./data-labels-visibility.js";
-import { W as Z } from "./data-labels-symbol.js";
-import { k as $, b as ee, h as te } from "./utils.js";
+import { M as Y, a as Z, W as $, b as ee } from "./data-labels-visibility.js";
+import { W as te } from "./data-labels-symbol.js";
 import { i as y, a as m, g as h, s as ie, c as se, b as re, d as ae, e as O, f as D, h as C, j as v, k as oe } from "./pie-chart-data.js";
 import { cloneDeep as ne } from "es-toolkit/compat";
 import { b as _ } from "./rest-js-object-literals.js";
@@ -63,7 +61,7 @@ const P = (t) => t.legend?.displayNumericValue ?? !1, I = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsOffset = t);
 }, Be = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Ee = (t, e) => {
   e.series?.[0] && (e.series[0].numericValueFormat ??= L(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= L(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
-}, je = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Ke = (t, e) => {
+}, Ke = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, je = (t, e) => {
   e.series[0] && (e.series[0].optimizeDataLabelsOverlapping = t);
 }, qe = (t) => t.series[0]?.ticks?.visible ?? !1, He = (t, e) => {
   e.series?.[0] && (e.series[0].ticks ??= A(), e.series[0].ticks.visible = t);
@@ -105,7 +103,7 @@ var lt = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, r = (t, e,
     (d = t[c]) && (n = d(e, a, n) || n);
   return n && lt(e, a, n), n;
 };
-class i extends J {
+class i extends X {
   constructor() {
     super(...arguments), this._chartType = g.PieSeries, this._mode = u.Category, this._groupedSliceIds = [], this._customizedSliceIds = [];
   }
@@ -132,7 +130,7 @@ class i extends J {
     return h(this._config);
   }
   set category(e) {
-    (!j(this._config) || e.trim() !== "") && (this._mode = y({
+    (!J(this._config) || e.trim() !== "") && (this._mode = y({
       category: e,
       numericFields: m(this._config),
       fallbackMode: this._mode
@@ -151,7 +149,7 @@ class i extends J {
     return m(this._config);
   }
   set numericFields(e) {
-    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? $(this.layerInfo.layerFieldsInfo, e) : !0) ? (this._mode = y({
+    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? E(this.layerInfo.layerFieldsInfo, e) : !0) ? (this._mode = y({
       category: h(this._config),
       numericFields: e,
       fallbackMode: this._mode
@@ -252,16 +250,19 @@ class i extends J {
   }
   /**
    * Gets the list of the category values for the chart.
+   *
+   * @param num The maximum number of category values to fetch.
    */
-  async getCustomSortValues() {
-    const e = h(this._config), a = b(this._config.series);
-    let o = [];
-    return a === f.PieFromFields ? o = this.numericFields : e.trim() !== "" && a === f.PieFromCategory && (o = await ee({
-      category: e,
+  async getCustomSortValues(e) {
+    const a = h(this._config), o = b(this._config.series);
+    let n = [];
+    return o === f.PieFromFields ? n = this.numericFields : a.trim() !== "" && o === f.PieFromCategory && (n = await K({
+      category: a,
       config: this._config,
       layerInfo: this.layerInfo,
+      num: e,
       errorStrings: this.commonStrings.errorStrings
-    })), o;
+    })), n;
   }
   moveCustomSortValuesInOrderByList(e, a) {
     const o = C(this._config, this._mode), [n] = o.splice(e, 1);
@@ -376,8 +377,8 @@ class i extends J {
   // ---------------------------------------------------------------------------------------------
   /** @private */
   generateDefaultConfig() {
-    const e = K(this.commonStrings);
-    return e.series = [q(this.commonStrings, E(this.layerInfo.layer).idField)], e;
+    const e = Q(this.commonStrings);
+    return e.series = [U(this.commonStrings, j(this.layerInfo.layer).idField)], e;
   }
   // ---------------------------------------------------------------------------------------------
   // #region Series Methods
@@ -463,7 +464,7 @@ class i extends J {
     let a = !1;
     const o = this.slices?.length ?? 0;
     for (let n = 0; n < o; n += 1) {
-      const c = this.getOriginalSliceName(n), d = this.getSliceName(n), S = this._mode === u.Fields ? H(this.layerInfo?.layerFieldsInfo, c?.toString()) : c;
+      const c = this.getOriginalSliceName(n), d = this.getSliceName(n), S = this._mode === u.Fields ? q(this.layerInfo?.layerFieldsInfo, c?.toString()) : c;
       if (S !== void 0 && S?.toString() !== d?.toString()) {
         a = !0;
         break;
@@ -629,10 +630,10 @@ class i extends J {
    * Optimize data labels overlapping setting for the pie chart.
    */
   get optimizeDataLabelsOverlapping() {
-    return je(this._config);
+    return Ke(this._config);
   }
   set optimizeDataLabelsOverlapping(e) {
-    Ke(e, this._config);
+    je(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Legend Props
@@ -889,13 +890,13 @@ r([
   s
 ], i.prototype, "displayCategory");
 const gt = [
-  Q,
-  U,
-  X,
   Y,
-  Z
+  Z,
+  $,
+  ee,
+  te
 ];
-te(i, gt);
+H(i, gt);
 export {
   i as PieChartModel
 };

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { isEqual as r } from "es-toolkit/compat";
 const i = (e) => (e?.remove(), null), a = (e, t = !1) => {
   e && (t ? (e.style.setProperty("opacity", "1"), e.style.setProperty("pointer-events", "initial")) : (e.style.removeProperty("opacity"), e.style.removeProperty("pointer-events")), e.triggerDisabled = t, e.open = t);

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

@@ -1,19 +1,18 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { S as c, s as m, a as y } from "./serial-chart-model.js";
-import { s as g, a as f, b, c as A, d as S, W as p } from "./negative-values-stacked-to-baseline.js";
-import { h as u } from "./serial-chart-data.js";
-import { h as T } from "./utils.js";
-import { m as d } from "./model-setter.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { S as c, s as y, a as g } from "./serial-chart-model.js";
+import { s as m, a as f, b, c as A, d as S, W as p } from "./negative-values-stacked-to-baseline.js";
+import { h as x } from "./serial-chart-data.js";
+import { u as l, eI as T } from "./index.js";
+import { m as n } from "./model-setter.js";
 import { a as L, m as C } from "./chart-object-literals.js";
 import { M as V } from "./model-with-line-marker-styling.js";
-import { az as v, _ as x, g as B, r as X } from "./index3.js";
-import { t as l } from "./index.js";
-var I = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, h = (a, i, e, t) => {
-  for (var s = _(i, e), r = a.length - 1, n; r >= 0; r--)
-    (n = a[r]) && (s = n(i, e, s) || s);
+import { az as v, a1 as h, g as B, r as X } from "./index2.js";
+var I = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, u = (o, i, e, t) => {
+  for (var s = _(i, e), r = o.length - 1, d; r >= 0; r--)
+    (d = o[r]) && (s = d(i, e, s) || s);
   return s && I(i, e, s), s;
 };
-class o extends c {
+class a extends c {
   constructor() {
     super(...arguments), this._chartType = L.RadarSeries;
   }
@@ -375,7 +374,7 @@ class o extends c {
   generateDefaultConfig() {
     const i = v(this.commonStrings);
     return i.series = [
-      x({
+      h({
         commonStrings: this.commonStrings,
         objectIDField: l(this.layerInfo.layer).idField
       })
@@ -386,7 +385,7 @@ class o extends c {
    * @private
    */
   initDefaultSeries() {
-    this.defaultSeries = x({
+    this.defaultSeries = h({
       commonStrings: this.commonStrings,
       objectIDField: l(this.layerInfo.layer).idField
     });
@@ -397,14 +396,14 @@ class o extends c {
         colorIndex: i,
         opacity: X
       });
-      if (m(e, i, this._config), g(e, i, this._config), this.layerInfo !== void 0) {
-        const t = this.getSeriesId(i), s = u({
+      if (y(e, i, this._config), m(e, i, this._config), this.layerInfo !== void 0) {
+        const t = this.getSeriesId(i), s = x({
           config: this._config,
           seriesIndex: i,
           layerInfo: this.layerInfo,
           commonStrings: this.commonStrings
         });
-        s !== l(this.layerInfo.layer).idField && y(s ?? t, i, this._config);
+        s !== l(this.layerInfo.layer).idField && g(s ?? t, i, this._config);
       }
       f({
         style: this.defaultSeries?.lineSymbol?.style,
@@ -435,7 +434,7 @@ class o extends c {
     if (!i)
       for (let t = 0; t < this.seriesLength; t += 1) {
         if (this.layerInfo !== void 0) {
-          const s = u({
+          const s = x({
             config: this._config,
             seriesIndex: t,
             layerInfo: this.layerInfo,
@@ -450,15 +449,28 @@ class o extends c {
       }
     return i || e;
   }
+  // Chart override methods that aren't supported
+  /**
+   * The radar chart's rotated state
+   * @deprecated since 5.2. Will not be replaced as rotation is not supported on radar charts
+   */
+  get rotated() {
+    return !1;
+  }
+  set rotated(i) {
+  }
 }
-h([
-  d
-], o.prototype, "axisLabelsOrientation");
-h([
-  d
-], o.prototype, "resetSeriesStyling");
+u([
+  n
+], a.prototype, "axisLabelsOrientation");
+u([
+  n
+], a.prototype, "resetSeriesStyling");
+u([
+  n
+], a.prototype, "rotated");
 const z = [p, V];
-T(o, z);
+T(a, z);
 export {
-  o as RadarChartModel
+  a as RadarChartModel
 };

package/dist/chunks/resource.js

@@ -1,5 +1,5 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { q as o } from "./type-guards2.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { q as o } from "./type-guards.js";
 import { G as n } from "./common.js";
 const u = {
   addGuide: "add-guide",

package/dist/chunks/resources.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 const a = {
   Show: "show",
   Hide: "hide",

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 const e = {
   Blob: "esriFieldTypeBlob",
   Date: "esriFieldTypeDate",

package/dist/chunks/rotated-state.js

@@ -1,6 +1,6 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { C as p, m as d } from "./model-setter.js";
-import { e as _ } from "./index2.js";
+import { a1 as _ } from "./index.js";
 var h = Object.defineProperty, g = Object.getOwnPropertyDescriptor, c = (t, e, r, l) => {
   for (var o = g(e, r), a = t.length - 1, s; a >= 0; a--)
     (s = t[a]) && (o = s(e, r, o) || o);

package/dist/chunks/rounded-corners.js

@@ -1,7 +1,7 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c7 as n } from "./index.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { cz as n } from "./index.js";
 import { C, m as u } from "./model-setter.js";
-import { am as h } from "./index3.js";
+import { am as h } from "./index2.js";
 const c = (r) => {
   const { config: e, seriesIndex: o, callback: d } = r;
   [o !== void 0 ? e.series?.[o] : e.series].flat().forEach((s) => {

package/dist/chunks/runtime.js

@@ -1,8 +1,8 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import "../cdn/main.css";
 import { makeRuntime as e } from "@arcgis/lumina";
 import { trackAccess as s, createObservable as r, createTrackingTarget as a, runTracked as c } from "@arcgis/core/applications/Components/reactiveUtils.js";
-const t = e({ defaultAssetPath: "https://jsdev.arcgis.com/5.2.0-next/charts-components/", hydratedAttribute: "hydrated" }), { customElement: n, getAssetPath: d, setAssetPath: h } = t;
+const t = e({ defaultAssetPath: "https://jsdev.arcgis.com/6.0.0-next/charts-components/", hydratedAttribute: "hydrated" }), { customElement: n, getAssetPath: d, setAssetPath: h } = t;
 t.t = s;
 t.o = r;
 t.c = a;

package/dist/chunks/scatterplot-model.js

@@ -1,31 +1,29 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { d as p, u as v, e as P, h as X } from "./utils.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { B as y, c8 as P, eI as X } from "./index.js";
 import { substitute as Y } from "@arcgis/core/intl.js";
-import { isEmpty as f, isEqual as D } from "es-toolkit/compat";
-import { g as w } from "./series-length.js";
-import { g as b } from "./utils2.js";
-import { aC as m, B as z, aA as k } from "./index3.js";
-import { b as y } from "./index2.js";
-import { bK as E } from "./index.js";
-import { i as T } from "./index4.js";
+import { isEmpty as p, isEqual as D } from "es-toolkit/compat";
+import { g as b, d as f, u as v, e as w } from "./utils.js";
+import { g as z } from "./series-length.js";
+import { aC as m, x as k, aA as E } from "./index2.js";
+import { i as T } from "./index3.js";
 import { C as V } from "./chart-model.js";
 import { M as B, a as G, W as U, b as j } from "./data-labels-visibility.js";
 import { W as N } from "./data-labels-symbol.js";
-import { W as q, c as K, d as H } from "./axis-lines-symbol.js";
-import { W as J, a as Q } from "./x-bounds.js";
+import { W as q, c as H, d as J } from "./axis-lines-symbol.js";
+import { W as K, a as Q } from "./x-bounds.js";
 import { W as R, c as Z, d as $ } from "./generate-x-axis-title.js";
 import { m as d } from "./model-setter.js";
 import { a as ee } from "./chart-object-literals.js";
 import { M as te, a as ie } from "./model-with-y-guides.js";
 import { M as se } from "./model-with-x-guides.js";
 const L = (t) => {
-  p({ config: t, value: null, axisIndex: 0, isMax: !1 }), p({ config: t, value: null, axisIndex: 0, isMax: !0 }), p({ config: t, value: null, axisIndex: 1, isMax: !1 }), p({ config: t, value: null, axisIndex: 1, isMax: !0 });
+  f({ config: t, value: null, axisIndex: 0, isMax: !1 }), f({ config: t, value: null, axisIndex: 0, isMax: !0 }), f({ config: t, value: null, axisIndex: 1, isMax: !1 }), f({ config: t, value: null, axisIndex: 1, isMax: !0 });
 }, F = (t) => {
-  const { name: e, axisIndex: i, config: s, layerInfo: r } = t, { layerFieldsInfo: o } = r, n = o.find((h) => h.name === e), l = n !== void 0 && E(n);
-  P(s, i, l);
+  const { name: e, axisIndex: i, config: s, layerInfo: r } = t, { layerFieldsInfo: o } = r, n = o.find((h) => h.name === e), l = n !== void 0 && P(n);
+  w(s, i, l);
 };
 function I(t, e, i) {
-  const s = g(t, e, i), r = w(t), o = T(t);
+  const s = g(t, e, i), r = z(t), o = T(t);
   return s === r || o;
 }
 function _(t, e) {
@@ -42,7 +40,7 @@ function g(t, e, i) {
 }
 const M = (t) => {
   const { x: e, y: i, config: s, layerInfo: r, updateChartTitle: o, updateXAxisTitle: n, updateYAxisTitle: l, commonStrings: h } = t, { layerFieldsInfo: A } = r, W = y(A, e), O = y(A, i);
-  !f(e) && n && v(s, 0, W), !f(i) && l && v(s, 1, O), !f(e) && !f(i) && s.title && o && (s.title.content.text = g(s, r, h));
+  !p(e) && n && v(s, 0, W), !p(i) && l && v(s, 1, O), !p(e) && !p(i) && s.title && o && (s.title.content.text = g(s, r, h));
 }, x = (t) => t.series[0]?.x ?? "", u = (t) => t.series[0]?.y ?? "", re = (t) => {
   const { fieldName: e, config: i, layerInfo: s, commonStrings: r } = t, o = I(i, s, r), n = C(i, s), l = _(i, s);
   L(i), i.series[0] && (i.series[0].x = e), M({
@@ -93,7 +91,7 @@ const M = (t) => {
   e.series[0].overlays ??= m(), e.series[0].overlays.trendLine ??= m().trendLine, e.series[0].overlays.trendLine.visible = t;
 }, fe = (t, e) => {
   !(e.series[0]?.overlays?.trendLine?.created ?? !1) && t && (e.series[0].overlays ??= m(), e.series[0].overlays.trendLine ??= m().trendLine, e.series[0].overlays.trendLine.created = t), pe(t, e);
-}, S = (t) => t.series[0]?.sizePolicy ?? z(), xe = (t, e) => {
+}, S = (t) => t.series[0]?.sizePolicy ?? k(), xe = (t, e) => {
   e.series[0] && (t !== void 0 && t.field?.trim() !== "" ? e.series[0].sizePolicy = { ...e.series[0].sizePolicy, ...t } : e.series[0].sizePolicy = void 0);
 }, ue = (t) => t?.series?.[0]?.overlays, he = (t, e) => {
   e?.series[0] !== void 0 && (e.series[0].overlays = t);
@@ -222,7 +220,7 @@ class a extends V {
   // ---------------------------------------------------------------------------------------------
   /** @private */
   generateDefaultConfig() {
-    return k(this.commonStrings);
+    return E(this.commonStrings);
   }
 }
 c([
@@ -262,12 +260,12 @@ const Se = [
   se,
   ie,
   R,
-  J,
+  K,
   Z,
   Q,
   q,
-  K,
   H,
+  J,
   $
 ];
 X(a, Se);