charts-core 1.0.0 → 1.0.2

package/dist/charts-core.js

@@ -1,73 +1,73 @@
 import * as y from "d3";
-const z = (e) => {
-  const { svg: t, config: a, y: s } = e, { width: c, margin: i, yAxis: o } = a, { customTicks: d, tickFormat: n, tickValues: r, ticks: l, isShow: u } = o;
+const G = (e) => {
+  const { svg: t, config: a, y: r } = e, { width: d, margin: n, yAxis: s } = a, { customTicks: l, tickFormat: i, tickValues: o, ticks: c, isShow: u } = s;
   if (!u) return null;
-  t.append("g").attr("transform", `translate(${c - i.right},0)`).call((h) => {
-    let g = y.axisRight(s);
-    d ? (n && (g = g.tickFormat(n)), l && (g = Array.isArray(l) ? g.ticks(...l) : g.ticks(l)), r && (g = g.tickValues(r))) : g = g.tickFormat((m) => {
-      const x = Number(m), p = x < 0 ? "-" : "", v = y.format(".0s")(Math.abs(x));
-      return `${p}${v}`;
+  t.append("g").attr("transform", `translate(${d - n.right},0)`).call((h) => {
+    let g = y.axisRight(r);
+    l ? (i && (g = g.tickFormat(i)), c && (g = Array.isArray(c) ? g.ticks(...c) : g.ticks(c)), o && (g = g.tickValues(o))) : g = g.tickFormat((m) => {
+      const x = Number(m), v = x < 0 ? "-" : "", p = y.format(".0s")(Math.abs(x));
+      return `${v}${p}`;
     }), h.call(g);
   }).call((h) => {
     let g = [];
     h.selectAll(".tick").each((m) => g.push(m)), e.yTicks = g;
   }).call((h) => h.select(".domain").remove()).call((h) => h.selectAll(".tick line").remove()).call((h) => h.selectAll(".tick text").classed("sc-charts__y-axis-tick", !0)).attr("font-family", "inherit");
-}, G = (e) => {
-  const { svg: t, config: a, x: s } = e, { height: c, margin: i, xAxis: o } = a, { isShow: d, tickValues: n, tickFormat: r, customTicks: l, ticks: u } = o;
-  if (!d) return null;
-  t.append("g").attr("transform", `translate(0,${c - i.bottom})`).call((h) => {
-    let g = y.axisBottom(s);
-    l ? (r && (g = g.tickFormat(r)), u && (g = Array.isArray(u) ? g.ticks(...u) : g.ticks(u)), n && (g = g.tickValues(n))) : g.ticks(5), h.call(g);
+}, V = (e) => {
+  const { svg: t, config: a, x: r } = e, { height: d, margin: n, xAxis: s } = a, { isShow: l, tickValues: i, tickFormat: o, customTicks: c, ticks: u } = s;
+  if (!l) return null;
+  t.append("g").attr("transform", `translate(0,${d - n.bottom})`).call((h) => {
+    let g = y.axisBottom(r);
+    c ? (o && (g = g.tickFormat(o)), u && (g = Array.isArray(u) ? g.ticks(...u) : g.ticks(u)), i && (g = g.tickValues(i))) : g.ticks(5), h.call(g);
   }).call((h) => h.select(".domain").remove()).call((h) => {
     let g = [];
     h.selectAll(".tick").each((m) => g.push(m)), e.xTicks = g;
   }).call((h) => h.selectAll(".tick line").remove()).call((h) => h.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
-}, V = (e) => {
-  const { svg: t, config: a, y: s } = e, {
-    width: c,
-    margin: i,
-    grid: { horizontalStyle: o }
+}, Z = (e) => {
+  const { svg: t, config: a, y: r } = e, {
+    width: d,
+    margin: n,
+    grid: { horizontalStyle: s }
   } = a;
-  if (o !== "none") {
-    if (o.startsWith("zero-line")) {
-      const d = t.append("line").attr("x1", 0 + i.left).attr("x2", c - i.right).attr("y1", s(0)).attr("y2", s(0)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
-      o === "zero-line-dashed" && d.attr("stroke-dasharray", "4 4");
+  if (s !== "none") {
+    if (s.startsWith("zero-line")) {
+      const l = t.append("line").attr("x1", 0 + n.left).attr("x2", d - n.right).attr("y1", r(0)).attr("y2", r(0)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+      s === "zero-line-dashed" && l.attr("stroke-dasharray", "4 4");
     }
-    o.startsWith("every-line") && (e.yTicks || s.ticks()).forEach((n) => {
-      const r = t.append("line").attr("x1", 0 + i.left).attr("x2", c - i.right).attr("y1", s(n)).attr("y2", s(n)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
-      o === "every-line-dashed" && r.attr("stroke-dasharray", "4 4");
+    s.startsWith("every-line") && (e.yTicks || r.ticks()).forEach((i) => {
+      const o = t.append("line").attr("x1", 0 + n.left).attr("x2", d - n.right).attr("y1", r(i)).attr("y2", r(i)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+      s === "every-line-dashed" && o.attr("stroke-dasharray", "4 4");
     });
   }
-}, Z = (e) => {
-  const { svg: t, config: a, x: s } = e, {
-    height: c,
-    margin: i,
-    grid: { verticalStyle: o }
+}, H = (e) => {
+  const { svg: t, config: a, x: r } = e, {
+    height: d,
+    margin: n,
+    grid: { verticalStyle: s }
   } = a;
-  o !== "none" && o.startsWith("every-line") && (e.xTicks || s.ticks()).forEach((n) => {
-    const r = t.append("line").attr("x1", s(n)).attr("x2", s(n)).attr("y1", i.top).attr("y2", c - i.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
-    o === "every-line-dashed" && r.attr("stroke-dasharray", "4 4");
+  s !== "none" && s.startsWith("every-line") && (e.xTicks || r.ticks()).forEach((i) => {
+    const o = t.append("line").attr("x1", r(i)).attr("x2", r(i)).attr("y1", n.top).attr("y2", d - n.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+    s === "every-line-dashed" && o.attr("stroke-dasharray", "4 4");
   });
-}, E = (e) => {
-  V(e), Z(e);
-}, H = (e) => {
-  const { svg: t, config: a } = e, { width: s, height: c, margin: i, logo: o } = a;
-  G(e), z(e), o && t.append("image").attr("xlink:href", a.theme === "dark" ? o.picDarkTheme : o.picLightTheme).attr("width", o.width).attr("height", o.height).attr("x", o.x ?? (s - i.left - i.right) / 2 - o.width / 2 + i.left).attr("y", o.y ?? (c - i.top - i.bottom) / 2 - o.height / 2 + i.top), E(e);
-}, C = (e, t, a) => {
-  let s = e.select(`#${t}`);
-  return s.empty() && (s = e.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", t)), s.attr("x1", a.x1).attr("y1", a.x2).attr("x2", a.y1).attr("y2", a.y2), a.stops.forEach(({ offset: c, stopColor: i }) => {
-    s.append("stop").attr("offset", c).attr("stop-color", i);
-  }), s;
-}, k = (e) => {
+}, X = (e) => {
+  Z(e), H(e);
+}, P = (e) => {
+  const { svg: t, config: a } = e, { width: r, height: d, margin: n, logo: s } = a;
+  V(e), G(e), s && t.append("image").attr("xlink:href", a.theme === "dark" ? s.picDarkTheme : s.picLightTheme).attr("width", s.width).attr("height", s.height).attr("x", s.x ?? (r - n.left - n.right) / 2 - s.width / 2 + n.left).attr("y", s.y ?? (d - n.top - n.bottom) / 2 - s.height / 2 + n.top), X(e);
+}, _ = (e, t, a) => {
+  let r = e.select(`#${t}`);
+  return r.empty() && (r = e.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", t)), r.attr("x1", a.x1).attr("y1", a.x2).attr("x2", a.y1).attr("y2", a.y2), a.stops.forEach(({ offset: d, stopColor: n }) => {
+    r.append("stop").attr("offset", d).attr("stop-color", n);
+  }), r;
+}, L = (e) => {
   const t = y.select(e).select("defs");
   return t.empty() ? y.select(e).append("defs") : t;
-}, B = (e) => {
+}, z = (e) => {
   const {
     y: t,
     config: { margin: a }
-  } = e, s = t.range()[0] - t(0);
-  return { x: 0, y: t.range()[0] - s, width: "100%", height: s + a.bottom };
-}, I = (e, t) => ({
+  } = e, r = t.range()[0] - t(0);
+  return { x: 0, y: t.range()[0] - r, width: "100%", height: r + a.bottom };
+}, M = (e, t) => ({
   ...e,
   ...t,
   margin: {
@@ -102,121 +102,139 @@ const z = (e) => {
     ...e.selection,
     ...t == null ? void 0 : t.selection
   }
-}), M = (e, t = {}) => {
-  const a = e.node(), s = k(a), c = (d, n) => C(s, d, {
+}), R = (e, t = {}) => {
+  const a = e.node(), r = L(a), d = (l, i) => _(r, l, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
     y2: "100%",
     stops: [
       { offset: "0%", stopColor: "rgba(255, 255, 255, 0)" },
-      { offset: "20%", stopColor: n },
-      { offset: "60%", stopColor: n },
+      { offset: "20%", stopColor: i },
+      { offset: "60%", stopColor: i },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  c("gradient-range-borders-up", "var(--sc-color-selection-up)"), c("gradient-range-borders-down", "var(--sc-color-selection-down)");
-  const i = "sc-charts__border-range-line", o = e.append("line").classed(i, !0).style("display", t.hidden ? "none" : "block");
+  d("gradient-range-borders-up", "var(--sc-color-selection-up)"), d("gradient-range-borders-down", "var(--sc-color-selection-down)");
+  const n = "sc-charts__border-range-line", s = e.append("line").classed(n, !0).style("display", t.hidden ? "none" : "block");
   return {
-    className(d, n) {
-      d === "remove" ? o.classed(`${i}${n}`, !1) : o.classed(`${i}${n}`, !0);
+    className(l, i) {
+      l === "remove" ? s.classed(`${n}${i}`, !1) : s.classed(`${n}${i}`, !0);
     },
-    update({ x1: d, x2: n, y1: r, y2: l, hidden: u }) {
-      d !== void 0 && o.attr("x1", d), n !== void 0 && o.attr("x2", n), r !== void 0 && o.attr("y1", r), l !== void 0 && o.attr("y2", l), u !== void 0 && o.style("display", u ? "none" : "block");
+    update({ x1: l, x2: i, y1: o, y2: c, hidden: u }) {
+      l !== void 0 && s.attr("x1", l), i !== void 0 && s.attr("x2", i), o !== void 0 && s.attr("y1", o), c !== void 0 && s.attr("y2", c), u !== void 0 && s.style("display", u ? "none" : "block");
     },
     destroy() {
-      o.remove();
+      s.remove();
     }
   };
-}, _ = (e, t = {}) => {
-  const a = e.append("circle").attr("r", t.radius || 4).style("display", t.hidden ? "none" : "block"), s = t.className || "";
-  return s && a.classed(s, !0), {
-    className(c, i) {
-      c === "remove" ? a.classed(`${s}${i}`, !1) : a.classed(`${s}${i}`, !0);
+}, A = (e, t = {}) => {
+  const a = e.append("circle").attr("r", t.radius || 4).style("display", t.hidden ? "none" : "block"), r = t.className || "";
+  return r && a.classed(r, !0), {
+    className(d, n) {
+      d === "remove" ? a.classed(`${r}${n}`, !1) : a.classed(`${r}${n}`, !0);
     },
-    update({ cx: c, cy: i, hidden: o, fill: d }) {
-      c !== void 0 && a.attr("cx", c), i !== void 0 && a.attr("cy", i), d !== void 0 && a.attr("fill", d), o !== void 0 && a.style("display", o ? "none" : "block");
+    update({ cx: d, cy: n, hidden: s, fill: l }) {
+      d !== void 0 && a.attr("cx", d), n !== void 0 && a.attr("cy", n), l !== void 0 && a.attr("fill", l), s !== void 0 && a.style("display", s ? "none" : "block");
     },
     destroy() {
       a.remove();
     }
   };
-}, X = (e, t = {}) => {
-  const a = "sc-charts__hover-line", s = e.append("line").style("display", t.hidden ? "none" : "block").classed(a, !0), c = e.node(), i = k(c);
-  return ((d, n) => C(i, d, {
+}, W = (e, t = {}) => {
+  const a = "sc-charts__hover-line", r = e.append("line").style("display", t.hidden ? "none" : "block").classed(a, !0), d = e.node(), n = L(d);
+  return ((l, i) => _(n, l, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
     y2: "100%",
     stops: [
       { offset: "0%", stopColor: "rgba(255, 255, 255, 0)" },
-      { offset: "15%", stopColor: n },
-      { offset: "75%", stopColor: n },
+      { offset: "15%", stopColor: i },
+      { offset: "75%", stopColor: i },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   }))("hover-line-gradient", "var(--sc-color-hover-line)"), {
-    className(d, n) {
-      d === "remove" ? s.classed(`${a}${n}`, !1) : s.classed(`${a}${n}`, !0);
+    className(l, i) {
+      l === "remove" ? r.classed(`${a}${i}`, !1) : r.classed(`${a}${i}`, !0);
     },
-    update({ x1: d, x2: n, y1: r, y2: l, hidden: u }) {
-      d !== void 0 && s.attr("x1", d), n !== void 0 && s.attr("x2", n), r !== void 0 && s.attr("y1", r), l !== void 0 && s.attr("y2", l), u !== void 0 && s.style("display", u ? "none" : "block");
+    update({ x1: l, x2: i, y1: o, y2: c, hidden: u }) {
+      l !== void 0 && r.attr("x1", l), i !== void 0 && r.attr("x2", i), o !== void 0 && r.attr("y1", o), c !== void 0 && r.attr("y2", c), u !== void 0 && r.style("display", u ? "none" : "block");
     },
     destroy() {
-      s.remove();
+      r.remove();
     }
   };
-}, j = (e) => {
-  const t = "sc-charts__range-tooltip", a = e.svg.append("foreignObject").classed(t, !0).style("display", "none"), s = a.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${t}-container`), c = s.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${t}-sum`), i = s.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${t}-time`), o = y.timeFormat("%b %e, %I:%M %p"), d = (n) => {
-    const r = y.format(",.2f");
-    return `${n < 0 ? "-" : ""}$${r(Math.abs(n))}`;
-  };
+}, k = "sc-charts__range-tooltip", B = y.timeFormat("%b %e, %I:%M %p"), Y = (e) => {
+  const t = y.format(",.2f");
+  return `${e < 0 ? "-" : ""}$${t(Math.abs(e))}`;
+};
+function q(e) {
+  const t = e.append("foreignObject").classed(k, !0).style("display", "none"), a = t.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${k}-container`), r = a.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${k}-sum`), d = a.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${k}-time`);
+  return r.text("").append("xhtml:div").html(O).attr("class", `${k}-sum-icon`), { wrapper: t, parent: a, sumNode: r, timeNode: d };
+}
+const j = (e) => {
+  const { wrapper: t, parent: a, sumNode: r, timeNode: d } = q(e.svg);
   return {
-    className(n, r) {
-      n === "remove" ? a.classed(`${t}${r}`, !1) : a.classed(`${t}${r}`, !0);
+    className(n, s) {
+      n === "remove" ? t.classed(`${k}${s}`, !1) : t.classed(`${k}${s}`, !0);
     },
-    update({ leftPoint: n, rightPoint: r, x: l, y: u, hidden: h, closest: g }) {
-      if (l !== void 0 && a.attr("x", l), u !== void 0 && a.attr("y", u), n && r && g && l !== void 0) {
-        const { comparisonValue: m } = e.config.selection, x = r.value - n.value, p = (e.x(r.date) + e.x(n.date)) / 2, v = e.x(g.date) < p ? n.value : r.value;
-        let f = null;
-        m && m !== 0 && v !== 0 ? f = (v / m * 100).toFixed(2) : n.value && (f = (x / Math.abs(n.value) * 100).toFixed(2));
-        const w = f === null ? "" : `(${f}%)`, $ = `${d(x)}${w}`, F = `${o(n.date)} to ${o(r.date)}`;
-        c.text($).append("xhtml:div").html(W).attr("class", `${t}-sum-icon`), i.text(F);
-        const A = e.x(e.data[e.data.length - 1].date), T = e.x(e.data[0].date), b = s.node().getBoundingClientRect();
-        b.x < T && a.attr("x", T + b.width / 2), b.x > A - b.width && a.attr("x", A - b.width / 2);
+    update({ leftPoint: n, rightPoint: s, x: l, y: i, hidden: o, closest: c }) {
+      if (l !== void 0 && t.attr("x", l), i !== void 0 && t.attr("y", i), n && s && c && l !== void 0) {
+        const { comparisonValue: u, hidePercent: h } = e.config.selection, g = s.value - n.value, m = (e.x(s.date) + e.x(n.date)) / 2, x = e.x(c.date) < m ? n.value : s.value;
+        let v = null;
+        h || (u && u !== 0 && x !== 0 ? v = (x / u * 100).toFixed(2) : n.value && (v = (g / Math.abs(n.value) * 100).toFixed(2)));
+        const p = v === null ? "" : `(${v}%)`, f = `${Y(g)}${p}`, w = `${B(n.date)} to ${B(s.date)}`;
+        r.text(f), d.text(w);
+        const $ = e.x(e.data[e.data.length - 1].date), I = e.x(e.data[0].date);
+        requestAnimationFrame(() => {
+          const b = a.node().getBoundingClientRect();
+          b.x < I && t.attr("x", I + b.width / 2), b.x > $ - b.width && t.attr("x", $ - b.width / 2);
+        });
       }
-      h !== void 0 && a.style("display", h ? "none" : "block");
+      o !== void 0 && t.style("display", o ? "none" : "block");
     },
     destroy() {
-      a.remove();
+      t.remove();
     }
   };
-}, W = `
+}, O = `
   <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M7 0.5C5.71442 0.5 4.45772 0.881218 3.3888 1.59545C2.31988 2.30968 1.48676 3.32484 0.994786 4.51256C0.502816 5.70028 0.374095 7.00721 0.624899 8.26809C0.875703 9.52896 1.49477 10.6872 2.40381 11.5962C3.31285 12.5052 4.47104 13.1243 5.73192 13.3751C6.99279 13.6259 8.29973 13.4972 9.48744 13.0052C10.6752 12.5132 11.6903 11.6801 12.4046 10.6112C13.1188 9.54229 13.5 8.28558 13.5 7C13.4982 5.27665 12.8128 3.62441 11.5942 2.40582C10.3756 1.18722 8.72335 0.50182 7 0.5ZM9.35375 6.85375C9.30732 6.90024 9.25217 6.93712 9.19147 6.96228C9.13077 6.98744 9.06571 7.00039 9 7.00039C8.93429 7.00039 8.86923 6.98744 8.80853 6.96228C8.74783 6.93712 8.69269 6.90024 8.64625 6.85375L7.5 5.70687V9.5C7.5 9.63261 7.44732 9.75979 7.35356 9.85355C7.25979 9.94732 7.13261 10 7 10C6.86739 10 6.74022 9.94732 6.64645 9.85355C6.55268 9.75979 6.5 9.63261 6.5 9.5V5.70687L5.35375 6.85375C5.25993 6.94757 5.13268 7.00028 5 7.00028C4.86732 7.00028 4.74007 6.94757 4.64625 6.85375C4.55243 6.75993 4.49972 6.63268 4.49972 6.5C4.49972 6.36732 4.55243 6.24007 4.64625 6.14625L6.64625 4.14625C6.69269 4.09976 6.74783 4.06288 6.80853 4.03772C6.86923 4.01256 6.9343 3.99961 7 3.99961C7.06571 3.99961 7.13077 4.01256 7.19147 4.03772C7.25217 4.06288 7.30732 4.09976 7.35375 4.14625L9.35375 6.14625C9.40024 6.19269 9.43712 6.24783 9.46228 6.30853C9.48744 6.36923 9.5004 6.43429 9.5004 6.5C9.5004 6.56571 9.48744 6.63077 9.46228 6.69147C9.43712 6.75217 9.40024 6.80731 9.35375 6.85375Z" 
     fill="currentColor"/>
   </svg>
-`, Y = (e) => {
-  const t = "sc-charts__hover-tooltip", a = e.svg.append("foreignObject").classed(t, !0).style("display", "none"), s = a.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${t}-container`), c = s.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${t}-sum`).html("$sum"), i = s.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${t}-time`).html("Date"), o = y.timeFormat("%a, %b %d, %-I:%M %p"), d = (n) => {
-    const r = y.format(",.2f");
-    return `${n < 0 ? "-" : ""}$${r(Math.abs(n))}`;
-  };
+`, C = "sc-charts__hover-tooltip", T = 16, U = y.timeFormat("%a, %b %d, %-I:%M %p"), J = (e) => {
+  const t = y.format(",.2f");
+  return `${e < 0 ? "-" : ""}$${t(Math.abs(e))}`;
+};
+function K(e) {
+  const t = e.append("foreignObject").classed(C, !0).style("display", "none"), a = t.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${C}-container`), r = a.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${C}-sum`), d = a.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${C}-time`);
+  return { wrapper: t, parent: a, sumNode: r, timeNode: d };
+}
+function Q(e, t, a) {
+  return e ? t + T + e.width < a ? t + T : t - T - e.width : null;
+}
+const ee = (e) => {
+  const { wrapper: t, parent: a, sumNode: r, timeNode: d } = K(e.svg);
   return {
-    className(n, r) {
-      n === "remove" ? a.classed(`${t}${r}`, !1) : a.classed(`${t}${r}`, !0);
+    className(n, s) {
+      t.classed(`${C}${s}`, n !== "remove");
     },
-    update({ x: n, y: r, hidden: l, dataItem: u }) {
-      if (n !== void 0 && a.attr("x", n), r !== void 0 && a.attr("y", r), u && n !== void 0) {
-        c.text(d(u.value)), i.text(o(u.date));
-        const h = s.node().getBoundingClientRect(), g = 16, m = n + g + h.width > e.config.width - e.config.margin.right ? n - g - h.width : n + g;
-        a.attr("x", m);
-      }
-      l !== void 0 && a.style("display", l ? "none" : "block");
+    update({ hidden: n, dataItem: s }) {
+      s && (r.text(J(s.value)), d.text(U(s.date)), requestAnimationFrame(() => {
+        const l = a.node().getBoundingClientRect(), i = Q(
+          l,
+          e.x(s.date),
+          e.config.width - e.config.margin.right
+        );
+        i && t.attr("x", i);
+      })), n !== void 0 && t.style("display", n ? "none" : "block");
     },
     destroy() {
-      a.remove();
+      t.remove();
     }
   };
-}, O = {
+}, te = {
   margin: { top: 10, right: 30, bottom: 20, left: 10 },
   theme: "light",
   logo: {
@@ -236,7 +254,8 @@ const z = (e) => {
   },
   selection: {
     enable: !0,
-    comparisonValue: null
+    comparisonValue: null,
+    hidePercent: !1
   },
   xAxis: {
     customTicks: !1,
@@ -258,9 +277,9 @@ const z = (e) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, L = (e) => y.curveCardinal.tension(e.config.curveTension), U = (e) => {
-  const { svg: t, data: a, x: s, y: c, config: i } = e, o = t.node(), d = k(o);
-  C(d, "main-line-area-gradient", {
+}, N = (e) => y.curveCardinal.tension(e.config.curveTension), ae = (e) => {
+  const { svg: t, data: a, x: r, y: d, config: n } = e, s = t.node(), l = L(s);
+  _(l, "main-line-area-gradient", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -270,24 +289,24 @@ const z = (e) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const r = y.area().x((h) => s(h.date)).y0(c.range()[0]).y1((h) => c(h.value)).curve(L(e)), l = "sc-charts__main-line-area", u = t.append("path").datum(a).attr("d", r).attr("class", l).classed(`${l}_hidden`, !i.hasMainLineArea);
+  const o = y.area().x((h) => r(h.date)).y0(d.range()[0]).y1((h) => d(h.value)).curve(N(e)), c = "sc-charts__main-line-area", u = t.append("path").datum(a).attr("d", o).attr("class", c).classed(`${c}_hidden`, !n.hasMainLineArea);
   return {
     className(h, g) {
-      h === "remove" ? u.classed(`${l}${g}`, !1) : u.classed(`${l}${g}`, !0);
+      h === "remove" ? u.classed(`${c}${g}`, !1) : u.classed(`${c}${g}`, !0);
     },
     update({ data: h, hidden: g }) {
-      if (h !== void 0 && u.datum(h).attr("d", r), g !== void 0) {
-        if (!i.hasMainLineArea) return null;
-        u.classed(`${l}_hidden`, g);
+      if (h !== void 0 && u.datum(h).attr("d", o), g !== void 0) {
+        if (!n.hasMainLineArea) return null;
+        u.classed(`${c}_hidden`, g);
       }
     },
     destroy() {
       u.remove();
     }
   };
-}, q = (e, t = {}) => {
-  const a = "sc-charts__range-line-area", { svg: s, x: c, y: i, config: o, data: d, chartId: n } = e, { clip: r } = t, l = s.node(), u = k(l), h = "range-line-area-gradient";
-  C(u, h + "_up", {
+}, re = (e, t = {}) => {
+  const a = "sc-charts__range-line-area", { svg: r, x: d, y: n, config: s, data: l, chartId: i } = e, { clip: o } = t, c = r.node(), u = L(c), h = "range-line-area-gradient";
+  _(u, h + "_up", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -296,7 +315,7 @@ const z = (e) => {
       { offset: "0%", stopColor: "var(--sc-color-selection-up)" },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
-  }), C(u, h + "_down", {
+  }), _(u, h + "_down", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -306,116 +325,116 @@ const z = (e) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const g = y.area().x((f) => c(f.date)).y0(i.range()[0]).y1((f) => i(f.value)).curve(L(e)), m = `${n}-clip-${a}`, p = u.append("clipPath").attr("id", m).append("rect").attr("x", (r == null ? void 0 : r.x) || 0).attr("y", (r == null ? void 0 : r.y) || 0).attr("width", (r == null ? void 0 : r.width) || "100%").attr("height", (r == null ? void 0 : r.height) || "100%"), v = s.append("path").datum(d).attr("d", g).attr("class", a).classed(`${a}_hidden`, !o.hasMainLineArea).attr("clip-path", `url(#${m})`);
+  const g = y.area().x((f) => d(f.date)).y0(n.range()[0]).y1((f) => n(f.value)).curve(N(e)), m = `${i}-clip-${a}`, v = u.append("clipPath").attr("id", m).append("rect").attr("x", (o == null ? void 0 : o.x) || 0).attr("y", (o == null ? void 0 : o.y) || 0).attr("width", (o == null ? void 0 : o.width) || "100%").attr("height", (o == null ? void 0 : o.height) || "100%"), p = r.append("path").datum(l).attr("d", g).attr("class", a).classed(`${a}_hidden`, !s.hasMainLineArea).attr("clip-path", `url(#${m})`);
   return {
     className(f, w) {
-      f === "remove" ? v.classed(`${a}${w}`, !1) : v.classed(`${a}${w}`, !0);
+      f === "remove" ? p.classed(`${a}${w}`, !1) : p.classed(`${a}${w}`, !0);
     },
     update({ data: f, hidden: w, clip: $ }) {
-      f !== void 0 && v.datum(f).attr("d", g), w !== void 0 && v.classed(`${a}_hidden`, w), $ !== void 0 && p.attr("x", $.x).attr("y", $.y).attr("width", $.width).attr("height", $.height);
+      f !== void 0 && p.datum(f).attr("d", g), w !== void 0 && p.classed(`${a}_hidden`, w), $ !== void 0 && v.attr("x", $.x).attr("y", $.y).attr("width", $.width).attr("height", $.height);
     },
     destroy() {
-      v.remove();
+      p.remove();
     }
   };
-}, N = (e, t) => {
-  const { svg: a, data: s, x: c, y: i, chartId: o } = e, { baseClassName: d, id: n, clip: r } = t, l = a.node(), u = k(l), h = y.line().x((v) => c(v.date)).y((v) => i(v.value)).curve(L(e)), g = `${o}-clip-${d}`, x = u.append("clipPath").attr("id", g).append("rect").attr("x", (r == null ? void 0 : r.x) || 0).attr("y", (r == null ? void 0 : r.y) || 0).attr("width", (r == null ? void 0 : r.width) || "100%").attr("height", (r == null ? void 0 : r.height) || "100%"), p = a.append("path").classed(d, !0).datum(s).attr("d", h).attr("id", n).attr("clip-path", `url(#${g})`);
+}, S = (e, t) => {
+  const { svg: a, data: r, x: d, y: n, chartId: s } = e, { baseClassName: l, id: i, clip: o } = t, c = a.node(), u = L(c), h = y.line().x((p) => d(p.date)).y((p) => n(p.value)).curve(N(e)), g = `${s}-clip-${l}`, x = u.append("clipPath").attr("id", g).append("rect").attr("x", (o == null ? void 0 : o.x) || 0).attr("y", (o == null ? void 0 : o.y) || 0).attr("width", (o == null ? void 0 : o.width) || "100%").attr("height", (o == null ? void 0 : o.height) || "100%"), v = a.append("path").classed(l, !0).datum(r).attr("d", h).attr("id", i).attr("clip-path", `url(#${g})`);
   return {
-    className(v, f) {
-      v === "remove" ? p.classed(`${d}${f}`, !1) : p.classed(`${d}${f}`, !0);
+    className(p, f) {
+      p === "remove" ? v.classed(`${l}${f}`, !1) : v.classed(`${l}${f}`, !0);
     },
-    update({ data: v, clip: f, hidden: w }) {
-      v !== void 0 && p.datum(v).attr("d", h), w !== void 0 && p.classed(`${d}_hidden`, w), f !== void 0 && x.attr("x", f.x).attr("y", f.y).attr("width", f.width).attr("height", f.height);
+    update({ data: p, clip: f, hidden: w }) {
+      p !== void 0 && v.datum(p).attr("d", h), w !== void 0 && v.classed(`${l}_hidden`, w), f !== void 0 && x.attr("x", f.x).attr("y", f.y).attr("width", f.width).attr("height", f.height);
     },
     destroy() {
-      p.remove();
+      v.remove();
     }
   };
-}, J = (e, t) => {
-  const { svg: a, data: s, x: c, y: i, chartId: o, config: d } = e, { baseClassName: n, id: r, clip: l } = t, u = a.node(), h = k(u), g = y.line().x((f) => c(f.date)).y((f) => i(f.value)).curve(L(e)), m = `${o}-clip-${n}`, p = h.append("clipPath").attr("id", m).append("rect").attr("x", (l == null ? void 0 : l.x) || 0).attr("y", (l == null ? void 0 : l.y) || 0).attr("width", (l == null ? void 0 : l.width) || "100%").attr("height", (l == null ? void 0 : l.height) || "100%"), v = a.append("path").classed(n, !0).datum(s).attr("d", g).attr("id", r).attr("clip-path", `url(#${m})`);
+}, se = (e, t) => {
+  const { svg: a, data: r, x: d, y: n, chartId: s, config: l } = e, { baseClassName: i, id: o, clip: c } = t, u = a.node(), h = L(u), g = y.line().x((f) => d(f.date)).y((f) => n(f.value)).curve(N(e)), m = `${s}-clip-${i}`, v = h.append("clipPath").attr("id", m).append("rect").attr("x", (c == null ? void 0 : c.x) || 0).attr("y", (c == null ? void 0 : c.y) || 0).attr("width", (c == null ? void 0 : c.width) || "100%").attr("height", (c == null ? void 0 : c.height) || "100%"), p = a.append("path").classed(i, !0).datum(r).attr("d", g).attr("id", o).attr("clip-path", `url(#${m})`);
   return {
     className(f, w) {
-      f === "remove" ? v.classed(`${n}${w}`, !1) : v.classed(`${n}${w}`, !0);
+      f === "remove" ? p.classed(`${i}${w}`, !1) : p.classed(`${i}${w}`, !0);
     },
     update({ data: f, clip: w, hidden: $ }) {
-      f !== void 0 && v.datum(f).attr("d", g), $ !== void 0 && v.classed(`${n}_hidden`, $), w !== void 0 && (d.hover.transitionName === "default" ? p.transition().duration(d.hover.transitionDuration).attr("x", w.x).attr("y", w.y).attr("width", w.width).attr("height", w.height).ease(y.easeLinear) : p.attr("x", w.x).attr("y", w.y).attr("width", w.width).attr("height", w.height));
+      f !== void 0 && p.datum(f).attr("d", g), $ !== void 0 && p.classed(`${i}_hidden`, $), w !== void 0 && (l.hover.transitionName === "default" ? v.transition().duration(l.hover.transitionDuration).attr("x", w.x).attr("y", w.y).attr("width", w.width).attr("height", w.height).ease(y.easeLinear) : v.attr("x", w.x).attr("y", w.y).attr("width", w.width).attr("height", w.height));
     },
     destroy() {
-      v.remove();
+      p.remove();
     }
   };
-}, K = (e) => {
-  const t = N(e, {
+}, ne = (e) => {
+  const t = S(e, {
     baseClassName: "sc-charts__main-line",
     id: `${e.chartId}-sc-charts__main-line`
-  }), a = U(e), s = X(e.svg), c = J(e, {
+  }), a = ae(e), r = W(e.svg), d = se(e, {
     baseClassName: "sc-charts__highlight-line",
     id: `${e.chartId}-sc-charts__highlight-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
   });
-  let i = null;
-  e.config.enableBelowZeroLine && (i = N(e, {
+  let n = null;
+  e.config.enableBelowZeroLine && (n = S(e, {
     baseClassName: "sc-charts__below-zero-line",
     id: `${e.chartId}-sc-charts__below-zero-line`,
-    clip: B(e)
+    clip: z(e)
   }));
-  const o = _(e.svg, {
+  const s = A(e.svg, {
     className: "sc-charts__hover-circle",
     hidden: !0
-  }), d = M(e.svg), n = M(e.svg), r = N(e, {
+  }), l = R(e.svg), i = R(e.svg), o = S(e, {
     baseClassName: "sc-charts__range-line",
     id: `${e.chartId}-sc-charts__range-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
-  }), l = _(e.svg, {
+  }), c = A(e.svg, {
     className: "sc-charts__range-circle-left",
     hidden: !0
-  }), u = _(e.svg, {
+  }), u = A(e.svg, {
     className: "sc-charts__range-circle-right",
     hidden: !0
-  }), h = j(e), g = Y(e), m = q(e);
+  }), h = j(e), g = ee(e), m = re(e);
   return {
-    hoverLine: s,
-    hoverCircle: o,
-    rangeBorderLeft: d,
-    rangeBorderRight: n,
-    rangeLine: r,
+    hoverLine: r,
+    hoverCircle: s,
+    rangeBorderLeft: l,
+    rangeBorderRight: i,
+    rangeLine: o,
     rangeLineArea: m,
-    rangeCircleLeft: l,
+    rangeCircleLeft: c,
     rangeCircleRight: u,
     mainLine: t,
     rangeTooltip: h,
-    highlightLine: c,
+    highlightLine: d,
     hoverTooltip: g,
     mainLineArea: a,
-    belowZeroLine: i
+    belowZeroLine: n
   };
-}, P = (e, t, a) => {
-  const s = e.match(/^(\d+)([dMhmw])$/);
-  if (!s)
+}, oe = (e, t, a) => {
+  const r = e.match(/^(\d+)([dMhmw])$/);
+  if (!r)
     return console.warn("Invalid hoverRange:", e), {
       x: 0,
       y: 0,
       width: "100%",
       height: "100%"
     };
-  const [, c, i] = s, o = parseInt(c, 10), [d, n] = a.domain();
-  let r = new Date(d), l = new Date(r);
-  for (; l < n; ) {
-    switch (i) {
+  const [, d, n] = r, s = parseInt(d, 10), [l, i] = a.domain();
+  let o = new Date(l), c = new Date(o);
+  for (; c < i; ) {
+    switch (n) {
       case "M":
-        l.setMinutes(r.getMinutes() + o);
+        c.setMinutes(o.getMinutes() + s);
         break;
       case "h":
-        l.setHours(r.getHours() + o);
+        c.setHours(o.getHours() + s);
         break;
       case "d":
-        l.setDate(r.getDate() + o);
+        c.setDate(o.getDate() + s);
         break;
       case "w":
-        l.setDate(r.getDate() + o * 7);
+        c.setDate(o.getDate() + s * 7);
         break;
       case "m":
-        l = new Date(r.getFullYear(), r.getMonth() + o, 1);
+        c = new Date(o.getFullYear(), o.getMonth() + s, 1);
         break;
       default:
         return {
@@ -425,8 +444,8 @@ const z = (e) => {
           height: "100%"
         };
     }
-    if (t >= r && t < l) {
-      const u = a(r), h = a(l);
+    if (t >= o && t < c) {
+      const u = a(o), h = a(c);
       return {
         x: u,
         y: 0,
@@ -434,7 +453,7 @@ const z = (e) => {
         height: "100%"
       };
     }
-    r = new Date(l);
+    o = new Date(c);
   }
   return {
     x: 0,
@@ -442,48 +461,46 @@ const z = (e) => {
     width: "100%",
     height: "100%"
   };
-}, D = (e, t) => {
-  var r;
+}, F = (e, t) => {
+  var o;
   const {
     x: a,
-    y: s,
-    elements: c,
-    config: { margin: i, height: o, hover: d }
+    y: r,
+    elements: d,
+    config: { margin: n, height: s, hover: l }
   } = e;
-  c.hoverLine.update({
+  d.hoverLine.update({
     x1: a(t.date),
     x2: a(t.date),
-    y1: i.top,
-    y2: o - i.bottom,
+    y1: n.top,
+    y2: s - n.bottom,
     hidden: !1
-  }), c.hoverCircle.update({
+  }), d.hoverCircle.update({
     cx: a(t.date),
-    cy: s(t.value),
+    cy: r(t.value),
     hidden: !1
-  }), c.hoverTooltip.update({
+  }), d.hoverTooltip.update({
     dataItem: t,
-    x: a(t.date),
-    y: 0,
     hidden: !1
   });
-  const n = P(d.range, t.date, a);
-  c.highlightLine.update({
-    clip: n,
+  const i = oe(l.range, t.date, a);
+  d.highlightLine.update({
+    clip: i,
     hidden: !1
-  }), (r = c.belowZeroLine) == null || r.update({
+  }), (o = d.belowZeroLine) == null || o.update({
     clip: {
-      ...n,
-      y: s(0),
-      height: s.range()[0] - s(0) + i.bottom
+      ...i,
+      y: r(0),
+      height: r.range()[0] - r(0) + n.bottom
     }
-  }), c.mainLine.className("add", "_muted");
-}, R = (e) => {
+  }), d.mainLine.className("add", "_muted");
+}, D = (e) => {
   var a;
   const { elements: t } = e;
   t.hoverLine.update({ hidden: !0 }), t.hoverCircle.update({ hidden: !0 }), t.highlightLine.update({ hidden: !0 }), t.mainLine.className("remove", "_muted"), t.hoverTooltip.update({ hidden: !0 }), e.action !== "selection" && ((a = t.belowZeroLine) == null || a.update({
-    clip: B(e)
+    clip: z(e)
   }));
-}, Q = (e, t) => {
+}, ie = (e, t) => {
   [
     "rangeBorderLeft",
     "rangeBorderRight",
@@ -492,129 +509,129 @@ const z = (e) => {
     "rangeLine",
     "rangeLineArea",
     "rangeTooltip"
-  ].forEach((s) => {
-    t ? (e[s].className("remove", "_down"), e[s].className("add", "_up")) : (e[s].className("remove", "_up"), e[s].className("add", "_down"));
+  ].forEach((r) => {
+    t ? (e[r].className("remove", "_down"), e[r].className("add", "_up")) : (e[r].className("remove", "_up"), e[r].className("add", "_down"));
   });
-}, ee = (e, t, a) => {
+}, le = (e, t, a) => {
   var m;
   const {
-    x: s,
-    y: c,
-    config: { margin: i, height: o },
-    elements: d
-  } = e, n = s(t.date) < s(a.date) ? t : a, r = s(t.date) >= s(a.date) ? t : a, l = r.value - n.value >= 0, u = s(n.date), h = s(r.date), g = h - u;
-  d.rangeBorderLeft.update({
+    x: r,
+    y: d,
+    config: { margin: n, height: s },
+    elements: l
+  } = e, i = r(t.date) < r(a.date) ? t : a, o = r(t.date) >= r(a.date) ? t : a, c = o.value - i.value >= 0, u = r(i.date), h = r(o.date), g = h - u;
+  l.rangeBorderLeft.update({
     x1: u,
     x2: u,
-    y1: i.top,
-    y2: o - i.bottom,
+    y1: n.top,
+    y2: s - n.bottom,
     hidden: !1
-  }), d.rangeBorderRight.update({
+  }), l.rangeBorderRight.update({
     x1: h,
     x2: h,
-    y1: i.top,
-    y2: o - i.bottom,
+    y1: n.top,
+    y2: s - n.bottom,
     hidden: !1
-  }), d.rangeCircleLeft.update({
+  }), l.rangeCircleLeft.update({
     cx: u,
-    cy: c(n.value),
+    cy: d(i.value),
     hidden: !1
-  }), d.rangeCircleRight.update({
+  }), l.rangeCircleRight.update({
     cx: h,
-    cy: c(r.value),
+    cy: d(o.value),
     hidden: !1
-  }), d.rangeLine.update({
+  }), l.rangeLine.update({
     clip: {
       x: u,
       y: 0,
       width: g,
-      height: c.range()[0]
+      height: d.range()[0]
     },
     hidden: !1
-  }), d.rangeLineArea.update({
+  }), l.rangeLineArea.update({
     clip: {
       x: u,
       y: 0,
       width: g,
-      height: c.range()[0]
+      height: d.range()[0]
     },
     hidden: !1
-  }), d.rangeTooltip.update({
-    rightPoint: r,
-    leftPoint: n,
+  }), l.rangeTooltip.update({
+    rightPoint: o,
+    leftPoint: i,
     closest: a,
     x: u + g / 2,
     y: 0,
     hidden: !1
-  }), (m = d.belowZeroLine) == null || m.update({
+  }), (m = l.belowZeroLine) == null || m.update({
     hidden: !0
-  }), d.mainLineArea.update({ hidden: !0 }), Q(d, l), d.mainLine.className("add", "_selected-muted");
-}, S = (e) => {
+  }), l.mainLineArea.update({ hidden: !0 }), ie(l, c), l.mainLine.className("add", "_selected-muted");
+}, E = (e) => {
   var a;
   const { elements: t } = e;
   t.rangeLine.update({ hidden: !0 }), t.rangeLineArea.update({ hidden: !0 }), t.rangeBorderLeft.update({ hidden: !0 }), t.rangeBorderRight.update({ hidden: !0 }), t.rangeCircleLeft.update({ hidden: !0 }), t.rangeCircleRight.update({ hidden: !0 }), t.rangeTooltip.update({ hidden: !0 }), t.mainLine.className("remove", "_selected-muted"), t.mainLineArea.update({ hidden: !1 }), (a = t.belowZeroLine) == null || a.update({ hidden: !1 });
-}, te = (e) => {
-  const { svg: t, data: a, x: s, config: c } = e, { height: i, margin: o, width: d, hover: n, selection: r } = c;
-  let l = null, u = !1;
+}, de = (e) => {
+  const { svg: t, data: a, x: r, config: d } = e, { height: n, margin: s, width: l, hover: i, selection: o } = d;
+  let c = null, u = !1;
   const h = (m) => a.reduce(
-    (x, p) => Math.abs(s(x.date) - m) < Math.abs(s(p.date) - m) ? x : p
+    (x, v) => Math.abs(r(x.date) - m) < Math.abs(r(v.date) - m) ? x : v
   );
-  t.append("rect").attr("width", d - o.left - o.right).attr("height", i - o.top - o.bottom).attr("x", o.left).attr("y", o.top).attr("fill", "transparent").on("mousemove", function(m) {
-    const [x] = y.pointer(m, this), p = h(x);
-    !u && n.enable ? (e.action = "hover", D(e, p)) : (e.action = u ? "selection" : "none", R(e)), l && r.enable && (e.action = "selection", ee(e, l, p));
+  t.append("rect").attr("width", l - s.left - s.right).attr("height", n - s.top - s.bottom).attr("x", s.left).attr("y", s.top).attr("fill", "transparent").on("mousemove", function(m) {
+    const [x] = y.pointer(m, this), v = h(x);
+    !u && i.enable ? (e.action = "hover", F(e, v)) : (e.action = u ? "selection" : "none", D(e)), c && o.enable && (e.action = "selection", le(e, c, v));
   }).on("mouseleave", () => {
-    e.action = "none", u = !1, l = null, R(e), S(e);
+    e.action = "none", u = !1, c = null, D(e), E(e);
   }).on("mousedown", function(m) {
-    if (r.enable) {
+    if (o.enable) {
       u = !0, e.action = "selection";
       const [x] = y.pointer(m, this);
-      l = h(x);
+      c = h(x);
     }
   }).on("mouseup", function(m) {
-    const [x] = y.pointer(m, this), p = h(x);
-    u = !1, l = null, e.action = "hover", r.enable && S(e), n.enable && D(e, p);
+    const [x] = y.pointer(m, this), v = h(x);
+    u = !1, c = null, e.action = "hover", o.enable && E(e), i.enable && F(e, v);
   });
-}, ae = (e, t) => {
-  const { width: a, margin: s } = t, c = y.scaleTime(), i = y.extent(e, (o) => new Date(o.date));
-  return i[0] == null || i[1] == null ? c : c.domain([i[0], i[1]]).range([s.left, a - s.right]);
-}, re = (e, t) => {
-  const { height: a, margin: s } = t, c = y.max(e, (o) => o.value) ?? 0, i = y.min(e, (o) => o.value) ?? 0;
-  return y.scaleLinear().domain([i, c]).range([a - s.bottom, s.top]);
-}, se = (e, t) => {
+}, ce = (e, t) => {
+  const { width: a, margin: r } = t, d = y.scaleTime(), n = y.extent(e, (s) => new Date(s.date));
+  return n[0] == null || n[1] == null ? d : d.domain([n[0], n[1]]).range([r.left, a - r.right]);
+}, he = (e, t) => {
+  const { height: a, margin: r } = t, d = y.max(e, (s) => s.value) ?? 0, n = y.min(e, (s) => s.value) ?? 0;
+  return y.scaleLinear().domain([n, d]).range([a - r.bottom, r.top]);
+}, ge = (e, t) => {
   const a = y.select(e);
   if (a.empty())
     return console.error(`Element with selector ${e} not found!`), null;
   if (!t.chartId || !/^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(t.chartId))
     return console.error(`chartId is required and must be a valid id 
       (only letters, numbers or underscores. The first character must be a letter)`), null;
-  const s = a.append("svg"), i = a.node().getBoundingClientRect(), o = i.width, d = i.height;
-  let n = I({ ...O, width: o, height: d }, t.config);
-  const r = (l, u = !1) => {
-    u && l.config && (n = I(n, l.config));
-    const h = l.data.map((v) => ({ date: new Date(v.date), value: v.value })).sort((v, f) => v.date.getTime() - f.date.getTime()), g = ae(h, n), m = re(h, n);
-    s.attr("class", `sc-charts sc-charts__${n.theme}`).attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${o} ${d}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
+  const r = a.append("svg"), n = a.node().getBoundingClientRect(), s = n.width, l = n.height;
+  let i = M({ ...te, width: s, height: l }, t.config);
+  const o = (c, u = !1) => {
+    u && c.config && (i = M(i, c.config));
+    const h = c.data.map((p) => ({ date: new Date(p.date), value: p.value })).sort((p, f) => p.date.getTime() - f.date.getTime()), g = ce(h, i), m = he(h, i);
+    r.attr("class", `sc-charts sc-charts__${i.theme}`).attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${s} ${l}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
     const x = {
       chartId: t.chartId,
-      svg: s,
+      svg: r,
       data: h,
       x: g,
       y: m,
-      config: n,
+      config: i,
       action: "none"
     };
-    H(x);
-    const p = {
+    P(x);
+    const v = {
       ...x,
-      elements: K(x)
+      elements: ne(x)
     };
-    te(p);
+    de(v);
   };
-  return r(t), {
-    update: (l) => r(l, !0),
-    destroy: () => s.remove()
+  return o(t), {
+    update: (c) => o(c, !0),
+    destroy: () => r.remove()
   };
 };
 export {
-  se as createLineChart
+  ge as createLineChart
 };
 //# sourceMappingURL=charts-core.js.map