dishui 0.0.64 → 0.0.66

package/dist/components/pro/Flow/canvas/PixiApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"PixiApp.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/PixiApp.ts"],"sourcesContent":["import { Application, Container } from 'pixi.js';\n\nexport interface PixiAppOptions {\n  canvas: HTMLCanvasElement;\n  backgroundColor?: number;\n  antialias?: boolean;\n  resolution?: number;\n  autoDensity?: boolean;\n  width?: number;\n  height?: number;\n}\n\n/**\n * Wraps PixiJS Application lifecycle: init, resize, destroy.\n * The world container holds all flow content and is transformed for pan/zoom.\n */\nexport class PixiApp {\n  app: Application;\n  world: Container;\n  private _destroyed = false;\n  private _initialized = false;\n\n  constructor() {\n    this.app = new Application();\n    this.world = new Container({ label: 'world' });\n  }\n\n  async init(options: PixiAppOptions): Promise<void> {\n    if (this._destroyed) return;\n    await this.app.init({\n      canvas: options.canvas,\n      background: options.backgroundColor ?? 0xf8f9fa,\n      antialias: options.antialias ?? true,\n      resolution: options.resolution ?? (window.devicePixelRatio || 1),\n      autoDensity: options.autoDensity ?? true,\n      width: options.width,\n      height: options.height,\n    });\n    if (this._destroyed) return;\n    this._initialized = true;\n    this.app.stage.addChild(this.world);\n    this.app.stage.eventMode = 'static';\n    this.app.stage.hitArea = this.app.screen;\n  }\n\n  resize(width: number, height: number): void {\n    if (this._destroyed || !this._initialized) return;\n    this.app.renderer.resize(width, height);\n    this.app.stage.hitArea = this.app.screen;\n  }\n\n  /** Update the canvas backdrop color (e.g. when the DishUI theme changes). */\n  setBackgroundColor(color: number): void {\n    if (this._destroyed || !this._initialized) return;\n    this.app.renderer.background.color = color;\n  }\n\n  /**\n   * Export the current scene to a PNG data URL.\n   *\n   * Reading the WebGL canvas directly with `canvas.toDataURL()` returns a black\n   * image because PixiJS does not preserve the drawing buffer between frames.\n   * The renderer's `extract` plugin re-renders the target into an offscreen\n   * canvas, which is the reliable way to snapshot the scene.\n   */\n  async exportPNG(backgroundColor?: number): Promise<string | null> {\n    if (this._destroyed || !this._initialized) return null;\n    const renderer = this.app.renderer as unknown as {\n      extract?: {\n        canvas: (target: unknown) => HTMLCanvasElement | OffscreenCanvas;\n      };\n    };\n    if (!renderer || !renderer.extract) return null;\n\n    // Force a fresh render so the extract reflects the latest state.\n    this.app.render();\n\n    let out: HTMLCanvasElement | OffscreenCanvas;\n    try {\n      out = renderer.extract.canvas(this.app.stage);\n    } catch {\n      return null;\n    }\n\n    const w = (out as HTMLCanvasElement).width;\n    const h = (out as HTMLCanvasElement).height;\n    if (!w || !h) return null;\n\n    // Composite onto an opaque background so transparent areas aren't black.\n    const composite = document.createElement('canvas');\n    composite.width = w;\n    composite.height = h;\n    const ctx = composite.getContext('2d');\n    if (!ctx) {\n      return typeof (out as HTMLCanvasElement).toDataURL === 'function'\n        ? (out as HTMLCanvasElement).toDataURL('image/png')\n        : null;\n    }\n    ctx.fillStyle = backgroundColor !== undefined\n      ? `#${backgroundColor.toString(16).padStart(6, '0')}`\n      : '#ffffff';\n    ctx.fillRect(0, 0, w, h);\n    ctx.drawImage(out as CanvasImageSource, 0, 0);\n    return composite.toDataURL('image/png');\n  }\n\n  /**\n   * Export a specific world-space rectangle to a PNG data URL, cropped exactly\n   * to that rectangle (used for per-anchor slide capture).\n   *\n   * Uses the extract system's `frame` option to render precisely the given\n   * region of the `world` container in world coordinates, independent of the\n   * current pan/zoom. This guarantees the output is exactly the anchor's\n   * framed content — no screen-space cropping or transform juggling.\n   */\n  async exportRegionPNG(\n    rect: { x: number; y: number; w: number; h: number },\n    options?: { scale?: number; backgroundColor?: number },\n  ): Promise<{ dataUrl: string; width: number; height: number } | null> {\n    if (this._destroyed || !this._initialized) return null;\n    const { Rectangle } = await import('pixi.js');\n    const renderer = this.app.renderer as unknown as {\n      extract?: {\n        canvas: (options: unknown) => HTMLCanvasElement | OffscreenCanvas;\n      };\n    };\n    if (!renderer || !renderer.extract) return null;\n\n    const scale = Math.max(0.1, options?.scale ?? 2);\n\n    // Temporarily reset the world transform to identity so the `frame` (given in\n    // world coordinates) maps 1:1 to the anchor content, independent of the\n    // current pan/zoom. Restored immediately after extraction.\n    const prev = {\n      x: this.world.position.x,\n      y: this.world.position.y,\n      sx: this.world.scale.x,\n      sy: this.world.scale.y,\n    };\n    this.world.position.set(0, 0);\n    this.world.scale.set(1, 1);\n\n    let out: HTMLCanvasElement | OffscreenCanvas;\n    try {\n      // Fresh render so the extract reflects the latest scene state.\n      this.app.render();\n      out = renderer.extract.canvas({\n        target: this.world,\n        // Frame is in the target's LOCAL (world) coordinates.\n        frame: new Rectangle(rect.x, rect.y, rect.w, rect.h),\n        resolution: scale,\n        antialias: true,\n      });\n    } catch {\n      this.world.position.set(prev.x, prev.y);\n      this.world.scale.set(prev.sx, prev.sy);\n      this.app.render();\n      return null;\n    }\n\n    // Restore the interactive viewport transform immediately.\n    this.world.position.set(prev.x, prev.y);\n    this.world.scale.set(prev.sx, prev.sy);\n    this.app.render();\n\n    const w = (out as HTMLCanvasElement).width;\n    const h = (out as HTMLCanvasElement).height;\n    if (!w || !h) return null;\n\n    // Composite onto an opaque background so transparent areas aren't black.\n    const composite = document.createElement('canvas');\n    composite.width = w;\n    composite.height = h;\n    const ctx = composite.getContext('2d');\n    if (!ctx) {\n      const url = typeof (out as HTMLCanvasElement).toDataURL === 'function'\n        ? (out as HTMLCanvasElement).toDataURL('image/png')\n        : null;\n      return url ? { dataUrl: url, width: w, height: h } : null;\n    }\n    ctx.fillStyle = options?.backgroundColor !== undefined\n      ? `#${options.backgroundColor.toString(16).padStart(6, '0')}`\n      : '#ffffff';\n    ctx.fillRect(0, 0, w, h);\n    ctx.drawImage(out as CanvasImageSource, 0, 0);\n    return { dataUrl: composite.toDataURL('image/png'), width: w, height: h };\n  }\n\n  destroy(): void {\n    if (this._destroyed) return;\n    this._destroyed = true;\n    if (!this._initialized) return;\n    try {\n      this.app.destroy(true, { children: true, texture: true });\n    } catch {\n      // PixiJS may throw if internal state is partially torn down\n    }\n  }\n\n  get destroyed(): boolean {\n    return this._destroyed;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"PixiApp.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/PixiApp.ts"],"sourcesContent":["import { Application, Container } from 'pixi.js';\n\nexport interface PixiAppOptions {\n  canvas: HTMLCanvasElement;\n  backgroundColor?: number;\n  antialias?: boolean;\n  resolution?: number;\n  autoDensity?: boolean;\n  width?: number;\n  height?: number;\n}\n\n/**\n * Wraps PixiJS Application lifecycle: init, resize, destroy.\n * The world container holds all flow content and is transformed for pan/zoom.\n */\nexport class PixiApp {\n  app: Application;\n  world: Container;\n  private _destroyed = false;\n  private _initialized = false;\n\n  constructor() {\n    this.app = new Application();\n    this.world = new Container({ label: 'world' });\n  }\n\n  async init(options: PixiAppOptions): Promise<void> {\n    if (this._destroyed) return;\n    await this.app.init({\n      canvas: options.canvas,\n      background: options.backgroundColor ?? 0xf8f9fa,\n      antialias: options.antialias ?? true,\n      resolution: options.resolution ?? (window.devicePixelRatio || 1),\n      autoDensity: options.autoDensity ?? true,\n      width: options.width,\n      height: options.height,\n    });\n    if (this._destroyed) return;\n    this._initialized = true;\n    this.app.stage.addChild(this.world);\n    this.app.stage.eventMode = 'static';\n    this.app.stage.hitArea = this.app.screen;\n  }\n\n  resize(width: number, height: number): void {\n    if (this._destroyed || !this._initialized) return;\n    this.app.renderer.resize(width, height);\n    this.app.stage.hitArea = this.app.screen;\n  }\n\n  /** Update the canvas backdrop color (e.g. when the DishUI theme changes). */\n  setBackgroundColor(color: number): void {\n    if (this._destroyed || !this._initialized) return;\n    this.app.renderer.background.color = color;\n  }\n\n  /**\n   * Export the current scene to a PNG data URL.\n   *\n   * Reading the WebGL canvas directly with `canvas.toDataURL()` returns a black\n   * image because PixiJS does not preserve the drawing buffer between frames.\n   * The renderer's `extract` plugin re-renders the target into an offscreen\n   * canvas, which is the reliable way to snapshot the scene.\n   */\n  async exportPNG(backgroundColor?: number): Promise<string | null> {\n    if (this._destroyed || !this._initialized) return null;\n    const renderer = this.app.renderer as unknown as {\n      extract?: {\n        canvas: (target: unknown) => HTMLCanvasElement | OffscreenCanvas;\n      };\n    };\n    if (!renderer || !renderer.extract) return null;\n\n    // Force a fresh render so the extract reflects the latest state.\n    this.app.render();\n\n    let out: HTMLCanvasElement | OffscreenCanvas;\n    try {\n      out = renderer.extract.canvas(this.app.stage);\n    } catch {\n      return null;\n    }\n\n    const w = (out as HTMLCanvasElement).width;\n    const h = (out as HTMLCanvasElement).height;\n    if (!w || !h) return null;\n\n    // Composite onto an opaque background so transparent areas aren't black.\n    const composite = document.createElement('canvas');\n    composite.width = w;\n    composite.height = h;\n    const ctx = composite.getContext('2d');\n    if (!ctx) {\n      return typeof (out as HTMLCanvasElement).toDataURL === 'function'\n        ? (out as HTMLCanvasElement).toDataURL('image/png')\n        : null;\n    }\n    ctx.fillStyle = backgroundColor !== undefined\n      ? `#${backgroundColor.toString(16).padStart(6, '0')}`\n      : '#ffffff';\n    ctx.fillRect(0, 0, w, h);\n    ctx.drawImage(out as CanvasImageSource, 0, 0);\n    return composite.toDataURL('image/png');\n  }\n\n  /**\n   * Export a specific world-space rectangle to a PNG data URL, cropped exactly\n   * to that rectangle (used for per-anchor slide capture).\n   *\n   * Uses the extract system's `frame` option to render precisely the given\n   * region of the `world` container in world coordinates, independent of the\n   * current pan/zoom. This guarantees the output is exactly the anchor's\n   * framed content — no screen-space cropping or transform juggling.\n   */\n  async exportRegionPNG(\n    rect: { x: number; y: number; w: number; h: number },\n    options?: { scale?: number; backgroundColor?: number },\n  ): Promise<{ dataUrl: string; width: number; height: number } | null> {\n    if (this._destroyed || !this._initialized) return null;\n    const { Rectangle } = await import('pixi.js');\n    const renderer = this.app.renderer as unknown as {\n      extract?: {\n        canvas: (options: unknown) => HTMLCanvasElement | OffscreenCanvas;\n      };\n    };\n    if (!renderer || !renderer.extract) return null;\n\n    const scale = Math.max(0.1, options?.scale ?? 2);\n\n    // Temporarily reset the world transform to identity so the `frame` (given in\n    // world coordinates) maps 1:1 to the anchor content, independent of the\n    // current pan/zoom. Restored immediately after extraction.\n    const prev = {\n      x: this.world.position.x,\n      y: this.world.position.y,\n      sx: this.world.scale.x,\n      sy: this.world.scale.y,\n    };\n    this.world.position.set(0, 0);\n    this.world.scale.set(1, 1);\n\n    let out: HTMLCanvasElement | OffscreenCanvas;\n    try {\n      // Fresh render so the extract reflects the latest scene state.\n      this.app.render();\n      out = renderer.extract.canvas({\n        target: this.world,\n        // Frame is in the target's LOCAL (world) coordinates.\n        frame: new Rectangle(rect.x, rect.y, rect.w, rect.h),\n        resolution: scale,\n        antialias: true,\n      });\n    } catch {\n      this.world.position.set(prev.x, prev.y);\n      this.world.scale.set(prev.sx, prev.sy);\n      this.app.render();\n      return null;\n    }\n\n    // Restore the interactive viewport transform immediately.\n    this.world.position.set(prev.x, prev.y);\n    this.world.scale.set(prev.sx, prev.sy);\n    this.app.render();\n\n    const w = (out as HTMLCanvasElement).width;\n    const h = (out as HTMLCanvasElement).height;\n    if (!w || !h) return null;\n\n    // Composite onto an opaque background so transparent areas aren't black.\n    const composite = document.createElement('canvas');\n    composite.width = w;\n    composite.height = h;\n    const ctx = composite.getContext('2d');\n    if (!ctx) {\n      const url = typeof (out as HTMLCanvasElement).toDataURL === 'function'\n        ? (out as HTMLCanvasElement).toDataURL('image/png')\n        : null;\n      return url ? { dataUrl: url, width: w, height: h } : null;\n    }\n    ctx.fillStyle = options?.backgroundColor !== undefined\n      ? `#${options.backgroundColor.toString(16).padStart(6, '0')}`\n      : '#ffffff';\n    ctx.fillRect(0, 0, w, h);\n    ctx.drawImage(out as CanvasImageSource, 0, 0);\n    return { dataUrl: composite.toDataURL('image/png'), width: w, height: h };\n  }\n\n  destroy(): void {\n    if (this._destroyed) return;\n    this._destroyed = true;\n    if (!this._initialized) return;\n    // 先销毁舞台子树：此时渲染器的纹理池仍存活，Text.destroy() 才能把\n    // 纹理安全归还到池中。若先销毁渲染器，后续 Text.unload 会向已清空的\n    // 池归还纹理，触发 \"Cannot read properties of undefined (reading 'push')\"\n    // （TexturePool.returnTexture）。随后 React 卸载 FlowCanvas 子树时对\n    // 已销毁对象的二次 destroy() 也会因池被清空而崩溃。\n    try {\n      this.app.stage.destroy({ children: true, texture: true });\n    } catch {\n      // ignore partial teardown issues\n    }\n    try {\n      this.app.destroy(false);\n    } catch {\n      // PixiJS may throw if internal state is partially torn down\n    }\n  }\n\n  get destroyed(): boolean {\n    return this._destroyed;\n  }\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/canvas/SelectionOverlay.js

@@ -1,41 +1,41 @@
-import { Graphics as t } from "pixi.js";
-var h = class {
-  marquee;
-  rings;
-  constructor(e) {
-    this.marquee = new t(), this.marquee.label = "marquee", this.marquee.visible = !1, e.addChild(this.marquee), this.rings = new t(), this.rings.label = "selection-rings", e.addChild(this.rings);
-  }
-  showMarquee(e, s, r, a) {
-    const i = this.marquee;
-    i.clear(), i.rect(e, s, r, a).fill({
-      color: 3900150,
-      alpha: 0.08
-    }).stroke({
-      color: 3900150,
-      width: 1,
-      alpha: 0.5
-    }), i.visible = !0;
-  }
-  hideMarquee() {
-    this.marquee.visible = !1, this.marquee.clear();
-  }
-  drawRings(e) {
-    const s = this.rings;
-    s.clear();
-    for (const r of e) s.rect(r.x - 2, r.y - 2, r.w + 4, r.h + 4).stroke({
-      color: 3900150,
-      width: 1.5
-    });
-  }
-  clearRings() {
-    this.rings.clear();
-  }
-  destroy() {
-    this.marquee.destroy(), this.rings.destroy();
-  }
-};
-export {
-  h as SelectionOverlay
+import { Graphics as e } from "pixi.js";
+//#region src/components/pro/Flow/canvas/SelectionOverlay.ts
+var t = class {
+	marquee;
+	rings;
+	constructor(t) {
+		this.marquee = new e(), this.marquee.label = "marquee", this.marquee.visible = !1, t.addChild(this.marquee), this.rings = new e(), this.rings.label = "selection-rings", t.addChild(this.rings);
+	}
+	showMarquee(e, t, n, r) {
+		let i = this.marquee;
+		i.clear(), i.rect(e, t, n, r).fill({
+			color: 3900150,
+			alpha: .08
+		}).stroke({
+			color: 3900150,
+			width: 1,
+			alpha: .5
+		}), i.visible = !0;
+	}
+	hideMarquee() {
+		this.marquee.visible = !1, this.marquee.clear();
+	}
+	drawRings(e) {
+		let t = this.rings;
+		t.clear();
+		for (let n of e) t.rect(n.x - 2, n.y - 2, n.w + 4, n.h + 4).stroke({
+			color: 3900150,
+			width: 1.5
+		});
+	}
+	clearRings() {
+		this.rings.clear();
+	}
+	destroy() {
+		this.marquee.destroy(), this.rings.destroy();
+	}
 };
+//#endregion
+export { t as SelectionOverlay };
 
 //# sourceMappingURL=SelectionOverlay.js.map

package/dist/components/pro/Flow/canvas/SelectionOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionOverlay.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/SelectionOverlay.ts"],"sourcesContent":["import { Graphics, Container } from 'pixi.js';\n\n/**\n * Renders marquee selection rectangle and node selection rings.\n */\nexport class SelectionOverlay {\n  private marquee: Graphics;\n  private rings: Graphics;\n\n  constructor(stage: Container) {\n    this.marquee = new Graphics();\n    this.marquee.label = 'marquee';\n    this.marquee.visible = false;\n    stage.addChild(this.marquee);\n\n    this.rings = new Graphics();\n    this.rings.label = 'selection-rings';\n    stage.addChild(this.rings);\n  }\n\n  showMarquee(x: number, y: number, w: number, h: number): void {\n    const m = this.marquee;\n    m.clear();\n    m.rect(x, y, w, h)\n      .fill({ color: 0x3b82f6, alpha: 0.08 })\n      .stroke({ color: 0x3b82f6, width: 1, alpha: 0.5 });\n    m.visible = true;\n  }\n\n  hideMarquee(): void {\n    this.marquee.visible = false;\n    this.marquee.clear();\n  }\n\n  drawRings(rects: Array<{ x: number; y: number; w: number; h: number }>): void {\n    const g = this.rings;\n    g.clear();\n    for (const r of rects) {\n      g.rect(r.x - 2, r.y - 2, r.w + 4, r.h + 4)\n        .stroke({ color: 0x3b82f6, width: 1.5 });\n    }\n  }\n\n  clearRings(): void {\n    this.rings.clear();\n  }\n\n  destroy(): void {\n    this.marquee.destroy();\n    this.rings.destroy();\n  }\n}\n"],"mappings":";AAKA,IAAa,IAAb,MAA8B;AAAA,EAC5B;AAAA,EACA;AAAA,EAEA,YAAY,GAAkB;AAC5B,SAAK,UAAU,IAAI,EAAS,GAC5B,KAAK,QAAQ,QAAQ,WACrB,KAAK,QAAQ,UAAU,IACvB,EAAM,SAAS,KAAK,OAAO,GAE3B,KAAK,QAAQ,IAAI,EAAS,GAC1B,KAAK,MAAM,QAAQ,mBACnB,EAAM,SAAS,KAAK,KAAK;AAAA,EAC3B;AAAA,EAEA,YAAY,GAAW,GAAW,GAAW,GAAiB;AAC5D,UAAM,IAAI,KAAK;AACf,IAAA,EAAE,MAAM,GACR,EAAE,KAAK,GAAG,GAAG,GAAG,CAAC,EACd,KAAK;AAAA,MAAE,OAAO;AAAA,MAAU,OAAO;AAAA,IAAK,CAAC,EACrC,OAAO;AAAA,MAAE,OAAO;AAAA,MAAU,OAAO;AAAA,MAAG,OAAO;AAAA,IAAI,CAAC,GACnD,EAAE,UAAU;AAAA,EACd;AAAA,EAEA,cAAoB;AAClB,SAAK,QAAQ,UAAU,IACvB,KAAK,QAAQ,MAAM;AAAA,EACrB;AAAA,EAEA,UAAU,GAAoE;AAC5E,UAAM,IAAI,KAAK;AACf,IAAA,EAAE,MAAM;AACR,eAAW,KAAK,EACd,CAAA,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE,IAAI,GAAG,EAAE,IAAI,GAAG,EAAE,IAAI,CAAC,EACtC,OAAO;AAAA,MAAE,OAAO;AAAA,MAAU,OAAO;AAAA,IAAI,CAAC;AAAA,EAE7C;AAAA,EAEA,aAAmB;AACjB,SAAK,MAAM,MAAM;AAAA,EACnB;AAAA,EAEA,UAAgB;AACd,SAAK,QAAQ,QAAQ,GACrB,KAAK,MAAM,QAAQ;AAAA,EACrB;AACF"}
+{"version":3,"file":"SelectionOverlay.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/SelectionOverlay.ts"],"sourcesContent":["import { Graphics, Container } from 'pixi.js';\n\n/**\n * Renders marquee selection rectangle and node selection rings.\n */\nexport class SelectionOverlay {\n  private marquee: Graphics;\n  private rings: Graphics;\n\n  constructor(stage: Container) {\n    this.marquee = new Graphics();\n    this.marquee.label = 'marquee';\n    this.marquee.visible = false;\n    stage.addChild(this.marquee);\n\n    this.rings = new Graphics();\n    this.rings.label = 'selection-rings';\n    stage.addChild(this.rings);\n  }\n\n  showMarquee(x: number, y: number, w: number, h: number): void {\n    const m = this.marquee;\n    m.clear();\n    m.rect(x, y, w, h)\n      .fill({ color: 0x3b82f6, alpha: 0.08 })\n      .stroke({ color: 0x3b82f6, width: 1, alpha: 0.5 });\n    m.visible = true;\n  }\n\n  hideMarquee(): void {\n    this.marquee.visible = false;\n    this.marquee.clear();\n  }\n\n  drawRings(rects: Array<{ x: number; y: number; w: number; h: number }>): void {\n    const g = this.rings;\n    g.clear();\n    for (const r of rects) {\n      g.rect(r.x - 2, r.y - 2, r.w + 4, r.h + 4)\n        .stroke({ color: 0x3b82f6, width: 1.5 });\n    }\n  }\n\n  clearRings(): void {\n    this.rings.clear();\n  }\n\n  destroy(): void {\n    this.marquee.destroy();\n    this.rings.destroy();\n  }\n}\n"],"mappings":";;AAKA,IAAa,IAAb,MAA8B;CAC5B;CACA;CAEA,YAAY,GAAkB;EAQ5B,AAPA,KAAK,UAAU,IAAI,EAAS,GAC5B,KAAK,QAAQ,QAAQ,WACrB,KAAK,QAAQ,UAAU,IACvB,EAAM,SAAS,KAAK,OAAO,GAE3B,KAAK,QAAQ,IAAI,EAAS,GAC1B,KAAK,MAAM,QAAQ,mBACnB,EAAM,SAAS,KAAK,KAAK;CAC3B;CAEA,YAAY,GAAW,GAAW,GAAW,GAAiB;EAC5D,IAAM,IAAI,KAAK;EAKf,AAJA,EAAE,MAAM,GACR,EAAE,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,CACf,KAAK;GAAE,OAAO;GAAU,OAAO;EAAK,CAAC,CAAC,CACtC,OAAO;GAAE,OAAO;GAAU,OAAO;GAAG,OAAO;EAAI,CAAC,GACnD,EAAE,UAAU;CACd;CAEA,cAAoB;EAElB,AADA,KAAK,QAAQ,UAAU,IACvB,KAAK,QAAQ,MAAM;CACrB;CAEA,UAAU,GAAoE;EAC5E,IAAM,IAAI,KAAK;EACf,EAAE,MAAM;EACR,KAAK,IAAM,KAAK,GACd,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE,IAAI,GAAG,EAAE,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,CACvC,OAAO;GAAE,OAAO;GAAU,OAAO;EAAI,CAAC;CAE7C;CAEA,aAAmB;EACjB,KAAK,MAAM,MAAM;CACnB;CAEA,UAAgB;EAEd,AADA,KAAK,QAAQ,QAAQ,GACrB,KAAK,MAAM,QAAQ;CACrB;AACF"}

package/dist/components/pro/Flow/canvas/ViewportContainer.js

@@ -1,120 +1,120 @@
-import { MIN_ZOOM as h } from "../constants.js";
-var d = class {
-  world;
-  stage;
-  _state = {
-    x: 0,
-    y: 0,
-    zoom: 1
-  };
-  onChange;
-  _panning = !1;
-  _panStart = {
-    x: 0,
-    y: 0
-  };
-  _worldStart = {
-    x: 0,
-    y: 0
-  };
-  _spaceHeld = !1;
-  _rightPanning = !1;
-  _rightPanMoved = !1;
-  multiTouchActive = !1;
-  constructor(t, s, i) {
-    this.world = t, this.stage = s, this.onChange = i, this._bindStageEvents(), this._bindKeyEvents();
-  }
-  get state() {
-    return { ...this._state };
-  }
-  setState(t) {
-    const s = t.x !== void 0 ? t.x : this._state.x, i = t.y !== void 0 ? t.y : this._state.y, e = t.zoom !== void 0 ? Math.max(h, Math.min(4, t.zoom)) : this._state.zoom;
-    s === this._state.x && i === this._state.y && e === this._state.zoom || (this._state.x = s, this._state.y = i, this._state.zoom = e, this._applyTransform());
-  }
-  startPan(t, s) {
-    this._panning = !0, this._panStart = {
-      x: t,
-      y: s
-    }, this._worldStart = {
-      x: this._state.x,
-      y: this._state.y
-    };
-  }
-  cancelPan() {
-    this._panning = !1, this._rightPanning = !1;
-  }
-  animateTo(t, s = 300) {
-    const i = { ...this._state }, e = performance.now(), n = () => {
-      const r = performance.now() - e, o = Math.min(1, r / s), a = o < 0.5 ? 2 * o * o : 1 - (-2 * o + 2) ** 2 / 2;
-      this._state.x = i.x + (t.x - i.x) * a, this._state.y = i.y + (t.y - i.y) * a, this._state.zoom = i.zoom + (t.zoom - i.zoom) * a, this._applyTransform(), o < 1 && requestAnimationFrame(n);
-    };
-    requestAnimationFrame(n);
-  }
-  screenToWorld(t, s) {
-    return {
-      x: (t - this._state.x) / this._state.zoom,
-      y: (s - this._state.y) / this._state.zoom
-    };
-  }
-  worldToScreen(t, s) {
-    return {
-      x: t * this._state.zoom + this._state.x,
-      y: s * this._state.zoom + this._state.y
-    };
-  }
-  _applyTransform() {
-    this.world.position.set(this._state.x, this._state.y), this.world.scale.set(this._state.zoom), this.onChange?.(this.state);
-  }
-  _bindStageEvents() {
-    this.stage.on("pointerdown", this._onPointerDown, this), this.stage.on("pointermove", this._onPointerMove, this), this.stage.on("pointerup", this._onPointerUp, this), this.stage.on("pointerupoutside", this._onPointerUp, this);
-  }
-  _bindKeyEvents() {
-    this._handleKeyDown = this._handleKeyDown.bind(this), this._handleKeyUp = this._handleKeyUp.bind(this), window.addEventListener("keydown", this._handleKeyDown), window.addEventListener("keyup", this._handleKeyUp);
-  }
-  _handleKeyDown(t) {
-    t.code === "Space" && (this._spaceHeld = !0);
-  }
-  _handleKeyUp(t) {
-    t.code === "Space" && (this._spaceHeld = !1, this._panning = !1);
-  }
-  zoomAt(t, s, i) {
-    const e = this._state.zoom, n = Math.max(h, Math.min(4, e * i));
-    n !== e && (this._state.x = t - (t - this._state.x) * (n / e), this._state.y = s - (s - this._state.y) * (n / e), this._state.zoom = n, this._applyTransform());
-  }
-  _onPointerDown = (t) => {
-    if (this.multiTouchActive) return;
-    const s = t.button === 1, i = t.button === 2;
-    (s || i || this._spaceHeld) && (this._panning = !0, this._rightPanning = i, this._rightPanMoved = !1, this._panStart = {
-      x: t.global.x,
-      y: t.global.y
-    }, this._worldStart = {
-      x: this._state.x,
-      y: this._state.y
-    });
-  };
-  _onPointerMove = (t) => {
-    if (!this._panning || this.multiTouchActive) return;
-    const s = t.global.x - this._panStart.x, i = t.global.y - this._panStart.y;
-    this._rightPanning && (Math.abs(s) > 3 || Math.abs(i) > 3) && (this._rightPanMoved = !0), this._state.x = this._worldStart.x + s, this._state.y = this._worldStart.y + i, this._applyTransform();
-  };
-  _onPointerUp = () => {
-    this._panning = !1, this._rightPanning = !1;
-  };
-  get isPanning() {
-    return this._panning;
-  }
-  get isSpaceHeld() {
-    return this._spaceHeld;
-  }
-  get didRightPan() {
-    return this._rightPanMoved;
-  }
-  destroy() {
-    window.removeEventListener("keydown", this._handleKeyDown), window.removeEventListener("keyup", this._handleKeyUp), this.stage.off("pointerdown", this._onPointerDown, this), this.stage.off("pointermove", this._onPointerMove, this), this.stage.off("pointerup", this._onPointerUp, this), this.stage.off("pointerupoutside", this._onPointerUp, this);
-  }
-};
-export {
-  d as ViewportManager
+import { MIN_ZOOM as e } from "../constants.js";
+//#region src/components/pro/Flow/canvas/ViewportContainer.ts
+var t = class {
+	world;
+	stage;
+	_state = {
+		x: 0,
+		y: 0,
+		zoom: 1
+	};
+	onChange;
+	_panning = !1;
+	_panStart = {
+		x: 0,
+		y: 0
+	};
+	_worldStart = {
+		x: 0,
+		y: 0
+	};
+	_spaceHeld = !1;
+	_rightPanning = !1;
+	_rightPanMoved = !1;
+	multiTouchActive = !1;
+	constructor(e, t, n) {
+		this.world = e, this.stage = t, this.onChange = n, this._bindStageEvents(), this._bindKeyEvents();
+	}
+	get state() {
+		return { ...this._state };
+	}
+	setState(t) {
+		let n = t.x === void 0 ? this._state.x : t.x, r = t.y === void 0 ? this._state.y : t.y, i = t.zoom === void 0 ? this._state.zoom : Math.max(e, Math.min(4, t.zoom));
+		(n !== this._state.x || r !== this._state.y || i !== this._state.zoom) && (this._state.x = n, this._state.y = r, this._state.zoom = i, this._applyTransform());
+	}
+	startPan(e, t) {
+		this._panning = !0, this._panStart = {
+			x: e,
+			y: t
+		}, this._worldStart = {
+			x: this._state.x,
+			y: this._state.y
+		};
+	}
+	cancelPan() {
+		this._panning = !1, this._rightPanning = !1;
+	}
+	animateTo(e, t = 300) {
+		let n = { ...this._state }, r = performance.now(), i = () => {
+			let a = performance.now() - r, o = Math.min(1, a / t), s = o < .5 ? 2 * o * o : 1 - (-2 * o + 2) ** 2 / 2;
+			this._state.x = n.x + (e.x - n.x) * s, this._state.y = n.y + (e.y - n.y) * s, this._state.zoom = n.zoom + (e.zoom - n.zoom) * s, this._applyTransform(), o < 1 && requestAnimationFrame(i);
+		};
+		requestAnimationFrame(i);
+	}
+	screenToWorld(e, t) {
+		return {
+			x: (e - this._state.x) / this._state.zoom,
+			y: (t - this._state.y) / this._state.zoom
+		};
+	}
+	worldToScreen(e, t) {
+		return {
+			x: e * this._state.zoom + this._state.x,
+			y: t * this._state.zoom + this._state.y
+		};
+	}
+	_applyTransform() {
+		this.world.position.set(this._state.x, this._state.y), this.world.scale.set(this._state.zoom), this.onChange?.(this.state);
+	}
+	_bindStageEvents() {
+		this.stage.on("pointerdown", this._onPointerDown, this), this.stage.on("pointermove", this._onPointerMove, this), this.stage.on("pointerup", this._onPointerUp, this), this.stage.on("pointerupoutside", this._onPointerUp, this);
+	}
+	_bindKeyEvents() {
+		this._handleKeyDown = this._handleKeyDown.bind(this), this._handleKeyUp = this._handleKeyUp.bind(this), window.addEventListener("keydown", this._handleKeyDown), window.addEventListener("keyup", this._handleKeyUp);
+	}
+	_handleKeyDown(e) {
+		e.code === "Space" && (this._spaceHeld = !0);
+	}
+	_handleKeyUp(e) {
+		e.code === "Space" && (this._spaceHeld = !1, this._panning = !1);
+	}
+	zoomAt(t, n, r) {
+		let i = this._state.zoom, a = Math.max(e, Math.min(4, i * r));
+		a !== i && (this._state.x = t - (t - this._state.x) * (a / i), this._state.y = n - (n - this._state.y) * (a / i), this._state.zoom = a, this._applyTransform());
+	}
+	_onPointerDown = (e) => {
+		if (this.multiTouchActive) return;
+		let t = e.button === 1, n = e.button === 2;
+		(t || n || this._spaceHeld) && (this._panning = !0, this._rightPanning = n, this._rightPanMoved = !1, this._panStart = {
+			x: e.global.x,
+			y: e.global.y
+		}, this._worldStart = {
+			x: this._state.x,
+			y: this._state.y
+		});
+	};
+	_onPointerMove = (e) => {
+		if (!this._panning || this.multiTouchActive) return;
+		let t = e.global.x - this._panStart.x, n = e.global.y - this._panStart.y;
+		this._rightPanning && (Math.abs(t) > 3 || Math.abs(n) > 3) && (this._rightPanMoved = !0), this._state.x = this._worldStart.x + t, this._state.y = this._worldStart.y + n, this._applyTransform();
+	};
+	_onPointerUp = () => {
+		this._panning = !1, this._rightPanning = !1;
+	};
+	get isPanning() {
+		return this._panning;
+	}
+	get isSpaceHeld() {
+		return this._spaceHeld;
+	}
+	get didRightPan() {
+		return this._rightPanMoved;
+	}
+	destroy() {
+		window.removeEventListener("keydown", this._handleKeyDown), window.removeEventListener("keyup", this._handleKeyUp), this.stage.off("pointerdown", this._onPointerDown, this), this.stage.off("pointermove", this._onPointerMove, this), this.stage.off("pointerup", this._onPointerUp, this), this.stage.off("pointerupoutside", this._onPointerUp, this);
+	}
 };
+//#endregion
+export { t as ViewportManager };
 
 //# sourceMappingURL=ViewportContainer.js.map

package/dist/components/pro/Flow/canvas/ViewportContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportContainer.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/ViewportContainer.ts"],"sourcesContent":["import { Container, FederatedPointerEvent } from 'pixi.js';\nimport { MIN_ZOOM, MAX_ZOOM } from '../constants';\nimport type { ViewportState } from '../types';\n\nexport type ViewportChangeCallback = (state: ViewportState) => void;\n\n/**\n * Manages pan/zoom on the world container.\n * Listens for wheel (zoom) and middle-click / space+drag (pan).\n */\nexport class ViewportManager {\n  private world: Container;\n  private stage: Container;\n  private _state: ViewportState = { x: 0, y: 0, zoom: 1 };\n  private onChange?: ViewportChangeCallback;\n\n  private _panning = false;\n  private _panStart = { x: 0, y: 0 };\n  private _worldStart = { x: 0, y: 0 };\n  private _spaceHeld = false;\n  /** True while a pan was triggered by the right mouse button. */\n  private _rightPanning = false;\n  /** Whether the current right-button pan actually moved (used to suppress the context menu). */\n  private _rightPanMoved = false;\n  /** True while a multi-touch gesture (pinch zoom / two-finger pan) is active.\n   * Set by FlowCanvas's native touch handlers; while set, pointer-driven\n   * interactions (marquee, node drag, tap-to-place) must be suppressed. */\n  multiTouchActive = false;\n\n  constructor(world: Container, stage: Container, onChange?: ViewportChangeCallback) {\n    this.world = world;\n    this.stage = stage;\n    this.onChange = onChange;\n    this._bindStageEvents();\n    this._bindKeyEvents();\n  }\n\n  get state(): ViewportState {\n    return { ...this._state };\n  }\n\n  setState(s: Partial<ViewportState>): void {\n    const nx = s.x !== undefined ? s.x : this._state.x;\n    const ny = s.y !== undefined ? s.y : this._state.y;\n    const nz = s.zoom !== undefined\n      ? Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, s.zoom))\n      : this._state.zoom;\n    // Skip if nothing actually changed — avoids a needless onChange emit that\n    // could feed back into React state and cause viewport jitter.\n    if (nx === this._state.x && ny === this._state.y && nz === this._state.zoom) return;\n    this._state.x = nx;\n    this._state.y = ny;\n    this._state.zoom = nz;\n    this._applyTransform();\n  }\n\n  /** Start a pan from an external trigger (e.g. pan tool mode) */\n  startPan(sx: number, sy: number): void {\n    this._panning = true;\n    this._panStart = { x: sx, y: sy };\n    this._worldStart = { x: this._state.x, y: this._state.y };\n  }\n\n  /** Abort any in-progress pan (used when a multi-touch gesture takes over). */\n  cancelPan(): void {\n    this._panning = false;\n    this._rightPanning = false;\n  }\n\n  /** Smoothly animate to a target state */\n  animateTo(target: ViewportState, duration = 300): void {\n    const start = { ...this._state };\n    const startTime = performance.now();\n    const tick = () => {\n      const elapsed = performance.now() - startTime;\n      const t = Math.min(1, elapsed / duration);\n      const ease = t < 0.5 ? 2 * t * t : 1 - (-2 * t + 2) ** 2 / 2;\n      this._state.x = start.x + (target.x - start.x) * ease;\n      this._state.y = start.y + (target.y - start.y) * ease;\n      this._state.zoom = start.zoom + (target.zoom - start.zoom) * ease;\n      this._applyTransform();\n      if (t < 1) requestAnimationFrame(tick);\n    };\n    requestAnimationFrame(tick);\n  }\n\n  /** Convert screen coords to world coords */\n  screenToWorld(sx: number, sy: number): { x: number; y: number } {\n    return {\n      x: (sx - this._state.x) / this._state.zoom,\n      y: (sy - this._state.y) / this._state.zoom,\n    };\n  }\n\n  /** Convert world coords to screen coords */\n  worldToScreen(wx: number, wy: number): { x: number; y: number } {\n    return {\n      x: wx * this._state.zoom + this._state.x,\n      y: wy * this._state.zoom + this._state.y,\n    };\n  }\n\n  private _applyTransform(): void {\n    this.world.position.set(this._state.x, this._state.y);\n    this.world.scale.set(this._state.zoom);\n    this.onChange?.(this.state);\n  }\n\n  private _bindStageEvents(): void {\n    // NOTE: wheel/zoom is handled by a native, non-passive DOM listener in\n    // FlowCanvas (see `zoomAt`) so it can call preventDefault() and stop the\n    // browser's Ctrl/Cmd+wheel page zoom. Pixi's federated wheel event cannot\n    // reliably prevent that native gesture.\n    this.stage.on('pointerdown', this._onPointerDown, this);\n    this.stage.on('pointermove', this._onPointerMove, this);\n    this.stage.on('pointerup', this._onPointerUp, this);\n    this.stage.on('pointerupoutside', this._onPointerUp, this);\n  }\n\n  private _bindKeyEvents(): void {\n    this._handleKeyDown = this._handleKeyDown.bind(this);\n    this._handleKeyUp = this._handleKeyUp.bind(this);\n    window.addEventListener('keydown', this._handleKeyDown);\n    window.addEventListener('keyup', this._handleKeyUp);\n  }\n\n  private _handleKeyDown(e: KeyboardEvent): void {\n    if (e.code === 'Space') this._spaceHeld = true;\n  }\n\n  private _handleKeyUp(e: KeyboardEvent): void {\n    if (e.code === 'Space') {\n      this._spaceHeld = false;\n      this._panning = false;\n    }\n  }\n\n  /**\n   * Zoom by a multiplicative factor around a screen-space anchor point.\n   * Driven by a native wheel listener so the browser page zoom can be blocked.\n   */\n  zoomAt(sx: number, sy: number, factor: number): void {\n    const oldZoom = this._state.zoom;\n    const newZoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, oldZoom * factor));\n    if (newZoom === oldZoom) return;\n    this._state.x = sx - (sx - this._state.x) * (newZoom / oldZoom);\n    this._state.y = sy - (sy - this._state.y) * (newZoom / oldZoom);\n    this._state.zoom = newZoom;\n    this._applyTransform();\n  }\n\n  private _onPointerDown = (e: FederatedPointerEvent): void => {\n    if (this.multiTouchActive) return;\n    const isMiddle = e.button === 1;\n    const isRight = e.button === 2;\n    if (isMiddle || isRight || this._spaceHeld) {\n      this._panning = true;\n      this._rightPanning = isRight;\n      this._rightPanMoved = false;\n      this._panStart = { x: e.global.x, y: e.global.y };\n      this._worldStart = { x: this._state.x, y: this._state.y };\n    }\n  };\n\n  private _onPointerMove = (e: FederatedPointerEvent): void => {\n    if (!this._panning || this.multiTouchActive) return;\n    const dx = e.global.x - this._panStart.x;\n    const dy = e.global.y - this._panStart.y;\n    // Mark a right-button pan as \"moved\" once it passes a small threshold so\n    // that a plain right-click (no drag) still opens the context menu.\n    if (this._rightPanning && (Math.abs(dx) > 3 || Math.abs(dy) > 3)) {\n      this._rightPanMoved = true;\n    }\n    this._state.x = this._worldStart.x + dx;\n    this._state.y = this._worldStart.y + dy;\n    this._applyTransform();\n  };\n\n  private _onPointerUp = (): void => {\n    this._panning = false;\n    this._rightPanning = false;\n  };\n\n  get isPanning(): boolean {\n    return this._panning;\n  }\n\n  get isSpaceHeld(): boolean {\n    return this._spaceHeld;\n  }\n\n  /**\n   * Whether the most recent right-button interaction was a pan drag (moved past\n   * the threshold). Consumers use this to suppress the context menu after a\n   * right-drag pan. The flag resets on the next pointer down.\n   */\n  get didRightPan(): boolean {\n    return this._rightPanMoved;\n  }\n\n  destroy(): void {\n    window.removeEventListener('keydown', this._handleKeyDown);\n    window.removeEventListener('keyup', this._handleKeyUp);\n    this.stage.off('pointerdown', this._onPointerDown, this);\n    this.stage.off('pointermove', this._onPointerMove, this);\n    this.stage.off('pointerup', this._onPointerUp, this);\n    this.stage.off('pointerupoutside', this._onPointerUp, this);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ViewportContainer.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/ViewportContainer.ts"],"sourcesContent":["import { Container, FederatedPointerEvent } from 'pixi.js';\nimport { MIN_ZOOM, MAX_ZOOM } from '../constants';\nimport type { ViewportState } from '../types';\n\nexport type ViewportChangeCallback = (state: ViewportState) => void;\n\n/**\n * Manages pan/zoom on the world container.\n * Listens for wheel (zoom) and middle-click / space+drag (pan).\n */\nexport class ViewportManager {\n  private world: Container;\n  private stage: Container;\n  private _state: ViewportState = { x: 0, y: 0, zoom: 1 };\n  private onChange?: ViewportChangeCallback;\n\n  private _panning = false;\n  private _panStart = { x: 0, y: 0 };\n  private _worldStart = { x: 0, y: 0 };\n  private _spaceHeld = false;\n  /** True while a pan was triggered by the right mouse button. */\n  private _rightPanning = false;\n  /** Whether the current right-button pan actually moved (used to suppress the context menu). */\n  private _rightPanMoved = false;\n  /** True while a multi-touch gesture (pinch zoom / two-finger pan) is active.\n   * Set by FlowCanvas's native touch handlers; while set, pointer-driven\n   * interactions (marquee, node drag, tap-to-place) must be suppressed. */\n  multiTouchActive = false;\n\n  constructor(world: Container, stage: Container, onChange?: ViewportChangeCallback) {\n    this.world = world;\n    this.stage = stage;\n    this.onChange = onChange;\n    this._bindStageEvents();\n    this._bindKeyEvents();\n  }\n\n  get state(): ViewportState {\n    return { ...this._state };\n  }\n\n  setState(s: Partial<ViewportState>): void {\n    const nx = s.x !== undefined ? s.x : this._state.x;\n    const ny = s.y !== undefined ? s.y : this._state.y;\n    const nz = s.zoom !== undefined\n      ? Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, s.zoom))\n      : this._state.zoom;\n    // Skip if nothing actually changed — avoids a needless onChange emit that\n    // could feed back into React state and cause viewport jitter.\n    if (nx === this._state.x && ny === this._state.y && nz === this._state.zoom) return;\n    this._state.x = nx;\n    this._state.y = ny;\n    this._state.zoom = nz;\n    this._applyTransform();\n  }\n\n  /** Start a pan from an external trigger (e.g. pan tool mode) */\n  startPan(sx: number, sy: number): void {\n    this._panning = true;\n    this._panStart = { x: sx, y: sy };\n    this._worldStart = { x: this._state.x, y: this._state.y };\n  }\n\n  /** Abort any in-progress pan (used when a multi-touch gesture takes over). */\n  cancelPan(): void {\n    this._panning = false;\n    this._rightPanning = false;\n  }\n\n  /** Smoothly animate to a target state */\n  animateTo(target: ViewportState, duration = 300): void {\n    const start = { ...this._state };\n    const startTime = performance.now();\n    const tick = () => {\n      const elapsed = performance.now() - startTime;\n      const t = Math.min(1, elapsed / duration);\n      const ease = t < 0.5 ? 2 * t * t : 1 - (-2 * t + 2) ** 2 / 2;\n      this._state.x = start.x + (target.x - start.x) * ease;\n      this._state.y = start.y + (target.y - start.y) * ease;\n      this._state.zoom = start.zoom + (target.zoom - start.zoom) * ease;\n      this._applyTransform();\n      if (t < 1) requestAnimationFrame(tick);\n    };\n    requestAnimationFrame(tick);\n  }\n\n  /** Convert screen coords to world coords */\n  screenToWorld(sx: number, sy: number): { x: number; y: number } {\n    return {\n      x: (sx - this._state.x) / this._state.zoom,\n      y: (sy - this._state.y) / this._state.zoom,\n    };\n  }\n\n  /** Convert world coords to screen coords */\n  worldToScreen(wx: number, wy: number): { x: number; y: number } {\n    return {\n      x: wx * this._state.zoom + this._state.x,\n      y: wy * this._state.zoom + this._state.y,\n    };\n  }\n\n  private _applyTransform(): void {\n    this.world.position.set(this._state.x, this._state.y);\n    this.world.scale.set(this._state.zoom);\n    this.onChange?.(this.state);\n  }\n\n  private _bindStageEvents(): void {\n    // NOTE: wheel/zoom is handled by a native, non-passive DOM listener in\n    // FlowCanvas (see `zoomAt`) so it can call preventDefault() and stop the\n    // browser's Ctrl/Cmd+wheel page zoom. Pixi's federated wheel event cannot\n    // reliably prevent that native gesture.\n    this.stage.on('pointerdown', this._onPointerDown, this);\n    this.stage.on('pointermove', this._onPointerMove, this);\n    this.stage.on('pointerup', this._onPointerUp, this);\n    this.stage.on('pointerupoutside', this._onPointerUp, this);\n  }\n\n  private _bindKeyEvents(): void {\n    this._handleKeyDown = this._handleKeyDown.bind(this);\n    this._handleKeyUp = this._handleKeyUp.bind(this);\n    window.addEventListener('keydown', this._handleKeyDown);\n    window.addEventListener('keyup', this._handleKeyUp);\n  }\n\n  private _handleKeyDown(e: KeyboardEvent): void {\n    if (e.code === 'Space') this._spaceHeld = true;\n  }\n\n  private _handleKeyUp(e: KeyboardEvent): void {\n    if (e.code === 'Space') {\n      this._spaceHeld = false;\n      this._panning = false;\n    }\n  }\n\n  /**\n   * Zoom by a multiplicative factor around a screen-space anchor point.\n   * Driven by a native wheel listener so the browser page zoom can be blocked.\n   */\n  zoomAt(sx: number, sy: number, factor: number): void {\n    const oldZoom = this._state.zoom;\n    const newZoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, oldZoom * factor));\n    if (newZoom === oldZoom) return;\n    this._state.x = sx - (sx - this._state.x) * (newZoom / oldZoom);\n    this._state.y = sy - (sy - this._state.y) * (newZoom / oldZoom);\n    this._state.zoom = newZoom;\n    this._applyTransform();\n  }\n\n  private _onPointerDown = (e: FederatedPointerEvent): void => {\n    if (this.multiTouchActive) return;\n    const isMiddle = e.button === 1;\n    const isRight = e.button === 2;\n    if (isMiddle || isRight || this._spaceHeld) {\n      this._panning = true;\n      this._rightPanning = isRight;\n      this._rightPanMoved = false;\n      this._panStart = { x: e.global.x, y: e.global.y };\n      this._worldStart = { x: this._state.x, y: this._state.y };\n    }\n  };\n\n  private _onPointerMove = (e: FederatedPointerEvent): void => {\n    if (!this._panning || this.multiTouchActive) return;\n    const dx = e.global.x - this._panStart.x;\n    const dy = e.global.y - this._panStart.y;\n    // Mark a right-button pan as \"moved\" once it passes a small threshold so\n    // that a plain right-click (no drag) still opens the context menu.\n    if (this._rightPanning && (Math.abs(dx) > 3 || Math.abs(dy) > 3)) {\n      this._rightPanMoved = true;\n    }\n    this._state.x = this._worldStart.x + dx;\n    this._state.y = this._worldStart.y + dy;\n    this._applyTransform();\n  };\n\n  private _onPointerUp = (): void => {\n    this._panning = false;\n    this._rightPanning = false;\n  };\n\n  get isPanning(): boolean {\n    return this._panning;\n  }\n\n  get isSpaceHeld(): boolean {\n    return this._spaceHeld;\n  }\n\n  /**\n   * Whether the most recent right-button interaction was a pan drag (moved past\n   * the threshold). Consumers use this to suppress the context menu after a\n   * right-drag pan. The flag resets on the next pointer down.\n   */\n  get didRightPan(): boolean {\n    return this._rightPanMoved;\n  }\n\n  destroy(): void {\n    window.removeEventListener('keydown', this._handleKeyDown);\n    window.removeEventListener('keyup', this._handleKeyUp);\n    this.stage.off('pointerdown', this._onPointerDown, this);\n    this.stage.off('pointermove', this._onPointerMove, this);\n    this.stage.off('pointerup', this._onPointerUp, this);\n    this.stage.off('pointerupoutside', this._onPointerUp, this);\n  }\n}\n"],"mappings":"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"}