@tradecanvas/core 1.0.0 → 1.0.2

package/dist/index.js

@@ -415,6 +415,24 @@ var ee = class {
 	scrollBy(e) {
 		this.state.offset += e, this.clampOffset(), this.updateVisibleRange();
 	}
+	panPriceRange(e) {
+		let t = this.state.chartRect.height;
+		if (t <= 0 || e === 0) return;
+		let { min: n, max: r } = this.state.priceRange, i = e / t;
+		if (this.isLogScale() && n > 0 && r > 0) {
+			let e = Math.log(n), t = Math.log(r), a = (t - e) * i;
+			this.state.priceRange = {
+				min: Math.exp(e - a),
+				max: Math.exp(t - a)
+			};
+			return;
+		}
+		let a = (r - n) * i;
+		this.state.priceRange = {
+			min: n - a,
+			max: r - a
+		};
+	}
 	isAtEnd() {
 		let e = this.state.barWidth + this.state.barSpacing, t = this.rightMarginBars * e, n = this.dataLength * e - this.state.chartRect.width + t;
 		return this.state.offset >= n - e * 2;
@@ -434,7 +452,12 @@ var ee = class {
 	clampOffset() {
 		if (this.state.chartRect.width <= 0) return;
 		let e = this.state.barWidth + this.state.barSpacing, t = this.dataLength * e, n = this.rightMarginBars * e, r = t - this.state.chartRect.width + n, i, a;
-		r > 0 ? (i = -(this.state.chartRect.width * .5), a = r) : (i = r, a = r), this.state.offset = f(this.state.offset, i, a);
+		if (r > 0) i = -(this.state.chartRect.width * .5), a = r;
+		else {
+			let e = this.state.chartRect.width * .5;
+			i = r - e, a = r + e;
+		}
+		this.state.offset = f(this.state.offset, i, a);
 	}
 	updateVisibleRange() {
 		let e = this.state.barWidth + this.state.barSpacing;
@@ -5718,7 +5741,10 @@ var Dn = class {
 					this.zoomHandler?.onWheel(-t * 100, n);
 				}
 				let r = this.lastTouchMid.x - n.x;
-				Math.abs(r) > 1 && (this.panHandler?.onPointerDown(this.lastTouchMid), this.panHandler?.onPointerMove(n)), this.lastTouchDist = e, this.lastTouchMid = n;
+				Math.abs(r) > 1 && (this.panHandler?.onPointerDown(this.lastTouchMid), this.panHandler?.onPointerMove({
+					x: n.x,
+					y: this.lastTouchMid.y
+				})), this.lastTouchDist = e, this.lastTouchMid = n;
 			}
 			this.onOverlayDirty?.();
 		}, f = (e) => {
@@ -5770,35 +5796,38 @@ var Dn = class {
 }, Nn = class {
 	dragging = !1;
 	lastX = 0;
+	lastY = 0;
 	lastTime = 0;
-	velocity = 0;
+	velocityX = 0;
+	velocityY = 0;
 	momentumId = 0;
 	callback;
+	onStart;
 	friction = .92;
-	constructor(e) {
-		this.callback = e;
+	constructor(e, t) {
+		this.callback = e, this.onStart = t;
 	}
 	onPointerDown(e) {
-		this.dragging = !0, this.lastX = e.x, this.lastTime = Date.now(), this.velocity = 0, this.stopMomentum();
+		this.dragging = !0, this.lastX = e.x, this.lastY = e.y, this.lastTime = Date.now(), this.velocityX = 0, this.velocityY = 0, this.stopMomentum(), this.onStart?.();
 	}
 	onPointerMove(e) {
 		if (!this.dragging) return;
-		let t = Date.now(), n = this.lastX - e.x, r = t - this.lastTime;
-		r > 0 && (this.velocity = n / r), this.lastX = e.x, this.lastTime = t, this.callback(n);
+		let t = Date.now(), n = this.lastX - e.x, r = this.lastY - e.y, i = t - this.lastTime;
+		i > 0 && (this.velocityX = n / i, this.velocityY = r / i), this.lastX = e.x, this.lastY = e.y, this.lastTime = t, this.callback(n, r);
 	}
 	onPointerUp() {
-		this.dragging && (this.dragging = !1, Math.abs(this.velocity) > .1 && this.startMomentum());
+		this.dragging && (this.dragging = !1, Math.hypot(this.velocityX, this.velocityY) > .1 && this.startMomentum());
 	}
 	startMomentum() {
 		this.stopMomentum();
-		let e = this.velocity * 16, t = () => {
-			if (e *= this.friction, Math.abs(e) < .5) {
+		let e = this.velocityX * 16, t = this.velocityY * 16, n = () => {
+			if (e *= this.friction, t *= this.friction, Math.hypot(e, t) < .5) {
 				this.momentumId = 0;
 				return;
 			}
-			this.callback(e), this.momentumId = requestAnimationFrame(t);
+			this.callback(e, t), this.momentumId = requestAnimationFrame(n);
 		};
-		this.momentumId = requestAnimationFrame(t);
+		this.momentumId = requestAnimationFrame(n);
 	}
 	stopMomentum() {
 		this.momentumId &&= (cancelAnimationFrame(this.momentumId), 0);