@ck-ui/component-library 1.0.9 → 1.0.10

package/dist/components/FusionChart/index.js

@@ -1,11 +1,11 @@
 import { jsxs as We, jsx as x } from "react/jsx-runtime";
-import ze, { useState as se, useRef as Ze, useCallback as ce, useMemo as ye, useEffect as _e } from "react";
+import ze, { useState as se, useRef as Ze, useCallback as ce, useMemo as pe, useEffect as _e } from "react";
 import { g as Ye } from "../../_commonjsHelpers-C6fGbg64.js";
 import { buildChartConfig as Be } from "./_config/builders.js";
 import { getOnRender as et, getChartEvents as tt } from "./_config/events.js";
 import { EXTENDED_PALETTE as H, STACKED_AREA_PALETTE as Ke } from "./_constant/constants.js";
 import { mergeClasses as Je } from "../../utils/mergeClasses.js";
-import '../../assets/index-CRlPQn7l.css';var le = {}, fe = {}, W = {}, be;
+import '../../assets/index-EOsQwhza.css';var le = {}, fe = {}, W = {}, be;
 function rt() {
   return be || (be = 1, Object.defineProperty(W, "__esModule", { value: !0 }), W.default = "ffffffff-ffff-ffff-ffff-ffffffffffff"), W;
 }
@@ -41,7 +41,7 @@ function oe() {
   return J.default = c, J;
 }
 var $ = {}, je;
-function L() {
+function P() {
   if (je) return $;
   je = 1, Object.defineProperty($, "__esModule", { value: !0 }), $.unsafeStringify = void 0;
   const r = ie(), c = [];
@@ -79,7 +79,7 @@ var ke;
 function Qe() {
   if (ke) return F;
   ke = 1, Object.defineProperty(F, "__esModule", { value: !0 }), F.updateV1State = void 0;
-  const r = ve(), c = L(), v = {};
+  const r = ve(), c = P(), v = {};
   function d(n, C, u) {
     let s;
     const g = n?._v6 ?? !1;
@@ -107,8 +107,8 @@ function Qe() {
     else if (t < 0 || t + 16 > b.length)
       throw new RangeError(`UUID byte range ${t}:${t + 15} is out of buffer bounds`);
     C ??= Date.now(), u ??= 0, s ??= (n[8] << 8 | n[9]) & 16383, g ??= n.slice(10, 16), C += 122192928e5;
-    const p = ((C & 268435455) * 1e4 + u) % 4294967296;
-    b[t++] = p >>> 24 & 255, b[t++] = p >>> 16 & 255, b[t++] = p >>> 8 & 255, b[t++] = p & 255;
+    const y = ((C & 268435455) * 1e4 + u) % 4294967296;
+    b[t++] = y >>> 24 & 255, b[t++] = y >>> 16 & 255, b[t++] = y >>> 8 & 255, b[t++] = y & 255;
     const S = C / 4294967296 * 1e4 & 268435455;
     b[t++] = S >>> 8 & 255, b[t++] = S & 255, b[t++] = S >>> 24 & 15 | 16, b[t++] = S >>> 16 & 255, b[t++] = s >>> 8 | 128, b[t++] = s & 255;
     for (let i = 0; i < 6; ++i)
@@ -121,7 +121,7 @@ var z = {}, De;
 function Ge() {
   if (De) return z;
   De = 1, Object.defineProperty(z, "__esModule", { value: !0 });
-  const r = oe(), c = L();
+  const r = oe(), c = P();
   function v(e) {
     const a = typeof e == "string" ? (0, r.default)(e) : e, n = d(a);
     return typeof e == "string" ? (0, c.unsafeStringify)(n) : n;
@@ -137,21 +137,21 @@ function it() {
   if (Me) return Z;
   Me = 1, Object.defineProperty(Z, "__esModule", { value: !0 });
   function r(t) {
-    const p = e(t), S = d(p, t.length * 8);
+    const y = e(t), S = d(y, t.length * 8);
     return c(S);
   }
   function c(t) {
-    const p = new Uint8Array(t.length * 4);
+    const y = new Uint8Array(t.length * 4);
     for (let S = 0; S < t.length * 4; S++)
-      p[S] = t[S >> 2] >>> S % 4 * 8 & 255;
-    return p;
+      y[S] = t[S >> 2] >>> S % 4 * 8 & 255;
+    return y;
   }
   function v(t) {
     return (t + 64 >>> 9 << 4) + 14 + 1;
   }
-  function d(t, p) {
-    const S = new Uint32Array(v(p)).fill(0);
-    S.set(t), S[p >> 5] |= 128 << p % 32, S[S.length - 1] = p, t = S;
+  function d(t, y) {
+    const S = new Uint32Array(v(y)).fill(0);
+    S.set(t), S[y >> 5] |= 128 << y % 32, S[S.length - 1] = y, t = S;
     let i = 1732584193, l = -271733879, o = -1732584194, f = 271733878;
     for (let _ = 0; _ < t.length; _ += 16) {
       const U = i, A = l, O = o, k = f;
@@ -162,32 +162,32 @@ function it() {
   function e(t) {
     if (t.length === 0)
       return new Uint32Array();
-    const p = new Uint32Array(v(t.length * 8)).fill(0);
+    const y = new Uint32Array(v(t.length * 8)).fill(0);
     for (let S = 0; S < t.length; S++)
-      p[S >> 2] |= (t[S] & 255) << S % 4 * 8;
-    return p;
+      y[S >> 2] |= (t[S] & 255) << S % 4 * 8;
+    return y;
   }
-  function a(t, p) {
-    const S = (t & 65535) + (p & 65535);
-    return (t >> 16) + (p >> 16) + (S >> 16) << 16 | S & 65535;
+  function a(t, y) {
+    const S = (t & 65535) + (y & 65535);
+    return (t >> 16) + (y >> 16) + (S >> 16) << 16 | S & 65535;
   }
-  function n(t, p) {
-    return t << p | t >>> 32 - p;
+  function n(t, y) {
+    return t << y | t >>> 32 - y;
   }
-  function C(t, p, S, i, l, o) {
-    return a(n(a(a(p, t), a(i, o)), l), S);
+  function C(t, y, S, i, l, o) {
+    return a(n(a(a(y, t), a(i, o)), l), S);
   }
-  function u(t, p, S, i, l, o, f) {
-    return C(p & S | ~p & i, t, p, l, o, f);
+  function u(t, y, S, i, l, o, f) {
+    return C(y & S | ~y & i, t, y, l, o, f);
   }
-  function s(t, p, S, i, l, o, f) {
-    return C(p & i | S & ~i, t, p, l, o, f);
+  function s(t, y, S, i, l, o, f) {
+    return C(y & i | S & ~i, t, y, l, o, f);
   }
-  function g(t, p, S, i, l, o, f) {
-    return C(p ^ S ^ i, t, p, l, o, f);
+  function g(t, y, S, i, l, o, f) {
+    return C(y ^ S ^ i, t, y, l, o, f);
   }
-  function b(t, p, S, i, l, o, f) {
-    return C(S ^ (p | ~i), t, p, l, o, f);
+  function b(t, y, S, i, l, o, f) {
+    return C(S ^ (y | ~i), t, y, l, o, f);
   }
   return Z.default = r, Z;
 }
@@ -195,7 +195,7 @@ var E = {}, Re;
 function ae() {
   if (Re) return E;
   Re = 1, Object.defineProperty(E, "__esModule", { value: !0 }), E.URL = E.DNS = E.stringToBytes = void 0;
-  const r = oe(), c = L();
+  const r = oe(), c = P();
   function v(e) {
     e = unescape(encodeURIComponent(e));
     const a = new Uint8Array(e.length);
@@ -212,8 +212,8 @@ function ae() {
     if (t.set(b), t.set(g, b.length), t = a(t), t[6] = t[6] & 15 | e, t[8] = t[8] & 63 | 128, u) {
       if (s = s || 0, s < 0 || s + 16 > u.length)
         throw new RangeError(`UUID byte range ${s}:${s + 15} is out of buffer bounds`);
-      for (let p = 0; p < 16; ++p)
-        u[s + p] = t[p];
+      for (let y = 0; y < 16; ++y)
+        u[s + y] = t[y];
       return u;
     }
     return (0, c.unsafeStringify)(t);
@@ -248,7 +248,7 @@ var Ee;
 function st() {
   if (Ee) return Y;
   Ee = 1, Object.defineProperty(Y, "__esModule", { value: !0 });
-  const r = ut(), c = ve(), v = L();
+  const r = ut(), c = ve(), v = P();
   function d(e, a, n) {
     if (r.default.randomUUID && !a && !e)
       return r.default.randomUUID();
@@ -267,10 +267,10 @@ function st() {
   }
   return Y.default = d, Y;
 }
-var he = {}, ee = {}, Pe;
+var he = {}, ee = {}, qe;
 function ct() {
-  if (Pe) return ee;
-  Pe = 1, Object.defineProperty(ee, "__esModule", { value: !0 });
+  if (qe) return ee;
+  qe = 1, Object.defineProperty(ee, "__esModule", { value: !0 });
   function r(d, e, a, n) {
     switch (d) {
       case 0:
@@ -303,20 +303,20 @@ function ct() {
         b[o] = s[g][o];
       for (let o = 16; o < 80; ++o)
         b[o] = c(b[o - 3] ^ b[o - 8] ^ b[o - 14] ^ b[o - 16], 1);
-      let t = a[0], p = a[1], S = a[2], i = a[3], l = a[4];
+      let t = a[0], y = a[1], S = a[2], i = a[3], l = a[4];
       for (let o = 0; o < 80; ++o) {
-        const f = Math.floor(o / 20), _ = c(t, 5) + r(f, p, S, i) + l + e[f] + b[o] >>> 0;
-        l = i, i = S, S = c(p, 30) >>> 0, p = t, t = _;
+        const f = Math.floor(o / 20), _ = c(t, 5) + r(f, y, S, i) + l + e[f] + b[o] >>> 0;
+        l = i, i = S, S = c(y, 30) >>> 0, y = t, t = _;
       }
-      a[0] = a[0] + t >>> 0, a[1] = a[1] + p >>> 0, a[2] = a[2] + S >>> 0, a[3] = a[3] + i >>> 0, a[4] = a[4] + l >>> 0;
+      a[0] = a[0] + t >>> 0, a[1] = a[1] + y >>> 0, a[2] = a[2] + S >>> 0, a[3] = a[3] + i >>> 0, a[4] = a[4] + l >>> 0;
     }
     return Uint8Array.of(a[0] >> 24, a[0] >> 16, a[0] >> 8, a[0], a[1] >> 24, a[1] >> 16, a[1] >> 8, a[1], a[2] >> 24, a[2] >> 16, a[2] >> 8, a[2], a[3] >> 24, a[3] >> 16, a[3] >> 8, a[3], a[4] >> 24, a[4] >> 16, a[4] >> 8, a[4]);
   }
   return ee.default = v, ee;
 }
-var Le;
+var Pe;
 function lt() {
-  return Le || (Le = 1, function(r) {
+  return Pe || (Pe = 1, function(r) {
     Object.defineProperty(r, "__esModule", { value: !0 }), r.URL = r.DNS = void 0;
     const c = ct(), v = ae();
     var d = ae();
@@ -331,11 +331,11 @@ function lt() {
     e.DNS = v.DNS, e.URL = v.URL, r.default = e;
   }(he)), he;
 }
-var te = {}, Te;
+var te = {}, Le;
 function ft() {
-  if (Te) return te;
-  Te = 1, Object.defineProperty(te, "__esModule", { value: !0 });
-  const r = L(), c = Qe(), v = Ge();
+  if (Le) return te;
+  Le = 1, Object.defineProperty(te, "__esModule", { value: !0 });
+  const r = P(), c = Qe(), v = Ge();
   function d(e, a, n) {
     e ??= {}, n ??= 0;
     let C = (0, c.default)({ ...e, _v6: !0 }, new Uint8Array(16));
@@ -350,11 +350,11 @@ function ft() {
   }
   return te.default = d, te;
 }
-var re = {}, qe;
+var re = {}, Te;
 function dt() {
-  if (qe) return re;
-  qe = 1, Object.defineProperty(re, "__esModule", { value: !0 });
-  const r = oe(), c = L();
+  if (Te) return re;
+  Te = 1, Object.defineProperty(re, "__esModule", { value: !0 });
+  const r = oe(), c = P();
   function v(e) {
     const a = typeof e == "string" ? (0, r.default)(e) : e, n = d(a);
     return typeof e == "string" ? (0, c.unsafeStringify)(n) : n;
@@ -369,7 +369,7 @@ var N = {}, Ve;
 function ht() {
   if (Ve) return N;
   Ve = 1, Object.defineProperty(N, "__esModule", { value: !0 }), N.updateV7State = void 0;
-  const r = ve(), c = L(), v = {};
+  const r = ve(), c = P(), v = {};
   function d(n, C, u) {
     let s;
     if (n)
@@ -423,7 +423,7 @@ function vt() {
     Object.defineProperty(r, "parse", { enumerable: !0, get: function() {
       return d.default;
     } });
-    var e = L();
+    var e = P();
     Object.defineProperty(r, "stringify", { enumerable: !0, get: function() {
       return e.default;
     } });
@@ -459,9 +459,9 @@ function vt() {
     Object.defineProperty(r, "v7", { enumerable: !0, get: function() {
       return t.default;
     } });
-    var p = ie();
+    var y = ie();
     Object.defineProperty(r, "validate", { enumerable: !0, get: function() {
-      return p.default;
+      return y.default;
     } });
     var S = gt();
     Object.defineProperty(r, "version", { enumerable: !0, get: function() {
@@ -469,12 +469,12 @@ function vt() {
     } });
   }(fe)), fe;
 }
-var P = {}, Ne;
+var q = {}, Ne;
 function mt() {
-  if (Ne) return P;
-  Ne = 1, Object.defineProperty(P, "__esModule", {
+  if (Ne) return q;
+  Ne = 1, Object.defineProperty(q, "__esModule", {
     value: !0
-  }), P.checkIfDataTableExists = n, P.cloneDataSource = C, P.deepCopyOf = a, P.isCallable = v, P.isObject = c, P.isSameObjectContent = d, P.isUndefined = e;
+  }), q.checkIfDataTableExists = n, q.cloneDataSource = C, q.deepCopyOf = a, q.isCallable = v, q.isObject = c, q.isSameObjectContent = d, q.isUndefined = e;
   function r(u) {
     "@babel/helpers - typeof";
     return r = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
@@ -522,21 +522,21 @@ function mt() {
       return b;
     }
     if (r(u) === "object") {
-      var p = {};
+      var y = {};
       for (var S in u) {
         if (S === "data") {
-          u[S]._dataStore && s === "clone" ? p[S] = u[S] : u[S]._dataStore && s === "diff" ? p[S] = "-" : p[S] = this.cloneDataSource(u[S]);
+          u[S]._dataStore && s === "clone" ? y[S] = u[S] : u[S]._dataStore && s === "diff" ? y[S] = "-" : y[S] = this.cloneDataSource(u[S]);
           continue;
         }
-        p[S] = this.cloneDataSource(u[S]);
+        y[S] = this.cloneDataSource(u[S]);
       }
-      return p;
+      return y;
     }
   }
-  return P;
+  return q;
 }
 var ge = {}, xe;
-function pt() {
+function yt() {
   return xe || (xe = 1, function(r) {
     Object.defineProperty(r, "__esModule", {
       value: !0
@@ -544,7 +544,7 @@ function pt() {
   }(ge)), ge;
 }
 var He;
-function yt() {
+function pt() {
   return He || (He = 1, function(r) {
     function c(A) {
       "@babel/helpers - typeof";
@@ -557,7 +557,7 @@ function yt() {
     Object.defineProperty(r, "__esModule", {
       value: !0
     }), r.default = void 0;
-    var v = C(ze), d = /* @__PURE__ */ vt(), e = n(mt()), a = C(pt());
+    var v = C(ze), d = /* @__PURE__ */ vt(), e = n(mt()), a = C(yt());
     function n(A, O) {
       if (typeof WeakMap == "function") var k = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap();
       return (n = function(h, j) {
@@ -601,7 +601,7 @@ function yt() {
       }
       return String(A);
     }
-    function p(A, O, k) {
+    function y(A, O, k) {
       return O = o(O), S(A, l() ? Reflect.construct(O, k || [], o(A).constructor) : O.apply(A, k));
     }
     function S(A, O) {
@@ -640,7 +640,7 @@ function yt() {
     var U = /* @__PURE__ */ function(A) {
       function O(k) {
         var m;
-        return u(this, O), m = p(this, O, [k]), m.initialUnmount = !1, m.containerRef = /* @__PURE__ */ v.default.createRef(), m.containerId = (0, d.v4)(), m.oldOptions = null, m.FusionCharts = k.fcLibrary || O.fusionChartsCore || window.FusionCharts, m;
+        return u(this, O), m = y(this, O, [k]), m.initialUnmount = !1, m.containerRef = /* @__PURE__ */ v.default.createRef(), m.containerId = (0, d.v4)(), m.oldOptions = null, m.FusionCharts = k.fcLibrary || O.fusionChartsCore || window.FusionCharts, m;
       }
       return f(O, A), g(O, [{
         key: "componentDidMount",
@@ -660,22 +660,22 @@ function yt() {
           else {
             var m;
             this.initialUnmount = !0;
-            var y = (m = this.props.type) === null || m === void 0 ? void 0 : m.toLowerCase().includes("map");
-            y || this.chartObj.dispose();
+            var p = (m = this.props.type) === null || m === void 0 ? void 0 : m.toLowerCase().includes("map");
+            p || this.chartObj.dispose();
           }
         }
       }, {
         key: "detectChanges",
         value: function(m) {
-          var y = this.resolveChartOptions(m), h = this.oldOptions, j = ["width", "height", "type", "dataFormat", "dataSource", "events"];
-          this.checkAndUpdateChartDimensions(y, h), this.checkAndUpdateChartType(y, h), this.checkAndUpdateChartData(y, h), this.checkAndUpdateEvents(y, h), this.checkAndUpdateRestOptions(a.default.filter(function(w) {
+          var p = this.resolveChartOptions(m), h = this.oldOptions, j = ["width", "height", "type", "dataFormat", "dataSource", "events"];
+          this.checkAndUpdateChartDimensions(p, h), this.checkAndUpdateChartType(p, h), this.checkAndUpdateChartData(p, h), this.checkAndUpdateEvents(p, h), this.checkAndUpdateRestOptions(a.default.filter(function(w) {
             return j.indexOf(w) === -1;
-          }), y, h), this.oldOptions = y;
+          }), p, h), this.oldOptions = p;
         }
       }, {
         key: "checkAndUpdateChartDimensions",
-        value: function(m, y) {
-          var h = m.width, j = m.height, w = y.width, D = y.height;
+        value: function(m, p) {
+          var h = m.width, j = m.height, w = p.width, D = p.height;
           (String(h) !== String(w) || String(j) !== String(D)) && (!e.isUndefined(h) && !e.isUndefined(j) ? this.chartObj.resizeTo(h, j) : (e.isUndefined(h) || this.chartObj.resizeTo({
             w: h
           }), e.isUndefined(j) || this.chartObj.resizeTo({
@@ -684,14 +684,14 @@ function yt() {
         }
       }, {
         key: "checkAndUpdateChartType",
-        value: function(m, y) {
-          var h = m.type, j = y.type;
+        value: function(m, p) {
+          var h = m.type, j = p.type;
           String(h).toLowerCase() !== String(j).toLowerCase() && (e.isUndefined(h) || this.chartObj.chartType(String(h).toLowerCase()));
         }
       }, {
         key: "checkAndUpdateChartData",
-        value: function(m, y) {
-          var h = m.dataFormat, j = m.dataSource, w = y.dataFormat, D = y.dataSource;
+        value: function(m, p) {
+          var h = m.dataFormat, j = m.dataSource, w = p.dataFormat, D = p.dataSource;
           if (String(h).toLowerCase() !== String(w).toLowerCase() && !e.isUndefined(h) && !e.isUndefined(j)) {
             this.chartObj.setChartData(j, String(h).toLowerCase()), this.chartObj.render();
             return;
@@ -705,16 +705,16 @@ function yt() {
         }
       }, {
         key: "isSameChartData",
-        value: function(m, y) {
-          if (e.checkIfDataTableExists(m) && !e.checkIfDataTableExists(y) || !e.checkIfDataTableExists(m) && e.checkIfDataTableExists(y) || e.checkIfDataTableExists(m) && e.checkIfDataTableExists(y) && m.data !== y.data)
+        value: function(m, p) {
+          if (e.checkIfDataTableExists(m) && !e.checkIfDataTableExists(p) || !e.checkIfDataTableExists(m) && e.checkIfDataTableExists(p) || e.checkIfDataTableExists(m) && e.checkIfDataTableExists(p) && m.data !== p.data)
             return !1;
-          var h = JSON.stringify(e.cloneDataSource(y, "diff")), j = JSON.stringify(e.cloneDataSource(m, "diff"));
+          var h = JSON.stringify(e.cloneDataSource(p, "diff")), j = JSON.stringify(e.cloneDataSource(m, "diff"));
           return h === j;
         }
       }, {
         key: "checkAndUpdateEvents",
-        value: function(m, y) {
-          var h = this, j = m.events, w = y.events, D, R;
+        value: function(m, p) {
+          var h = this, j = m.events, w = p.events, D, R;
           this.detectChartEventsChange(j, w) && (e.isUndefined(j) || (D = Object.assign({}, j), R = e.isUndefined(w) ? {} : Object.assign({}, w), Object.keys(R).forEach(function(M) {
             R[M] === D[M] ? D[M] = void 0 : h.chartObj.removeEventListener(M, R[M]);
           }), Object.keys(D).forEach(function(M) {
@@ -723,54 +723,54 @@ function yt() {
         }
       }, {
         key: "detectChartEventsChange",
-        value: function(m, y) {
-          return e.isObject(m) && e.isObject(y) ? !this.isSameChartEvents(m, y) : m !== y;
+        value: function(m, p) {
+          return e.isObject(m) && e.isObject(p) ? !this.isSameChartEvents(m, p) : m !== p;
         }
       }, {
         key: "isSameChartEvents",
-        value: function(m, y) {
-          if (Object.keys(m).length !== Object.keys(y).length)
+        value: function(m, p) {
+          if (Object.keys(m).length !== Object.keys(p).length)
             return !1;
           for (var h = Object.keys(m), j = 0; j < h.length; ++j) {
             var w = h[j];
-            if (m[w] !== y[w])
+            if (m[w] !== p[w])
               return !1;
           }
           return !0;
         }
       }, {
         key: "checkAndUpdateRestOptions",
-        value: function(m, y, h) {
+        value: function(m, p, h) {
           var j = this, w = !1;
           m.forEach(function(D) {
-            var R = y[D], M = h[D];
+            var R = p[D], M = h[D];
             j.isSameOptionValue(R, M) || e.isUndefined(R) || j.chartObj.options && j.chartObj.options.hasOwnProperty(D) && (j.chartObj.options[D] = R, w = !0);
           }), w && this.chartObj.render();
         }
       }, {
         key: "isSameOptionValue",
-        value: function(m, y) {
-          return e.isObject(m) && e.isObject(y) ? e.isSameObjectContent(m, y) : String(m) === String(y);
+        value: function(m, p) {
+          return e.isObject(m) && e.isObject(p) ? e.isSameObjectContent(m, p) : String(m) === String(p);
         }
       }, {
         key: "renderChart",
         value: function() {
-          var m = this, y = this.resolveChartOptions(this.props), h = {};
-          this.containerRef.current && this.props.renderInShadowDom ? y.renderAt = this.containerRef.current : y.renderAt = this.containerId, Object.keys(this.props).forEach(function(j) {
+          var m = this, p = this.resolveChartOptions(this.props), h = {};
+          this.containerRef.current && this.props.renderInShadowDom ? p.renderAt = this.containerRef.current : p.renderAt = this.containerId, Object.keys(this.props).forEach(function(j) {
             var w = j.match(/^fcEvent-.*/i);
             if (w && typeof m.props[j] == "function") {
               var D = j.replace(/^fcEvent-/i, "");
               h[D] = m.props[j];
             }
-          }), Object.keys(h).length > 0 && (y.events === void 0 ? y.events = h : y.events = Object.assign(y.events, h)), this.chartObj = new this.FusionCharts(y), this.chartObj.render(), this.oldOptions = y, this.props.onRender && typeof this.props.onRender == "function" && this.props.onRender(this.chartObj);
+          }), Object.keys(h).length > 0 && (p.events === void 0 ? p.events = h : p.events = Object.assign(p.events, h)), this.chartObj = new this.FusionCharts(p), this.chartObj.render(), this.oldOptions = p, this.props.onRender && typeof this.props.onRender == "function" && this.props.onRender(this.chartObj);
         }
       }, {
         key: "resolveChartOptions",
         value: function(m) {
-          var y = m.chartConfig ? m.chartConfig : {}, h = a.default.reduce(function(j, w) {
+          var p = m.chartConfig ? m.chartConfig : {}, h = a.default.reduce(function(j, w) {
             return j[w] = m[w], j;
           }, {});
-          return Object.assign(h, y), e.isObject(h.dataSource) && !e.checkIfDataTableExists(h.dataSource) ? h.dataSource = e.deepCopyOf(h.dataSource) : e.isObject(h.dataSource) && e.checkIfDataTableExists(h.dataSource) && (h.dataSource = e.cloneDataSource(h.dataSource, "clone")), e.isObject(h.link) && (h.link = e.deepCopyOf(h.link)), e.isObject(h.events) && (h.events = Object.assign({}, h.events)), h;
+          return Object.assign(h, p), e.isObject(h.dataSource) && !e.checkIfDataTableExists(h.dataSource) ? h.dataSource = e.deepCopyOf(h.dataSource) : e.isObject(h.dataSource) && e.checkIfDataTableExists(h.dataSource) && (h.dataSource = e.cloneDataSource(h.dataSource, "clone")), e.isObject(h.link) && (h.link = e.deepCopyOf(h.link)), e.isObject(h.events) && (h.events = Object.assign({}, h.events)), h;
         }
       }, {
         key: "render",
@@ -784,7 +784,7 @@ function yt() {
       }], [{
         key: "fcRoot",
         value: function(m) {
-          for (var y = arguments.length, h = new Array(y > 1 ? y - 1 : 0), j = 1; j < y; j++)
+          for (var p = arguments.length, h = new Array(p > 1 ? p - 1 : 0), j = 1; j < p; j++)
             h[j - 1] = arguments[j];
           h.forEach(function(w) {
             w.getName && w.getType || w.name && w.type ? m.addDep(w) : w(m);
@@ -795,9 +795,9 @@ function yt() {
     r.default = U;
   }(le)), le;
 }
-var _t = yt();
-const bt = /* @__PURE__ */ Ye(_t), Ct = "_sankey_1s5fe_1", Ot = "_stackedArea_1s5fe_32", At = "_msCombiDy2d_1s5fe_32", St = "_scrollArea_1s5fe_44", jt = "_scrollLine2d_1s5fe_77", wt = "_bar2d_1s5fe_87", kt = "_line_1s5fe_106", Dt = "_stackedcolumn2d_1s5fe_173", Mt = "_scrollStackedColumn2d_1s5fe_173", Rt = "_groupChart_1s5fe_204", Ut = "_multipleLineChart_1s5fe_214", It = "_column2dMultiColor_1s5fe_228", Et = "_fusion_chart_wrapper_1s5fe_388", I = {
-  "ckds-finops-charts": "_ckds-finops-charts_1s5fe_1",
+var _t = pt();
+const bt = /* @__PURE__ */ Ye(_t), Ct = "_sankey_qcfb7_1", Ot = "_stackedArea_qcfb7_32", At = "_msCombiDy2d_qcfb7_32", St = "_scrollArea_qcfb7_44", jt = "_scrollLine2d_qcfb7_77", wt = "_bar2d_qcfb7_87", kt = "_line_qcfb7_106", Dt = "_stackedcolumn2d_qcfb7_173", Mt = "_scrollStackedColumn2d_qcfb7_173", Rt = "_groupChart_qcfb7_204", Ut = "_multipleLineChart_qcfb7_214", It = "_column2dMultiColor_qcfb7_228", Et = "_fusion_chart_wrapper_qcfb7_388", I = {
+  "ckds-finops-charts": "_ckds-finops-charts_qcfb7_1",
   sankey: Ct,
   stackedArea: Ot,
   msCombiDy2d: At,
@@ -811,20 +811,22 @@ const bt = /* @__PURE__ */ Ye(_t), Ct = "_sankey_1s5fe_1", Ot = "_stackedArea_1s
   multipleLineChart: Ut,
   column2dMultiColor: It,
   fusion_chart_wrapper: Et,
-  "doughnut-legend": "_doughnut-legend_1s5fe_392",
-  "doughnut-legend-item": "_doughnut-legend-item_1s5fe_401",
-  "doughnut-legend-item--hidden": "_doughnut-legend-item--hidden_1s5fe_413",
-  "doughnut-legend-icon": "_doughnut-legend-icon_1s5fe_417",
-  "doughnut-legend-text": "_doughnut-legend-text_1s5fe_425"
-}, Pt = bt;
-function Lt(r) {
+  "doughnut-legend": "_doughnut-legend_qcfb7_392",
+  "doughnut-legend-item": "_doughnut-legend-item_qcfb7_401",
+  "doughnut-legend-item--hidden": "_doughnut-legend-item--hidden_qcfb7_413",
+  "doughnut-legend-icon": "_doughnut-legend-icon_qcfb7_417",
+  "doughnut-legend-text": "_doughnut-legend-text_qcfb7_425"
+}, qt = bt;
+function Pt(r) {
   if (r.chartType === "column2d" && r.usePerBarColors && !Array.isArray(r.graphData)) {
     const d = r.graphData?.dataset?.[0]?.data || [], e = (r.palettecolors || H).split(",").map((a) => a.trim());
-    return d.map((a, n) => a.color || e[n % e.length]);
+    return d.map(
+      (a, n) => a.color || e[n % e.length]
+    );
   }
   return r.chartType === "stackedArea" ? (r.palettecolors || Ke).split(",").map((d) => d.trim()) : r.chartType === "scrollArea" || r.chartType === "line" ? (r.palettecolors || "#8ECFFF").split(",").map((d) => d.trim()) : (r.palettecolors || H).split(",").map((v) => v.trim());
 }
-function Tt({
+function Lt({
   items: r,
   colors: c,
   hiddenSeries: v,
@@ -860,7 +862,7 @@ function Tt({
     );
   }) });
 }
-function qt(r) {
+function Tt(r) {
   const { chartType: c, showLegend: v } = r;
   if (v === "0") return null;
   if (c === "doughnutChart")
@@ -911,11 +913,11 @@ function $t(r, c, v, d) {
   if (v === "doughnutChart") {
     const s = r;
     if (!s?.data) return r;
-    const g = (d || H).split(",").map((p) => p.trim()), t = s.data.map((p, S) => ({
-      ...p,
-      color: p.color || g[S % g.length]
+    const g = (d || H).split(",").map((y) => y.trim()), t = s.data.map((y, S) => ({
+      ...y,
+      color: y.color || g[S % g.length]
     })).filter(
-      (p) => !c[p.legendItemName || p.label || ""]
+      (y) => !c[y.legendItemName || y.label || ""]
     );
     return { ...s, data: t };
   }
@@ -923,17 +925,21 @@ function $t(r, c, v, d) {
     return Object.values(c).some(Boolean) ? [] : r;
   if (v === "column2d" || v === "bar2d" || v === "area") {
     if (v === "column2d" && !Array.isArray(r) && r?.dataset) {
-      const s = r, g = s.category || [], b = s.dataset || [], t = g.map((i, l) => ({ label: i.label || "", index: l })).filter((i) => !c[i.label]).map((i) => i.index), p = t.map((i) => g[i]), S = b.map((i) => ({
+      const s = r, g = s.category || [], b = s.dataset || [], t = g.map((i, l) => ({ label: i.label || "", index: l })).filter((i) => !c[i.label]).map((i) => i.index), y = t.map((i) => g[i]), S = b.map((i) => ({
         ...i,
         data: t.map((l) => (i.data || [])[l])
       }));
-      return { ...s, category: p, dataset: S };
+      return {
+        ...s,
+        category: y,
+        dataset: S
+      };
     }
     if (Array.isArray(r)) {
       const s = (d || H).split(",").map((t) => t.trim());
-      return r.map((t, p) => ({
+      return r.map((t, y) => ({
         ...t,
-        color: t.color || s[p % s.length]
+        color: t.color || s[y % s.length]
       })).filter((t) => !c[t.label || ""]);
     }
     return r;
@@ -960,7 +966,7 @@ function Ft(r) {
       ...A,
       [U]: !A[U]
     }));
-  }, []), p = ye(
+  }, []), y = pe(
     () => $t(
       r.graphData,
       d,
@@ -970,8 +976,8 @@ function Ft(r) {
     [r.graphData, d, c, r.palettecolors]
   ), S = Be({
     ...r,
-    graphData: p
-  }), i = ye(
+    graphData: y
+  }), i = pe(
     () => Object.entries(d).filter(([, U]) => U).map(([U]) => U).join("|") || "all",
     [d]
   ), l = ce(() => {
@@ -980,14 +986,14 @@ function Ft(r) {
     if (U.getAttribute("data-rounded-applied") === "true") return;
     const A = U.querySelector("svg");
     if (!A) return;
-    const O = Array.from(A.querySelectorAll("rect")), k = c === "bar2d", m = O.filter((y) => {
-      const h = parseFloat(y.getAttribute("height") || "0"), j = parseFloat(y.getAttribute("width") || "0"), w = y.getAttribute("fill") || "", D = w === "#ffffff" || w === "none" || w === "transparent" || w === "#FFFFFF";
+    const O = Array.from(A.querySelectorAll("rect")), k = c === "bar2d", m = O.filter((p) => {
+      const h = parseFloat(p.getAttribute("height") || "0"), j = parseFloat(p.getAttribute("width") || "0"), w = p.getAttribute("fill") || "", D = w === "#ffffff" || w === "none" || w === "transparent" || w === "#FFFFFF";
       return h > 10 && j > 2 && !D;
     });
     if (m.length !== 0) {
       if (k)
-        m.forEach((y) => {
-          const h = parseFloat(y.getAttribute("x") || "0"), j = parseFloat(y.getAttribute("y") || "0"), w = parseFloat(y.getAttribute("width") || "0"), D = parseFloat(y.getAttribute("height") || "0"), R = 4, M = document.createElementNS(
+        m.forEach((p) => {
+          const h = parseFloat(p.getAttribute("x") || "0"), j = parseFloat(p.getAttribute("y") || "0"), w = parseFloat(p.getAttribute("width") || "0"), D = parseFloat(p.getAttribute("height") || "0"), R = 4, M = document.createElementNS(
             "http://www.w3.org/2000/svg",
             "path"
           ), V = `M${h},${j} L${h + w - R},${j} Q${h + w},${j} ${h + w},${j + R} L${h + w},${j + D - R} Q${h + w},${j + D} ${h + w - R},${j + D} L${h},${j + D} Z`;
@@ -998,17 +1004,17 @@ function Ft(r) {
             "stroke-width",
             "opacity",
             "class"
-          ].forEach((T) => {
-            const q = y.getAttribute(T);
-            q && M.setAttribute(T, q);
-          }), y.getAttribute("style") && M.setAttribute("style", y.getAttribute("style") || ""), y.parentNode?.replaceChild(M, y);
+          ].forEach((L) => {
+            const T = p.getAttribute(L);
+            T && M.setAttribute(L, T);
+          }), p.getAttribute("style") && M.setAttribute("style", p.getAttribute("style") || ""), p.parentNode?.replaceChild(M, p);
         });
       else {
-        const y = {};
+        const p = {};
         m.forEach((h) => {
           const w = `${Math.round(parseFloat(h.getAttribute("x") || "0"))}`;
-          y[w] || (y[w] = []), y[w].push(h);
-        }), Object.values(y).forEach((h) => {
+          p[w] || (p[w] = []), p[w].push(h);
+        }), Object.values(p).forEach((h) => {
           let j = null, w = 1 / 0;
           h.forEach((R) => {
             const M = parseFloat(R.getAttribute("y") || "0");
@@ -1016,11 +1022,11 @@ function Ft(r) {
           });
           const D = j;
           if (D) {
-            const R = parseFloat(D.getAttribute("x") || "0"), M = parseFloat(D.getAttribute("y") || "0"), V = parseFloat(D.getAttribute("width") || "0"), ue = parseFloat(D.getAttribute("height") || "0"), T = 4, q = document.createElementNS(
+            const R = parseFloat(D.getAttribute("x") || "0"), M = parseFloat(D.getAttribute("y") || "0"), V = parseFloat(D.getAttribute("width") || "0"), ue = parseFloat(D.getAttribute("height") || "0"), L = 4, T = document.createElementNS(
               "http://www.w3.org/2000/svg",
               "path"
-            ), Xe = `M${R},${M + ue} L${R},${M + T} Q${R},${M} ${R + T},${M} L${R + V - T},${M} Q${R + V},${M} ${R + V},${M + T} L${R + V},${M + ue} Z`;
-            q.setAttribute("d", Xe), [
+            ), Xe = `M${R},${M + ue} L${R},${M + L} Q${R},${M} ${R + L},${M} L${R + V - L},${M} Q${R + V},${M} ${R + V},${M + L} L${R + V},${M + ue} Z`;
+            T.setAttribute("d", Xe), [
               "fill",
               "fill-opacity",
               "stroke",
@@ -1028,9 +1034,9 @@ function Ft(r) {
               "opacity",
               "class"
             ].forEach((me) => {
-              const pe = D.getAttribute(me);
-              pe && q.setAttribute(me, pe);
-            }), D.getAttribute("style") && q.setAttribute("style", D.getAttribute("style") || ""), D.parentNode?.replaceChild(q, D);
+              const ye = D.getAttribute(me);
+              ye && T.setAttribute(me, ye);
+            }), D.getAttribute("style") && T.setAttribute("style", D.getAttribute("style") || ""), D.parentNode?.replaceChild(T, D);
           }
         });
       }
@@ -1043,8 +1049,8 @@ function Ft(r) {
     const U = s.current;
     if (!U) return;
     const A = () => {
-      const y = U.querySelector("svg")?.querySelectorAll("rect");
-      return y && y.length > 5 ? (l(), !0) : !1;
+      const p = U.querySelector("svg")?.querySelectorAll("rect");
+      return p && p.length > 5 ? (l(), !0) : !1;
     };
     if (A()) return;
     const O = new MutationObserver(() => {
@@ -1059,7 +1065,7 @@ function Ft(r) {
     return () => {
       O.disconnect(), k.forEach(clearTimeout);
     };
-  }, [v, p, l]), _e(() => {
+  }, [v, y, l]), _e(() => {
     n(!1);
     const U = s.current;
     if (!U) return;
@@ -1078,7 +1084,7 @@ function Ft(r) {
     return () => {
       O.disconnect(), clearTimeout(k);
     };
-  }, [p, i]);
+  }, [y, i]);
   const o = Je(
     I["ckds-finops-charts"],
     c === "sankey" && I.sankey,
@@ -1093,11 +1099,12 @@ function Ft(r) {
     c === "groupChart" && I.groupChart,
     c === "multipleLineChart" && I.multipleLineChart,
     c === "column2d" && r.usePerBarColors && I.column2dMultiColor,
-    r.wrapperClassName
+    c,
+    r.className
   );
   if (!S)
     return null;
-  const f = qt(r), _ = Lt(r);
+  const f = Tt(r), _ = Pt(r);
   return /* @__PURE__ */ We(
     "div",
     {
@@ -1105,16 +1112,20 @@ function Ft(r) {
       "data-hovered-type": C ?? void 0,
       children: [
         /* @__PURE__ */ x("div", { className: I.fusion_chart_wrapper, ref: s, children: /* @__PURE__ */ x(
-          Pt,
+          qt,
           {
             ...S,
-            events: tt({ ...r, graphData: p, onPlotHover: b }),
+            events: tt({
+              ...r,
+              graphData: y,
+              onPlotHover: b
+            }),
             onRender: et(r)
           },
           i
         ) }),
         f && a && /* @__PURE__ */ x(
-          Tt,
+          Lt,
           {
             items: f,
             colors: _,