@tradecanvas/commons 1.1.0 → 1.3.0

package/dist/index.js

@@ -1,44 +1,44 @@
 //#region src/types/rendering.ts
 var e = /* @__PURE__ */ function(e) {
-	return e[e.Background = 0] = "Background", e[e.Main = 1] = "Main", e[e.Panel = 2] = "Panel", e[e.Overlay = 3] = "Overlay", e[e.UI = 4] = "UI", e;
+	return e[e.Background = 0] = "Background", e[e.Main = 1] = "Main", e[e.Panel = 2] = "Panel", e[e.Overlay = 3] = "Overlay", e[e.UI = 4] = "UI", e[e.Hover = 5] = "Hover", e;
 }({}), t = {
-	color: "#2196F3",
+	color: "#4c8dff",
 	lineWidth: 1,
 	lineStyle: "solid",
-	fillColor: "rgba(33, 150, 243, 0.1)",
+	fillColor: "rgba(76, 141, 255, 0.1)",
 	fillOpacity: .1,
 	fontSize: 12
 }, n = {
 	enabled: !0,
 	orderColors: {
-		buy: "#26A69A",
-		sell: "#EF5350"
+		buy: "#1fa874",
+		sell: "#e8505b"
 	},
 	positionColors: {
-		profit: "#26A69A",
-		loss: "#EF5350",
-		entry: "#2196F3"
+		profit: "#1fa874",
+		loss: "#e8505b",
+		entry: "#4c8dff"
 	},
 	depthOverlay: {
 		enabled: !1,
-		bidColor: "rgba(38,166,154,0.15)",
-		askColor: "rgba(239,83,80,0.15)",
+		bidColor: "rgba(31, 168, 116,0.15)",
+		askColor: "rgba(232, 80, 91,0.15)",
 		maxWidth: 100
 	},
 	contextMenu: { enabled: !0 },
 	pricePrecision: 2,
 	dragThreshold: 3
 }, r = {
-	longColor: "#26A69A",
-	shortColor: "#EF5350",
+	longColor: "#1fa874",
+	shortColor: "#e8505b",
 	neutralColor: "#9E9E9E",
 	arrowSize: 12,
 	showLabel: !0,
 	showConfidence: !0
 }, i = {
-	profitColor: "#26A69A",
-	lossColor: "#EF5350",
-	activeColor: "#2196F3",
+	profitColor: "#1fa874",
+	lossColor: "#e8505b",
+	activeColor: "#4c8dff",
 	fillOpacity: .12,
 	borderWidth: 1,
 	showLabel: !0,
@@ -81,7 +81,7 @@ function f(e, t, n) {
 function p(e) {
 	return e > 0xe8d4a51000 ? e : e * 1e3;
 }
-function ee(e) {
+function m(e) {
 	return {
 		time: p(e.time ?? e.t ?? 0),
 		open: e.open ?? e.o ?? 0,
@@ -91,11 +91,11 @@ function ee(e) {
 		volume: e.volume ?? e.v ?? 0
 	};
 }
-function m(e, t, n) {
+function ee(e, t, n) {
 	let r = Math.max(0, t), i = Math.min(e.length, n + 1);
 	return e.slice(r, i);
 }
-function h(e, t) {
+function te(e, t) {
 	let n = 0, r = e.length - 1;
 	for (; n <= r;) {
 		let i = n + r >>> 1;
@@ -105,7 +105,7 @@ function h(e, t) {
 	}
 	return n;
 }
-function g(e, t, n, r = .05) {
+function h(e, t, n, r = .05) {
 	if (e.length === 0) return {
 		min: 0,
 		max: 1
@@ -122,7 +122,7 @@ function g(e, t, n, r = .05) {
 		max: s + c * r
 	};
 }
-function _(e, t) {
+function g(e, t) {
 	return {
 		...e,
 		high: Math.max(e.high, t.price),
@@ -134,15 +134,15 @@ function _(e, t) {
 }
 //#endregion
 //#region src/utils/color.ts
-function v(e, t = 1) {
+function _(e, t = 1) {
 	return `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${t})`;
 }
-function y(e, t) {
-	if (e.startsWith("#")) return v(e, t);
+function v(e, t) {
+	if (e.startsWith("#")) return _(e, t);
 	let n = e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
 	return n ? `rgba(${n[1]}, ${n[2]}, ${n[3]}, ${t})` : e;
 }
-function b(e, t, n) {
+function ne(e, t, n) {
 	let r = (e) => (e = e.replace("#", ""), e.length === 3 && (e = e[0] + e[0] + e[1] + e[1] + e[2] + e[2]), {
 		r: parseInt(e.slice(0, 2), 16),
 		g: parseInt(e.slice(2, 4), 16),
@@ -152,7 +152,7 @@ function b(e, t, n) {
 }
 //#endregion
 //#region src/utils/time.ts
-var x = {
+var y = {
 	"1s": 1e3,
 	"5s": 5e3,
 	"15s": 15e3,
@@ -180,11 +180,11 @@ var x = {
 	"6M": 15552e6,
 	"12M": 31536e6
 };
-function te(e) {
-	return x[e];
+function re(e) {
+	return y[e];
 }
-function ne(e, t) {
-	let n = new Date(e), r = x[t];
+function ie(e, t) {
+	let n = new Date(e), r = y[t];
 	return r >= 864e5 ? n.toLocaleDateString(void 0, {
 		month: "short",
 		day: "numeric"
@@ -197,11 +197,11 @@ function ne(e, t) {
 		second: "2-digit"
 	});
 }
-function re(e, t) {
-	let n = x[t];
+function ae(e, t) {
+	let n = y[t];
 	return Math.floor(e / n) * n;
 }
-function ie(e, t) {
+function oe(e, t) {
 	if (t === null) {
 		let t = new Date(e);
 		return {
@@ -221,15 +221,15 @@ function ie(e, t) {
 		minutes: n.getUTCMinutes()
 	};
 }
-function ae(e) {
+function se(e) {
 	return e.hours === 0 && e.minutes === 0;
 }
-function S(e) {
+function ce(e) {
 	let t = e === null ? -(/* @__PURE__ */ new Date()).getTimezoneOffset() : e, n = t >= 0 ? "+" : "-", r = Math.abs(t), i = Math.floor(r / 60), a = r % 60;
 	return a === 0 ? `UTC${n}${i}` : `UTC${n}${i}:${String(a).padStart(2, "0")}`;
 }
-var C = Date.UTC(1970, 0, 5);
-function w(e) {
+var b = Date.UTC(1970, 0, 5);
+function le(e) {
 	let t = /^(\d+)([smhdwM])$/.exec(e);
 	return t ? {
 		count: parseInt(t[1], 10),
@@ -239,47 +239,54 @@ function w(e) {
 		unit: "m"
 	};
 }
-function T(e, t, n = 1) {
-	let { count: r, unit: i } = w(t);
+function ue(e, t, n = 1) {
+	let { count: r, unit: i } = le(t);
 	if (i === "s" || i === "m" || i === "h" || i === "d") {
-		let n = x[t];
+		let n = y[t];
 		return Math.floor(e / n) * n;
 	}
 	let a = new Date(e);
 	if (i === "w") {
-		let e = x["1d"], t = (a.getUTCDay() - n + 7) % 7, i = Date.UTC(a.getUTCFullYear(), a.getUTCMonth(), a.getUTCDate() - t);
+		let e = y["1d"], t = (a.getUTCDay() - n + 7) % 7, i = Date.UTC(a.getUTCFullYear(), a.getUTCMonth(), a.getUTCDate() - t);
 		if (r <= 1) return i;
-		let o = Math.floor((i - C) / (7 * e));
-		return C + Math.floor(o / r) * r * 7 * e;
+		let o = Math.floor((i - b) / (7 * e));
+		return b + Math.floor(o / r) * r * 7 * e;
 	}
 	let o = a.getUTCFullYear() * 12 + a.getUTCMonth(), s = Math.floor(o / r) * r;
 	return Date.UTC(Math.floor(s / 12), s % 12, 1);
 }
 //#endregion
 //#region src/utils/precision.ts
-function E(e, t = 2, n = "en-US") {
-	return e.toLocaleString(n, {
+var x = 64, S = /* @__PURE__ */ new Map();
+function C(e, t) {
+	let n = `${e}|${t}`, r = S.get(n);
+	return r || (S.size >= x && S.clear(), r = new Intl.NumberFormat(e, {
 		minimumFractionDigits: t,
 		maximumFractionDigits: t
-	});
+	}), S.set(n, r)), r;
 }
-function D(e, t, n, r = 2, i = "en-US") {
+function w(e, t = 2, n = "en-US") {
+	return C(n, t).format(e);
+}
+function T(e, t) {
+	if (!(t > e) || !Number.isFinite(e) || !Number.isFinite(t)) return 2;
+	let n = f(e, t, 8);
+	return n > 0 && n < 1 ? Math.ceil(-Math.log10(n)) + 1 : 2;
+}
+function E(e, t, n, r = 2, i = "en-US") {
 	if ((t === "percentage" || t === "indexedTo100") && n && n !== 0) {
 		if (t === "percentage") {
 			let t = (e / n - 1) * 100;
 			return `${t > 0 ? "+" : ""}${t.toFixed(2)}%`;
 		}
-		return (e / n * 100).toLocaleString(i, {
-			minimumFractionDigits: 2,
-			maximumFractionDigits: 2
-		});
+		return w(e / n * 100, 2, i);
 	}
-	return E(e, r, i);
+	return w(e, r, i);
 }
-function O(e) {
+function D(e) {
 	return e >= 1e9 ? (e / 1e9).toFixed(2) + "B" : e >= 1e6 ? (e / 1e6).toFixed(2) + "M" : e >= 1e3 ? (e / 1e3).toFixed(2) + "K" : e.toFixed(0);
 }
-function k(e) {
+function O(e) {
 	let t = 0;
 	for (let n of e) {
 		let e = n.toString(), r = e.indexOf(".");
@@ -289,7 +296,7 @@ function k(e) {
 }
 //#endregion
 //#region src/constants/defaults.ts
-var A = {
+var k = {
 	autoScale: !0,
 	rightMargin: 5,
 	minBarSpacing: 2,
@@ -300,7 +307,7 @@ var A = {
 		vLineStyle: "solid"
 	},
 	crosshair: { mode: "magnet" }
-}, j = [
+}, A = [
 	"1s",
 	"1m",
 	"3m",
@@ -317,7 +324,7 @@ var A = {
 	"3d",
 	"1w",
 	"1M"
-], M = [
+], j = [
 	"1m",
 	"5m",
 	"15m",
@@ -331,7 +338,7 @@ var A = {
 	"3M",
 	"6M",
 	"12M"
-], N = [
+], M = [
 	"1m",
 	"5m",
 	"15m",
@@ -341,7 +348,7 @@ var A = {
 	"1d",
 	"1w",
 	"1M"
-], P = [
+], N = [
 	"1m",
 	"5m",
 	"15m",
@@ -349,52 +356,69 @@ var A = {
 	"4h",
 	"1d",
 	"1w"
-], F = 8, I = 2, L = 70, R = 30, z = 60, B = 120, V = {
+], P = 8, F = 2, I = 70, L = 30, R = 60, z = 120, B = {
 	family: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
 	sizeSmall: 10,
 	sizeMedium: 12,
 	sizeLarge: 14
-}, oe = {
+}, V = {
+	amber: "#f2a93b",
+	up: "#1fa874",
+	down: "#e8505b",
+	ochre: "#c98316",
+	blue: "#4c8dff",
+	violet: "#a57cff",
+	cyan: "#1398a8",
+	rose: "#e25592",
+	neutral: "#7d8696",
+	ink: "#0c1016"
+}, H = [
+	V.blue,
+	V.ochre,
+	V.violet,
+	V.cyan,
+	V.rose
+], U = {
 	name: "dark",
-	background: "#131722",
-	text: "#D1D4DC",
-	textSecondary: "#787B86",
-	grid: "#1E222D",
-	crosshair: "#9598A1",
-	candleUp: "#26A69A",
-	candleDown: "#EF5350",
-	candleUpWick: "#26A69A",
-	candleDownWick: "#EF5350",
-	lineColor: "#2196F3",
-	areaTopColor: "rgba(33, 150, 243, 0.4)",
-	areaBottomColor: "rgba(33, 150, 243, 0.0)",
-	volumeUp: "rgba(38, 166, 154, 0.3)",
-	volumeDown: "rgba(239, 83, 80, 0.3)",
-	axisLine: "#2A2E39",
-	axisLabel: "#D1D4DC",
-	axisLabelBackground: "#2A2E39",
-	font: V
-}, H = {
+	background: V.ink,
+	text: "#d9dde4",
+	textSecondary: "#7d8696",
+	grid: "#161b23",
+	crosshair: "#8a93a3",
+	candleUp: "#3ccf91",
+	candleDown: "#f0616d",
+	candleUpWick: "#3ccf91",
+	candleDownWick: "#f0616d",
+	lineColor: V.amber,
+	areaTopColor: "rgba(242, 169, 59, 0.32)",
+	areaBottomColor: "rgba(242, 169, 59, 0.0)",
+	volumeUp: "rgba(60, 207, 145, 0.28)",
+	volumeDown: "rgba(240, 97, 109, 0.28)",
+	axisLine: "#1f2630",
+	axisLabel: "#c3c9d3",
+	axisLabelBackground: "#1f2630",
+	font: B
+}, de = {
 	name: "light",
-	background: "#FFFFFF",
-	text: "#131722",
-	textSecondary: "#787B86",
-	grid: "#F0F3FA",
-	crosshair: "#9598A1",
-	candleUp: "#26A69A",
-	candleDown: "#EF5350",
-	candleUpWick: "#26A69A",
-	candleDownWick: "#EF5350",
-	lineColor: "#2196F3",
-	areaTopColor: "rgba(33, 150, 243, 0.4)",
-	areaBottomColor: "rgba(33, 150, 243, 0.0)",
-	volumeUp: "rgba(38, 166, 154, 0.3)",
-	volumeDown: "rgba(239, 83, 80, 0.3)",
-	axisLine: "#E0E3EB",
-	axisLabel: "#131722",
-	axisLabelBackground: "#F0F3FA",
-	font: V
-}, U = {
+	background: "#ffffff",
+	text: "#0f131a",
+	textSecondary: "#6b7380",
+	grid: "#eef0f3",
+	crosshair: "#8a93a3",
+	candleUp: "#16a36a",
+	candleDown: "#d9414f",
+	candleUpWick: "#16a36a",
+	candleDownWick: "#d9414f",
+	lineColor: "#c77a0a",
+	areaTopColor: "rgba(199, 122, 10, 0.24)",
+	areaBottomColor: "rgba(199, 122, 10, 0.0)",
+	volumeUp: "rgba(22, 163, 106, 0.25)",
+	volumeDown: "rgba(217, 65, 79, 0.25)",
+	axisLine: "#dde1e7",
+	axisLabel: "#3f4754",
+	axisLabelBackground: "#eef0f3",
+	font: B
+}, fe = {
 	name: "terminal",
 	background: "#0E0E0E",
 	text: "#C0C0C0",
@@ -626,19 +650,19 @@ var A = {
 	numberDecimalSeparator: ",",
 	numberGroupSeparator: "."
 }, K = new Map([["en", W], ["vi", G]]), q = "en", J = W;
-function se(e) {
+function pe(e) {
 	q = e, J = K.get(e) ?? W;
 }
-function ce() {
+function me() {
 	return q;
 }
-function le(e) {
+function he(e) {
 	return J[e] ?? W[e] ?? e;
 }
-function ue(e, t) {
+function ge(e, t) {
 	K.set(e, t);
 }
-function de(e) {
+function _e(e) {
 	return K.get(e ?? q) ?? W;
 }
 function Y(e, t = 2, n) {
@@ -646,10 +670,10 @@ function Y(e, t = 2, n) {
 	for (let e = l.length - 1, t = 0; e >= 0; e--, t++) t > 0 && t % 3 == 0 && (u = a + u), u = l[e] + u;
 	return c && (u = "-" + u), s ? u + i + s : u;
 }
-function fe(e) {
+function ve(e) {
 	return Y(e, 0, "vi");
 }
-function pe(e, t) {
+function ye(e, t) {
 	return e >= 1e9 ? Y(e / 1e9, 2, t ?? q) + "B" : e >= 1e6 ? Y(e / 1e6, 2, t ?? q) + "M" : e >= 1e3 ? Y(e / 1e3, 2, t ?? q) + "K" : Y(e, 0, t ?? q);
 }
 //#endregion
@@ -717,7 +741,7 @@ var X = {
 		endTime: "14:45",
 		type: "preClose"
 	}
-], $ = {
+], be = {
 	type: "stock",
 	exchange: "HOSE",
 	currency: "VND",
@@ -731,7 +755,7 @@ var X = {
 	},
 	sessions: Z,
 	colorScheme: X
-}, me = {
+}, xe = {
 	type: "stock",
 	exchange: "HNX",
 	currency: "VND",
@@ -745,7 +769,7 @@ var X = {
 	},
 	sessions: Q,
 	colorScheme: X
-}, he = {
+}, Se = {
 	type: "stock",
 	exchange: "UPCOM",
 	currency: "VND",
@@ -759,12 +783,12 @@ var X = {
 	},
 	sessions: Q,
 	colorScheme: X
-}, ge = {
+}, Ce = {
 	type: "crypto",
 	currency: "USDT",
 	pricePrecision: 2,
 	priceLimits: { enabled: !1 }
-}, _e = {
+}, $ = {
 	type: "stock",
 	exchange: "NYSE",
 	currency: "USD",
@@ -792,7 +816,7 @@ var X = {
 		}
 	]
 };
-function ve(e) {
+function we(e) {
 	return {
 		...e,
 		candleUp: X.up,
@@ -803,7 +827,7 @@ function ve(e) {
 		volumeDown: "rgba(0, 0, 255, 0.3)"
 	};
 }
-function ye(e, t) {
+function Te(e, t) {
 	if (!t.priceLimits?.enabled || !t.priceLimits.ceilingPercent) return null;
 	let n = t.priceLimits.ceilingPercent / 100, r = (t.priceLimits.floorPercent ?? t.priceLimits.ceilingPercent) / 100;
 	return {
@@ -812,12 +836,12 @@ function ye(e, t) {
 		reference: e
 	};
 }
-function be(e) {
+function Ee(e) {
 	let t = /* @__PURE__ */ new Date(), n = `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
 	for (let t of e) if (n >= t.startTime && n < t.endTime) return t;
 	return null;
 }
 //#endregion
-export { U as DARK_TERMINAL, oe as DARK_THEME, I as DEFAULT_BAR_SPACING, F as DEFAULT_BAR_WIDTH, A as DEFAULT_CHART_OPTIONS, t as DEFAULT_DRAWING_STYLE, B as DEFAULT_PANEL_HEIGHT, a as DEFAULT_RECONNECT, r as DEFAULT_SIGNAL_STYLE, o as DEFAULT_STREAM_CONFIG, P as DEFAULT_TIMEFRAME_FAVORITES, i as DEFAULT_TRADE_ZONE_STYLE, n as DEFAULT_TRADING_CONFIG, Q as HNX_SESSIONS, Z as HOSE_SESSIONS, H as LIGHT_THEME, e as LayerType, ge as MARKET_CRYPTO, me as MARKET_HNX, $ as MARKET_HOSE, _e as MARKET_NYSE, he as MARKET_UPCOM, z as MIN_PANEL_HEIGHT, L as PRICE_AXIS_WIDTH, j as TIMEFRAMES_CRYPTO, N as TIMEFRAMES_FOREX, M as TIMEFRAMES_STOCK, R as TIME_AXIS_HEIGHT, X as VN_COLORS, re as alignToTimeframe, s as clamp, ye as computePriceLimits, g as computePriceRange, f as computeTickStep, ve as createVNTheme, k as detectPrecision, W as en, h as findBarIndex, Y as formatNumber, E as formatPrice, D as formatPriceScaleLabel, ne as formatTimestamp, fe as formatVND, O as formatVolume, pe as formatVolumeLoc, be as getCurrentSession, ce as getLocale, de as getLocaleStrings, v as hexToRgba, l as inverseLerp, ae as isDateOnly, c as lerp, b as lerpColor, _ as mergeBar, d as niceNumber, ee as normalizeBar, p as normalizeBarTime, ue as registerLocale, u as roundToStep, se as setLocale, m as sliceVisibleData, le as t, ie as timeParts, T as timeframeBucketStart, te as timeframeToMs, S as tzLabel, G as vi, y as withAlpha };
+export { fe as DARK_TERMINAL, U as DARK_THEME, F as DEFAULT_BAR_SPACING, P as DEFAULT_BAR_WIDTH, k as DEFAULT_CHART_OPTIONS, t as DEFAULT_DRAWING_STYLE, z as DEFAULT_PANEL_HEIGHT, a as DEFAULT_RECONNECT, r as DEFAULT_SIGNAL_STYLE, o as DEFAULT_STREAM_CONFIG, N as DEFAULT_TIMEFRAME_FAVORITES, i as DEFAULT_TRADE_ZONE_STYLE, n as DEFAULT_TRADING_CONFIG, Q as HNX_SESSIONS, Z as HOSE_SESSIONS, de as LIGHT_THEME, e as LayerType, Ce as MARKET_CRYPTO, xe as MARKET_HNX, be as MARKET_HOSE, $ as MARKET_NYSE, Se as MARKET_UPCOM, R as MIN_PANEL_HEIGHT, I as PRICE_AXIS_WIDTH, V as TC_PALETTE, H as TC_SERIES_COLORS, A as TIMEFRAMES_CRYPTO, M as TIMEFRAMES_FOREX, j as TIMEFRAMES_STOCK, L as TIME_AXIS_HEIGHT, X as VN_COLORS, ae as alignToTimeframe, T as autoPricePrecision, s as clamp, Te as computePriceLimits, h as computePriceRange, f as computeTickStep, we as createVNTheme, O as detectPrecision, W as en, te as findBarIndex, Y as formatNumber, w as formatPrice, E as formatPriceScaleLabel, ie as formatTimestamp, ve as formatVND, D as formatVolume, ye as formatVolumeLoc, Ee as getCurrentSession, me as getLocale, _e as getLocaleStrings, _ as hexToRgba, l as inverseLerp, se as isDateOnly, c as lerp, ne as lerpColor, g as mergeBar, d as niceNumber, m as normalizeBar, p as normalizeBarTime, ge as registerLocale, u as roundToStep, pe as setLocale, ee as sliceVisibleData, he as t, oe as timeParts, ue as timeframeBucketStart, re as timeframeToMs, ce as tzLabel, G as vi, v as withAlpha };
 
 //# sourceMappingURL=index.js.map