@ck-ui/component-library 0.1.5 → 0.3.0

package/dist/components/FusionChart/_constant/chartTestData.js

@@ -0,0 +1,460 @@
+const e = {
+  chartType: "column2d",
+  xAxisName: "",
+  yAxisName: "",
+  height: "350",
+  hideScroll: !0,
+  numberPrefix: "$",
+  showValues: "0",
+  showLabels: "1",
+  applyRoundedBarsOnRender: !0,
+  graphData: [
+    { label: "Jan", value: 1200 },
+    { label: "Feb", value: 900 },
+    { label: "Mar", value: 1500 },
+    { label: "Apr", value: 1100 },
+    { label: "May", value: 1800 },
+    { label: "Jun", value: 1400 }
+  ]
+}, a = {
+  chartType: "bar2d",
+  xAxisName: "",
+  yAxisName: "",
+  height: "350",
+  hideScroll: !0,
+  numberPrefix: "$",
+  showValues: "0",
+  showLabels: "1",
+  plotSpacePercent: 20,
+  applyRoundedBarsOnRender: !0,
+  graphData: [
+    { label: "Sydney", value: 2800 },
+    { label: "Global", value: 1100 },
+    { label: "Ohio", value: 500 },
+    { label: "Mumbai", value: 1800 },
+    { label: "Frankfurt", value: 900 }
+  ]
+}, l = {
+  chartType: "groupChart",
+  xAxisName: "",
+  yAxisName: "",
+  height: "400",
+  numberPrefix: "$",
+  showToolTip: "1",
+  showValues: "0",
+  showLegend: "1",
+  plotSpacePercent: 40,
+  applyRoundedBarsOnRender: !0,
+  graphData: {
+    category: [
+      { label: "Jan" },
+      { label: "Feb" },
+      { label: "Mar" },
+      { label: "Apr" },
+      { label: "May" },
+      { label: "Jun" }
+    ],
+    dataset: [
+      {
+        seriesname: "EC2",
+        data: [
+          { value: 780 },
+          { value: 350 },
+          { value: 600 },
+          { value: 440 },
+          { value: 100 },
+          { value: 520 }
+        ]
+      },
+      {
+        seriesname: "RDS",
+        data: [
+          { value: 450 },
+          { value: 600 },
+          { value: 400 },
+          { value: 300 },
+          { value: 280 },
+          { value: 350 }
+        ]
+      },
+      {
+        seriesname: "Database",
+        data: [
+          { value: 320 },
+          { value: 200 },
+          { value: 500 },
+          { value: 180 },
+          { value: 400 },
+          { value: 350 }
+        ]
+      }
+    ]
+  }
+}, u = {
+  chartType: "stackedcolumn2d",
+  xAxisName: "",
+  yAxisName: "",
+  height: "400",
+  hideScroll: !0,
+  showLegend: "1",
+  numberPrefix: "$",
+  applyRoundedBarsOnRender: !0,
+  graphData: {
+    category: [
+      { label: "Jan" },
+      { label: "Feb" },
+      { label: "Mar" },
+      { label: "Apr" },
+      { label: "May" },
+      { label: "Jun" },
+      { label: "Jul" },
+      { label: "Aug" },
+      { label: "Sep" },
+      { label: "Oct" }
+    ],
+    dataset: [
+      {
+        seriesname: "EC2",
+        data: [
+          { value: 450 },
+          { value: 400 },
+          { value: 350 },
+          { value: 300 },
+          { value: 200 },
+          { value: 580 },
+          { value: 300 },
+          { value: 300 },
+          { value: 300 },
+          { value: 500 }
+        ]
+      },
+      {
+        seriesname: "Virtual Service",
+        data: [
+          { value: 180 },
+          { value: 100 },
+          { value: 180 },
+          { value: 100 },
+          { value: 50 },
+          { value: 180 },
+          { value: 120 },
+          { value: 120 },
+          { value: 120 },
+          { value: 100 }
+        ]
+      },
+      {
+        seriesname: "RDS",
+        data: [
+          { value: 170 },
+          { value: 120 },
+          { value: 150 },
+          { value: 120 },
+          { value: 80 },
+          { value: 200 },
+          { value: 100 },
+          { value: 100 },
+          { value: 100 },
+          { value: 150 }
+        ]
+      }
+    ]
+  }
+}, v = {
+  chartType: "line",
+  xAxisName: "Month",
+  yAxisName: "MRR ($)",
+  height: "320",
+  numberPrefix: "$",
+  graphData: [
+    { label: "Jan", value: 18e3 },
+    { label: "Feb", value: 22e3 },
+    { label: "Mar", value: 19e3 },
+    { label: "Apr", value: 28e3 },
+    { label: "May", value: 32e3 }
+  ]
+}, r = {
+  chartType: "multipleLineChart",
+  xAxisName: "",
+  yAxisName: "",
+  height: "400",
+  showLegend: "1",
+  numberPrefix: "$",
+  graphData: {
+    category: [
+      { label: "Jan" },
+      { label: "Feb" },
+      { label: "Mar" },
+      { label: "Apr" },
+      { label: "May" },
+      { label: "Jun" },
+      { label: "Jul" },
+      { label: "Aug" },
+      { label: "Sep" }
+    ],
+    dataset: [
+      {
+        seriesname: "EC2",
+        data: [
+          { value: 0 },
+          { value: 400 },
+          { value: 600 },
+          { value: 600 },
+          { value: 800 },
+          { value: 600 },
+          { value: 820 },
+          { value: 820 },
+          { value: 800 }
+        ]
+      },
+      {
+        seriesname: "RDS",
+        data: [
+          { value: 0 },
+          { value: 200 },
+          { value: 400 },
+          { value: 400 },
+          { value: 600 },
+          { value: 400 },
+          { value: 600 },
+          { value: 400 },
+          { value: 600 }
+        ]
+      },
+      {
+        seriesname: "Database",
+        data: [
+          { value: 0 },
+          { value: 60 },
+          { value: 190 },
+          { value: 190 },
+          { value: 300 },
+          { value: 190 },
+          { value: 320 },
+          { value: 190 },
+          { value: 200 }
+        ]
+      },
+      {
+        seriesname: "Lambda",
+        data: [
+          { value: 0 },
+          { value: 100 },
+          { value: 250 },
+          { value: 300 },
+          { value: 350 },
+          { value: 280 },
+          { value: 400 },
+          { value: 450 },
+          { value: 420 }
+        ]
+      },
+      {
+        seriesname: "S3",
+        data: [
+          { value: 0 },
+          { value: 50 },
+          { value: 120 },
+          { value: 150 },
+          { value: 180 },
+          { value: 160 },
+          { value: 200 },
+          { value: 220 },
+          { value: 250 }
+        ]
+      }
+    ]
+  }
+}, t = {
+  chartType: "stackedArea",
+  xAxisName: "",
+  yAxisName: "",
+  height: "400",
+  showLegend: "1",
+  numberPrefix: "$",
+  graphData: {
+    category: [
+      { label: "Feb 26" },
+      { label: "Mar 5" },
+      { label: "Mar 12" },
+      { label: "Mar 19" },
+      { label: "Mar 26" },
+      { label: "Apr 2" },
+      { label: "Apr 9" },
+      { label: "Apr 16" },
+      { label: "Apr 23" },
+      { label: "Apr 26" }
+    ],
+    dataset: [
+      {
+        seriesname: "RI Cost",
+        data: [
+          { value: 150 },
+          { value: 320 },
+          { value: 480 },
+          { value: 580 },
+          { value: 720 },
+          { value: 750 },
+          { value: 760 },
+          { value: 770 },
+          { value: 780 },
+          { value: 780 }
+        ]
+      },
+      {
+        seriesname: "SP Cost",
+        data: [
+          { value: 100 },
+          { value: 350 },
+          { value: 680 },
+          { value: 950 },
+          { value: 1200 },
+          { value: 1350 },
+          { value: 1420 },
+          { value: 1450 },
+          { value: 1480 },
+          { value: 1480 }
+        ]
+      },
+      {
+        seriesname: "OD Cost",
+        data: [
+          { value: 300 },
+          { value: 680 },
+          { value: 1100 },
+          { value: 1500 },
+          { value: 1900 },
+          { value: 2200 },
+          { value: 2450 },
+          { value: 2650 },
+          { value: 2800 },
+          { value: 2950 }
+        ]
+      }
+    ]
+  }
+}, s = {
+  chartType: "doughnutChart",
+  width: "100%",
+  height: "400",
+  showLegend: "1",
+  showLabels: "1",
+  manageDoughnutLabels: !0,
+  doughnutRadius: 60,
+  pieRadius: 120,
+  defaultCenterLabel: "Total Resources{br}",
+  numberPrefix: "$",
+  showToolTip: "1",
+  graphData: {
+    data: [
+      { label: "Compliant (Tagged) Resources", value: 2e3, legendItemName: "EC2" },
+      { label: "Non Compliant (Tagged) Resources", value: 100, legendItemName: "RDS" },
+      { label: "Untagged Resources", value: 4500, legendItemName: "Database" }
+    ]
+  }
+}, b = {
+  chartType: "stackBarChart",
+  xAxisName: "",
+  yAxisName: "",
+  height: "400",
+  numberPrefix: "$",
+  graphData: {
+    category: [
+      { label: "Q1" },
+      { label: "Q2" },
+      { label: "Q3" },
+      { label: "Q4" }
+    ],
+    dataset: [
+      {
+        seriesname: "Product A",
+        data: [
+          { value: 400 },
+          { value: 600 },
+          { value: 500 },
+          { value: 700 }
+        ]
+      },
+      {
+        seriesname: "Product B",
+        data: [
+          { value: 300 },
+          { value: 400 },
+          { value: 350 },
+          { value: 500 }
+        ]
+      },
+      {
+        seriesname: "Product C",
+        data: [
+          { value: 200 },
+          { value: 250 },
+          { value: 300 },
+          { value: 350 }
+        ]
+      }
+    ]
+  }
+}, n = {
+  chartType: "area",
+  xAxisName: "Month",
+  yAxisName: "Revenue ($)",
+  height: "350",
+  numberPrefix: "$",
+  graphData: [
+    { label: "Jan", value: 5e3 },
+    { label: "Feb", value: 7200 },
+    { label: "Mar", value: 6800 },
+    { label: "Apr", value: 9100 },
+    { label: "May", value: 8500 },
+    { label: "Jun", value: 11e3 }
+  ]
+}, o = {
+  chartType: "sankey",
+  height: "500",
+  graphData: {
+    nodes: [
+      { label: "AWS" },
+      { label: "Azure" },
+      { label: "GCP" },
+      { label: "Compute" },
+      { label: "Storage" },
+      { label: "Network" }
+    ],
+    links: [
+      { from: "AWS", to: "Compute", value: 500 },
+      { from: "AWS", to: "Storage", value: 300 },
+      { from: "AWS", to: "Network", value: 200 },
+      { from: "Azure", to: "Compute", value: 400 },
+      { from: "Azure", to: "Storage", value: 250 },
+      { from: "GCP", to: "Compute", value: 300 },
+      { from: "GCP", to: "Network", value: 150 }
+    ]
+  }
+}, i = {
+  column2d: e,
+  bar2d: a,
+  groupChart: l,
+  stackedcolumn2d: u,
+  line: v,
+  multipleLineChart: r,
+  stackedArea: t,
+  doughnutChart: s,
+  stackBarChart: b,
+  area: n,
+  sankey: o
+};
+export {
+  i as ALL_CHART_PROPS,
+  n as AREA_CHART_PROPS,
+  a as BAR_2D_PROPS,
+  e as COLUMN_2D_PROPS,
+  s as DOUGHNUT_CHART_PROPS,
+  l as GROUP_CHART_PROPS,
+  v as LINE_CHART_PROPS,
+  r as MULTIPLE_LINE_CHART_PROPS,
+  o as SANKEY_CHART_PROPS,
+  t as STACKED_AREA_PROPS,
+  b as STACKED_BAR_CHART_PROPS,
+  u as STACKED_COLUMN_PROPS
+};

package/dist/components/FusionChart/_constant/constants.d.ts

@@ -0,0 +1,16 @@
+export declare const DEFAULT_WIDTH = "100%";
+export declare const DEFAULT_PALETTE = "#8ECFFF";
+export declare const EXTENDED_PALETTE = "#8ECFFF,#60C0A6,#F6B273,#FBD064,#907BE2,#2A86FF,#EA6AA7,#4E8649,#4184A1";
+export declare const AXIS_LINE_COLOR = "#cfdde5";
+export declare const CROSS_LINE_COLOR = "#f2f5fa";
+export declare const DIV_LINE_COLOR = "#A6BCC9";
+export declare const LABEL_FONT_COLOR = "#050505";
+export declare const AXIS_NAME_FONT_COLOR = "#000000";
+export declare const LEGEND_FONT_COLOR = "#555b6c";
+export declare const LEGEND_HOVER_FONT_COLOR = "#0a3ca2";
+export declare const LABEL_STEP_DEFAULT = "0";
+export declare const VALUE_TOOLTIP = "<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding:4px 0 8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;padding:4px 0;min-width:180px'><span style='display:flex;align-items:center;gap:6px;color:#666'><span style='width:10px;height:10px;border-radius:2px;background-color:$color;display:inline-block'></span>$label</span><b style='color:#050505'>$dataValue</b></div>";
+export declare const PERCENT_TOOLTIP = "<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding:4px 0 8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;padding:4px 0;min-width:180px'><span style='display:flex;align-items:center;gap:6px;color:#666'><span style='width:10px;height:10px;border-radius:2px;background-color:$color;display:inline-block'></span>$label</span><b style='color:#050505'>$dataValue%</b></div>";
+export declare const SERIES_TOOLTIP = "<div class='tooltipListCont'><div class='tooltipItem'><span class='colorSquare' style='background-color:$color'></span><span>$seriesName</span><b>$dataValue</b></div></div>";
+export declare const STACKED_AREA_PALETTE = "#8AABEF,#F5C842,#54B86F";
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/FusionChart/_constant/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../lib/components/FusionChart/_constant/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,SAAS,CAAC;AAGpC,eAAO,MAAM,eAAe,YAAY,CAAC;AAGzC,eAAO,MAAM,gBAAgB,4EAC8C,CAAC;AAE5E,eAAO,MAAM,eAAe,YAAY,CAAC;AACzC,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAC1C,eAAO,MAAM,cAAc,YAAY,CAAC;AACxC,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAC1C,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAC9C,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAC3C,eAAO,MAAM,uBAAuB,YAAY,CAAC;AACjD,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,eAAO,MAAM,aAAa,2dACgc,CAAC;AAE3d,eAAO,MAAM,eAAe,4dAC+b,CAAC;AAE5d,eAAO,MAAM,cAAc,iLACqJ,CAAC;AAGjL,eAAO,MAAM,oBAAoB,4BAA4B,CAAC"}

package/dist/components/FusionChart/_constant/constants.js

@@ -0,0 +1,18 @@
+const t = "100%", o = "#8ECFFF", e = "#8ECFFF,#60C0A6,#F6B273,#FBD064,#907BE2,#2A86FF,#EA6AA7,#4E8649,#4184A1", s = "#cfdde5", n = "#f2f5fa", l = "#A6BCC9", a = "#050505", i = "#000000", p = "#555b6c", c = "#0a3ca2", d = "0", E = "<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding:4px 0 8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;padding:4px 0;min-width:180px'><span style='display:flex;align-items:center;gap:6px;color:#666'><span style='width:10px;height:10px;border-radius:2px;background-color:$color;display:inline-block'></span>$label</span><b style='color:#050505'>$dataValue</b></div>", r = "<div style='font-size:14px;font-weight:600;color:#2B2B2B;padding:4px 0 8px;border-bottom:1px solid #eee;margin-bottom:8px'>$label</div><div style='display:flex;justify-content:space-between;align-items:center;padding:4px 0;min-width:180px'><span style='display:flex;align-items:center;gap:6px;color:#666'><span style='width:10px;height:10px;border-radius:2px;background-color:$color;display:inline-block'></span>$label</span><b style='color:#050505'>$dataValue%</b></div>", x = "<div class='tooltipListCont'><div class='tooltipItem'><span class='colorSquare' style='background-color:$color'></span><span>$seriesName</span><b>$dataValue</b></div></div>", L = "#8AABEF,#F5C842,#54B86F";
+export {
+  s as AXIS_LINE_COLOR,
+  i as AXIS_NAME_FONT_COLOR,
+  n as CROSS_LINE_COLOR,
+  o as DEFAULT_PALETTE,
+  t as DEFAULT_WIDTH,
+  l as DIV_LINE_COLOR,
+  e as EXTENDED_PALETTE,
+  a as LABEL_FONT_COLOR,
+  d as LABEL_STEP_DEFAULT,
+  p as LEGEND_FONT_COLOR,
+  c as LEGEND_HOVER_FONT_COLOR,
+  r as PERCENT_TOOLTIP,
+  x as SERIES_TOOLTIP,
+  L as STACKED_AREA_PALETTE,
+  E as VALUE_TOOLTIP
+};

package/dist/components/FusionChart/_helpers/doughnutHelper.d.ts

@@ -0,0 +1,17 @@
+interface ChartEventObject {
+    sender?: {
+        container?: HTMLElement;
+        originalDataSource?: {
+            chart?: {
+                numberPrefix?: string;
+            };
+            data?: Array<{
+                label?: string;
+                value: number;
+            }>;
+        };
+    };
+}
+export declare function adjustDoughnutLabels(evtObj?: ChartEventObject): void;
+export {};
+//# sourceMappingURL=doughnutHelper.d.ts.map

package/dist/components/FusionChart/_helpers/doughnutHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"doughnutHelper.d.ts","sourceRoot":"","sources":["../../../../lib/components/FusionChart/_helpers/doughnutHelper.ts"],"names":[],"mappings":"AAAA,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,WAAW,CAAC;QACxB,kBAAkB,CAAC,EAAE;YACnB,KAAK,CAAC,EAAE;gBAAE,YAAY,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC;YAClC,IAAI,CAAC,EAAE,KAAK,CAAC;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,CAAA;aAAE,CAAC,CAAC;SACjD,CAAC;KACH,CAAC;CACH;AAED,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,gBAAqB,GAAG,IAAI,CAiIxE"}

package/dist/components/FusionChart/_helpers/doughnutHelper.js

@@ -0,0 +1,57 @@
+function I(f = {}) {
+  const b = f?.sender?.container;
+  if (!b) return;
+  const h = f?.sender?.originalDataSource?.data || [], m = f?.sender?.originalDataSource?.chart?.numberPrefix || "", A = h.reduce((t, e) => t + (Number(e.value) || 0), 0), y = 50, d = {};
+  h.forEach((t) => {
+    t.label && (d[t.label] = { value: t.value, label: t.label });
+  }), Array.from(b.querySelectorAll("text")).forEach((t) => {
+    const e = t, s = e?.textContent?.trim() || "";
+    if (d[s] || s.length === 0) return;
+    const r = String(A);
+    if (s.includes(r) || s.includes("Total") || s.includes("Resource")) {
+      const i = e.querySelectorAll("tspan");
+      i.length > 0 ? i.forEach((n) => {
+        const a = n.textContent?.trim() || "";
+        n.setAttribute("font-family", "Inter, sans-serif"), a === r || a === `${m}${A}` ? (n.setAttribute("font-weight", "600"), n.setAttribute("font-size", "11"), n.setAttribute("fill", "#050505")) : (n.setAttribute("font-weight", "400"), n.setAttribute("font-size", "10"), n.setAttribute("fill", "#737373"));
+      }) : (e.setAttribute("font-family", "Inter, sans-serif"), s === r || s === `${m}${A}` ? (e.setAttribute("font-weight", "600"), e.setAttribute("font-size", "11"), e.setAttribute("fill", "#050505")) : (e.setAttribute("font-weight", "400"), e.setAttribute("font-size", "10"), e.setAttribute("fill", "#737373")));
+    }
+  });
+  const g = {};
+  h.slice().sort((t, e) => e.value - t.value).forEach((t, e) => {
+    t.label && (g[t.label] = e + 1);
+  });
+  const w = Array.from(b.querySelectorAll("text")), p = [];
+  w.forEach((t) => {
+    const e = t?.textContent?.trim() || "";
+    d[e] && p.push(t);
+  });
+  const x = [];
+  p.forEach((t) => {
+    const e = parseFloat(t?.getAttribute?.("x") || "0"), s = parseFloat(t?.getAttribute?.("y") || "0"), r = t?.textContent?.trim?.() || "", i = x?.findIndex?.(
+      (n) => Math.abs(n.x - e) < 40 && Math.abs(n.y - s) < 50
+    );
+    if (i !== -1) {
+      const n = x?.[i], a = n?.el, S = g?.[r] || 9999, $ = g?.[n.text] || 9999;
+      let l;
+      S === 2 ? l = t : $ === 2 ? l = a : l = S > $ ? t : a;
+      const C = parseFloat(l?.getAttribute?.("y") || "0") + y;
+      l?.setAttribute?.("y", String(C));
+      const c = l?.nextElementSibling;
+      if (c && c?.tagName === "path") {
+        const o = (c?.getAttribute?.("d") || "")?.match?.(/(-?\d+(\.\d+)?,-?\d+(\.\d+)?)/g);
+        if (o && o?.length >= 2) {
+          for (let u = 1; u < o?.length; u += 1) {
+            const v = o[u].split(","), M = v[0], T = parseFloat(v[1]) + y;
+            o[u] = `${M},${T}`;
+          }
+          const D = `M${o?.[0]}L${o?.slice?.(1)?.join?.(",")}`;
+          c?.setAttribute?.("d", D);
+        }
+      }
+    }
+    x.push({ x: e, y: s, el: t, text: r });
+  });
+}
+export {
+  I as adjustDoughnutLabels
+};

package/dist/components/FusionChart/_helpers/multiAxisHelper.d.ts

@@ -0,0 +1,8 @@
+interface ChartEventObject {
+    sender?: {
+        container?: HTMLElement;
+    };
+}
+export declare function adjustMultiAxisValueLabels(evtObj?: ChartEventObject): void;
+export {};
+//# sourceMappingURL=multiAxisHelper.d.ts.map

package/dist/components/FusionChart/_helpers/multiAxisHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiAxisHelper.d.ts","sourceRoot":"","sources":["../../../../lib/components/FusionChart/_helpers/multiAxisHelper.ts"],"names":[],"mappings":"AAAA,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,WAAW,CAAC;KACzB,CAAC;CACH;AAED,wBAAgB,0BAA0B,CAAC,MAAM,GAAE,gBAAqB,GAAG,IAAI,CA8B9E"}

package/dist/components/FusionChart/_helpers/multiAxisHelper.js

@@ -0,0 +1,21 @@
+function o(l = {}) {
+  const s = l?.sender?.container?.querySelectorAll("[class*='vcanvas-label']");
+  if (s?.length === 2) {
+    const c = s[0]?.querySelectorAll?.("text"), i = s[1]?.querySelectorAll?.("text");
+    c?.forEach((r, n) => {
+      if (i?.[n]) {
+        const t = parseInt(r?.getAttribute?.("y") ?? "0", 10), e = parseInt(
+          i?.[n].getAttribute?.("y") ?? "0",
+          10
+        );
+        t > e && t - e < 10 ? r.setAttribute("y", String(t + 20)) : e >= t && e - t < 10 && i?.[n]?.setAttribute(
+          "y",
+          String(e + 20)
+        );
+      }
+    });
+  }
+}
+export {
+  o as adjustMultiAxisValueLabels
+};

package/dist/components/FusionChart/_helpers/multiLineHelper.d.ts

@@ -0,0 +1,8 @@
+interface ChartEventObject {
+    sender?: {
+        container?: HTMLElement;
+    };
+}
+export declare function adjustMultiLineValueLabels(evtObj?: ChartEventObject): void;
+export {};
+//# sourceMappingURL=multiLineHelper.d.ts.map

package/dist/components/FusionChart/_helpers/multiLineHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiLineHelper.d.ts","sourceRoot":"","sources":["../../../../lib/components/FusionChart/_helpers/multiLineHelper.ts"],"names":[],"mappings":"AAAA,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,WAAW,CAAC;KACzB,CAAC;CACH;AAED,wBAAgB,0BAA0B,CAAC,MAAM,GAAE,gBAAqB,GAAG,IAAI,CAkC9E"}

package/dist/components/FusionChart/_helpers/multiLineHelper.js

@@ -0,0 +1,23 @@
+function o(l = {}) {
+  const s = l?.sender?.container?.querySelectorAll("[class*='vcanvas-label']")?.[0]?.querySelectorAll?.(
+    ".fusioncharts-datalabels"
+  );
+  if (s?.length === 2) {
+    const a = s[0]?.querySelectorAll?.("text"), n = s[1]?.querySelectorAll?.("text");
+    a?.forEach((i, r) => {
+      if (n?.[r]) {
+        const t = parseInt(i?.getAttribute?.("y") ?? "0", 10), e = parseInt(
+          n?.[r].getAttribute?.("y") ?? "0",
+          10
+        );
+        t > e && t - e < 10 ? i.setAttribute("y", String(t + 20)) : e > t && e - t < 10 && n?.[r]?.setAttribute(
+          "y",
+          String(e + 20)
+        );
+      }
+    });
+  }
+}
+export {
+  o as adjustMultiLineValueLabels
+};