charts-core 0.0.13 → 0.0.14

package/dist/charts-core.js

@@ -1,44 +1,114 @@
-import * as u from "d3";
-const N = (t) => {
-  const { svg: e, config: n, y: i } = t, { width: l, margin: o, yAxis: s } = n, { customTicks: r, tickFormat: a, tickValues: d, ticks: c, isShow: m } = s;
-  if (!m) return null;
-  e.append("g").attr("transform", `translate(${l - o.right},0)`).call((g) => {
-    let f = u.axisRight(i);
-    r ? (a && (f = f.tickFormat(a)), c && (f = Array.isArray(c) ? f.ticks(...c) : f.ticks(c)), d && (f = f.tickValues(d))) : f = f.tickFormat((h) => {
-      const v = Number(h), y = v < 0 ? "-" : "", x = u.format(".0s")(Math.abs(v));
-      return `${y}${x}`;
-    }), g.call(f);
-  }).call((g) => g.select(".domain").remove()).call((g) => g.selectAll("text").attr("fill", "var(--sc-color-axis-text)")).call((g) => g.selectAll(".tick line").remove());
-}, A = (t) => {
-  const { svg: e, config: n, x: i } = t, { height: l, margin: o, xAxis: s } = n, { isShow: r } = s;
+import * as g from "d3";
+const F = (t) => {
+  const { svg: e, config: i, y: n } = t, { width: l, margin: o, yAxis: s } = i, { customTicks: r, tickFormat: a, tickValues: d, ticks: c, isShow: f } = s;
+  if (!f) return null;
+  e.append("g").attr("transform", `translate(${l - o.right},0)`).call((p) => {
+    let C = g.axisRight(n);
+    r ? (a && (C = C.tickFormat(a)), c && (C = Array.isArray(c) ? C.ticks(...c) : C.ticks(c)), d && (C = C.tickValues(d))) : C = C.tickFormat((u) => {
+      const h = Number(u), v = h < 0 ? "-" : "", y = g.format(".0s")(Math.abs(h));
+      return `${v}${y}`;
+    }), p.call(C);
+  }).call((p) => p.select(".domain").remove()).call((p) => p.selectAll("text").attr("fill", "var(--sc-color-axis-text)")).call((p) => p.selectAll(".tick line").remove());
+}, M = (t) => {
+  const { svg: e, config: i, x: n } = t, { height: l, margin: o, xAxis: s } = i, { isShow: r } = s;
   if (!r) return null;
-  e.append("g").attr("transform", `translate(0,${l - o.bottom})`).call(u.axisBottom(i).ticks(5)).call((a) => a.select(".domain").remove()).call((a) => a.selectAll(".tick line").remove()).call((a) => a.selectAll("text").attr("fill", "var(--sc-color-axis-text)"));
-}, R = (t) => {
-  const { svg: e, config: n, y: i } = t, { width: l, height: o, margin: s, logo: r } = n;
-  A(t), N(t), r && e.append("image").attr("xlink:href", `scope-logo-${n.theme}.svg`).attr("width", r.width).attr("height", r.height).attr("x", (l - s.left - s.right) / 2 - r.width / 2 + s.left).attr("y", (o - s.top - s.bottom) / 2 - r.height / 2 + s.top), e.append("line").attr("x1", 0 + s.left).attr("x2", l - s.right).attr("y1", i(0)).attr("y2", i(0)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-dasharray", "4 4").attr("stroke-width", 1);
-}, B = (t, e = {}) => {
-  let n = t.append("rect").classed("sc-charts__sc-selection", !0).style("display", e.hidden ? "none" : "block");
-  const i = "sc-charts__selection";
+  e.append("g").attr("transform", `translate(0,${l - o.bottom})`).call(g.axisBottom(n).ticks(5)).call((a) => a.select(".domain").remove()).call((a) => a.selectAll(".tick line").remove()).call((a) => a.selectAll("text").attr("fill", "var(--sc-color-axis-text)"));
+}, G = `<svg width="406" height="50" viewBox="0 0 406 113" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M192.818 23.0378C168.597 23.0378 151.856 36.6984 151.856 56.6851C151.856 76.6718 168.597 90.5572 192.818 90.5572C217.038 90.5572 233.39 76.6645 233.39 56.6561C233.39 36.6476 216.906 23.0378 192.818 23.0378ZM192.818 78.2243C176.839 78.2243 165.642 69.4316 165.642 56.5618C165.642 43.6919 176.817 35.4071 192.818 35.4071C208.818 35.4071 219.612 43.9459 219.612 56.5618C219.612 69.1777 208.4 78.2025 192.818 78.2025V78.2315V78.2243Z" fill="url(#paint0_linear_825_50654)"/>
+<path d="M47.275 50.6822H25.511C12.6272 50.6822 9.15141 35.3893 35.9457 35.3893C47.2823 35.3893 56.1697 40.2354 60.0341 42.7746L66.993 32.3278C60.4155 26.5893 48.8295 23.02 35.821 23.02C-7.20087 23.02 -7.7215 62.783 25.643 62.783H47.5389C61.706 62.783 64.0232 78.2065 35.9457 78.2065C21.9033 78.2065 10.8233 70.8139 6.95889 68.0064L0 78.4604C6.57758 84.1916 20.4807 90.5612 36.063 90.5612C81.1455 90.5322 81.6661 50.6749 47.275 50.6749V50.6822Z" fill="url(#paint1_linear_825_50654)"/>
+<path d="M117.971 78.1952C101.487 78.1952 90.7959 69.4026 90.7959 56.7867C90.7959 44.1708 101.355 35.3998 117.839 35.3998C127.248 35.3998 136.003 40.246 141.283 45.0848L149.173 34.2536C141.701 28.3991 130.232 23.0378 117.869 23.0378C93.1351 23.0378 77.0394 36.8072 77.0394 56.8157C77.0394 76.8241 93.3771 90.5572 118.125 90.5572C130.745 90.5572 142.214 84.9494 149.679 79.0876L141.569 68.503C136.267 73.3709 127.504 78.1952 117.971 78.1952Z" fill="url(#paint2_linear_825_50654)"/>
+<path d="M366.96 23.0273C343.774 23.0273 327.671 36.7967 327.671 56.8051C327.671 76.8136 346.091 90.5467 371.213 90.5467C384.479 90.5467 395.537 86.2156 402.51 80.3538L394.385 69.7983C389.619 74.8983 381.897 78.591 371.074 78.591C355.998 78.591 345.255 72.3519 342.146 62.7902H406.001V56.6673C405.979 36.6588 390.14 23.02 366.953 23.02L366.96 23.0273ZM366.828 35.0048C380.101 35.0048 389.179 41.193 391.569 51.0594H341.889C344.353 41.2801 353.343 35.0048 366.828 35.0048Z" fill="url(#paint3_linear_825_50654)"/>
+<path d="M284.304 23.0273C272.777 23.0273 263.632 27.0319 257.348 33.2056C255.72 28.1128 251.225 24.9425 245.132 24.9425H236.772V37.0506H244.494V113H258.023V80.9052C264.27 86.7597 273.143 90.5684 284.318 90.5684C305.826 90.5684 320.638 76.6757 320.638 56.6673C320.638 36.6588 305.804 23.02 284.296 23.02L284.304 23.0273ZM282.625 78.1847C267.937 78.1847 258.023 69.392 258.023 56.5222C258.023 43.6524 267.937 35.3675 282.625 35.3675C297.312 35.3675 306.845 43.9063 306.845 56.5222C306.83 69.421 296.667 78.1847 282.625 78.1847Z" fill="url(#paint4_linear_825_50654)"/>
+<path d="M362.631 5.86774H364.279C365.579 5.86774 366.453 5.10272 366.453 3.99282C366.453 2.88292 365.674 2.18688 364.26 2.18688C362.942 2.18688 362.067 2.95817 361.991 4.13704H359.374C359.475 1.64761 361.44 0.0297852 364.387 0.0297852C367.334 0.0297852 369.141 1.46576 369.141 3.61658C369.141 5.26576 368 6.45717 366.333 6.75816V6.8146C368.361 6.98391 369.667 8.19414 369.667 10.0565C369.667 12.4707 367.455 14.076 364.317 14.076C361.18 14.076 359.241 12.408 359.107 9.9311H361.827C361.909 11.0661 362.853 11.8123 364.349 11.8123C365.845 11.8123 366.77 11.0222 366.77 9.88094C366.77 8.65189 365.839 7.90569 364.305 7.90569H362.625V5.87401L362.631 5.86774Z" fill="#141718"/>
+<path d="M372.393 11.5986C371.638 10.4636 371.252 8.93982 371.252 7.15269C371.252 2.70055 373.438 0.0167236 376.95 0.0167236C379.542 0.0167236 381.564 1.53421 381.944 3.7352H379.149C378.877 2.8385 378.002 2.24279 376.937 2.24279C375.042 2.24279 373.895 4.04246 373.958 7.07745H374.015C374.56 5.76061 375.898 4.889 377.634 4.889C380.214 4.889 382.128 6.77018 382.128 9.32233C382.128 12.0877 379.954 14.0755 376.912 14.0755C374.96 14.0755 373.35 13.1976 372.399 11.5986H372.393ZM379.352 9.41012C379.352 8.02431 378.306 7.00847 376.886 7.00847C375.467 7.00847 374.402 8.02431 374.402 9.38504C374.402 10.7458 375.486 11.8368 376.88 11.8368C378.274 11.8368 379.358 10.7646 379.358 9.41639L379.352 9.41012Z" fill="#141718"/>
+<path d="M383.665 7.01056C383.665 2.66502 385.763 0 389.167 0C392.57 0 394.655 2.65874 394.655 6.99802C394.655 11.3373 392.583 14.0525 389.167 14.0525C385.75 14.0525 383.665 11.3624 383.665 7.00429V7.01056ZM391.765 7.01056C391.765 3.96931 390.776 2.25743 389.167 2.25743C387.557 2.25743 386.555 3.98185 386.555 7.01056C386.555 10.0393 387.544 11.8013 389.167 11.8013C390.789 11.8013 391.765 10.0769 391.765 7.01056Z" fill="#141718"/>
+<path d="M395.968 3.15424C395.968 1.48625 397.267 0.188232 398.959 0.188232C400.652 0.188232 401.957 1.48625 401.957 3.15424C401.957 4.82222 400.645 6.12651 398.959 6.12651C397.273 6.12651 395.968 4.82849 395.968 3.15424ZM400.322 3.15424C400.322 2.40176 399.726 1.79351 398.966 1.79351C398.205 1.79351 397.609 2.40176 397.609 3.15424C397.609 3.90671 398.23 4.52123 398.966 4.52123C399.739 4.52123 400.322 3.8879 400.322 3.15424Z" fill="#141718"/>
+<defs>
+<linearGradient id="paint0_linear_825_50654" x1="195.535" y1="92.2815" x2="195.535" y2="24.1985" gradientUnits="userSpaceOnUse">
+<stop stop-color="#181C1D" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#141718"/>
+</linearGradient>
+<linearGradient id="paint1_linear_825_50654" x1="38.3756" y1="92.2861" x2="38.3756" y2="24.1811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#181C1D" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#141718"/>
+</linearGradient>
+<linearGradient id="paint2_linear_825_50654" x1="115.953" y1="92.2815" x2="115.953" y2="24.1985" gradientUnits="userSpaceOnUse">
+<stop stop-color="#181C1D" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#141718"/>
+</linearGradient>
+<linearGradient id="paint3_linear_825_50654" x1="369.633" y1="92.2712" x2="369.633" y2="24.1808" gradientUnits="userSpaceOnUse">
+<stop stop-color="#181C1D" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#141718"/>
+</linearGradient>
+<linearGradient id="paint4_linear_825_50654" x1="281.7" y1="115.298" x2="281.7" y2="24.5668" gradientUnits="userSpaceOnUse">
+<stop stop-color="#181C1D" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#141718"/>
+</linearGradient>
+</defs>
+</svg>
+`, H = `<svg width="406" height="50" viewBox="0 0 406 113" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M192.818 23.0378C168.597 23.0378 151.856 36.6984 151.856 56.685C151.856 76.6717 168.597 90.5572 192.818 90.5572C217.038 90.5572 233.391 76.6645 233.391 56.656C233.391 36.6476 216.906 23.0378 192.818 23.0378ZM192.818 78.2242C176.839 78.2242 165.642 69.4315 165.642 56.5617C165.642 43.6919 176.817 35.407 192.818 35.407C208.818 35.407 219.612 43.9458 219.612 56.5617C219.612 69.1776 208.4 78.2025 192.818 78.2025V78.2315V78.2242Z" fill="url(#paint0_linear_825_29332)"/>
+<path d="M47.275 50.6821H25.511C12.6272 50.6821 9.15141 35.3892 35.9457 35.3892C47.2823 35.3892 56.1697 40.2354 60.0341 42.7745L66.993 32.3278C60.4155 26.5893 48.8295 23.02 35.821 23.02C-7.20087 23.02 -7.7215 62.783 25.643 62.783H47.5389C61.706 62.783 64.0232 78.2064 35.9457 78.2064C21.9033 78.2064 10.8233 70.8139 6.95889 68.0063L0 78.4604C6.57758 84.1916 20.4807 90.5612 36.063 90.5612C81.1455 90.5322 81.6661 50.6749 47.275 50.6749V50.6821Z" fill="url(#paint1_linear_825_29332)"/>
+<path d="M117.971 78.1952C101.487 78.1952 90.7955 69.4025 90.7955 56.7866C90.7955 44.1707 101.355 35.3998 117.839 35.3998C127.247 35.3998 136.003 40.2459 141.282 45.0848L149.172 34.2535C141.7 28.399 130.232 23.0378 117.868 23.0378C93.1347 23.0378 77.0391 36.8072 77.0391 56.8156C77.0391 76.8241 93.3767 90.5572 118.125 90.5572C130.745 90.5572 142.214 84.9493 149.678 79.0875L141.568 68.5029C136.267 73.3708 127.504 78.1952 117.971 78.1952Z" fill="url(#paint2_linear_825_29332)"/>
+<path d="M366.96 23.0273C343.774 23.0273 327.671 36.7967 327.671 56.8051C327.671 76.8136 346.091 90.5467 371.213 90.5467C384.479 90.5467 395.537 86.2156 402.51 80.3538L394.385 69.7983C389.619 74.8983 381.897 78.591 371.074 78.591C355.998 78.591 345.255 72.3519 342.146 62.7902H406.001V56.6673C405.979 36.6588 390.14 23.02 366.953 23.02L366.96 23.0273ZM366.828 35.0048C380.101 35.0048 389.179 41.193 391.569 51.0594H341.889C344.353 41.2801 353.343 35.0048 366.828 35.0048Z" fill="url(#paint3_linear_825_29332)"/>
+<path d="M284.304 23.0272C272.777 23.0272 263.632 27.0318 257.348 33.2056C255.72 28.1128 251.225 24.9425 245.132 24.9425H236.772V37.0506H244.494V113H258.023V80.9052C264.27 86.7597 273.143 90.5684 284.318 90.5684C305.826 90.5684 320.638 76.6757 320.638 56.6672C320.638 36.6588 305.804 23.02 284.296 23.02L284.304 23.0272ZM282.625 78.1847C267.937 78.1847 258.023 69.392 258.023 56.5222C258.023 43.6523 267.937 35.3675 282.625 35.3675C297.312 35.3675 306.845 43.9062 306.845 56.5222C306.83 69.421 296.667 78.1847 282.625 78.1847Z" fill="url(#paint4_linear_825_29332)"/>
+<path d="M362.631 5.86768H364.279C365.579 5.86768 366.453 5.10266 366.453 3.99276C366.453 2.88286 365.674 2.18682 364.26 2.18682C362.942 2.18682 362.067 2.95811 361.991 4.13698H359.374C359.475 1.64754 361.44 0.0297241 364.387 0.0297241C367.334 0.0297241 369.141 1.4657 369.141 3.61652C369.141 5.2657 368 6.45711 366.333 6.7581V6.81454C368.361 6.98385 369.667 8.19408 369.667 10.0565C369.667 12.4706 367.455 14.0759 364.317 14.0759C361.18 14.0759 359.241 12.4079 359.107 9.93104H361.827C361.909 11.066 362.853 11.8122 364.349 11.8122C365.845 11.8122 366.77 11.0221 366.77 9.88087C366.77 8.65183 365.839 7.90563 364.305 7.90563H362.625V5.87395L362.631 5.86768Z" fill="#F8F8F8"/>
+<path d="M372.393 11.5985C371.638 10.4635 371.252 8.93976 371.252 7.15263C371.252 2.70049 373.438 0.0166626 376.95 0.0166626C379.542 0.0166626 381.564 1.53415 381.944 3.73514H379.149C378.877 2.83844 378.002 2.24273 376.937 2.24273C375.042 2.24273 373.895 4.0424 373.958 7.07738H374.015C374.56 5.76055 375.898 4.88894 377.634 4.88894C380.214 4.88894 382.128 6.77012 382.128 9.32227C382.128 12.0876 379.954 14.0754 376.912 14.0754C374.96 14.0754 373.35 13.1975 372.399 11.5985H372.393ZM379.352 9.41006C379.352 8.02425 378.306 7.00841 376.886 7.00841C375.467 7.00841 374.402 8.02425 374.402 9.38497C374.402 10.7457 375.486 11.8368 376.88 11.8368C378.274 11.8368 379.358 10.7645 379.358 9.41633L379.352 9.41006Z" fill="#F8F8F8"/>
+<path d="M383.665 7.0105C383.665 2.66495 385.763 -6.10352e-05 389.167 -6.10352e-05C392.57 -6.10352e-05 394.655 2.65868 394.655 6.99796C394.655 11.3372 392.583 14.0524 389.167 14.0524C385.75 14.0524 383.665 11.3623 383.665 7.00423V7.0105ZM391.765 7.0105C391.765 3.96924 390.776 2.25736 389.167 2.25736C387.557 2.25736 386.555 3.98179 386.555 7.0105C386.555 10.0392 387.544 11.8013 389.167 11.8013C390.789 11.8013 391.765 10.0768 391.765 7.0105Z" fill="#F8F8F8"/>
+<path d="M395.968 3.15422C395.968 1.48624 397.267 0.188217 398.959 0.188217C400.652 0.188217 401.957 1.48624 401.957 3.15422C401.957 4.82221 400.645 6.1265 398.959 6.1265C397.273 6.1265 395.968 4.82848 395.968 3.15422ZM400.322 3.15422C400.322 2.40175 399.726 1.7935 398.966 1.7935C398.205 1.7935 397.609 2.40175 397.609 3.15422C397.609 3.9067 398.23 4.52122 398.966 4.52122C399.739 4.52122 400.322 3.88788 400.322 3.15422Z" fill="#F8F8F8"/>
+<defs>
+<linearGradient id="paint0_linear_825_29332" x1="195.535" y1="92.2815" x2="195.535" y2="24.1985" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#F8F8F8"/>
+</linearGradient>
+<linearGradient id="paint1_linear_825_29332" x1="38.3756" y1="92.286" x2="38.3756" y2="24.181" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#F8F8F8"/>
+</linearGradient>
+<linearGradient id="paint2_linear_825_29332" x1="115.953" y1="92.2815" x2="115.953" y2="24.1985" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#F8F8F8"/>
+</linearGradient>
+<linearGradient id="paint3_linear_825_29332" x1="369.633" y1="92.2712" x2="369.633" y2="24.1808" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#F8F8F8"/>
+</linearGradient>
+<linearGradient id="paint4_linear_825_29332" x1="281.7" y1="115.298" x2="281.7" y2="24.5667" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#F8F8F8"/>
+</linearGradient>
+</defs>
+</svg>
+`, N = (t) => {
+  const { svg: e, config: i, y: n } = t, { width: l, height: o, margin: s, logo: r } = i;
+  if (M(t), F(t), r) {
+    const a = i.theme === "dark" ? G : H, d = (l - s.left - s.right) / 2 - r.width / 2 + s.left, c = (o - s.top - s.bottom) / 2 - r.height / 2 + s.top;
+    e.append("g").attr("transform", `translate(${d}, ${c})`).append("g").attr("width", r.width).attr("height", r.height).html(a);
+  }
+  e.append("line").attr("x1", 0 + s.left).attr("x2", l - s.right).attr("y1", n(0)).attr("y2", n(0)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-dasharray", "4 4").attr("stroke-width", 1);
+}, Z = (t, e = {}) => {
+  let i = t.append("rect").classed("sc-charts__sc-selection", !0).style("display", e.hidden ? "none" : "block");
+  const n = "sc-charts__selection";
   return {
     className(l, o) {
-      l === "remove" ? n.classed(`${i}${o}`, !1) : n.classed(`${i}${o}`, !0);
+      l === "remove" ? i.classed(`${n}${o}`, !1) : i.classed(`${n}${o}`, !0);
     },
     update({ width: l, x: o, y: s, height: r, fill: a, hidden: d }) {
-      l !== void 0 && n.attr("width", l), o !== void 0 && n.attr("x", o), s !== void 0 && n.attr("y", s), r !== void 0 && n.attr("height", r), a !== void 0 && n.attr("fill", a), d !== void 0 && n.style("display", d ? "none" : "block");
+      l !== void 0 && i.attr("width", l), o !== void 0 && i.attr("x", o), s !== void 0 && i.attr("y", s), r !== void 0 && i.attr("height", r), a !== void 0 && i.attr("fill", a), d !== void 0 && i.style("display", d ? "none" : "block");
     },
     destroy() {
-      n.remove();
+      i.remove();
     }
   };
-}, _ = (t, e, n) => {
-  let i = t.select(`#${e}`);
-  return i.empty() && (i = t.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", e)), i.attr("x1", n.x1).attr("y1", n.x2).attr("x2", n.y1).attr("y2", n.y2), n.stops.forEach(({ offset: l, stopColor: o }) => {
-    i.append("stop").attr("offset", l).attr("stop-color", o);
-  }), i;
-}, C = (t) => {
-  const e = u.select(t).select("defs");
-  return e.empty() ? u.select(t).append("defs") : e;
-}, b = (t, e) => ({
+}, b = (t, e, i) => {
+  let n = t.select(`#${e}`);
+  return n.empty() && (n = t.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", e)), n.attr("x1", i.x1).attr("y1", i.x2).attr("x2", i.y1).attr("y2", i.y2), i.stops.forEach(({ offset: l, stopColor: o }) => {
+    n.append("stop").attr("offset", l).attr("stop-color", o);
+  }), n;
+}, k = (t) => {
+  const e = g.select(t).select("defs");
+  return e.empty() ? g.select(t).append("defs") : e;
+}, x = (t, e) => ({
   ...t,
   ...e,
   margin: {
@@ -57,8 +127,8 @@ const N = (t) => {
     ...t.yAxis,
     ...e == null ? void 0 : e.yAxis
   }
-}), w = (t, e = {}) => {
-  const n = t.node(), i = C(n), l = (r, a) => _(i, r, {
+}), L = (t, e = {}) => {
+  const i = t.node(), n = k(i), l = (r, a) => b(n, r, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -76,29 +146,29 @@ const N = (t) => {
     className(r, a) {
       r === "remove" ? s.classed(`${o}${a}`, !1) : s.classed(`${o}${a}`, !0);
     },
-    update({ x1: r, x2: a, y1: d, y2: c, hidden: m }) {
-      r !== void 0 && s.attr("x1", r), a !== void 0 && s.attr("x2", a), d !== void 0 && s.attr("y1", d), c !== void 0 && s.attr("y2", c), m !== void 0 && s.style("display", m ? "none" : "block");
+    update({ x1: r, x2: a, y1: d, y2: c, hidden: f }) {
+      r !== void 0 && s.attr("x1", r), a !== void 0 && s.attr("x2", a), d !== void 0 && s.attr("y1", d), c !== void 0 && s.attr("y2", c), f !== void 0 && s.style("display", f ? "none" : "block");
     },
     destroy() {
       s.remove();
     }
   };
-}, $ = (t, e = {}) => {
-  const n = t.append("circle").attr("r", e.radius || 4).style("display", e.hidden ? "none" : "block"), i = e.className || "";
-  return i && n.classed(i, !0), {
+}, _ = (t, e = {}) => {
+  const i = t.append("circle").attr("r", e.radius || 4).style("display", e.hidden ? "none" : "block"), n = e.className || "";
+  return n && i.classed(n, !0), {
     className(l, o) {
-      l === "remove" ? n.classed(`${i}${o}`, !1) : n.classed(`${i}${o}`, !0);
+      l === "remove" ? i.classed(`${n}${o}`, !1) : i.classed(`${n}${o}`, !0);
     },
     update({ cx: l, cy: o, hidden: s, fill: r }) {
-      l !== void 0 && n.attr("cx", l), o !== void 0 && n.attr("cy", o), r !== void 0 && n.attr("fill", r), s !== void 0 && n.style("display", s ? "none" : "block");
+      l !== void 0 && i.attr("cx", l), o !== void 0 && i.attr("cy", o), r !== void 0 && i.attr("fill", r), s !== void 0 && i.style("display", s ? "none" : "block");
     },
     destroy() {
-      n.remove();
+      i.remove();
     }
   };
-}, F = (t, e = {}) => {
-  const n = "sc-charts__hover-line", i = t.append("line").style("display", e.hidden ? "none" : "block").classed(n, !0), l = t.node(), o = C(l);
-  return ((r, a) => _(o, r, {
+}, D = (t, e = {}) => {
+  const i = "sc-charts__hover-line", n = t.append("line").style("display", e.hidden ? "none" : "block").classed(i, !0), l = t.node(), o = k(l);
+  return ((r, a) => b(o, r, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -111,17 +181,17 @@ const N = (t) => {
     ]
   }))("hover-line-gradient", "var(--sc-color-hover-line)"), {
     className(r, a) {
-      r === "remove" ? i.classed(`${n}${a}`, !1) : i.classed(`${n}${a}`, !0);
+      r === "remove" ? n.classed(`${i}${a}`, !1) : n.classed(`${i}${a}`, !0);
     },
-    update({ x1: r, x2: a, y1: d, y2: c, hidden: m }) {
-      r !== void 0 && i.attr("x1", r), a !== void 0 && i.attr("x2", a), d !== void 0 && i.attr("y1", d), c !== void 0 && i.attr("y2", c), m !== void 0 && i.style("display", m ? "none" : "block");
+    update({ x1: r, x2: a, y1: d, y2: c, hidden: f }) {
+      r !== void 0 && n.attr("x1", r), a !== void 0 && n.attr("x2", a), d !== void 0 && n.attr("y1", d), c !== void 0 && n.attr("y2", c), f !== void 0 && n.style("display", f ? "none" : "block");
     },
     destroy() {
-      i.remove();
+      n.remove();
     }
   };
-}, T = ({ svg: t, x: e, y: n }, i = {}) => {
-  const l = u.line().x((r) => e(r.date)).y((r) => n(r.value)).curve(u.curveLinear), o = i.className || "sc-charts__range-line", s = t.append("path").classed(i.className || "sc-charts__range-line", !0).style("display", i.hidden ? "none" : "block");
+}, V = ({ svg: t, x: e, y: i }, n = {}) => {
+  const l = g.line().x((r) => e(r.date)).y((r) => i(r.value)).curve(g.curveLinear), o = n.className || "sc-charts__range-line", s = t.append("path").classed(n.className || "sc-charts__range-line", !0).style("display", n.hidden ? "none" : "block");
   return {
     className(r, a) {
       r === "remove" ? s.classed(`${o}${a}`, !1) : s.classed(`${o}${a}`, !0);
@@ -133,13 +203,13 @@ const N = (t) => {
       s.remove();
     }
   };
-}, G = ({
+}, U = ({
   svg: t,
   data: e,
-  x: n,
-  y: i
+  x: i,
+  y: n
 }) => {
-  const l = u.line().x((r) => n(r.date)).y((r) => i(r.value)).curve(u.curveLinear), o = "sc-charts__main-line", s = t.append("path").classed(o, !0).datum(e).attr("d", l);
+  const l = g.line().x((r) => i(r.date)).y((r) => n(r.value)).curve(g.curveLinear), o = "sc-charts__main-line", s = t.append("path").classed(o, !0).datum(e).attr("d", l);
   return {
     className(r, a) {
       r === "remove" ? s.classed(`${o}${a}`, !1) : s.classed(`${o}${a}`, !0);
@@ -152,26 +222,26 @@ const N = (t) => {
     }
   };
 }, S = (t) => {
-  const e = "sc-charts__range-label", n = t.svg.append("foreignObject").classed(e, !0).style("display", "none"), i = n.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${e}-container`), l = i.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${e}-sum`), o = i.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${e}-time`), s = u.timeFormat("%b %e, %I:%M %p");
+  const e = "sc-charts__range-label", i = t.svg.append("foreignObject").classed(e, !0).style("display", "none"), n = i.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${e}-container`), l = n.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${e}-sum`), o = n.append("xhtml:div").attr("xmlns", "http://www.w3.org/1999/xhtml").attr("class", `${e}-time`), s = g.timeFormat("%b %e, %I:%M %p");
   return {
     className(r, a) {
-      r === "remove" ? n.classed(`${e}${a}`, !1) : n.classed(`${e}${a}`, !0);
+      r === "remove" ? i.classed(`${e}${a}`, !1) : i.classed(`${e}${a}`, !0);
     },
-    update({ leftPoint: r, rightPoint: a, x: d, y: c, hidden: m }) {
-      if (d !== void 0 && n.attr("x", d), c !== void 0 && n.attr("y", c), r && a) {
-        const g = a.value - r.value, f = (g / r.value * 100).toFixed(2), h = `${g < 0 ? "-" : ""}$${Math.abs(g).toFixed(2)} (${f}%)`, v = `${s(r.date)} to ${s(a.date)}`;
-        l.text(h), o.text(v);
-        const y = t.x(t.data[t.data.length - 1].date), x = t.x(t.data[0].date), p = i.node().getBoundingClientRect();
-        p.x < x && n.attr("x", x + p.width / 2), p.x > y - p.width && n.attr("x", y - p.width / 2);
+    update({ leftPoint: r, rightPoint: a, x: d, y: c, hidden: f }) {
+      if (d !== void 0 && i.attr("x", d), c !== void 0 && i.attr("y", c), r && a) {
+        const p = a.value - r.value, C = (p / r.value * 100).toFixed(2), u = `${p < 0 ? "-" : ""}$${Math.abs(p).toFixed(2)} (${C}%)`, h = `${s(r.date)} to ${s(a.date)}`;
+        l.text(u), o.text(h);
+        const v = t.x(t.data[t.data.length - 1].date), y = t.x(t.data[0].date), m = n.node().getBoundingClientRect();
+        m.x < y && i.attr("x", y + m.width / 2), m.x > v - m.width && i.attr("x", v - m.width / 2);
       }
-      m !== void 0 && n.style("display", m ? "none" : "block");
+      f !== void 0 && i.style("display", f ? "none" : "block");
     },
     destroy() {
-      n.remove();
+      i.remove();
     }
   };
-}, I = ({ svg: t, x: e, y: n }, i = {}) => {
-  const l = u.line().x((r) => e(r.date)).y((r) => n(r.value)).curve(u.curveLinear), o = i.className || "sc-charts__highlight-line", s = t.append("path").classed(o, !0).style("display", i.hidden ? "none" : "block");
+}, A = ({ svg: t, x: e, y: i }, n = {}) => {
+  const l = g.line().x((r) => e(r.date)).y((r) => i(r.value)).curve(g.curveLinear), o = n.className || "sc-charts__highlight-line", s = t.append("path").classed(o, !0).style("display", n.hidden ? "none" : "block");
   return {
     className(r, a) {
       r === "remove" ? s.classed(`${o}${a}`, !1) : s.classed(`${o}${a}`, !0);
@@ -183,20 +253,20 @@ const N = (t) => {
       s.remove();
     }
   };
-}, L = (t) => {
-  const e = G(t), n = B(t.svg), i = F(t.svg), l = I(t), o = $(t.svg, {
+}, w = (t) => {
+  const e = U(t), i = Z(t.svg), n = D(t.svg), l = A(t), o = _(t.svg, {
     className: "sc-charts__hover-circle",
     hidden: !0
-  }), s = w(t.svg), r = w(t.svg), a = T(t), d = $(t.svg, {
+  }), s = L(t.svg), r = L(t.svg), a = V(t), d = _(t.svg, {
     className: "sc-charts__range-circle-left",
     hidden: !0
-  }), c = $(t.svg, {
+  }), c = _(t.svg, {
     className: "sc-charts__range-circle-right",
     hidden: !0
-  }), m = S(t);
+  }), f = S(t);
   return {
-    selection: n,
-    hoverLine: i,
+    selection: i,
+    hoverLine: n,
     hoverCircle: o,
     rangeBorderLeft: s,
     rangeBorderRight: r,
@@ -204,35 +274,35 @@ const N = (t) => {
     rangeCircleLeft: d,
     rangeCircleRight: c,
     mainLine: e,
-    rangeLabel: m,
+    rangeLabel: f,
     highlightLine: l
   };
-}, M = (t, e) => {
+}, E = (t, e) => {
   const {
-    x: n,
-    y: i,
+    x: i,
+    y: n,
     data: l,
     elements: o,
     config: { margin: s, height: r }
   } = t;
   o.hoverLine.update({
-    x1: n(e.date),
-    x2: n(e.date),
+    x1: i(e.date),
+    x2: i(e.date),
     y1: s.top,
     y2: r - s.bottom,
     hidden: !1
   }), o.hoverCircle.update({
-    cx: n(e.date),
-    cy: i(e.value),
+    cx: i(e.date),
+    cy: n(e.value),
     hidden: !1
   }), o.highlightLine.update({
     data: l.filter((a) => a.date.getFullYear() === e.date.getFullYear() && a.date.getMonth() === e.date.getMonth()),
     hidden: !1
   }), o.mainLine.className("add", "_muted");
-}, k = (t) => {
+}, $ = (t) => {
   const { elements: e } = t;
   e.hoverLine.update({ hidden: !0 }), e.hoverCircle.update({ hidden: !0 }), e.highlightLine.update({ hidden: !0 }), e.mainLine.className("remove", "_muted");
-}, D = (t, e) => {
+}, B = (t, e) => {
   [
     "rangeBorderLeft",
     "rangeBorderRight",
@@ -240,67 +310,67 @@ const N = (t) => {
     "rangeCircleRight",
     "rangeLine",
     "rangeLabel"
-  ].forEach((i) => {
-    e ? (t[i].className("remove", "_down"), t[i].className("add", "_up")) : (t[i].className("remove", "_up"), t[i].className("add", "_down"));
+  ].forEach((n) => {
+    e ? (t[n].className("remove", "_down"), t[n].className("add", "_up")) : (t[n].className("remove", "_up"), t[n].className("add", "_down"));
   });
-}, E = (t, e, n) => {
+}, R = (t, e, i) => {
   const {
-    x: i,
+    x: n,
     y: l,
     data: o,
     config: { margin: s, height: r },
     elements: a
-  } = t, d = i(e.date) < i(n.date) ? e : n, c = i(e.date) >= i(n.date) ? e : n, m = c.value - d.value >= 0, g = i(d.date), f = i(c.date), h = f - g, v = o.findIndex((p) => p.date.getTime() === d.date.getTime()), y = o.findIndex((p) => p.date.getTime() === c.date.getTime()), x = o.slice(v, y + 1);
+  } = t, d = n(e.date) < n(i.date) ? e : i, c = n(e.date) >= n(i.date) ? e : i, f = c.value - d.value >= 0, p = n(d.date), C = n(c.date), u = C - p, h = o.findIndex((m) => m.date.getTime() === d.date.getTime()), v = o.findIndex((m) => m.date.getTime() === c.date.getTime()), y = o.slice(h, v + 1);
   a.rangeBorderLeft.update({
-    x1: g,
-    x2: g,
+    x1: p,
+    x2: p,
     y1: s.top,
     y2: r - s.bottom,
     hidden: !1
   }), a.rangeBorderRight.update({
-    x1: f,
-    x2: f,
+    x1: C,
+    x2: C,
     y1: s.top,
     y2: r - s.bottom,
     hidden: !1
   }), a.rangeCircleLeft.update({
-    cx: g,
+    cx: p,
     cy: l(d.value),
     hidden: !1
   }), a.rangeCircleRight.update({
-    cx: f,
+    cx: C,
     cy: l(c.value),
     hidden: !1
   }), a.rangeLine.update({
-    data: x,
+    data: y,
     hidden: !1
   }), a.rangeLabel.update({
     rightPoint: c,
     leftPoint: d,
-    x: g + h / 2,
+    x: p + u / 2,
     y: s.top,
     hidden: !1
-  }), D(a, m), a.mainLine.className("add", "_selected-muted");
-}, H = (t) => {
+  }), B(a, f), a.mainLine.className("add", "_selected-muted");
+}, O = (t) => {
   const { elements: e } = t;
   e.selection.update({ hidden: !0 }), e.rangeLine.update({ hidden: !0 }), e.rangeBorderLeft.update({ hidden: !0 }), e.rangeBorderRight.update({ hidden: !0 }), e.rangeCircleLeft.update({ hidden: !0 }), e.rangeCircleRight.update({ hidden: !0 }), e.rangeLabel.update({ hidden: !0 }), e.mainLine.className("remove", "_selected-muted");
-}, V = (t) => {
-  const { svg: e, data: n, x: i, config: l } = t, { height: o, margin: s, width: r } = l;
+}, T = (t) => {
+  const { svg: e, data: i, x: n, config: l } = t, { height: o, margin: s, width: r } = l;
   let a = null, d = !1;
-  const c = (g) => n.reduce((f, h) => Math.abs(i(f.date) - g) < Math.abs(i(h.date) - g) ? f : h);
-  e.append("rect").attr("width", r - s.left - s.right).attr("height", o - s.top - s.bottom).attr("x", s.left).attr("y", s.top).attr("fill", "transparent").on("mousemove", function(g) {
-    const [f] = u.pointer(g, this), h = c(f);
-    d ? k(t) : M(t, h), a && E(t, a, h);
+  const c = (p) => i.reduce((C, u) => Math.abs(n(C.date) - p) < Math.abs(n(u.date) - p) ? C : u);
+  e.append("rect").attr("width", r - s.left - s.right).attr("height", o - s.top - s.bottom).attr("x", s.left).attr("y", s.top).attr("fill", "transparent").on("mousemove", function(p) {
+    const [C] = g.pointer(p, this), u = c(C);
+    d ? $(t) : E(t, u), a && R(t, a, u);
   }).on("mouseleave", () => {
-    k(t);
-  }).on("mousedown", function(g) {
+    $(t);
+  }).on("mousedown", function(p) {
     d = !0;
-    const [f] = u.pointer(g, this);
-    a = c(f);
+    const [C] = g.pointer(p, this);
+    a = c(C);
   }).on("mouseup", () => {
-    d = !1, a = null, H(t);
+    d = !1, a = null, O(t);
   });
-}, X = {
+}, I = {
   width: 800,
   height: 300,
   margin: { top: 10, right: 30, bottom: 20, left: 0 },
@@ -323,32 +393,32 @@ const N = (t) => {
     tickValues: null,
     isShow: !0
   }
-}, Y = (t, e) => {
-  const n = u.select(t);
-  if (n.empty())
+}, X = (t, e) => {
+  const i = g.select(t);
+  if (i.empty())
     return console.error(`Element with selector ${t} not found!`), null;
-  const i = n.append("svg");
-  let l = b(X, e.config);
+  const n = i.append("svg");
+  let l = x(I, e.config);
   const o = (s, r = !1) => {
-    r && s.config && (l = b(l, s.config));
-    const { width: a, height: d, margin: c } = l, m = s.data.map((v) => ({ date: new Date(v.date), value: v.value })), g = u.scaleTime().domain(u.extent(m, (v) => v.date)).range([c.left, a - c.right]), f = u.scaleLinear().domain(u.extent(m, (v) => v.value)).range([d - c.bottom, c.top]);
-    i.attr("width", a).attr("height", d).attr("class", `sc-charts sc-charts__${l.theme}`).selectAll("*").remove();
-    const h = {
-      svg: i,
-      data: m,
-      x: g,
-      y: f,
+    r && s.config && (l = x(l, s.config));
+    const { width: a, height: d, margin: c } = l, f = s.data.map((h) => ({ date: new Date(h.date), value: h.value })), p = g.scaleTime().domain(g.extent(f, (h) => h.date)).range([c.left, a - c.right]), C = g.scaleLinear().domain(g.extent(f, (h) => h.value)).range([d - c.bottom, c.top]);
+    n.attr("width", a).attr("height", d).attr("class", `sc-charts sc-charts__${l.theme}`).selectAll("*").remove();
+    const u = {
+      svg: n,
+      data: f,
+      x: p,
+      y: C,
       config: l,
-      elements: L({ svg: i, data: m, x: g, y: f, config: l })
+      elements: w({ svg: n, data: f, x: p, y: C, config: l })
     };
-    R(h), h.elements = L(h), V(h);
+    N(u), u.elements = w(u), T(u);
   };
   return o(e), {
     update: (s) => o(s, !0),
-    destroy: () => i.remove()
+    destroy: () => n.remove()
   };
 };
 export {
-  Y as createLineChart
+  X as createLineChart
 };
 //# sourceMappingURL=charts-core.js.map