@tradecanvas/commons 1.2.0 → 1.4.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,
@@ -137,12 +137,12 @@ function g(e, t) {
 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 ne(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 re(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 re(e, t, n) {
 }
 //#endregion
 //#region src/utils/time.ts
-var v = {
+var y = {
 	"1s": 1e3,
 	"5s": 5e3,
 	"15s": 15e3,
@@ -180,11 +180,11 @@ var v = {
 	"6M": 15552e6,
 	"12M": 31536e6
 };
-function ie(e) {
-	return v[e];
+function re(e) {
+	return y[e];
 }
-function ae(e, t) {
-	let n = new Date(e), r = v[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 ae(e, t) {
 		second: "2-digit"
 	});
 }
-function oe(e, t) {
-	let n = v[t];
+function ae(e, t) {
+	let n = y[t];
 	return Math.floor(e / n) * n;
 }
-function se(e, t) {
+function oe(e, t) {
 	if (t === null) {
 		let t = new Date(e);
 		return {
@@ -221,15 +221,15 @@ function se(e, t) {
 		minutes: n.getUTCMinutes()
 	};
 }
-function ce(e) {
+function se(e) {
 	return e.hours === 0 && e.minutes === 0;
 }
-function le(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 y = Date.UTC(1970, 0, 5);
-function b(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,54 +239,54 @@ function b(e) {
 		unit: "m"
 	};
 }
-function x(e, t, n = 1) {
-	let { count: r, unit: i } = b(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 = v[t];
+		let n = y[t];
 		return Math.floor(e / n) * n;
 	}
 	let a = new Date(e);
 	if (i === "w") {
-		let e = v["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 - y) / (7 * e));
-		return y + 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
-var S = 64, C = /* @__PURE__ */ new Map();
-function w(e, t) {
-	let n = `${e}|${t}`, r = C.get(n);
-	return r || (C.size >= S && C.clear(), r = new Intl.NumberFormat(e, {
+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
-	}), C.set(n, r)), r;
+	}), S.set(n, r)), r;
 }
-function T(e, t = 2, n = "en-US") {
-	return w(n, t).format(e);
+function w(e, t = 2, n = "en-US") {
+	return C(n, t).format(e);
 }
-function E(e, t) {
+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 D(e, t, n, r = 2, i = "en-US") {
+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 T(e / n * 100, 2, i);
+		return w(e / n * 100, 2, i);
 	}
-	return T(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(".");
@@ -296,7 +296,7 @@ function k(e) {
 }
 //#endregion
 //#region src/constants/defaults.ts
-var A = {
+var k = {
 	autoScale: !0,
 	rightMargin: 5,
 	minBarSpacing: 2,
@@ -307,7 +307,7 @@ var A = {
 		vLineStyle: "solid"
 	},
 	crosshair: { mode: "magnet" }
-}, j = [
+}, A = [
 	"1s",
 	"1m",
 	"3m",
@@ -324,7 +324,7 @@ var A = {
 	"3d",
 	"1w",
 	"1M"
-], M = [
+], j = [
 	"1m",
 	"5m",
 	"15m",
@@ -338,7 +338,7 @@ var A = {
 	"3M",
 	"6M",
 	"12M"
-], N = [
+], M = [
 	"1m",
 	"5m",
 	"15m",
@@ -348,7 +348,7 @@ var A = {
 	"1d",
 	"1w",
 	"1M"
-], P = [
+], N = [
 	"1m",
 	"5m",
 	"15m",
@@ -356,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
-}, H = {
+}, 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
-}, U = {
+	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
-}, ue = {
+	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",
@@ -633,19 +650,19 @@ var A = {
 	numberDecimalSeparator: ",",
 	numberGroupSeparator: "."
 }, K = new Map([["en", W], ["vi", G]]), q = "en", J = W;
-function de(e) {
+function pe(e) {
 	q = e, J = K.get(e) ?? W;
 }
-function fe() {
+function me() {
 	return q;
 }
-function pe(e) {
+function he(e) {
 	return J[e] ?? W[e] ?? e;
 }
-function me(e, t) {
+function ge(e, t) {
 	K.set(e, t);
 }
-function he(e) {
+function _e(e) {
 	return K.get(e ?? q) ?? W;
 }
 function Y(e, t = 2, n) {
@@ -653,22 +670,22 @@ 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 ge(e) {
+function ve(e) {
 	return Y(e, 0, "vi");
 }
-function X(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
 //#region src/market/presets.ts
-var Z = {
+var X = {
 	up: "#FF0000",
 	down: "#0000FF",
 	unchanged: "#FFD700",
 	ceiling: "#FF00FF",
 	floor: "#00FFFF",
 	reference: "#FFD700"
-}, Q = [
+}, Z = [
 	{
 		name: "ATO",
 		startTime: "09:00",
@@ -699,7 +716,7 @@ var Z = {
 		endTime: "14:45",
 		type: "preClose"
 	}
-], $ = [
+], Q = [
 	{
 		name: "Phiên 1",
 		startTime: "09:00",
@@ -724,7 +741,7 @@ var Z = {
 		endTime: "14:45",
 		type: "preClose"
 	}
-], _e = {
+], be = {
 	type: "stock",
 	exchange: "HOSE",
 	currency: "VND",
@@ -736,9 +753,9 @@ var Z = {
 		ceilingPercent: 7,
 		floorPercent: 7
 	},
-	sessions: Q,
-	colorScheme: Z
-}, ve = {
+	sessions: Z,
+	colorScheme: X
+}, xe = {
 	type: "stock",
 	exchange: "HNX",
 	currency: "VND",
@@ -750,9 +767,9 @@ var Z = {
 		ceilingPercent: 10,
 		floorPercent: 10
 	},
-	sessions: $,
-	colorScheme: Z
-}, ye = {
+	sessions: Q,
+	colorScheme: X
+}, Se = {
 	type: "stock",
 	exchange: "UPCOM",
 	currency: "VND",
@@ -764,14 +781,14 @@ var Z = {
 		ceilingPercent: 15,
 		floorPercent: 15
 	},
-	sessions: $,
-	colorScheme: Z
-}, be = {
+	sessions: Q,
+	colorScheme: X
+}, Ce = {
 	type: "crypto",
 	currency: "USDT",
 	pricePrecision: 2,
 	priceLimits: { enabled: !1 }
-}, xe = {
+}, $ = {
 	type: "stock",
 	exchange: "NYSE",
 	currency: "USD",
@@ -799,18 +816,18 @@ var Z = {
 		}
 	]
 };
-function Se(e) {
+function we(e) {
 	return {
 		...e,
-		candleUp: Z.up,
-		candleDown: Z.down,
-		candleUpWick: Z.up,
-		candleDownWick: Z.down,
+		candleUp: X.up,
+		candleDown: X.down,
+		candleUpWick: X.up,
+		candleDownWick: X.down,
 		volumeUp: "rgba(255, 0, 0, 0.3)",
 		volumeDown: "rgba(0, 0, 255, 0.3)"
 	};
 }
-function Ce(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 {
@@ -819,12 +836,12 @@ function Ce(e, t) {
 		reference: e
 	};
 }
-function we(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 { ue as DARK_TERMINAL, H 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, $ as HNX_SESSIONS, Q as HOSE_SESSIONS, U as LIGHT_THEME, e as LayerType, be as MARKET_CRYPTO, ve as MARKET_HNX, _e as MARKET_HOSE, xe as MARKET_NYSE, ye 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, Z as VN_COLORS, oe as alignToTimeframe, E as autoPricePrecision, s as clamp, Ce as computePriceLimits, h as computePriceRange, f as computeTickStep, Se as createVNTheme, k as detectPrecision, W as en, te as findBarIndex, Y as formatNumber, T as formatPrice, D as formatPriceScaleLabel, ae as formatTimestamp, ge as formatVND, O as formatVolume, X as formatVolumeLoc, we as getCurrentSession, fe as getLocale, he as getLocaleStrings, _ as hexToRgba, l as inverseLerp, ce as isDateOnly, c as lerp, re as lerpColor, g as mergeBar, d as niceNumber, m as normalizeBar, p as normalizeBarTime, me as registerLocale, u as roundToStep, de as setLocale, ee as sliceVisibleData, pe as t, se as timeParts, x as timeframeBucketStart, ie as timeframeToMs, le as tzLabel, G as vi, ne 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