@carbon/charts 1.11.2 → 1.11.3

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import { t as Y, g as m, m as a, o as r, f as J, h as V } from "./color-scale-utils-222feda6.mjs";
+import { t as Y, g as l, m as a, o as r, f as J, h as V } from "./color-scale-utils-222feda6.mjs";
 import { T as It, l as Ht, n as Gt, p as Vt, q as Nt, s as Ut, u as Zt, d as _t, v as zt, w as Wt, M as jt, j as $t, x as Kt, N as Jt, O as qt, P as Xt, Q as Qt, R as Yt, y as eo, z as so, S as to, A as oo, B as no, C as io, D as ro, E as ao, F as ho, G as co, H as mo, K as lo, I as po, J as Co, L as uo } from "./color-scale-utils-222feda6.mjs";
 import { i as go } from "./index-ec554115.mjs";
 import { ChartModel as Re, ChartModelCartesian as Te, AlluvialChartModel as be, BoxplotChartModel as Oe, BulletChartModel as Se, ChoroplethModel as fe, CirclePackChartModel as Ae, PieChartModel as xe, GaugeChartModel as ye, HeatmapModel as De, ChartModelBinned as Fe, MeterChartModel as Le, RadarChartModel as Pe, TreeChartModel as Me, TreemapChartModel as ke, WordCloudModel as Be } from "./model/index.mjs";
 import { _ as j, r as i, q as c, L as Z, y as A, t as N, e as $, S as Ie, u as K, F as p, l as R } from "./enums-a96ef472.mjs";
 import { A as Eo, a as Ro, b as To, c as bo, d as Oo, f as So, B as fo, g as Ao, C as xo, h as yo, i as Do, j as Fo, k as Lo, m as Po, n as Mo, D as ko, o as Bo, G as Io, p as Ho, s as Go, v as Vo, M as No, w as Uo, P as Zo, x as _o, R as zo, z as Wo, H as jo, T as $o, I as Ko, J as Jo, K as qo, N as Xo, O as Qo, Q as Yo, U as en, V as sn, W as tn, Z as on, X as nn, Y as rn } from "./enums-a96ef472.mjs";
-import { c as He, L as ee, C as Ge, T as _, a as z, b as g, S as F, d as se, M as W, e as Ve, f as Ne, g as Ue, H as Ze, Z as _e, A as te, h as ze, i as d, G as w, R as B, j as k, k as oe, l as M, m as C, B as We, n as I, o as je, p as $e, q as ne, r as Ke, s as Je, t as ie, u as re, v as U, w as ae, x as he, y as ce, P as qe, D as Xe, z as Qe, E as Ye, F as es, I as ss, J as ts, K as os, N as ns, O as is, Q as rs, U as as, V as hs, W as cs } from "./choropleth-9a359c3b.mjs";
-import { X as hn, a8 as cn, a9 as mn, a7 as ln, Y as pn, _ as dn, $ as Cn, a0 as un, a1 as vn, a2 as gn, a3 as wn, a4 as En, a5 as Rn, a6 as Tn } from "./choropleth-9a359c3b.mjs";
+import { c as He, L as ee, C as Ge, T as _, a as z, b as g, S as F, d as se, M as W, e as Ve, f as Ne, g as Ue, H as Ze, Z as _e, A as te, h as ze, i as d, G as w, R as B, j as k, k as oe, l as M, m as C, B as We, n as I, o as je, p as $e, q as ne, r as Ke, s as Je, t as ie, u as re, v as U, w as ae, x as he, y as ce, P as qe, D as Xe, z as Qe, E as Ye, F as es, I as ss, J as ts, K as os, N as ns, O as is, Q as rs, U as as, V as hs, W as cs } from "./choropleth-449cf25e.mjs";
+import { X as hn, a8 as cn, a9 as mn, a7 as ln, Y as pn, _ as dn, $ as Cn, a0 as un, a1 as vn, a2 as gn, a3 as wn, a4 as En, a5 as Rn, a6 as Tn } from "./choropleth-449cf25e.mjs";
 import { C as ms, E as ls, F as ps, T as ds, a as Cs, b as us, Z as vs, f as gs } from "./index-e425a7b5.mjs";
 import { D as ws, G as Es } from "./angle-utils-7255d1d9.mjs";
 import { S as On, d as Sn, a as fn, p as An, b as xn, r as yn } from "./angle-utils-7255d1d9.mjs";
@@ -15,45 +15,45 @@ import "./a11y-7bad4f48.mjs";
 import "./_baseEach-05847c57.mjs";
 import "d3-sankey";
 import "d3-cloud";
-function Rs(t, e, s) {
-  var o = -1, n = t.length;
-  e < 0 && (e = -e > n ? 0 : n + e), s = s > n ? n : s, s < 0 && (s += n), n = e > s ? 0 : s - e >>> 0, e >>>= 0;
-  for (var h = Array(n); ++o < n; )
-    h[o] = t[o + e];
+function Rs(o, e, s) {
+  var n = -1, t = o.length;
+  e < 0 && (e = -e > t ? 0 : t + e), s = s > t ? t : s, s < 0 && (s += t), t = e > s ? 0 : s - e >>> 0, e >>>= 0;
+  for (var h = Array(t); ++n < t; )
+    h[n] = o[n + e];
   return h;
 }
-function Ts(t, e, s) {
-  var o = t.length;
-  return s = s === void 0 ? o : s, !e && s >= o ? t : Rs(t, e, s);
+function Ts(o, e, s) {
+  var n = o.length;
+  return s = s === void 0 ? n : s, !e && s >= n ? o : Rs(o, e, s);
 }
 var bs = "\\ud800-\\udfff", Os = "\\u0300-\\u036f", Ss = "\\ufe20-\\ufe2f", fs = "\\u20d0-\\u20ff", As = Os + Ss + fs, xs = "\\ufe0e\\ufe0f", ys = "\\u200d", Ds = RegExp("[" + ys + bs + As + xs + "]");
-function me(t) {
-  return Ds.test(t);
+function me(o) {
+  return Ds.test(o);
 }
-function Fs(t) {
-  return t.split("");
+function Fs(o) {
+  return o.split("");
 }
 var le = "\\ud800-\\udfff", Ls = "\\u0300-\\u036f", Ps = "\\ufe20-\\ufe2f", Ms = "\\u20d0-\\u20ff", ks = Ls + Ps + Ms, Bs = "\\ufe0e\\ufe0f", Is = "[" + le + "]", q = "[" + ks + "]", X = "\\ud83c[\\udffb-\\udfff]", Hs = "(?:" + q + "|" + X + ")", pe = "[^" + le + "]", de = "(?:\\ud83c[\\udde6-\\uddff]){2}", Ce = "[\\ud800-\\udbff][\\udc00-\\udfff]", Gs = "\\u200d", ue = Hs + "?", ve = "[" + Bs + "]?", Vs = "(?:" + Gs + "(?:" + [pe, de, Ce].join("|") + ")" + ve + ue + ")*", Ns = ve + ue + Vs, Us = "(?:" + [pe + q + "?", q, de, Ce, Is].join("|") + ")", Zs = RegExp(X + "(?=" + X + ")|" + Us + Ns, "g");
-function _s(t) {
-  return t.match(Zs) || [];
+function _s(o) {
+  return o.match(Zs) || [];
 }
-function zs(t) {
-  return me(t) ? _s(t) : Fs(t);
+function zs(o) {
+  return me(o) ? _s(o) : Fs(o);
 }
-function Ws(t) {
+function Ws(o) {
   return function(e) {
     e = Y(e);
-    var s = me(e) ? zs(e) : void 0, o = s ? s[0] : e.charAt(0), n = s ? Ts(s, 1).join("") : e.slice(1);
-    return o[t]() + n;
+    var s = me(e) ? zs(e) : void 0, n = s ? s[0] : e.charAt(0), t = s ? Ts(s, 1).join("") : e.slice(1);
+    return n[o]() + t;
   };
 }
 var js = Ws("toUpperCase");
 const $s = js;
-function Ks(t) {
-  return $s(Y(t).toLowerCase());
+function Ks(o) {
+  return $s(Y(o).toLowerCase());
 }
-var Js = He(function(t, e, s) {
-  return e = e.toLowerCase(), t + (s ? Ks(e) : e);
+var Js = He(function(o, e, s) {
+  return e = e.toLowerCase(), o + (s ? Ks(e) : e);
 });
 const qs = Js;
 class T {
@@ -72,26 +72,27 @@ class T {
   }
   // Contains the code that uses properties that are overridable by the super-class
   init(e, s) {
-    this.model.set({ holder: e }, { skipUpdate: !0 }), Object.keys(this.services).forEach((o) => {
-      const n = this.services[o];
-      this.services[o] = new n(this.model, this.services);
-    }), this.services.events.addEventListener(j.Model.UPDATE, () => {
-      this.update();
+    this.model.set({ holder: e }, { skipUpdate: !0 }), Object.keys(this.services).forEach((n) => {
+      const t = this.services[n];
+      this.services[n] = new t(this.model, this.services);
+    }), this.services.events.addEventListener(j.Model.UPDATE, (n) => {
+      const t = !!l(n, "detail", "animate");
+      this.update(t);
     }), this.model.setData(s.data), this.services.events.addEventListener(j.Chart.RESIZE, () => {
-      this.update();
+      this.update(!1);
     }), this.components = this.getComponents(), this.update();
   }
   getComponents() {
     return console.error("getComponents() method is not implemented"), [];
   }
-  update() {
+  update(e = !0) {
     if (!this.components)
       return;
-    Object.keys(this.services).forEach((o) => {
-      this.services[o].update();
-    }), this.components.forEach((o) => o.render(!0));
-    const e = this.services.transitions.getPendingTransitions(), s = Object.keys(e).map((o) => e[o].end().catch((h) => h));
-    Promise.all(s).then(
+    Object.keys(this.services).forEach((t) => {
+      this.services[t].update();
+    }), this.components.forEach((t) => t.render(e));
+    const s = this.services.transitions.getPendingTransitions(), n = Object.keys(s).map((t) => s[t].end().catch((m) => m));
+    Promise.all(n).then(
       () => this.services.events.dispatchEvent(j.Chart.RENDER_FINISHED)
     );
   }
@@ -99,12 +100,12 @@ class T {
     this.components.forEach((e) => e.destroy()), this.services.domUtils.getHolder().remove(), this.model.set({ destroyed: !0 }, { skipUpdate: !0 });
   }
   getChartComponents(e, s) {
-    const o = this.model.getOptions(), n = m(o, "toolbar", "enabled"), h = {
+    const n = this.model.getOptions(), t = l(n, "toolbar", "enabled"), h = {
       id: "legend",
       components: [new ee(this.model, this.services)],
       growth: i.PREFERRED
-    }, l = m(o, "canvasZoom", "enabled");
-    l && l === !0 && e.push(new Ge(this.model, this.services));
+    }, m = l(n, "canvasZoom", "enabled");
+    m && m === !0 && e.push(new Ge(this.model, this.services));
     const b = !!this.model.getOptions().title, O = {
       id: "title",
       components: [new _(this.model, this.services)],
@@ -122,7 +123,7 @@ class T {
           [
             // always add title to keep layout correct
             O,
-            ...n ? [x] : []
+            ...t ? [x] : []
           ],
           {
             direction: c.ROW,
@@ -135,12 +136,12 @@ class T {
       id: "graph-frame",
       components: e,
       growth: i.STRETCH,
-      renderType: m(s, "graphFrameRenderType") || A.SVG
-    }, D = m(s, "excludeLegend") !== !0 && o.legend.enabled !== !1;
+      renderType: l(s, "graphFrameRenderType") || A.SVG
+    }, D = l(s, "excludeLegend") !== !0 && n.legend.enabled !== !1;
     let S = c.COLUMN;
     if (D) {
-      const f = m(o, "legend", "position");
-      f === "left" ? (S = c.ROW, o.legend.orientation || (o.legend.orientation = N.VERTICAL)) : f === "right" ? (S = c.ROW_REVERSE, o.legend.orientation || (o.legend.orientation = N.VERTICAL)) : f === "bottom" && (S = c.COLUMN_REVERSE);
+      const f = l(n, "legend", "position");
+      f === "left" ? (S = c.ROW, n.legend.orientation || (n.legend.orientation = N.VERTICAL)) : f === "right" ? (S = c.ROW_REVERSE, n.legend.orientation || (n.legend.orientation = N.VERTICAL)) : f === "bottom" && (S = c.COLUMN_REVERSE);
     }
     const P = {
       id: "spacer",
@@ -164,12 +165,12 @@ class T {
       ],
       growth: i.STRETCH
     }, E = [];
-    if (b || n) {
+    if (b || t) {
       E.push(L);
       const f = {
         id: "spacer",
         components: [
-          new F(this.model, this.services, n ? { size: 15 } : void 0)
+          new F(this.model, this.services, t ? { size: 15 } : void 0)
         ],
         growth: i.PREFERRED
       };
@@ -193,9 +194,9 @@ class u extends T {
     }), this.model = new Te(this.services);
   }
   getAxisChartComponents(e, s) {
-    const o = this.model.getOptions(), n = m(o, "zoomBar", $.TOP, "enabled"), h = m(o, "toolbar", "enabled");
+    const n = this.model.getOptions(), t = l(n, "zoomBar", $.TOP, "enabled"), h = l(n, "toolbar", "enabled");
     this.services.cartesianScales.determineAxisDuality(), this.services.cartesianScales.findDomainAndRangeAxes(), this.services.cartesianScales.determineOrientation();
-    const l = this.services.cartesianScales.getMainXAxisPosition(), b = m(o, "axes", l, "scaleType"), O = n && l === $.BOTTOM && b === Ie.TIME, x = this.services.zoom.isZoomBarLocked($.TOP), L = !!this.model.getOptions().title, y = {
+    const m = this.services.cartesianScales.getMainXAxisPosition(), b = l(n, "axes", m, "scaleType"), O = t && m === $.BOTTOM && b === Ie.TIME, x = this.services.zoom.isZoomBarLocked($.TOP), L = !!this.model.getOptions().title, y = {
       id: "title",
       components: [new _(this.model, this.services)],
       growth: i.STRETCH
@@ -235,10 +236,10 @@ class u extends T {
       components: e,
       growth: i.STRETCH,
       renderType: A.SVG
-    }, E = m(s, "legend", "enabled") !== !1 && this.model.getOptions().legend.enabled !== !1;
+    }, E = l(s, "legend", "enabled") !== !1 && this.model.getOptions().legend.enabled !== !1;
     let f = c.COLUMN;
     if (E) {
-      const G = m(this.model.getOptions(), "legend", "position");
+      const G = l(this.model.getOptions(), "legend", "position");
       G === K.LEFT ? (f = c.ROW, this.model.getOptions().legend.orientation || (this.model.getOptions().legend.orientation = N.VERTICAL)) : G === K.RIGHT ? (f = c.ROW_REVERSE, this.model.getOptions().legend.orientation || (this.model.getOptions().legend.orientation = N.VERTICAL)) : G === K.BOTTOM && (f = c.COLUMN_REVERSE);
     }
     const ge = {
@@ -384,7 +385,7 @@ class ut extends T {
   // Custom getChartComponents - Implements getChartComponents
   // Removes zoombar support and additional `features` that are not supported in heatmap
   getChartComponents(e, s) {
-    const o = this.model.getOptions(), n = m(o, "toolbar", "enabled"), h = !!this.model.getOptions().title, l = {
+    const n = this.model.getOptions(), t = l(n, "toolbar", "enabled"), h = !!this.model.getOptions().title, m = {
       id: "title",
       components: [new _(this.model, this.services)],
       growth: i.STRETCH
@@ -400,8 +401,8 @@ class ut extends T {
           this.services,
           [
             // always add title to keep layout correct
-            l,
-            ...n ? [b] : []
+            m,
+            ...t ? [b] : []
           ],
           {
             direction: c.ROW,
@@ -424,7 +425,7 @@ class ut extends T {
       components: e,
       growth: i.STRETCH,
       renderType: A.SVG
-    }, y = m(s, "legend", "enabled") !== !1 && this.model.getOptions().legend.enabled !== !1, D = c.COLUMN_REVERSE, S = {
+    }, y = l(s, "legend", "enabled") !== !1 && this.model.getOptions().legend.enabled !== !1, D = c.COLUMN_REVERSE, S = {
       id: "spacer",
       components: [new F(this.model, this.services, { size: 15 })],
       growth: i.PREFERRED
@@ -446,12 +447,12 @@ class ut extends T {
       ],
       growth: i.STRETCH
     }, v = [];
-    if (h || n) {
+    if (h || t) {
       v.push(O);
       const E = {
         id: "spacer",
         components: [
-          new F(this.model, this.services, n ? { size: 15 } : void 0)
+          new F(this.model, this.services, t ? { size: 15 } : void 0)
         ],
         growth: i.PREFERRED
       };
@@ -491,48 +492,48 @@ const Q = {
 class gt extends u {
   constructor(e, s) {
     super(e, s);
-    const o = a(r.comboChart, s.options);
-    s.options.comboChartTypes || (console.error("No comboChartTypes defined for the Combo Chart!"), o.comboChartTypes = [{ type: R.LINE, correspondingDatasets: [] }]), this.model.setOptions(o), this.init(e, s);
+    const n = a(r.comboChart, s.options);
+    s.options.comboChartTypes || (console.error("No comboChartTypes defined for the Combo Chart!"), n.comboChartTypes = [{ type: R.LINE, correspondingDatasets: [] }]), this.model.setOptions(n), this.init(e, s);
   }
   getGraphComponents() {
     const { comboChartTypes: e } = this.model.getOptions();
     let s = 0;
-    const o = e.map((n) => {
-      const h = n.type;
-      let l;
-      if (typeof n.type == "string") {
-        if (!Object.keys(Q).includes(n.type))
+    const n = e.map((t) => {
+      const h = t.type;
+      let m;
+      if (typeof t.type == "string") {
+        if (!Object.keys(Q).includes(t.type))
           return console.error(
-            `Invalid chart type "${n.type}" specified for combo chart. Please refer to the ComboChart tutorial for more guidance.`
+            `Invalid chart type "${t.type}" specified for combo chart. Please refer to the ComboChart tutorial for more guidance.`
           ), null;
         let b = !1;
-        const O = `${qs(n.type)}Chart`;
-        return l = V(
+        const O = `${qs(t.type)}Chart`;
+        return m = V(
           {},
           r[O],
           this.model.getOptions(),
-          n.options
-        ), n.type === R.STACKED_AREA && (b = !0), Q[n.type].map(
+          t.options
+        ), t.type === R.STACKED_AREA && (b = !0), Q[t.type].map(
           (x) => new x(this.model, this.services, {
-            groups: n.correspondingDatasets,
+            groups: t.correspondingDatasets,
             id: s++,
-            options: l,
+            options: m,
             stacked: b
           })
         );
       } else
-        return l = V({}, this.model.getOptions(), n.options), new h(this.model, this.services, {
-          groups: n.correspondingDatasets,
+        return m = V({}, this.model.getOptions(), t.options), new h(this.model, this.services, {
+          groups: t.correspondingDatasets,
           id: s++,
-          options: l
+          options: m
         });
-    }).filter((n) => n !== null);
-    return gs(o);
+    }).filter((t) => t !== null);
+    return gs(n);
   }
   getComponents() {
     const { comboChartTypes: e } = this.model.getOptions(), s = e.some(
       (h) => h.type === R.STACKED_BAR || h.type === R.STACKED_AREA
-    ), o = [
+    ), n = [
       new d(this.model, this.services),
       new w(this.model, this.services),
       new C(this.model, this.services, {
@@ -541,13 +542,13 @@ class gt extends u {
       ...s ? [] : [new B(this.model, this.services)],
       ...this.getGraphComponents()
     ];
-    return this.getAxisChartComponents(o);
+    return this.getAxisChartComponents(n);
   }
 }
 class Xs extends T {
   // TODO - Optimize the use of "extending"
-  constructor(e, s, o = !1) {
-    super(e, s), this.model = new xe(this.services), !o && (this.model.setOptions(a(r.pieChart, s.options)), this.init(e, s));
+  constructor(e, s, n = !1) {
+    super(e, s), this.model = new xe(this.services), !n && (this.model.setOptions(a(r.pieChart, s.options)), this.init(e, s));
   }
   getComponents() {
     const e = [
@@ -606,9 +607,9 @@ class Tt extends u {
   // Custom getChartComponents - Implements getChartComponents
   // Removes zoombar support and additional `features` that are not supported in heatmap
   getAxisChartComponents(e, s) {
-    const o = this.model.getOptions(), n = m(o, "toolbar", "enabled");
+    const n = this.model.getOptions(), t = l(n, "toolbar", "enabled");
     this.services.cartesianScales.determineAxisDuality(), this.services.cartesianScales.findDomainAndRangeAxes(), this.services.cartesianScales.determineOrientation();
-    const h = !!this.model.getOptions().title, l = {
+    const h = !!this.model.getOptions().title, m = {
       id: "title",
       components: [new _(this.model, this.services)],
       growth: i.STRETCH
@@ -624,8 +625,8 @@ class Tt extends u {
           this.services,
           [
             // always add title to keep layout correct
-            l,
-            ...n ? [b] : []
+            m,
+            ...t ? [b] : []
           ],
           {
             direction: c.ROW,
@@ -648,7 +649,7 @@ class Tt extends u {
       components: e,
       growth: i.STRETCH,
       renderType: A.SVG
-    }, y = m(s, "legend", "enabled") !== !1 && this.model.getOptions().legend.enabled !== !1, D = c.COLUMN_REVERSE, S = {
+    }, y = l(s, "legend", "enabled") !== !1 && this.model.getOptions().legend.enabled !== !1, D = c.COLUMN_REVERSE, S = {
       id: "spacer",
       components: [new F(this.model, this.services, { size: 15 })],
       growth: i.PREFERRED
@@ -670,12 +671,12 @@ class Tt extends u {
       ],
       growth: i.STRETCH
     }, v = [];
-    if (h || n) {
+    if (h || t) {
       v.push(O);
       const E = {
         id: "spacer",
         components: [
-          new F(this.model, this.services, n ? { size: 15 } : void 0)
+          new F(this.model, this.services, t ? { size: 15 } : void 0)
         ],
         growth: i.PREFERRED
       };
@@ -748,14 +749,14 @@ class St extends u {
 }
 class ft extends T {
   constructor(e, s) {
-    var n;
+    var t;
     super(e, s), this.model = new Le(this.services);
-    const o = (n = s.options.meter) != null && n.proportional ? V(J(r.proportionalMeterChart), s.options) : V(J(r.meterChart), s.options);
-    this.model.setOptions(o), this.init(e, s);
+    const n = (t = s.options.meter) != null && t.proportional ? V(J(r.proportionalMeterChart), s.options) : V(J(r.meterChart), s.options);
+    this.model.setOptions(n), this.init(e, s);
   }
   getComponents() {
     const s = [
-      ...m(this.model.getOptions(), "meter", "showLabels") ? [
+      ...l(this.model.getOptions(), "meter", "showLabels") ? [
         // Meter has a unique dataset title within the graph
         {
           id: "meter-title",
@@ -781,12 +782,12 @@ class ft extends T {
         growth: i.STRETCH,
         renderType: A.SVG
       }
-    ], o = [
+    ], n = [
       new g(this.model, this.services, s, {
         direction: c.COLUMN
       })
     ];
-    return this.getChartComponents(o, {
+    return this.getChartComponents(n, {
       graphFrameRenderType: A.HTML
     });
   }