chartai 0.0.11 → 1.0.0

package/dist/plugins/zoom.js

@@ -1,157 +1,276 @@
+import {
+  MARGIN
+} from "../chunk-831dem4f.js";
 import {
   ChartManager
-} from "../chart-library.js";
-import"../chunk-bgfkgcmg.js";
+} from "../chunk-g6m56ptf.js";
+import"../chunk-93yrr7er.js";
+import"../chunk-m17t3vjq.js";
 
 // src/plugins/zoom.ts
+var MIN_ZOOM = 0.1;
+var MAX_ZOOM = 1e7;
 function zoomPlugin(opts = {}) {
-  const decay = opts.momentumDecay ?? 0.91;
+  const decay = opts.momentumDecay ?? 0.9;
   const state = new WeakMap;
   return {
     name: "zoom",
     install(chart, el) {
-      const mgr = ChartManager.getInstance();
+      const originalTouchAction = el.style.touchAction;
+      const originalUserSelect = el.style.userSelect;
+      const originalWebkitUserSelect = el.style.webkitUserSelect;
+      el.style.touchAction = "none";
+      el.style.userSelect = "none";
+      el.style.webkitUserSelect = "none";
+      const mgr = ChartManager;
       const ac = new AbortController;
       const s = {
         lastX: 0,
         lastY: 0,
         velX: 0,
         velY: 0,
-        abort: ac
+        momentum: null,
+        abort: ac,
+        originalTouchAction,
+        originalUserSelect,
+        originalWebkitUserSelect,
+        el
       };
+      const mode = () => chart.config.zoomMode ?? "both";
       state.set(chart, s);
       let pointers = [];
-      let lastTime = 0;
-      let pinchDistance = 0, pinchZoomX = 1, pinchZoomY = 1, pinchX = 0.5, pinchY = 0.5;
+      let gestureState = "none";
+      let startX = 0, startY = 0, lastX = 0, lastY = 0, lastTime = 0;
+      const PAN_THRESHOLD = 10;
+      const TAP_THRESHOLD = 10;
+      const PRESS_TIME = 500;
+      let pressTimer = null;
+      let pinchStartDist = 0, pinchStartZoomX = 1, pinchStartZoomY = 1;
+      let pinchCenterX = 0.5, pinchCenterY = 0.5;
+      let velX = 0, velY = 0;
+      let lastTapTime = 0;
+      let edgeScaleMode = null;
+      let edgeScaleStart = 0, edgeScaleInitialZoom = 1;
       const sendView = () => {
-        mgr.sendViewTransform(chart);
+        mgr.requestRender(chart.id);
         mgr.drawChart(chart);
         if (mgr.syncViews)
           mgr.syncAllViews(chart);
       };
       const startMomentum = () => {
-        if (chart.momentum)
-          cancelAnimationFrame(chart.momentum);
+        if (s.momentum)
+          cancelAnimationFrame(s.momentum);
         const tick = () => {
-          s.velX *= decay;
-          s.velY *= decay;
-          if (Math.abs(s.velX) > 0.00005 || Math.abs(s.velY) > 0.00005) {
-            if (chart.zoomMode !== "none" && (chart.zoomMode === "both" || chart.zoomMode === "x-only")) {
-              chart.view.panX -= s.velX / chart.view.zoomX;
-            }
-            if (chart.zoomMode !== "none" && (chart.zoomMode === "both" || chart.zoomMode === "y-only")) {
-              chart.view.panY += s.velY / chart.view.zoomY;
-            }
+          velX *= decay;
+          velY *= decay;
+          if (Math.abs(velX) > 0.00005 || Math.abs(velY) > 0.00005) {
+            const m = mode();
+            if (m !== "none" && (m === "both" || m === "x-only"))
+              chart.view.panX -= velX / chart.view.zoomX;
+            if (m !== "none" && (m === "both" || m === "y-only"))
+              chart.view.panY += velY / chart.view.zoomY;
             sendView();
-            chart.momentum = requestAnimationFrame(tick);
+            s.momentum = requestAnimationFrame(tick);
           } else {
-            chart.momentum = null;
+            s.momentum = null;
           }
         };
-        chart.momentum = requestAnimationFrame(tick);
-      };
-      const cancelDrag = () => {
-        if (chart.dragging) {
-          chart.dragging = false;
-          pointers = [];
-        }
+        s.momentum = requestAnimationFrame(tick);
       };
       el.addEventListener("pointerdown", (e) => {
-        if (chart.momentum) {
-          cancelAnimationFrame(chart.momentum);
-          chart.momentum = null;
+        if (s.momentum) {
+          cancelAnimationFrame(s.momentum);
+          s.momentum = null;
         }
         pointers.push(e);
         el.setPointerCapture(e.pointerId);
         if (pointers.length === 1) {
-          chart.dragging = true;
-          s.lastX = e.clientX;
-          s.lastY = e.clientY;
-          s.velX = s.velY = 0;
+          gestureState = "detecting";
+          startX = e.clientX;
+          startY = e.clientY;
+          lastX = e.clientX;
+          lastY = e.clientY;
+          velX = velY = 0;
           lastTime = performance.now();
+          edgeScaleMode = null;
+          if (e.pointerType === "touch") {
+            pressTimer = window.setTimeout(() => {
+              if (gestureState === "detecting") {
+                gestureState = "press";
+                chart.dragging = false;
+              }
+            }, PRESS_TIME);
+          } else {
+            const rect = el.getBoundingClientRect();
+            const localX = e.clientX - rect.left;
+            const localY = e.clientY - rect.top;
+            const margin = MARGIN;
+            const overYAxis = localX < margin.left;
+            const overXAxis = localY > rect.height - margin.bottom;
+            if (overYAxis && !overXAxis) {
+              edgeScaleMode = "y";
+              edgeScaleStart = e.clientY;
+              edgeScaleInitialZoom = chart.view.zoomY;
+              chart.dragging = true;
+            } else if (overXAxis && !overYAxis) {
+              edgeScaleMode = "x";
+              edgeScaleStart = e.clientX;
+              edgeScaleInitialZoom = chart.view.zoomX;
+              chart.dragging = true;
+            } else {
+              chart.dragging = true;
+            }
+          }
         } else if (pointers.length === 2) {
+          if (pressTimer) {
+            clearTimeout(pressTimer);
+            pressTimer = null;
+          }
+          gestureState = "pinch";
+          chart.dragging = false;
+          if (e.pointerType === "touch") {
+            e.preventDefault();
+          }
           const rect = el.getBoundingClientRect();
           const dx = pointers[1].clientX - pointers[0].clientX;
           const dy = pointers[1].clientY - pointers[0].clientY;
-          pinchDistance = Math.hypot(dx, dy);
-          pinchZoomX = chart.view.zoomX;
-          pinchZoomY = chart.view.zoomY;
-          pinchX = ((pointers[0].clientX + pointers[1].clientX) / 2 - rect.left) / rect.width;
-          pinchY = 1 - ((pointers[0].clientY + pointers[1].clientY) / 2 - rect.top) / rect.height;
+          pinchStartDist = Math.hypot(dx, dy);
+          pinchStartZoomX = chart.view.zoomX;
+          pinchStartZoomY = chart.view.zoomY;
+          pinchCenterX = ((pointers[0].clientX + pointers[1].clientX) / 2 - rect.left) / rect.width;
+          pinchCenterY = 1 - ((pointers[0].clientY + pointers[1].clientY) / 2 - rect.top) / rect.height;
         }
-      }, { signal: ac.signal });
+      }, { passive: false, signal: ac.signal });
       el.addEventListener("pointermove", (e) => {
         const idx = pointers.findIndex((p) => p.pointerId === e.pointerId);
-        if (idx >= 0)
+        if (idx >= 0) {
           pointers[idx] = e;
-        if (pointers.length === 1 && chart.dragging) {
-          const rect = el.getBoundingClientRect();
-          const dx = (e.clientX - s.lastX) / rect.width;
-          const dy = (e.clientY - s.lastY) / rect.height;
-          const now = performance.now();
-          if (now - lastTime < 100) {
-            s.velX = s.velX * 0.5 + dx * 0.5;
-            s.velY = s.velY * 0.5 + dy * 0.5;
+        }
+        if (pointers.length >= 1 && e.buttons === 0 && (gestureState === "pan" || gestureState === "detecting" || gestureState === "press" || edgeScaleMode !== null)) {
+          endPointer(e);
+          return;
+        }
+        if (pointers.length === 1) {
+          const totalDist = Math.hypot(e.clientX - startX, e.clientY - startY);
+          if (gestureState === "detecting" && totalDist > PAN_THRESHOLD) {
+            gestureState = "pan";
+            chart.dragging = true;
+            if (pressTimer) {
+              clearTimeout(pressTimer);
+              pressTimer = null;
+            }
           }
-          lastTime = now;
-          if (chart.zoomMode !== "none" && (chart.zoomMode === "both" || chart.zoomMode === "x-only")) {
-            chart.view.panX -= dx / chart.view.zoomX;
+          if (gestureState === "press") {
+            return;
           }
-          if (chart.zoomMode !== "none" && (chart.zoomMode === "both" || chart.zoomMode === "y-only")) {
-            chart.view.panY += dy / chart.view.zoomY;
+          if (edgeScaleMode && e.pointerType !== "touch") {
+            if (edgeScaleMode === "x") {
+              const pixelDelta = e.clientX - edgeScaleStart;
+              const scale = Math.exp(pixelDelta / 200);
+              const newZoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, edgeScaleInitialZoom * scale));
+              const fx = chart.view.panX + 0.5 / edgeScaleInitialZoom;
+              chart.view.zoomX = newZoom;
+              chart.view.panX = fx - 0.5 / newZoom;
+              sendView();
+              return;
+            } else if (edgeScaleMode === "y") {
+              const pixelDelta = edgeScaleStart - e.clientY;
+              const scale = Math.exp(pixelDelta / 200);
+              const newZoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, edgeScaleInitialZoom * scale));
+              const fy = chart.view.panY + 0.5 / edgeScaleInitialZoom;
+              chart.view.zoomY = newZoom;
+              chart.view.panY = fy - 0.5 / newZoom;
+              sendView();
+              return;
+            }
           }
-          s.lastX = e.clientX;
-          s.lastY = e.clientY;
-          sendView();
-        } else if (pointers.length === 2) {
+          if (gestureState === "pan" || chart.dragging && !edgeScaleMode) {
+            const rect = el.getBoundingClientRect();
+            const dx = (e.clientX - lastX) / rect.width;
+            const dy = (e.clientY - lastY) / rect.height;
+            const now = performance.now();
+            if (now - lastTime < 100) {
+              velX = velX * 0.3 + dx * 0.7;
+              velY = velY * 0.3 + dy * 0.7;
+            }
+            lastTime = now;
+            const m = mode();
+            if (m !== "none" && (m === "both" || m === "x-only"))
+              chart.view.panX -= dx / chart.view.zoomX;
+            if (m !== "none" && (m === "both" || m === "y-only"))
+              chart.view.panY += dy / chart.view.zoomY;
+            lastX = e.clientX;
+            lastY = e.clientY;
+            sendView();
+          }
+        } else if (pointers.length === 2 && gestureState === "pinch") {
+          if (e.pointerType === "touch") {
+            e.preventDefault();
+          }
+          const rect = el.getBoundingClientRect();
           const dx = pointers[1].clientX - pointers[0].clientX;
           const dy = pointers[1].clientY - pointers[0].clientY;
-          const d = Math.hypot(dx, dy);
-          const scale = d / pinchDistance;
-          if (chart.zoomMode !== "none" && (chart.zoomMode === "both" || chart.zoomMode === "x-only")) {
-            const newZoomX = Math.max(ChartManager.MIN_ZOOM, Math.min(ChartManager.MAX_ZOOM, pinchZoomX * scale));
-            const fx = chart.view.panX + pinchX / pinchZoomX;
+          const dist = Math.hypot(dx, dy);
+          const currentPinchCenterX = ((pointers[0].clientX + pointers[1].clientX) / 2 - rect.left) / rect.width;
+          const currentPinchCenterY = 1 - ((pointers[0].clientY + pointers[1].clientY) / 2 - rect.top) / rect.height;
+          const pixelChange = dist - pinchStartDist;
+          const scale = Math.exp(pixelChange / 280);
+          const pm = mode();
+          if (pm !== "none" && (pm === "both" || pm === "x-only")) {
+            const newZoomX = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, pinchStartZoomX * scale));
+            const fx = chart.view.panX + currentPinchCenterX / chart.view.zoomX;
             chart.view.zoomX = newZoomX;
-            chart.view.panX = fx - pinchX / newZoomX;
+            chart.view.panX = fx - currentPinchCenterX / newZoomX;
           }
-          if (chart.zoomMode !== "none" && (chart.zoomMode === "both" || chart.zoomMode === "y-only")) {
-            const newZoomY = Math.max(ChartManager.MIN_ZOOM, Math.min(ChartManager.MAX_ZOOM, pinchZoomY * scale));
-            const fy = chart.view.panY + pinchY / pinchZoomY;
+          if (pm !== "none" && (pm === "both" || pm === "y-only")) {
+            const newZoomY = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, pinchStartZoomY * scale));
+            const fy = chart.view.panY + currentPinchCenterY / chart.view.zoomY;
             chart.view.zoomY = newZoomY;
-            chart.view.panY = fy - pinchY / newZoomY;
+            chart.view.panY = fy - currentPinchCenterY / newZoomY;
           }
           sendView();
         }
-      }, { signal: ac.signal });
+      }, { passive: false, signal: ac.signal });
       const endPointer = (e) => {
         pointers = pointers.filter((p) => p.pointerId !== e.pointerId);
         el.releasePointerCapture(e.pointerId);
-        if (pointers.length === 0 && chart.dragging) {
-          chart.dragging = false;
-          if (Math.abs(s.velX) > 0.001 || Math.abs(s.velY) > 0.001) {
+        if (pressTimer) {
+          clearTimeout(pressTimer);
+          pressTimer = null;
+        }
+        if (pointers.length === 0) {
+          const totalDist = Math.hypot(e.clientX - startX, e.clientY - startY);
+          const isTap = totalDist < TAP_THRESHOLD && gestureState !== "pan";
+          if (isTap) {
+            const now = Date.now();
+            if (now - lastTapTime < 300) {
+              mgr.resetView(chart.id);
+              lastTapTime = 0;
+            } else {
+              lastTapTime = now;
+            }
+          }
+          if (gestureState === "pan" && (Math.abs(velX) > 0.001 || Math.abs(velY) > 0.001)) {
             startMomentum();
           }
+          gestureState = "none";
+          chart.dragging = false;
+          edgeScaleMode = null;
+        } else if (pointers.length === 1) {
+          gestureState = "detecting";
+          startX = pointers[0].clientX;
+          startY = pointers[0].clientY;
+          lastX = pointers[0].clientX;
+          lastY = pointers[0].clientY;
         }
       };
       el.addEventListener("pointerup", endPointer, { signal: ac.signal });
-      el.addEventListener("pointercancel", endPointer, {
-        signal: ac.signal
-      });
-      el.addEventListener("pointerleave", cancelDrag, {
-        signal: ac.signal
-      });
-      let lastTap = 0;
-      el.addEventListener("pointerup", () => {
-        const now = Date.now();
-        if (now - lastTap < 300)
-          mgr.resetView(chart.id);
-        lastTap = now;
-      }, { signal: ac.signal });
+      el.addEventListener("pointercancel", endPointer, { signal: ac.signal });
       el.addEventListener("wheel", (e) => {
         e.preventDefault();
-        if (chart.momentum) {
-          cancelAnimationFrame(chart.momentum);
-          chart.momentum = null;
+        if (s.momentum) {
+          cancelAnimationFrame(s.momentum);
+          s.momentum = null;
         }
         const rect = el.getBoundingClientRect();
         const localX = e.clientX - rect.left;
@@ -159,7 +278,7 @@ function zoomPlugin(opts = {}) {
         const mx = localX / rect.width;
         const my = 1 - localY / rect.height;
         const scale = 1 - e.deltaY * 0.002;
-        const margin = ChartManager.MARGIN;
+        const margin = MARGIN;
         const overYAxis = localX < margin.left;
         const overXAxis = localY > rect.height - margin.bottom;
         let zoomX;
@@ -171,30 +290,41 @@ function zoomPlugin(opts = {}) {
           zoomX = true;
           zoomY = false;
         } else {
-          zoomX = chart.zoomMode === "both" || chart.zoomMode === "x-only";
-          zoomY = chart.zoomMode === "both" || chart.zoomMode === "y-only";
+          const wm = mode();
+          zoomX = wm === "both" || wm === "x-only";
+          zoomY = wm === "both" || wm === "y-only";
         }
         if (zoomX) {
           const fx = chart.view.panX + mx / chart.view.zoomX;
-          chart.view.zoomX = Math.max(ChartManager.MIN_ZOOM, Math.min(ChartManager.MAX_ZOOM, chart.view.zoomX * scale));
+          chart.view.zoomX = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, chart.view.zoomX * scale));
           chart.view.panX = fx - mx / chart.view.zoomX;
         }
         if (zoomY) {
           const fy = chart.view.panY + my / chart.view.zoomY;
-          chart.view.zoomY = Math.max(ChartManager.MIN_ZOOM, Math.min(ChartManager.MAX_ZOOM, chart.view.zoomY * scale));
+          chart.view.zoomY = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, chart.view.zoomY * scale));
           chart.view.panY = fy - my / chart.view.zoomY;
         }
         if (zoomX || zoomY)
           sendView();
       }, { passive: false, signal: ac.signal });
     },
+    resetView(chart) {
+      const s = state.get(chart);
+      if (s?.momentum) {
+        cancelAnimationFrame(s.momentum);
+        s.momentum = null;
+      }
+    },
     uninstall(chart) {
       const s = state.get(chart);
       if (s) {
-        if (chart.momentum) {
-          cancelAnimationFrame(chart.momentum);
-          chart.momentum = null;
+        if (s.momentum) {
+          cancelAnimationFrame(s.momentum);
+          s.momentum = null;
         }
+        s.el.style.touchAction = s.originalTouchAction;
+        s.el.style.userSelect = s.originalUserSelect;
+        s.el.style.webkitUserSelect = s.originalWebkitUserSelect;
         s.abort.abort();
         state.delete(chart);
       }

package/dist/plugins/zoom.min.js

@@ -1 +1 @@
-import{a as s}from"../chart-library.js";import"../chunk-cj3zanvs.js";function F(C={}){let O=C.momentumDecay??0.91,Y=new WeakMap;return{name:"zoom",install(e,t){let f=s.getInstance(),d=new AbortController,i={lastX:0,lastY:0,velX:0,velY:0,abort:d};Y.set(e,i);let n=[],z=0,Z=0,b=1,y=1,c=0.5,r=0.5,X=()=>{if(f.sendViewTransform(e),f.drawChart(e),f.syncViews)f.syncAllViews(e)},P=()=>{if(e.momentum)cancelAnimationFrame(e.momentum);let o=()=>{if(i.velX*=O,i.velY*=O,Math.abs(i.velX)>0.00005||Math.abs(i.velY)>0.00005){if(e.zoomMode!=="none"&&(e.zoomMode==="both"||e.zoomMode==="x-only"))e.view.panX-=i.velX/e.view.zoomX;if(e.zoomMode!=="none"&&(e.zoomMode==="both"||e.zoomMode==="y-only"))e.view.panY+=i.velY/e.view.zoomY;X(),e.momentum=requestAnimationFrame(o)}else e.momentum=null};e.momentum=requestAnimationFrame(o)},E=()=>{if(e.dragging)e.dragging=!1,n=[]};t.addEventListener("pointerdown",(o)=>{if(e.momentum)cancelAnimationFrame(e.momentum),e.momentum=null;if(n.push(o),t.setPointerCapture(o.pointerId),n.length===1)e.dragging=!0,i.lastX=o.clientX,i.lastY=o.clientY,i.velX=i.velY=0,z=performance.now();else if(n.length===2){let m=t.getBoundingClientRect(),l=n[1].clientX-n[0].clientX,a=n[1].clientY-n[0].clientY;Z=Math.hypot(l,a),b=e.view.zoomX,y=e.view.zoomY,c=((n[0].clientX+n[1].clientX)/2-m.left)/m.width,r=1-((n[0].clientY+n[1].clientY)/2-m.top)/m.height}},{signal:d.signal}),t.addEventListener("pointermove",(o)=>{let m=n.findIndex((l)=>l.pointerId===o.pointerId);if(m>=0)n[m]=o;if(n.length===1&&e.dragging){let l=t.getBoundingClientRect(),a=(o.clientX-i.lastX)/l.width,M=(o.clientY-i.lastY)/l.height,v=performance.now();if(v-z<100)i.velX=i.velX*0.5+a*0.5,i.velY=i.velY*0.5+M*0.5;if(z=v,e.zoomMode!=="none"&&(e.zoomMode==="both"||e.zoomMode==="x-only"))e.view.panX-=a/e.view.zoomX;if(e.zoomMode!=="none"&&(e.zoomMode==="both"||e.zoomMode==="y-only"))e.view.panY+=M/e.view.zoomY;i.lastX=o.clientX,i.lastY=o.clientY,X()}else if(n.length===2){let l=n[1].clientX-n[0].clientX,a=n[1].clientY-n[0].clientY,v=Math.hypot(l,a)/Z;if(e.zoomMode!=="none"&&(e.zoomMode==="both"||e.zoomMode==="x-only")){let g=Math.max(s.MIN_ZOOM,Math.min(s.MAX_ZOOM,b*v)),p=e.view.panX+c/b;e.view.zoomX=g,e.view.panX=p-c/g}if(e.zoomMode!=="none"&&(e.zoomMode==="both"||e.zoomMode==="y-only")){let g=Math.max(s.MIN_ZOOM,Math.min(s.MAX_ZOOM,y*v)),p=e.view.panY+r/y;e.view.zoomY=g,e.view.panY=p-r/g}X()}},{signal:d.signal});let A=(o)=>{if(n=n.filter((m)=>m.pointerId!==o.pointerId),t.releasePointerCapture(o.pointerId),n.length===0&&e.dragging){if(e.dragging=!1,Math.abs(i.velX)>0.001||Math.abs(i.velY)>0.001)P()}};t.addEventListener("pointerup",A,{signal:d.signal}),t.addEventListener("pointercancel",A,{signal:d.signal}),t.addEventListener("pointerleave",E,{signal:d.signal});let I=0;t.addEventListener("pointerup",()=>{let o=Date.now();if(o-I<300)f.resetView(e.id);I=o},{signal:d.signal}),t.addEventListener("wheel",(o)=>{if(o.preventDefault(),e.momentum)cancelAnimationFrame(e.momentum),e.momentum=null;let m=t.getBoundingClientRect(),l=o.clientX-m.left,a=o.clientY-m.top,M=l/m.width,v=1-a/m.height,g=1-o.deltaY*0.002,p=s.MARGIN,_=l<p.left,L=a>m.height-p.bottom,u,w;if(_)u=!1,w=!0;else if(L)u=!0,w=!1;else u=e.zoomMode==="both"||e.zoomMode==="x-only",w=e.zoomMode==="both"||e.zoomMode==="y-only";if(u){let x=e.view.panX+M/e.view.zoomX;e.view.zoomX=Math.max(s.MIN_ZOOM,Math.min(s.MAX_ZOOM,e.view.zoomX*g)),e.view.panX=x-M/e.view.zoomX}if(w){let x=e.view.panY+v/e.view.zoomY;e.view.zoomY=Math.max(s.MIN_ZOOM,Math.min(s.MAX_ZOOM,e.view.zoomY*g)),e.view.panY=x-v/e.view.zoomY}if(u||w)X()},{passive:!1,signal:d.signal})},uninstall(e){let t=Y.get(e);if(t){if(e.momentum)cancelAnimationFrame(e.momentum),e.momentum=null;t.abort.abort(),Y.delete(e)}}}}export{F as zoomPlugin};
+import{j as g}from"../chunk-e7d3zgw5.js";import{l as n}from"../chunk-94kc81rr.js";import"../chunk-bfyv7z27.js";import"../chunk-me3qaz3m.js";var P=0.1,y=1e7;function Bj(i={}){let S=i.momentumDecay??0.9,_=new WeakMap;return{name:"zoom",install(j,B){let l=B.style.touchAction,h=B.style.userSelect,o=B.style.webkitUserSelect;B.style.touchAction="none",B.style.userSelect="none",B.style.webkitUserSelect="none";let I=n,C=new AbortController,W={lastX:0,lastY:0,velX:0,velY:0,momentum:null,abort:C,originalTouchAction:l,originalUserSelect:h,originalWebkitUserSelect:o,el:B},A=()=>j.config.zoomMode??"both";_.set(j,W);let F=[],Q="none",v=0,x=0,u=0,w=0,Z=0,s=10,c=10,a=500,R=null,d=0,p=1,m=1,r=0.5,t=0.5,f=0,D=0,Y=0,V=null,T=0,N=1,z=()=>{if(I.requestRender(j.id),I.drawChart(j),I.syncViews)I.syncAllViews(j)},e=()=>{if(W.momentum)cancelAnimationFrame(W.momentum);let q=()=>{if(f*=S,D*=S,Math.abs(f)>0.00005||Math.abs(D)>0.00005){let J=A();if(J!=="none"&&(J==="both"||J==="x-only"))j.view.panX-=f/j.view.zoomX;if(J!=="none"&&(J==="both"||J==="y-only"))j.view.panY+=D/j.view.zoomY;z(),W.momentum=requestAnimationFrame(q)}else W.momentum=null};W.momentum=requestAnimationFrame(q)};B.addEventListener("pointerdown",(q)=>{if(W.momentum)cancelAnimationFrame(W.momentum),W.momentum=null;if(F.push(q),B.setPointerCapture(q.pointerId),F.length===1)if(Q="detecting",v=q.clientX,x=q.clientY,u=q.clientX,w=q.clientY,f=D=0,Z=performance.now(),V=null,q.pointerType==="touch")R=window.setTimeout(()=>{if(Q==="detecting")Q="press",j.dragging=!1},a);else{let J=B.getBoundingClientRect(),$=q.clientX-J.left,K=q.clientY-J.top,U=g,G=$<U.left,L=K>J.height-U.bottom;if(G&&!L)V="y",T=q.clientY,N=j.view.zoomY,j.dragging=!0;else if(L&&!G)V="x",T=q.clientX,N=j.view.zoomX,j.dragging=!0;else j.dragging=!0}else if(F.length===2){if(R)clearTimeout(R),R=null;if(Q="pinch",j.dragging=!1,q.pointerType==="touch")q.preventDefault();let J=B.getBoundingClientRect(),$=F[1].clientX-F[0].clientX,K=F[1].clientY-F[0].clientY;d=Math.hypot($,K),p=j.view.zoomX,m=j.view.zoomY,r=((F[0].clientX+F[1].clientX)/2-J.left)/J.width,t=1-((F[0].clientY+F[1].clientY)/2-J.top)/J.height}},{passive:!1,signal:C.signal}),B.addEventListener("pointermove",(q)=>{let J=F.findIndex(($)=>$.pointerId===q.pointerId);if(J>=0)F[J]=q;if(F.length>=1&&q.buttons===0&&(Q==="pan"||Q==="detecting"||Q==="press"||V!==null)){M(q);return}if(F.length===1){let $=Math.hypot(q.clientX-v,q.clientY-x);if(Q==="detecting"&&$>s){if(Q="pan",j.dragging=!0,R)clearTimeout(R),R=null}if(Q==="press")return;if(V&&q.pointerType!=="touch"){if(V==="x"){let K=q.clientX-T,U=Math.exp(K/200),G=Math.max(P,Math.min(y,N*U)),L=j.view.panX+0.5/N;j.view.zoomX=G,j.view.panX=L-0.5/G,z();return}else if(V==="y"){let K=T-q.clientY,U=Math.exp(K/200),G=Math.max(P,Math.min(y,N*U)),L=j.view.panY+0.5/N;j.view.zoomY=G,j.view.panY=L-0.5/G,z();return}}if(Q==="pan"||j.dragging&&!V){let K=B.getBoundingClientRect(),U=(q.clientX-u)/K.width,G=(q.clientY-w)/K.height,L=performance.now();if(L-Z<100)f=f*0.3+U*0.7,D=D*0.3+G*0.7;Z=L;let b=A();if(b!=="none"&&(b==="both"||b==="x-only"))j.view.panX-=U/j.view.zoomX;if(b!=="none"&&(b==="both"||b==="y-only"))j.view.panY+=G/j.view.zoomY;u=q.clientX,w=q.clientY,z()}}else if(F.length===2&&Q==="pinch"){if(q.pointerType==="touch")q.preventDefault();let $=B.getBoundingClientRect(),K=F[1].clientX-F[0].clientX,U=F[1].clientY-F[0].clientY,G=Math.hypot(K,U),L=((F[0].clientX+F[1].clientX)/2-$.left)/$.width,b=1-((F[0].clientY+F[1].clientY)/2-$.top)/$.height,X=G-d,O=Math.exp(X/280),k=A();if(k!=="none"&&(k==="both"||k==="x-only")){let H=Math.max(P,Math.min(y,p*O)),E=j.view.panX+L/j.view.zoomX;j.view.zoomX=H,j.view.panX=E-L/H}if(k!=="none"&&(k==="both"||k==="y-only")){let H=Math.max(P,Math.min(y,m*O)),E=j.view.panY+b/j.view.zoomY;j.view.zoomY=H,j.view.panY=E-b/H}z()}},{passive:!1,signal:C.signal});let M=(q)=>{if(F=F.filter((J)=>J.pointerId!==q.pointerId),B.releasePointerCapture(q.pointerId),R)clearTimeout(R),R=null;if(F.length===0){if(Math.hypot(q.clientX-v,q.clientY-x)<c&&Q!=="pan"){let K=Date.now();if(K-Y<300)I.resetView(j.id),Y=0;else Y=K}if(Q==="pan"&&(Math.abs(f)>0.001||Math.abs(D)>0.001))e();Q="none",j.dragging=!1,V=null}else if(F.length===1)Q="detecting",v=F[0].clientX,x=F[0].clientY,u=F[0].clientX,w=F[0].clientY};B.addEventListener("pointerup",M,{signal:C.signal}),B.addEventListener("pointercancel",M,{signal:C.signal}),B.addEventListener("wheel",(q)=>{if(q.preventDefault(),W.momentum)cancelAnimationFrame(W.momentum),W.momentum=null;let J=B.getBoundingClientRect(),$=q.clientX-J.left,K=q.clientY-J.top,U=$/J.width,G=1-K/J.height,L=1-q.deltaY*0.002,b=g,X=$<b.left,O=K>J.height-b.bottom,k,H;if(X)k=!1,H=!0;else if(O)k=!0,H=!1;else{let E=A();k=E==="both"||E==="x-only",H=E==="both"||E==="y-only"}if(k){let E=j.view.panX+U/j.view.zoomX;j.view.zoomX=Math.max(P,Math.min(y,j.view.zoomX*L)),j.view.panX=E-U/j.view.zoomX}if(H){let E=j.view.panY+G/j.view.zoomY;j.view.zoomY=Math.max(P,Math.min(y,j.view.zoomY*L)),j.view.panY=E-G/j.view.zoomY}if(k||H)z()},{passive:!1,signal:C.signal})},resetView(j){let B=_.get(j);if(B?.momentum)cancelAnimationFrame(B.momentum),B.momentum=null},uninstall(j){let B=_.get(j);if(B){if(B.momentum)cancelAnimationFrame(B.momentum),B.momentum=null;B.el.style.touchAction=B.originalTouchAction,B.el.style.userSelect=B.originalUserSelect,B.el.style.webkitUserSelect=B.originalWebkitUserSelect,B.abort.abort(),_.delete(j)}}}}export{Bj as zoomPlugin};

package/dist/types.d.ts

@@ -0,0 +1,179 @@
+export type ZoomMode = "both" | "x-only" | "y-only" | "none";
+export type BlendFactor = "zero" | "one" | "src" | "one-minus-src" | "src-alpha" | "one-minus-src-alpha" | "dst" | "one-minus-dst" | "dst-alpha" | "one-minus-dst-alpha" | "src-alpha-saturated" | "constant" | "one-minus-constant";
+export type BlendOperation = "add" | "subtract" | "reverse-subtract" | "min" | "max";
+export interface BlendComponent {
+    srcFactor?: BlendFactor;
+    dstFactor?: BlendFactor;
+    operation?: BlendOperation;
+}
+export interface BlendState {
+    color: BlendComponent;
+    alpha: BlendComponent;
+}
+export interface ChartColor {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface ChartSeries {
+    label: string;
+    color: ChartColor | string;
+    x: number[];
+    y: number[];
+    [key: string]: any;
+}
+export interface HoverData {
+    x: number;
+    y: number;
+    index: number;
+    screenX: number;
+    screenY: number;
+    seriesIndex: number;
+    seriesLabel: string;
+}
+export interface RenderContext {
+    width: number;
+    height: number;
+    samples: number;
+    seriesCount: number;
+    bounds: {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    };
+    view: {
+        panX: number;
+        panY: number;
+        zoomX: number;
+        zoomY: number;
+    };
+}
+export interface BindingDef {
+    binding: number;
+    source: string;
+    write?: boolean;
+}
+export interface PassDef {
+    type: "compute" | "render";
+    shader: string;
+    bindings: BindingDef[];
+    perSeries?: boolean;
+    dispatch?: (ctx: RenderContext) => {
+        x: number;
+        y?: number;
+        z?: number;
+    };
+    topology?: string;
+    loadOp?: "clear" | "load";
+    blend?: BlendState;
+    draw?: (ctx: RenderContext) => number;
+}
+export type BufferUsage = "STORAGE" | "VERTEX" | "UNIFORM" | "INDEX" | "INDIRECT" | "COPY_SRC" | "COPY_DST";
+export interface BufferDef {
+    name: string;
+    bytes: (ctx: RenderContext) => number;
+    usages: BufferUsage[];
+}
+export interface UniformDef {
+    name: string;
+    type: "f32" | "u32";
+    default: number;
+}
+export interface PassMeta {
+    dispatch?: {
+        x: number;
+        y?: number;
+        z?: number;
+    };
+    draw?: number;
+}
+export interface ChartConfig {
+    type: string;
+    container: HTMLElement;
+    series: ChartSeries[];
+    defaultBounds?: {
+        minX?: number;
+        maxX?: number;
+        minY?: number;
+        maxY?: number;
+    };
+    bgColor?: [number, number, number];
+}
+export interface ChartTypeRegistry {
+}
+export interface ChartPluginRegistry {
+}
+export type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
+export type AllPluginOptions = keyof ChartPluginRegistry extends never ? {} : Partial<UnionToIntersection<ChartPluginRegistry[keyof ChartPluginRegistry]>>;
+export interface ChartStats {
+    fps: number;
+    renderMs: number;
+    total: number;
+    active: number;
+}
+export interface InternalChart<C extends ChartConfig = ChartConfig> {
+    id: string;
+    config: C;
+    el: HTMLElement;
+    backCanvas: HTMLCanvasElement;
+    frontCanvas: HTMLCanvasElement;
+    width: number;
+    height: number;
+    series: Array<{
+        label: string;
+        color: {
+            r: number;
+            g: number;
+            b: number;
+        };
+        rawX: number[];
+        rawY: number[];
+        extra: Record<string, number[]>;
+    }>;
+    bounds: {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    };
+    view: {
+        panX: number;
+        panY: number;
+        zoomX: number;
+        zoomY: number;
+    };
+    visible: boolean;
+    dragging: boolean;
+    plugins: ChartPlugin<any>[];
+    renderer: RendererPlugin;
+    customUniforms: Record<string, number>;
+}
+export interface ChartPlugin<C extends object = object> {
+    name: string;
+    install?(chart: InternalChart<ChartConfig & C>, el: HTMLElement): void;
+    uninstall?(chart: InternalChart<ChartConfig & C>): void;
+    resetView?(chart: InternalChart<ChartConfig & C>): void;
+    beforeDraw?(ctx: CanvasRenderingContext2D, chart: InternalChart<ChartConfig & C>): void;
+    afterDraw?(ctx: CanvasRenderingContext2D, chart: InternalChart<ChartConfig & C>): void;
+}
+export interface RendererPlugin {
+    name: string;
+    shaders: Record<string, string>;
+    passes: PassDef[];
+    buffers?: BufferDef[];
+    uniforms?: UniformDef[];
+    computeBounds?(series: Array<{
+        rawX: number[];
+        rawY: number[];
+        extra: Record<string, number[]>;
+    }>): {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    };
+    install?(chart: InternalChart<any>, el: HTMLElement): void;
+    uninstall?(chart: InternalChart<any>): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}