@wick-charts/vue 0.4.2 → 0.5.0

package/dist/core/dist/theme/themes/mint-breeze.js

@@ -0,0 +1,33 @@
+import { createTheme as o, SPACE_MONO_URL as e, SPACE_MONO as r, autoGradient as a } from "../create.js";
+const d = o({
+  name: "Mint Breeze",
+  background: "#f6f5ee",
+  candlestick: {
+    up: { body: a("#2e9070"), wick: "#2e9070" },
+    down: { body: a("#d04848"), wick: "#d04848" }
+  },
+  line: { color: "#2a8a80" },
+  seriesColors: [
+    "#2a8a80",
+    "#d0884a",
+    "#2e9070",
+    "#7a68b0",
+    "#d04848",
+    "#a09040",
+    "#3a7a9a",
+    "#d04848",
+    "#2a8a80",
+    "#7a68b0"
+  ],
+  bands: { upper: "#3a7a9a", lower: "#d04848" },
+  grid: { color: "rgba(100,150,140,0.1)" },
+  axis: { textColor: "#80a098" },
+  crosshair: { color: "rgba(55,80,70,0.45)", labelBackground: "#ece8de" },
+  tooltip: { background: "rgba(246,245,238,0.95)", textColor: "#2a3530", borderColor: "rgba(130,140,115,0.2)" },
+  typography: { fontFamily: r },
+  fontUrl: e,
+  chartGradient: ["#f8f7f0", "#f6f5ee"]
+});
+export {
+  d as mintBreeze
+};

package/dist/core/dist/theme/themes/monokai-pro.js

@@ -0,0 +1,33 @@
+import { createTheme as r, FIRA_URL as a, FIRA as c, autoGradient as o } from "../create.js";
+const b = r({
+  name: "Monokai Pro",
+  description: "Bold syntax colors on dark gray",
+  background: "#2d2a2e",
+  grid: { color: "rgba(104,100,102,0.2)" },
+  candlestick: {
+    up: { body: o("#8ab862"), wick: "#8ab862" },
+    down: { body: o("#d05470"), wick: "#d05470" }
+  },
+  line: { color: "#62b8c8" },
+  seriesColors: [
+    "#62b8c8",
+    "#d08050",
+    "#8ab862",
+    "#9080c8",
+    "#d05470",
+    "#d0b850",
+    "#62b8c8",
+    "#d05470",
+    "#8ab862",
+    "#9080c8"
+  ],
+  bands: { upper: "#62b8c8", lower: "#d05470" },
+  crosshair: { color: "rgba(114,112,114,0.7)", labelBackground: "#403e42" },
+  axis: { textColor: "#727072" },
+  tooltip: { background: "rgba(45,42,46,0.92)", textColor: "#fcfcfa", borderColor: "rgba(64,60,62,0.6)" },
+  typography: { fontFamily: c },
+  fontUrl: a
+});
+export {
+  b as monokaiPro
+};

package/dist/core/dist/theme/themes/night-owl.js

@@ -0,0 +1,35 @@
+import { createTheme as a, MONO_URL as e, MONO as r, autoGradient as o } from "../create.js";
+const c = a({
+  name: "Night Owl",
+  description: "Crafted for late-night coding",
+  background: "#011627",
+  grid: { color: "rgba(71,92,118,0.2)" },
+  candlestick: {
+    up: { body: o("#7ec699"), wick: "#7ec699" },
+    down: { body: o("#e06c75"), wick: "#e06c75" }
+  },
+  line: { color: "#82aaff" },
+  seriesColors: [
+    "#82aaff",
+    "#d49a6a",
+    "#7ec699",
+    "#b48ead",
+    "#e06c75",
+    "#d4b568",
+    "#5fb3a1",
+    "#d47084",
+    "#6bc5e0",
+    "#b48ead"
+  ],
+  bands: { upper: "#6bc5e0", lower: "#d47084" },
+  crosshair: { color: "rgba(99,119,119,0.7)", labelBackground: "#1d3b53" },
+  // Hue nudged from cyan (`#495a5a`) toward navy so the muted text shares
+  // the page bg's blue family instead of reading as a separate teal-grey.
+  axis: { textColor: "#4d5a6c" },
+  tooltip: { background: "rgba(1,22,39,0.92)", textColor: "#d6deeb", borderColor: "rgba(31,52,72,0.6)" },
+  typography: { fontFamily: r },
+  fontUrl: e
+});
+export {
+  c as nightOwl
+};

package/dist/core/dist/theme/themes/one-dark-pro.js

@@ -0,0 +1,33 @@
+import { createTheme as r, MONO_URL as a, MONO as e, autoGradient as o } from "../create.js";
+const d = r({
+  name: "One Dark Pro",
+  description: "Atom editor's iconic dark palette",
+  background: "#282c34",
+  grid: { color: "rgba(99,104,116,0.2)" },
+  candlestick: {
+    up: { body: o("#98c379"), wick: "#98c379" },
+    down: { body: o("#e06c75"), wick: "#e06c75" }
+  },
+  line: { color: "#61afef" },
+  seriesColors: [
+    "#61afef",
+    "#e5c07b",
+    "#98c379",
+    "#c678dd",
+    "#e06c75",
+    "#56b6c2",
+    "#d19a66",
+    "#be5046",
+    "#61afef",
+    "#c678dd"
+  ],
+  bands: { upper: "#56b6c2", lower: "#c678dd" },
+  crosshair: { color: "rgba(99,110,123,0.7)", labelBackground: "#3e4451" },
+  axis: { textColor: "#5c6370" },
+  tooltip: { background: "rgba(40,44,52,0.92)", textColor: "#abb2bf", borderColor: "rgba(59,64,72,0.6)" },
+  typography: { fontFamily: e },
+  fontUrl: a
+});
+export {
+  d as oneDarkPro
+};

package/dist/core/dist/theme/themes/panda.js

@@ -0,0 +1,33 @@
+import { createTheme as a, FIRA_URL as r, FIRA as f, autoGradient as o } from "../create.js";
+const b = a({
+  name: "Panda",
+  description: "Playful neons on charcoal",
+  background: "#292a2b",
+  grid: { color: "rgba(98,98,100,0.2)" },
+  candlestick: {
+    up: { body: o("#19f9d8"), wick: "#19f9d8" },
+    down: { body: o("#ff75b5"), wick: "#ff75b5" }
+  },
+  line: { color: "#6fc1ff" },
+  seriesColors: [
+    "#6fc1ff",
+    "#ffb86c",
+    "#19f9d8",
+    "#b084eb",
+    "#ff75b5",
+    "#ffcc95",
+    "#19f9d8",
+    "#ff4b82",
+    "#45a9f9",
+    "#b084eb"
+  ],
+  bands: { upper: "#45a9f9", lower: "#ff75b5" },
+  crosshair: { color: "rgba(117,117,117,0.7)", labelBackground: "#3a3a3c" },
+  axis: { textColor: "#757575" },
+  tooltip: { background: "rgba(41,42,43,0.92)", textColor: "#e6e6e6", borderColor: "rgba(58,58,60,0.6)" },
+  typography: { fontFamily: f },
+  fontUrl: r
+});
+export {
+  b as panda
+};

package/dist/core/dist/theme/themes/peach-cream.js

@@ -0,0 +1,33 @@
+import { createTheme as o, JAKARTA_URL as r, JAKARTA as e, autoGradient as a } from "../create.js";
+const t = o({
+  name: "Peach Cream",
+  background: "#fef6f0",
+  candlestick: {
+    up: { body: a("#5a9a68"), wick: "#5a9a68" },
+    down: { body: a("#d06848"), wick: "#d06848" }
+  },
+  line: { color: "#d07040" },
+  seriesColors: [
+    "#d07040",
+    "#5a9a68",
+    "#8a6aaa",
+    "#c0884a",
+    "#d06848",
+    "#4a8a9a",
+    "#9a7a4a",
+    "#d06848",
+    "#d07040",
+    "#8a6aaa"
+  ],
+  bands: { upper: "#4a8a9a", lower: "#d06848" },
+  grid: { color: "rgba(180,140,120,0.12)" },
+  axis: { textColor: "#b09080" },
+  crosshair: { color: "rgba(100,70,55,0.45)", labelBackground: "#f0e4d8" },
+  tooltip: { background: "rgba(254,246,240,0.95)", textColor: "#4a3028", borderColor: "rgba(180,140,120,0.25)" },
+  typography: { fontFamily: e },
+  fontUrl: r,
+  chartGradient: ["#fff8f2", "#fef6f0"]
+});
+export {
+  t as peachCream
+};

package/dist/core/dist/theme/themes/quiet-light.js

@@ -0,0 +1,37 @@
+import { createTheme as o, IBM_URL as r, IBM as e, autoGradient as a } from "../create.js";
+const t = o({
+  name: "Quiet Light",
+  description: "Subdued and easy on the eyes",
+  background: "#f5f5f5",
+  // Pin the gradient top stop instead of letting `createTheme` derive it
+  // from `lightenHex(bg, 0.06)` — that landed at `#ffffff`, which read as
+  // a hard white seam against the rest of the chrome.
+  chartGradient: ["#fdfdfd", "#f5f5f5"],
+  grid: { color: "rgba(200,200,200,0.4)" },
+  candlestick: {
+    up: { body: a("#448c27"), wick: "#448c27" },
+    down: { body: a("#aa3731"), wick: "#aa3731" }
+  },
+  line: { color: "#4b69c6" },
+  seriesColors: [
+    "#4b69c6",
+    "#c47820",
+    "#448c27",
+    "#7a3e9d",
+    "#aa3731",
+    "#c47820",
+    "#2d8fa1",
+    "#aa3731",
+    "#448c27",
+    "#7a3e9d"
+  ],
+  bands: { upper: "#2d8fa1", lower: "#aa3731" },
+  crosshair: { color: "rgba(80,80,80,0.5)", labelBackground: "#e8e8e8" },
+  axis: { textColor: "#aaaaaa" },
+  tooltip: { background: "rgba(245,245,245,0.95)", textColor: "#333333", borderColor: "rgba(200,200,200,0.5)" },
+  typography: { fontFamily: e },
+  fontUrl: r
+});
+export {
+  t as quietLight
+};

package/dist/core/dist/theme/themes/rose-pine-dawn.js

@@ -0,0 +1,33 @@
+import { createTheme as o, SOURCE_CODE_URL as r, SOURCE_CODE as e, autoGradient as a } from "../create.js";
+const d = o({
+  name: "Rosé Pine Dawn",
+  description: "Dawn-inspired warm neutrals",
+  background: "#faf4ed",
+  grid: { color: "rgba(152,147,165,0.2)" },
+  candlestick: {
+    up: { body: a("#56949f"), wick: "#56949f" },
+    down: { body: a("#b4637a"), wick: "#b4637a" }
+  },
+  line: { color: "#907aa9" },
+  seriesColors: [
+    "#907aa9",
+    "#ea9d34",
+    "#56949f",
+    "#d7827e",
+    "#b4637a",
+    "#ea9d34",
+    "#286983",
+    "#b4637a",
+    "#907aa9",
+    "#d7827e"
+  ],
+  bands: { upper: "#286983", lower: "#b4637a" },
+  crosshair: { color: "rgba(80,72,98,0.5)", labelBackground: "#f2e9e1" },
+  axis: { textColor: "#9893a5" },
+  tooltip: { background: "rgba(250,244,237,0.95)", textColor: "#575279", borderColor: "rgba(152,147,165,0.2)" },
+  typography: { fontFamily: e },
+  fontUrl: r
+});
+export {
+  d as rosePineDawn
+};

package/dist/core/dist/theme/themes/sand-dune.js

@@ -0,0 +1,33 @@
+import { createTheme as o, SOURCE_CODE_URL as r, SOURCE_CODE as e, autoGradient as a } from "../create.js";
+const t = o({
+  name: "Sand Dune",
+  background: "#f4f0e8",
+  candlestick: {
+    up: { body: a("#5a8a50"), wick: "#5a8a50" },
+    down: { body: a("#b85040"), wick: "#b85040" }
+  },
+  line: { color: "#8a6a3a" },
+  seriesColors: [
+    "#8a6a3a",
+    "#b87a40",
+    "#5a8a50",
+    "#7a5a70",
+    "#b85040",
+    "#a09030",
+    "#4a7a7a",
+    "#b85040",
+    "#8a6a3a",
+    "#7a5a70"
+  ],
+  bands: { upper: "#4a7a7a", lower: "#b85040" },
+  grid: { color: "rgba(150,130,100,0.15)" },
+  axis: { textColor: "#9a8a70" },
+  crosshair: { color: "rgba(85,65,45,0.45)", labelBackground: "#e8e0d0" },
+  tooltip: { background: "rgba(244,240,232,0.95)", textColor: "#3a3020", borderColor: "rgba(150,130,100,0.3)" },
+  typography: { fontFamily: e },
+  fontUrl: r,
+  chartGradient: ["#f8f4ec", "#f4f0e8"]
+});
+export {
+  t as sandDune
+};

package/dist/core/dist/theme/themes/solarized-light.js

@@ -0,0 +1,34 @@
+import { createTheme as r, MONO_URL as a, MONO as e, autoGradient as o } from "../create.js";
+const d = r({
+  name: "Solarized Light",
+  description: "Ethan Schoonover's precision palette",
+  background: "#fdf6e3",
+  chartGradient: ["#fef8e8", "#fdf6e3"],
+  grid: { color: "rgba(200,193,170,0.4)" },
+  candlestick: {
+    up: { body: o("#859900"), wick: "#859900" },
+    down: { body: o("#dc322f"), wick: "#dc322f" }
+  },
+  line: { color: "#268bd2" },
+  seriesColors: [
+    "#268bd2",
+    "#cb4b16",
+    "#859900",
+    "#6c71c4",
+    "#dc322f",
+    "#b58900",
+    "#2aa198",
+    "#d33682",
+    "#268bd2",
+    "#6c71c4"
+  ],
+  bands: { upper: "#2aa198", lower: "#d33682" },
+  crosshair: { color: "rgba(80,100,100,0.55)", labelBackground: "#eee8d5" },
+  axis: { textColor: "#93a1a1" },
+  tooltip: { background: "rgba(253,246,227,0.95)", textColor: "#586e75", borderColor: "rgba(238,232,213,0.6)" },
+  typography: { fontFamily: e },
+  fontUrl: a
+});
+export {
+  d as solarizedLight
+};

package/dist/core/dist/tooltip-position.js

@@ -0,0 +1,10 @@
+function s(m) {
+  const { x: t, y: o, chartWidth: n, chartHeight: f, tooltipWidth: a, tooltipHeight: h, offsetX: i = 16, offsetY: e = 16 } = m, p = t + i + a > n ? t - i - a : t + i, x = o + e + h > f ? o - e - h : o + e, c = Math.max(0, n - a), r = Math.max(0, f - h);
+  return {
+    left: Math.max(0, Math.min(c, p)),
+    top: Math.max(0, Math.min(r, x))
+  };
+}
+export {
+  s as computeTooltipPosition
+};

package/dist/core/dist/utils/color.js

@@ -0,0 +1,37 @@
+function p(n, r) {
+  return typeof n == "function" ? n(r) : n;
+}
+const u = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
+function c(n) {
+  return [parseInt(n.slice(1, 3), 16), parseInt(n.slice(3, 5), 16), parseInt(n.slice(5, 7), 16)];
+}
+function g(n) {
+  return !n.startsWith("#") || n.length !== 4 ? n : `#${n[1]}${n[1]}${n[2]}${n[2]}${n[3]}${n[3]}`;
+}
+function f(n, r, e) {
+  return `#${n.toString(16).padStart(2, "0")}${r.toString(16).padStart(2, "0")}${e.toString(16).padStart(2, "0")}`;
+}
+function h(n, r) {
+  if (n.startsWith("rgba")) return n.replace(/[\d.]+\)\s*$/, `${r})`);
+  if (n.startsWith("rgb(")) return n.replace(/^rgb\((.*)\)$/i, `rgba($1, ${r})`);
+  const e = n + r, t = u.get(e);
+  if (t) return t;
+  const [a, i, s] = c(g(n)), o = Number.isNaN(a) || Number.isNaN(i) || Number.isNaN(s) ? n : `rgba(${a}, ${i}, ${s}, ${r})`;
+  return u.set(e, o), o;
+}
+function b(n, r) {
+  const e = n + r;
+  let t = $.get(e);
+  if (t) return t;
+  const [a, i, s] = c(n);
+  return t = f(
+    Math.min(255, Math.round(a + (255 - a) * r)),
+    Math.min(255, Math.round(i + (255 - i) * r)),
+    Math.min(255, Math.round(s + (255 - s) * r))
+  ), $.set(e, t), t;
+}
+export {
+  h as hexToRgba,
+  b as lighten,
+  p as resolveColor
+};

package/dist/core/dist/utils/format.js

@@ -0,0 +1,29 @@
+function u(t) {
+  const a = Math.abs(t);
+  if (a === 0) return "0";
+  if (a < 1e-12) return t.toExponential(2);
+  const n = Math.max(0, Math.ceil(-Math.log10(a)) - 1), o = Math.min(12, n + 4), i = t.toFixed(o);
+  return i.includes(".") ? i.replace(/\.?0+$/, "") : i;
+}
+function l(t) {
+  return Number.isNaN(t) ? "—" : t === 1 / 0 ? "∞" : t === -1 / 0 ? "−∞" : null;
+}
+function F(t, a) {
+  const n = l(t);
+  if (n !== null) return n;
+  const o = Math.abs(t), i = a?.decimals ?? 2, r = (c, s, x) => {
+    const e = c / s, d = Number.parseFloat(e.toFixed(i));
+    return Math.abs(d) >= 1e3 ? null : `${e.toFixed(i)}${x}`;
+  };
+  return o >= 1e15 ? t.toExponential(2) : o >= 1e12 ? r(t, 1e12, "T") ?? t.toExponential(2) : o >= 1e9 ? r(t, 1e9, "B") ?? `${(t / 1e12).toFixed(i)}T` : o >= 1e6 ? r(t, 1e6, "M") ?? `${(t / 1e9).toFixed(i)}B` : o >= 1e3 ? r(t, 1e3, "K") ?? `${(t / 1e6).toFixed(i)}M` : o < 1 ? u(t) : o < 100 ? t.toFixed(2) : t.toFixed(0);
+}
+function f(t) {
+  const a = l(t);
+  if (a !== null) return a;
+  const n = Math.abs(t);
+  return n === 0 ? "0" : n < 1 ? u(t) : n < 100 ? t.toFixed(4) : n >= 1e7 ? F(t) : n < 1e4 ? t.toFixed(2) : t.toFixed(0);
+}
+export {
+  F as formatCompact,
+  f as formatPriceAdaptive
+};

package/dist/core/dist/utils/math.js

@@ -0,0 +1,26 @@
+function u(t, r, n) {
+  return Math.max(r, Math.min(n, t));
+}
+function c(t, r, n) {
+  return t + (r - t) * n;
+}
+function s(t, r, n, e) {
+  const a = Math.exp(-n * e);
+  return r + (t - r) * a;
+}
+function f(t, r, n) {
+  let e = 0, a = t.length - 1;
+  for (; e <= a; ) {
+    const o = e + a >>> 1, i = n(t[o]);
+    if (i < r) e = o + 1;
+    else if (i > r) a = o - 1;
+    else return o;
+  }
+  return e;
+}
+export {
+  f as binarySearch,
+  u as clamp,
+  c as lerp,
+  s as smoothToward
+};

package/dist/core/dist/utils/poisoned-data-reporter.js

@@ -0,0 +1,15 @@
+function s(e) {
+  return typeof e == "number" && !Number.isFinite(e);
+}
+const r = /* @__PURE__ */ (() => {
+  const e = /* @__PURE__ */ new WeakSet();
+  return (n, i, t, o) => {
+    t.length === 0 || e.has(n) || (e.add(n), console.warn(
+      `[wick-charts] ${i}: skipping ${t.length} row${t.length === 1 ? "" : "s"} with NaN / Infinity values (indices ${t.join(", ")}; first offending row: ${o}). Filter upstream data; the renderer drops poisoned rows to keep the rest of the chart alive.`
+    ));
+  };
+})();
+export {
+  s as isPoisonedNumber,
+  r as reportPoisonedData
+};

package/dist/core/dist/utils/time.js

@@ -0,0 +1,41 @@
+function a(e) {
+  return e instanceof Date ? e.getTime() : e;
+}
+function m(e) {
+  return e.length === 0 || !e.some((t) => t.time instanceof Date) ? e : e.map((t) => ({ ...t, time: a(t.time) }));
+}
+function u(e) {
+  return e.length === 0 || !e.some((t) => t.time instanceof Date) ? e : e.map((t) => ({ ...t, time: a(t.time) }));
+}
+function c(e) {
+  if (e.length < 2) return 864e5;
+  const t = [];
+  for (let n = 1; n < Math.min(e.length, 20); n++)
+    t.push(e[n] - e[n - 1]);
+  return t.sort((n, i) => n - i), t[Math.floor(t.length / 2)];
+}
+function s(e, t) {
+  const n = new Date(e);
+  return t >= 31536e6 ? n.toLocaleDateString("en-US", { year: "numeric" }) : t >= 864e5 ? n.toLocaleDateString("en-US", { month: "short", day: "numeric" }) : t >= 36e5 ? n.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: !1 }) : n.toLocaleTimeString("en-US", {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hour12: !1
+  });
+}
+function l(e) {
+  return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+}
+function f(e) {
+  const t = [1e3, 5e3, 1e4, 15e3, 3e4], n = [6e4, 5 * 6e4, 10 * 6e4, 15 * 6e4, 30 * 6e4], i = [36e5, 2 * 36e5, 4 * 36e5, 6 * 36e5, 12 * 36e5], o = [864e5, 7 * 864e5, 30 * 864e5, 90 * 864e5], r = [31536e6, 2 * 31536e6, 5 * 31536e6, 10 * 31536e6, 25 * 31536e6, 50 * 31536e6, 100 * 31536e6];
+  return e < 6e4 ? [...t, ...n, ...i, ...o, ...r] : e < 36e5 ? [...n, ...i, ...o, ...r] : e < 864e5 ? [...i, ...o, ...r] : e < 31536e6 ? [...o, ...r] : r;
+}
+export {
+  c as detectInterval,
+  l as formatDate,
+  s as formatTime,
+  f as niceTimeIntervals,
+  m as normalizeOHLCArray,
+  a as normalizeTime,
+  u as normalizeTimePointArray
+};