@sienci/gviewer 0.1.22 → 0.1.24

package/dist/{GCodeSVGRenderer-BllsP24E.js → GCodeSVGRenderer-BrTJFrH-.js}

@@ -2974,7 +2974,7 @@ function Fi(r) {
     }
   };
 }
-const Gi = 25.4, fi = 500, bi = 260;
+const Gi = 25.4, fi = 500, bi = 300;
 class Yi {
   constructor(Q) {
     this.viewCube = null, this.resizeObserver = null, this.onWindowResize = null, this.animationFrameId = null, this.gridGroup = null, this.axesGroup = null, this.gridLabelsGroup = null, this.boundingBoxGroup = null, this.machineBedGroup = null, this.bitMarker = null, this.preLaserBitType = "drill", this.toolpathStreams = [], this.toolpathCutBucketCount = 1, this.toolpathRotationA = 0, this.lastBitPosition = { x: 0, y: 0, z: 0, a: 0 }, this.sim3dHandle = null, this.currentLines = [], this.linePositions = null, this.renderSequence = 0, this.currentBounds = null, this.cameraFocusTransition = null, this.cameraFollowRequested = !1, this.cameraFollowInterrupted = !1, this.cameraFollowOffset = null, this.id = Q.id, this.container = Q.container, this.callbacks = Q.callbacks ?? {}, this.options = Et(GP, Q.options), this.canvas = document.createElement("canvas"), this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.canvas.style.display = "block", this.container.appendChild(this.canvas), KP(this.container), this.renderer = new a.WebGLRenderer({
@@ -3011,7 +3011,7 @@ class Yi {
     var A;
     if (this.ensureBitMarker(), this.lastBitPosition = { ...this.lastBitPosition, ...Q }, (A = this.bitMarker) == null || A.setTarget(Q, B), this.cameraFollowRequested && !this.cameraFollowInterrupted && this.cameraFollowOffset) {
       const t = new a.Vector3(this.lastBitPosition.x, this.lastBitPosition.y, this.controls.target.z), P = t.clone().add(this.cameraFollowOffset);
-      this.startCameraLerp(t, P, bi);
+      this.startCameraLerp(t, P, bi, "linear");
     }
   }
   /**
@@ -3126,6 +3126,28 @@ class Yi {
     const i = (A == null ? void 0 : A.planeZ) ?? this.lastBitPosition.z ?? 0, s = new a.Plane(new a.Vector3(0, 0, 1), -i), v = new a.Vector3();
     return e.ray.intersectPlane(s, v) ? { x: v.x, y: v.y, z: v.z } : null;
   }
+  /**
+   * Project a point in world/scene space to a viewport pixel (clientX/clientY),
+   * the inverse of screenToWorld and in the same coordinate space it consumes.
+   *
+   * The point is projected through the camera to normalized device coordinates
+   * and mapped back onto the laid-out canvas rect, so overlays drawn in fixed
+   * (viewport) coordinates line up with picked scene points and track pan/zoom.
+   *
+   * `z` is the point's height in scene space (default 0); it changes the
+   * projected pixel under the perspective camera, so callers placing markers
+   * off the Z=0 plane should pass it. Returns null when the canvas has no layout.
+   */
+  worldToScreen(Q, B, A = 0) {
+    const t = this.canvas.getBoundingClientRect();
+    if (t.width === 0 || t.height === 0)
+      return null;
+    const P = new a.Vector3(Q, B, A).project(this.camera);
+    return {
+      x: t.left + (P.x + 1) / 2 * t.width,
+      y: t.top + (1 - P.y) / 2 * t.height
+    };
+  }
   startSnapToView(Q, B, A, t) {
     const P = JA(Q), e = B.clone().add(P.multiplyScalar(A)), i = Math.max(1, A);
     this.camera.near = i / 1e3, this.camera.far = i * 50, this.camera.updateProjectionMatrix(), this.startCameraLerp(B, e, t);
@@ -3133,7 +3155,7 @@ class Yi {
   // Shared tween kickoff for any camera position+target move (view snapping,
   // model focus, tool-follow engage/track): saves/restores damping around the
   // transition and hands off to updateCameraFocusTransition() each frame.
-  startCameraLerp(Q, B, A) {
+  startCameraLerp(Q, B, A, t = "easeInOutCubic") {
     this.cameraFocusTransition && (this.controls.enableDamping = this.cameraFocusTransition.dampingEnabled), this.cameraFocusTransition = {
       startedAt: performance.now(),
       duration: A,
@@ -3141,7 +3163,8 @@ class Yi {
       toPosition: B,
       fromTarget: this.controls.target.clone(),
       toTarget: Q,
-      dampingEnabled: this.controls.enableDamping
+      dampingEnabled: this.controls.enableDamping,
+      easing: t
     }, this.controls.enableDamping = !1;
   }
   async loadFromUrl(Q, B = {}) {
@@ -3490,20 +3513,12 @@ class Yi {
     const A = new a.Vector3();
     Q.getSize(A);
     const t = Math.max(A.x, A.y, 1) / 2, P = a.MathUtils.degToRad(this.camera.fov), e = t / Math.tan(P / 2) * 1.25 + A.z, i = JA("front-top-left"), s = B.clone().add(i.multiplyScalar(e)), v = Math.max(A.x, A.y, A.z, 1);
-    this.camera.near = v / 1e3, this.camera.far = v * 50, this.camera.updateProjectionMatrix(), this.cameraFocusTransition && (this.controls.enableDamping = this.cameraFocusTransition.dampingEnabled), this.cameraFocusTransition = {
-      startedAt: performance.now(),
-      duration: this.options.camera.focusDurationMs,
-      fromPosition: this.camera.position.clone(),
-      toPosition: s,
-      fromTarget: this.controls.target.clone(),
-      toTarget: B,
-      dampingEnabled: this.controls.enableDamping
-    }, this.controls.enableDamping = !1;
+    this.camera.near = v / 1e3, this.camera.far = v * 50, this.camera.updateProjectionMatrix(), this.startCameraLerp(B, s, this.options.camera.focusDurationMs);
   }
   updateCameraFocusTransition() {
     if (!this.cameraFocusTransition)
       return;
-    const B = performance.now() - this.cameraFocusTransition.startedAt, A = Math.min(1, Math.max(0, B / this.cameraFocusTransition.duration)), t = ZP(A);
+    const B = performance.now() - this.cameraFocusTransition.startedAt, A = Math.min(1, Math.max(0, B / this.cameraFocusTransition.duration)), t = this.cameraFocusTransition.easing === "linear" ? A : ZP(A);
     if (this.camera.position.lerpVectors(this.cameraFocusTransition.fromPosition, this.cameraFocusTransition.toPosition, t), this.controls.target.lerpVectors(this.cameraFocusTransition.fromTarget, this.cameraFocusTransition.toTarget, t), A >= 1) {
       const P = this.cameraFocusTransition.dampingEnabled;
       this.camera.position.copy(this.cameraFocusTransition.toPosition), this.controls.target.copy(this.cameraFocusTransition.toTarget), this.cameraFocusTransition = null, this.controls.enableDamping = !1, this.controls.update(), this.controls.enableDamping = P;

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),F=require("./GCodeSVGRenderer-P5rcQTaO.cjs");function C(a){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const s in a)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(a,s);Object.defineProperty(d,s,i.get?i:{enumerable:!0,get:()=>a[s]})}}return d.default=a,Object.freeze(d)}const o=C(w),G=o.forwardRef(function(d,s){const{id:i,options:l,callbacks:c,className:m,style:f}=d,u=o.useRef(null),r=o.useRef(null);return o.useEffect(()=>{const e=u.current;if(!e)return;const p=new F.GCodeViewer({id:i,container:e,options:l,callbacks:c});return r.current=p,()=>{r.current=null,p.dispose()}},[i]),o.useEffect(()=>{var e;(e=r.current)==null||e.setOptions(l??{})},[l]),o.useEffect(()=>{var e;(e=r.current)==null||e.setCallbacks(c??{})},[c]),o.useImperativeHandle(s,()=>{const e=()=>{const t=r.current;if(!t)throw new Error("GCodeViewer is not ready.");return t};return{get id(){return i},setCallbacks(t){e().setCallbacks(t)},snapCameraToView(t,n){e().snapCameraToView(t,n)},setRotateEnabled(t){e().setRotateEnabled(t)},setCameraFollowEnabled(t){e().setCameraFollowEnabled(t)},screenToWorld(t,n,V){return e().screenToWorld(t,n,V)},setBitPosition(t,n){e().setBitPosition(t,n)},setBitVisible(t){e().setBitVisible(t)},setBitSpinning(t){e().setBitSpinning(t)},setToolpathRotationA(t){e().setToolpathRotationA(t)},hideUntilLine(t,n){e().hideUntilLine(t,n)},seekToLine(t,n){e().seekToLine(t,n)},showAll(){e().showAll()},resetColors(){e().resetColors()},loadFromUrl(t,n){return e().loadFromUrl(t,n)},loadFromFile(t){return e().loadFromFile(t)},loadFromText(t){return e().loadFromText(t)},loadFromLines(t){return e().loadFromLines(t)},loadFromWorkerData(t){return e().loadFromWorkerData(t)},unload(){e().unload()},setOptions(t){e().setOptions(t)},getOptions(){return e().getOptions()},resize(){e().resize()},focusToModel(){e().focusToModel()},resetCamera(){e().resetCamera()},getBounds(){return e().getBounds()},dispose(){e().dispose()}}},[i]),o.createElement("div",{ref:u,className:m,style:f})}),b=o.forwardRef(function(d,s){const{id:i,options:l,className:c,style:m}=d,f=o.useRef(null),u=o.useRef(null);return o.useEffect(()=>{const r=f.current;if(!r)return;const e=new F.GCodeSVGRenderer(r,l);return u.current=e,()=>{u.current=null,e.dispose()}},[]),o.useEffect(()=>{var r;l&&((r=u.current)==null||r.setOptions(l))},[l]),o.useImperativeHandle(s,()=>{const r=()=>{const e=u.current;if(!e)throw new Error("GCodeSVGRenderer is not ready.");return e};return{loadFromLines:e=>r().loadFromLines(e),loadFromFile:e=>r().loadFromFile(e),loadFromText:e=>r().loadFromText(e),loadFromWorkerData:e=>r().loadFromWorkerData(e),loadFromPrecomputedGroups:e=>r().loadFromPrecomputedGroups(e),clear:()=>r().clear(),resetView:()=>r().resetView(),setOptions:e=>r().setOptions(e),setProjectionMode:e=>r().setProjectionMode(e),setBitPosition:e=>r().setBitPosition(e),setBitVisible:e=>r().setBitVisible(e),getSVGElement:()=>r().getSVGElement(),dispose:()=>r().dispose()}},[]),o.createElement("div",{ref:f,className:c,style:{width:"100%",height:"100%",...m}})});exports.GCodeSVGVisualizer=b;exports.GCodeVisualizer=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),F=require("./GCodeSVGRenderer-BS3n-2zr.cjs");function C(a){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const s in a)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(a,s);Object.defineProperty(d,s,i.get?i:{enumerable:!0,get:()=>a[s]})}}return d.default=a,Object.freeze(d)}const o=C(V),G=o.forwardRef(function(d,s){const{id:i,options:l,callbacks:c,className:m,style:f}=d,u=o.useRef(null),r=o.useRef(null);return o.useEffect(()=>{const e=u.current;if(!e)return;const p=new F.GCodeViewer({id:i,container:e,options:l,callbacks:c});return r.current=p,()=>{r.current=null,p.dispose()}},[i]),o.useEffect(()=>{var e;(e=r.current)==null||e.setOptions(l??{})},[l]),o.useEffect(()=>{var e;(e=r.current)==null||e.setCallbacks(c??{})},[c]),o.useImperativeHandle(s,()=>{const e=()=>{const t=r.current;if(!t)throw new Error("GCodeViewer is not ready.");return t};return{get id(){return i},setCallbacks(t){e().setCallbacks(t)},snapCameraToView(t,n){e().snapCameraToView(t,n)},setRotateEnabled(t){e().setRotateEnabled(t)},setCameraFollowEnabled(t){e().setCameraFollowEnabled(t)},screenToWorld(t,n,w){return e().screenToWorld(t,n,w)},worldToScreen(t,n,w){return e().worldToScreen(t,n,w)},setBitPosition(t,n){e().setBitPosition(t,n)},setBitVisible(t){e().setBitVisible(t)},setBitSpinning(t){e().setBitSpinning(t)},setToolpathRotationA(t){e().setToolpathRotationA(t)},hideUntilLine(t,n){e().hideUntilLine(t,n)},seekToLine(t,n){e().seekToLine(t,n)},showAll(){e().showAll()},resetColors(){e().resetColors()},loadFromUrl(t,n){return e().loadFromUrl(t,n)},loadFromFile(t){return e().loadFromFile(t)},loadFromText(t){return e().loadFromText(t)},loadFromLines(t){return e().loadFromLines(t)},loadFromWorkerData(t){return e().loadFromWorkerData(t)},unload(){e().unload()},setOptions(t){e().setOptions(t)},getOptions(){return e().getOptions()},resize(){e().resize()},focusToModel(){e().focusToModel()},resetCamera(){e().resetCamera()},getBounds(){return e().getBounds()},dispose(){e().dispose()}}},[i]),o.createElement("div",{ref:u,className:m,style:f})}),b=o.forwardRef(function(d,s){const{id:i,options:l,className:c,style:m}=d,f=o.useRef(null),u=o.useRef(null);return o.useEffect(()=>{const r=f.current;if(!r)return;const e=new F.GCodeSVGRenderer(r,l);return u.current=e,()=>{u.current=null,e.dispose()}},[]),o.useEffect(()=>{var r;l&&((r=u.current)==null||r.setOptions(l))},[l]),o.useImperativeHandle(s,()=>{const r=()=>{const e=u.current;if(!e)throw new Error("GCodeSVGRenderer is not ready.");return e};return{loadFromLines:e=>r().loadFromLines(e),loadFromFile:e=>r().loadFromFile(e),loadFromText:e=>r().loadFromText(e),loadFromWorkerData:e=>r().loadFromWorkerData(e),loadFromPrecomputedGroups:e=>r().loadFromPrecomputedGroups(e),clear:()=>r().clear(),resetView:()=>r().resetView(),setOptions:e=>r().setOptions(e),setProjectionMode:e=>r().setProjectionMode(e),setBitPosition:e=>r().setBitPosition(e),setBitVisible:e=>r().setBitVisible(e),getSVGElement:()=>r().getSVGElement(),dispose:()=>r().dispose()}},[]),o.createElement("div",{ref:f,className:c,style:{width:"100%",height:"100%",...m}})});exports.GCodeSVGVisualizer=b;exports.GCodeVisualizer=G;

package/dist/react.js

@@ -1,67 +1,70 @@
 import * as o from "react";
-import { a as w, G as V } from "./GCodeSVGRenderer-BllsP24E.js";
+import { a as w, G as V } from "./GCodeSVGRenderer-BrTJFrH-.js";
 const G = o.forwardRef(
   function(u, c) {
-    const { id: a, options: n, callbacks: l, className: m, style: d } = u, i = o.useRef(null), r = o.useRef(null);
+    const { id: l, options: n, callbacks: a, className: m, style: d } = u, i = o.useRef(null), t = o.useRef(null);
     return o.useEffect(() => {
       const e = i.current;
       if (!e)
         return;
-      const f = new w({ id: a, container: e, options: n, callbacks: l });
-      return r.current = f, () => {
-        r.current = null, f.dispose();
+      const f = new w({ id: l, container: e, options: n, callbacks: a });
+      return t.current = f, () => {
+        t.current = null, f.dispose();
       };
-    }, [a]), o.useEffect(() => {
+    }, [l]), o.useEffect(() => {
       var e;
-      (e = r.current) == null || e.setOptions(n ?? {});
+      (e = t.current) == null || e.setOptions(n ?? {});
     }, [n]), o.useEffect(() => {
       var e;
-      (e = r.current) == null || e.setCallbacks(l ?? {});
-    }, [l]), o.useImperativeHandle(
+      (e = t.current) == null || e.setCallbacks(a ?? {});
+    }, [a]), o.useImperativeHandle(
       c,
       () => {
         const e = () => {
-          const t = r.current;
-          if (!t)
+          const r = t.current;
+          if (!r)
             throw new Error("GCodeViewer is not ready.");
-          return t;
+          return r;
         };
         return {
           get id() {
-            return a;
+            return l;
           },
-          setCallbacks(t) {
-            e().setCallbacks(t);
+          setCallbacks(r) {
+            e().setCallbacks(r);
           },
-          snapCameraToView(t, s) {
-            e().snapCameraToView(t, s);
+          snapCameraToView(r, s) {
+            e().snapCameraToView(r, s);
           },
-          setRotateEnabled(t) {
-            e().setRotateEnabled(t);
+          setRotateEnabled(r) {
+            e().setRotateEnabled(r);
           },
-          setCameraFollowEnabled(t) {
-            e().setCameraFollowEnabled(t);
+          setCameraFollowEnabled(r) {
+            e().setCameraFollowEnabled(r);
           },
-          screenToWorld(t, s, F) {
-            return e().screenToWorld(t, s, F);
+          screenToWorld(r, s, p) {
+            return e().screenToWorld(r, s, p);
           },
-          setBitPosition(t, s) {
-            e().setBitPosition(t, s);
+          worldToScreen(r, s, p) {
+            return e().worldToScreen(r, s, p);
           },
-          setBitVisible(t) {
-            e().setBitVisible(t);
+          setBitPosition(r, s) {
+            e().setBitPosition(r, s);
           },
-          setBitSpinning(t) {
-            e().setBitSpinning(t);
+          setBitVisible(r) {
+            e().setBitVisible(r);
           },
-          setToolpathRotationA(t) {
-            e().setToolpathRotationA(t);
+          setBitSpinning(r) {
+            e().setBitSpinning(r);
           },
-          hideUntilLine(t, s) {
-            e().hideUntilLine(t, s);
+          setToolpathRotationA(r) {
+            e().setToolpathRotationA(r);
           },
-          seekToLine(t, s) {
-            e().seekToLine(t, s);
+          hideUntilLine(r, s) {
+            e().hideUntilLine(r, s);
+          },
+          seekToLine(r, s) {
+            e().seekToLine(r, s);
           },
           showAll() {
             e().showAll();
@@ -69,26 +72,26 @@ const G = o.forwardRef(
           resetColors() {
             e().resetColors();
           },
-          loadFromUrl(t, s) {
-            return e().loadFromUrl(t, s);
+          loadFromUrl(r, s) {
+            return e().loadFromUrl(r, s);
           },
-          loadFromFile(t) {
-            return e().loadFromFile(t);
+          loadFromFile(r) {
+            return e().loadFromFile(r);
           },
-          loadFromText(t) {
-            return e().loadFromText(t);
+          loadFromText(r) {
+            return e().loadFromText(r);
           },
-          loadFromLines(t) {
-            return e().loadFromLines(t);
+          loadFromLines(r) {
+            return e().loadFromLines(r);
           },
-          loadFromWorkerData(t) {
-            return e().loadFromWorkerData(t);
+          loadFromWorkerData(r) {
+            return e().loadFromWorkerData(r);
           },
           unload() {
             e().unload();
           },
-          setOptions(t) {
-            e().setOptions(t);
+          setOptions(r) {
+            e().setOptions(r);
           },
           getOptions() {
             return e().getOptions();
@@ -110,46 +113,46 @@ const G = o.forwardRef(
           }
         };
       },
-      [a]
+      [l]
     ), o.createElement("div", { ref: i, className: m, style: d });
   }
 ), R = o.forwardRef(
   function(u, c) {
-    const { id: a, options: n, className: l, style: m } = u, d = o.useRef(null), i = o.useRef(null);
+    const { id: l, options: n, className: a, style: m } = u, d = o.useRef(null), i = o.useRef(null);
     return o.useEffect(() => {
-      const r = d.current;
-      if (!r) return;
-      const e = new V(r, n);
+      const t = d.current;
+      if (!t) return;
+      const e = new V(t, n);
       return i.current = e, () => {
         i.current = null, e.dispose();
       };
     }, []), o.useEffect(() => {
-      var r;
-      n && ((r = i.current) == null || r.setOptions(n));
+      var t;
+      n && ((t = i.current) == null || t.setOptions(n));
     }, [n]), o.useImperativeHandle(c, () => {
-      const r = () => {
+      const t = () => {
         const e = i.current;
         if (!e) throw new Error("GCodeSVGRenderer is not ready.");
         return e;
       };
       return {
-        loadFromLines: (e) => r().loadFromLines(e),
-        loadFromFile: (e) => r().loadFromFile(e),
-        loadFromText: (e) => r().loadFromText(e),
-        loadFromWorkerData: (e) => r().loadFromWorkerData(e),
-        loadFromPrecomputedGroups: (e) => r().loadFromPrecomputedGroups(e),
-        clear: () => r().clear(),
-        resetView: () => r().resetView(),
-        setOptions: (e) => r().setOptions(e),
-        setProjectionMode: (e) => r().setProjectionMode(e),
-        setBitPosition: (e) => r().setBitPosition(e),
-        setBitVisible: (e) => r().setBitVisible(e),
-        getSVGElement: () => r().getSVGElement(),
-        dispose: () => r().dispose()
+        loadFromLines: (e) => t().loadFromLines(e),
+        loadFromFile: (e) => t().loadFromFile(e),
+        loadFromText: (e) => t().loadFromText(e),
+        loadFromWorkerData: (e) => t().loadFromWorkerData(e),
+        loadFromPrecomputedGroups: (e) => t().loadFromPrecomputedGroups(e),
+        clear: () => t().clear(),
+        resetView: () => t().resetView(),
+        setOptions: (e) => t().setOptions(e),
+        setProjectionMode: (e) => t().setProjectionMode(e),
+        setBitPosition: (e) => t().setBitPosition(e),
+        setBitVisible: (e) => t().setBitVisible(e),
+        getSVGElement: () => t().getSVGElement(),
+        dispose: () => t().dispose()
       };
     }, []), o.createElement("div", {
       ref: d,
-      className: l,
+      className: a,
       style: { width: "100%", height: "100%", ...m }
     });
   }

package/dist/types/viewer/GCodeViewer.d.ts

@@ -92,6 +92,22 @@ export declare class GCodeViewer implements GCodeViewerHandle {
         y: number;
         z: number;
     } | null;
+    /**
+     * Project a point in world/scene space to a viewport pixel (clientX/clientY),
+     * the inverse of screenToWorld and in the same coordinate space it consumes.
+     *
+     * The point is projected through the camera to normalized device coordinates
+     * and mapped back onto the laid-out canvas rect, so overlays drawn in fixed
+     * (viewport) coordinates line up with picked scene points and track pan/zoom.
+     *
+     * `z` is the point's height in scene space (default 0); it changes the
+     * projected pixel under the perspective camera, so callers placing markers
+     * off the Z=0 plane should pass it. Returns null when the canvas has no layout.
+     */
+    worldToScreen(x: number, y: number, z?: number): {
+        x: number;
+        y: number;
+    } | null;
     private startSnapToView;
     private startCameraLerp;
     loadFromUrl(url: string, args?: {

package/dist/types/viewer/types.d.ts

@@ -183,6 +183,10 @@ export type GCodeViewerHandle = {
         y: number;
         z: number;
     } | null;
+    worldToScreen(x: number, y: number, z?: number): {
+        x: number;
+        y: number;
+    } | null;
     setBitPosition(position: GCodeViewerBitPosition, options?: {
         immediate?: boolean;
     }): void;

package/dist/viewer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GCodeSVGRenderer-P5rcQTaO.cjs"),a={dark:{background:"#111827",opacity:.9,rapidOpacity:.3,colors:{rapid:"#0ef6ae",cutting:"#3e85c7",laser:"#a855f7",processed:"#6b7280",boundingBox:"#e2e8f0",machineBed:"#f5a623",machineBedKeepout:"#df3b3b",grid:{major:"#77a9d7",minor:"#3e6e9e"},axes:{x:"#df3b3b",y:"#06b881",z:"#295d8d"}}},light:{background:"#e5e7eb",opacity:.9,rapidOpacity:.3,colors:{rapid:"#295d8d",cutting:"#111827",laser:"#FF0000",processed:"#9ca3af",boundingBox:"#4b5563",machineBed:"#b45309",machineBedKeepout:"#df3b3b",grid:{major:"#295d8d",minor:"#5191cc"},axes:{x:"#df3b3b",y:"#06b881",z:"#295d8d"}}},"flexoki-dark":{background:"#100f0f",opacity:.9,rapidOpacity:.3,colors:{rapid:"#DA702C",cutting:"#3AA99F",laser:"#8B7EC8",processed:"#6f6e69",boundingBox:"#cecdc3",machineBed:"#ffcc66",machineBedKeepout:"#d14d41",grid:{major:"#a89984",minor:"#6f6e69"},axes:{x:"#d14d41",y:"#879a39",z:"#4385be"}}},"tokyo-night":{background:"#1a1b26",opacity:.9,rapidOpacity:.3,colors:{rapid:"#ff9e64",cutting:"#7dcfff",laser:"#bb9af7",processed:"#565f89",boundingBox:"#c0caf5",machineBed:"#e0af68",machineBedKeepout:"#f7768e",grid:{major:"#7aa2f7",minor:"#414868"},axes:{x:"#f7768e",y:"#9ece6a",z:"#7aa2f7"}}},"gruvbox-light":{background:"#fbf1c7",opacity:.9,rapidOpacity:.3,colors:{rapid:"#d65d0e",cutting:"#3c3836",laser:"#b16286",processed:"#928374",boundingBox:"#7c6f64",machineBed:"#d79921",machineBedKeepout:"#cc241d",grid:{major:"#7c6f64",minor:"#a89984"},axes:{x:"#cc241d",y:"#98971a",z:"#458588"}}},"ayu-dark":{background:"#0b0e14",opacity:.9,rapidOpacity:.3,colors:{rapid:"#FFA659",cutting:"#73D0FF",laser:"#DFBFFF",processed:"#6E7C8F",boundingBox:"#CBCCC6",machineBed:"#FFD173",machineBedKeepout:"#F28779",grid:{major:"#77a9d7",minor:"#3e6590"},axes:{x:"#F28779",y:"#D5FF80",z:"#5CCFE6"}}},"ayu-light":{background:"#fafafa",opacity:.9,rapidOpacity:.3,colors:{rapid:"#FA8D3E",cutting:"#22A4E6",laser:"#A37ACC",processed:"#ADAEB1",boundingBox:"#5C6773",machineBed:"#F2AE49",machineBedKeepout:"#F07171",grid:{major:"#5c6773",minor:"#9aacba"},axes:{x:"#F07171",y:"#86B300",z:"#55B4D4"}}}};exports.GCodeSVGRenderer=e.GCodeSVGRenderer;exports.GCodeViewer=e.GCodeViewer;exports.ViewCube=e.ViewCube;exports.defaultGCodeViewerOptions=e.defaultGCodeViewerOptions;exports.defaultGCodeViewerTheme=e.defaultGCodeViewerTheme;exports.gCodeViewerThemePresets=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GCodeSVGRenderer-BS3n-2zr.cjs"),a={dark:{background:"#111827",opacity:.9,rapidOpacity:.3,colors:{rapid:"#0ef6ae",cutting:"#3e85c7",laser:"#a855f7",processed:"#6b7280",boundingBox:"#e2e8f0",machineBed:"#f5a623",machineBedKeepout:"#df3b3b",grid:{major:"#77a9d7",minor:"#3e6e9e"},axes:{x:"#df3b3b",y:"#06b881",z:"#295d8d"}}},light:{background:"#e5e7eb",opacity:.9,rapidOpacity:.3,colors:{rapid:"#295d8d",cutting:"#111827",laser:"#FF0000",processed:"#9ca3af",boundingBox:"#4b5563",machineBed:"#b45309",machineBedKeepout:"#df3b3b",grid:{major:"#295d8d",minor:"#5191cc"},axes:{x:"#df3b3b",y:"#06b881",z:"#295d8d"}}},"flexoki-dark":{background:"#100f0f",opacity:.9,rapidOpacity:.3,colors:{rapid:"#DA702C",cutting:"#3AA99F",laser:"#8B7EC8",processed:"#6f6e69",boundingBox:"#cecdc3",machineBed:"#ffcc66",machineBedKeepout:"#d14d41",grid:{major:"#a89984",minor:"#6f6e69"},axes:{x:"#d14d41",y:"#879a39",z:"#4385be"}}},"tokyo-night":{background:"#1a1b26",opacity:.9,rapidOpacity:.3,colors:{rapid:"#ff9e64",cutting:"#7dcfff",laser:"#bb9af7",processed:"#565f89",boundingBox:"#c0caf5",machineBed:"#e0af68",machineBedKeepout:"#f7768e",grid:{major:"#7aa2f7",minor:"#414868"},axes:{x:"#f7768e",y:"#9ece6a",z:"#7aa2f7"}}},"gruvbox-light":{background:"#fbf1c7",opacity:.9,rapidOpacity:.3,colors:{rapid:"#d65d0e",cutting:"#3c3836",laser:"#b16286",processed:"#928374",boundingBox:"#7c6f64",machineBed:"#d79921",machineBedKeepout:"#cc241d",grid:{major:"#7c6f64",minor:"#a89984"},axes:{x:"#cc241d",y:"#98971a",z:"#458588"}}},"ayu-dark":{background:"#0b0e14",opacity:.9,rapidOpacity:.3,colors:{rapid:"#FFA659",cutting:"#73D0FF",laser:"#DFBFFF",processed:"#6E7C8F",boundingBox:"#CBCCC6",machineBed:"#FFD173",machineBedKeepout:"#F28779",grid:{major:"#77a9d7",minor:"#3e6590"},axes:{x:"#F28779",y:"#D5FF80",z:"#5CCFE6"}}},"ayu-light":{background:"#fafafa",opacity:.9,rapidOpacity:.3,colors:{rapid:"#FA8D3E",cutting:"#22A4E6",laser:"#A37ACC",processed:"#ADAEB1",boundingBox:"#5C6773",machineBed:"#F2AE49",machineBedKeepout:"#F07171",grid:{major:"#5c6773",minor:"#9aacba"},axes:{x:"#F07171",y:"#86B300",z:"#55B4D4"}}}};exports.GCodeSVGRenderer=e.GCodeSVGRenderer;exports.GCodeViewer=e.GCodeViewer;exports.ViewCube=e.ViewCube;exports.defaultGCodeViewerOptions=e.defaultGCodeViewerOptions;exports.defaultGCodeViewerTheme=e.defaultGCodeViewerTheme;exports.gCodeViewerThemePresets=a;

package/dist/viewer.js

@@ -1,4 +1,4 @@
-import { G as o, a as i, V as c, d as r, b as n } from "./GCodeSVGRenderer-BllsP24E.js";
+import { G as o, a as i, V as c, d as r, b as n } from "./GCodeSVGRenderer-BrTJFrH-.js";
 const e = {
   dark: {
     background: "#111827",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sienci/gviewer",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "GCode visualization library using Three.js",
   "repository": {
     "type": "git",