@tradecanvas/chart 1.54.3 → 1.55.0

package/dist/widget/index.js

@@ -1,5 +1,5 @@
-import { O as e, a as t, c as n, d as r, f as i, i as a, n as o, o as s, r as c, t as l } from "../LayoutSession-BnFHy400.js";
-import { a as u, c as d, i as f, n as p, o as m, r as h, s as ee, t as g } from "../i18n-DGsh8zmc.js";
+import { O as e, a as t, c as n, d as r, f as i, i as a, n as o, o as s, r as c, t as l } from "../LayoutSession-CMY8AjJV.js";
+import { a as u, c as d, i as f, n as p, o as m, r as h, s as ee, t as g } from "../i18n-BaJ3lo-i.js";
 import { CHART_STYLE_KEYS as _, CHART_TYPE_ICONS as v, DARK_THEME as y, DEFAULT_SIGNAL_STYLE as b, DEFAULT_TRADE_ZONE_STYLE as x, DEFAULT_TRADING_CONFIG as S, DRAWING_TOOL_ICONS as te, LIGHT_THEME as ne, PHI as re, PRICE_SOURCES as ie, SANS_FONT_FAMILY as ae, UI_ICONS as oe, barTimeUnit as se, formatPrice as ce, iconSvg as le, indicatorSource as ue, isTimeFrame as de, isValidTimeZone as fe, marketStatus as pe, offsetAt as me, parseIndicatorSource as he, phiStep as ge, readChartStyleOverrides as _e, readChartTypeOptions as ve, readIndicatorPlotStyles as ye, readNews as be, readQuote as xe, resampleBars as Se, sanitizeDrawingOptions as Ce, sanitizeDrawingStyle as we, stepDecimals as Te, symbolTimeZone as Ee, tickBarCount as De, timeParts as Oe, timeframeFollowsDays as ke, timeframeToMs as C, tzLabel as Ae, wallToUtc as je, zoneOffsetMinutes as Me, zonedDateFormatter as Ne } from "@tradecanvas/commons";
 import { ChartStateManager as Pe, INDICATOR_CATEGORIES as Fe, INTERVAL_LIMITS as Ie, INTERVAL_UNITS as Le, MAX_ALERT_BARS as Re, MIN_ALERT_BARS as ze, RANGE_PRESETS as Be, ResamplingAdapter as Ve, SYMBOL_INDICATOR_IDS as He, indicatorCategory as Ue, indicatorValuePrecision as We, isSeriesPalette as Ge, plotColor as Ke, plotShown as qe, rangePresetStart as Je, servesTimeframe as Ye, sourceParam as Xe, withResampling as Ze } from "@tradecanvas/core";
 //#region src/io/resampleOHLCV.ts
@@ -1067,6 +1067,7 @@ var kt = [
 	legendVisible: !0,
 	barCountdown: !0,
 	indicatorValueLabels: !1,
+	alignAxisLabels: !0,
 	logScale: !1,
 	scaleMode: "regular",
 	autoScale: !0,
@@ -1260,6 +1261,7 @@ var O = [...new Set([
 	indexedScale: ["menu.chart.scale"],
 	labels: ["menu.chart.scale"],
 	indicatorValueLabels: ["menu.chart.scale"],
+	alignAxisLabels: ["menu.chart.scale"],
 	barCountdown: ["menu.chart.scale"],
 	lines: ["menu.chart.scale"],
 	highLowLines: ["menu.chart.scale"],
@@ -3222,6 +3224,7 @@ var V = [
 			z(this.t("settings.invertScale"), e.invertScale, (e) => this.patch({ invertScale: e })),
 			z(this.t("settings.leftScale"), e.leftPriceScale, (e) => this.patch({ leftPriceScale: e })),
 			z(this.t("settings.indicatorValues"), e.indicatorValueLabels, (e) => this.patch({ indicatorValueLabels: e })),
+			z(this.t("settings.alignAxisLabels"), e.alignAxisLabels, (e) => this.patch({ alignAxisLabels: e })),
 			...this.available.barCountdown === !1 ? [] : [z(this.t("settings.barCountdown"), e.barCountdown, (e) => this.patch({ barCountdown: e }))],
 			B(this.t("settings.timezone"), e.timezone, r, (e) => this.patch({ timezone: e })),
 			B(this.t("settings.numberLocale"), e.numberLocale, Nn(e.numberLocale), (e) => this.patch({ numberLocale: e }))
@@ -8562,6 +8565,10 @@ function zc(e, t) {
 		id: "indicatorValueLabels",
 		label: t("settings.indicatorValues"),
 		checked: e.labels.values
+	}, {
+		id: "alignAxisLabels",
+		label: t("settings.alignAxisLabels"),
+		checked: e.labels.aligned
 	}];
 	e.labels.countdown !== void 0 && i.push({
 		id: "barCountdown",
@@ -11274,7 +11281,8 @@ var Ad = 4, jd = 1, Md = 7, Nd = 17, Pd = 3, Fd = 150, Id = 5e3, Ld = 8, Rd = 6e
 	"legendVisible",
 	"volumeVisible",
 	"barCountdown",
-	"indicatorValueLabels"
+	"indicatorValueLabels",
+	"alignAxisLabels"
 ], Gd = O.filter((e) => _[e] !== "color"), Kd = () => typeof document < "u" && document.hidden, qd = 200, Jd = class {
 	chart;
 	state;
@@ -11486,7 +11494,8 @@ var Ad = 4, jd = 1, Md = 7, Nd = 17, Pd = 3, Fd = 150, Id = 5e3, Ld = 8, Rd = 6e
 			legendVisible: l.legend !== !1,
 			volumeVisible: l.volume !== !1,
 			barCountdown: l.barCountdown !== !1,
-			indicatorValueLabels: l.indicatorValueLabels === !0
+			indicatorValueLabels: l.indicatorValueLabels === !0,
+			alignAxisLabels: l.alignAxisLabels !== !1
 		}, this.settingsState = { ...this.settingsDefaults }, this.timeframes = Yn(Un(t.timeframes, l.timeframes), this.customTimeframes.list(), l.timeframes), !this.timeframes.some((e) => this.timeframeFavorites.has(e))) {
 			let e = Wn(this.timeframes, l.defaultTimeframeFavorites, !!t.timeframes?.length);
 			for (let t of e) this.timeframeFavorites.add(t);
@@ -12688,6 +12697,7 @@ var Ad = 4, jd = 1, Md = 7, Nd = 17, Pd = 3, Fd = 150, Id = 5e3, Ld = 8, Rd = 6e
 			leftScale: r.leftPriceScale,
 			labels: {
 				values: r.indicatorValueLabels,
+				aligned: r.alignAxisLabels,
 				...i.barCountdown === !1 ? {} : { countdown: r.barCountdown }
 			},
 			lines: {
@@ -12975,6 +12985,9 @@ var Ad = 4, jd = 1, Md = 7, Nd = 17, Pd = 3, Fd = 150, Id = 5e3, Ld = 8, Rd = 6e
 			case "indicatorValueLabels":
 				this.changeSettings({ indicatorValueLabels: !i.indicatorValueLabels });
 				break;
+			case "alignAxisLabels":
+				this.changeSettings({ alignAxisLabels: !i.alignAxisLabels });
+				break;
 			case "barCountdown":
 				this.changeSettings({ barCountdown: !i.barCountdown });
 				break;
@@ -14269,6 +14282,7 @@ var Ad = 4, jd = 1, Md = 7, Nd = 17, Pd = 3, Fd = 150, Id = 5e3, Ld = 8, Rd = 6e
 			legendVisible: e.isLegendVisible?.(),
 			barCountdown: e.isBarCountdownVisible?.(),
 			indicatorValueLabels: e.isIndicatorValueLabelsVisible?.(),
+			alignAxisLabels: e.isAxisLabelsAligned?.(),
 			leftPriceScale: e.isLeftPriceScaleVisible?.(),
 			volumeProfileVisible: e.isVolumeProfileVisible?.(),
 			marketProfileVisible: e.isMarketProfileVisible?.(),
@@ -14754,7 +14768,7 @@ var Ad = 4, jd = 1, Md = 7, Nd = 17, Pd = 3, Fd = 150, Id = 5e3, Ld = 8, Rd = 6e
 		}, Object.keys(e).some((e) => !Hd.has(e)) && this.layoutSession?.changed(), this.scheduleLegend(), e.gridVisible !== void 0 && this.chart.setGridVisible(e.gridVisible), e.volumeVisible !== void 0 && this.chart.setVolumeVisible(e.volumeVisible), e.volumeProfileVisible !== void 0 && this.chart.setVolumeProfileVisible(e.volumeProfileVisible), e.marketProfileVisible !== void 0 && this.chart.setMarketProfileVisible(e.marketProfileVisible), e.marketProfileSplit !== void 0 && this.chart.setMarketProfileConfig({ splitBySession: e.marketProfileSplit }), e.marketProfileLetters !== void 0 && this.chart.setMarketProfileConfig({ letters: e.marketProfileLetters }), e.marketProfileBuckets !== void 0 && this.chart.setMarketProfileConfig({ buckets: e.marketProfileBuckets }), e.marketProfileOpacity !== void 0 && this.chart.setMarketProfileConfig({ opacity: e.marketProfileOpacity }), e.depthHeatmapVisible !== void 0 && this.chart.setDepthHeatmapVisible(e.depthHeatmapVisible), e.depthHeatmapOpacity !== void 0 && this.chart.setDepthHeatmapConfig({ opacity: e.depthHeatmapOpacity }), e.sessionShadingVisible !== void 0 && this.chart.setSessionShadingVisible(e.sessionShadingVisible), e.pivotMarkersVisible !== void 0 && this.chart.setPivotMarkersVisible(e.pivotMarkersVisible), e.pivotStrength !== void 0 && this.chart.setPivotMarkersConfig({
 			left: e.pivotStrength,
 			right: e.pivotStrength
-		}), e.pivotStructureLabels !== void 0 && this.chart.setPivotMarkersConfig({ structureLabels: e.pivotStructureLabels }), e.periodLevelsVisible !== void 0 && this.chart.setPeriodLevelsVisible(e.periodLevelsVisible), e.periodLevelsPeriod !== void 0 && this.chart.setPeriodLevelsPeriod(e.periodLevelsPeriod), e.legendVisible !== void 0 && this.chart.setLegend({ visible: e.legendVisible }), e.barCountdown !== void 0 && this.chart.setBarCountdownVisible(e.barCountdown), e.indicatorValueLabels !== void 0 && this.chart.setIndicatorValueLabelsVisible(e.indicatorValueLabels), e.crosshairMode !== void 0 && this.chart.setCrosshairMode(e.crosshairMode), e.autoScale !== void 0 && this.chart.setAutoScale(e.autoScale), e.invertScale !== void 0 && this.chart.setInvertScale(e.invertScale), e.leftPriceScale !== void 0 && (this.chart.setLeftPriceScaleVisible(e.leftPriceScale), this.placeDrawingButton()), (e.scaleMode !== void 0 || e.autoScale !== void 0) && queueMicrotask(() => this.refreshScaleSwitches()), e.timezone !== void 0 && queueMicrotask(() => this.statusBar?.tick()), e.scaleMode === void 0 ? e.logScale !== void 0 && (this.settingsState = {
+		}), e.pivotStructureLabels !== void 0 && this.chart.setPivotMarkersConfig({ structureLabels: e.pivotStructureLabels }), e.periodLevelsVisible !== void 0 && this.chart.setPeriodLevelsVisible(e.periodLevelsVisible), e.periodLevelsPeriod !== void 0 && this.chart.setPeriodLevelsPeriod(e.periodLevelsPeriod), e.legendVisible !== void 0 && this.chart.setLegend({ visible: e.legendVisible }), e.barCountdown !== void 0 && this.chart.setBarCountdownVisible(e.barCountdown), e.indicatorValueLabels !== void 0 && this.chart.setIndicatorValueLabelsVisible(e.indicatorValueLabels), e.alignAxisLabels !== void 0 && this.chart.setAxisLabelsAligned(e.alignAxisLabels), e.crosshairMode !== void 0 && this.chart.setCrosshairMode(e.crosshairMode), e.autoScale !== void 0 && this.chart.setAutoScale(e.autoScale), e.invertScale !== void 0 && this.chart.setInvertScale(e.invertScale), e.leftPriceScale !== void 0 && (this.chart.setLeftPriceScaleVisible(e.leftPriceScale), this.placeDrawingButton()), (e.scaleMode !== void 0 || e.autoScale !== void 0) && queueMicrotask(() => this.refreshScaleSwitches()), e.timezone !== void 0 && queueMicrotask(() => this.statusBar?.tick()), e.scaleMode === void 0 ? e.logScale !== void 0 && (this.settingsState = {
 			...this.settingsState,
 			scaleMode: e.logScale ? "logarithmic" : "regular"
 		}, this.showScaleMode()) : (this.settingsState = {