dishui 0.0.65 → 0.0.66

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

@@ -1,28 +1,28 @@
-import { Graphics as t } from "pixi.js";
-var l = class {
-  gfx;
-  constructor(i) {
-    this.gfx = new t(), this.gfx.label = "alignment-guides", i.addChild(this.gfx);
-  }
-  update(i, o, s, r) {
-    if (this.gfx.clear(), i.length !== 0) {
-      for (const e of i) e.type === "vertical" ? this.gfx.moveTo(e.position, -1e4).lineTo(e.position, 1e4) : this.gfx.moveTo(-1e4, e.position).lineTo(1e4, e.position);
-      this.gfx.stroke({
-        color: 16347926,
-        width: 1,
-        alpha: 0.6
-      });
-    }
-  }
-  clear() {
-    this.gfx.clear();
-  }
-  destroy() {
-    this.gfx.destroy();
-  }
-};
-export {
-  l as AlignmentGuidesRenderer
+import { Graphics as e } from "pixi.js";
+//#region src/components/pro/Flow/canvas/AlignmentGuides.ts
+var t = class {
+	gfx;
+	constructor(t) {
+		this.gfx = new e(), this.gfx.label = "alignment-guides", t.addChild(this.gfx);
+	}
+	update(e, t, n, r) {
+		if (this.gfx.clear(), e.length !== 0) {
+			for (let t of e) t.type === "vertical" ? this.gfx.moveTo(t.position, -1e4).lineTo(t.position, 1e4) : this.gfx.moveTo(-1e4, t.position).lineTo(1e4, t.position);
+			this.gfx.stroke({
+				color: 16347926,
+				width: 1,
+				alpha: .6
+			});
+		}
+	}
+	clear() {
+		this.gfx.clear();
+	}
+	destroy() {
+		this.gfx.destroy();
+	}
 };
+//#endregion
+export { t as AlignmentGuidesRenderer };
 
 //# sourceMappingURL=AlignmentGuides.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlignmentGuides.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/AlignmentGuides.ts"],"sourcesContent":["import { Graphics, Container } from 'pixi.js';\nimport type { AlignGuide } from '../hooks/useAlignmentGuides';\nimport type { ViewportState } from '../types';\n\n/**\n * Renders alignment guide lines (dashed) on the canvas.\n */\nexport class AlignmentGuidesRenderer {\n  private gfx: Graphics;\n\n  constructor(parent: Container) {\n    this.gfx = new Graphics();\n    this.gfx.label = 'alignment-guides';\n    parent.addChild(this.gfx);\n  }\n\n  update(guides: AlignGuide[], screenW: number, screenH: number, viewport: ViewportState): void {\n    this.gfx.clear();\n    if (guides.length === 0) return;\n\n    for (const guide of guides) {\n      if (guide.type === 'vertical') {\n        this.gfx.moveTo(guide.position, -10000).lineTo(guide.position, 10000);\n      } else {\n        this.gfx.moveTo(-10000, guide.position).lineTo(10000, guide.position);\n      }\n    }\n    this.gfx.stroke({ color: 0xf97316, width: 1, alpha: 0.6 });\n  }\n\n  clear(): void {\n    this.gfx.clear();\n  }\n\n  destroy(): void {\n    this.gfx.destroy();\n  }\n}\n"],"mappings":";AAOA,IAAa,IAAb,MAAqC;AAAA,EACnC;AAAA,EAEA,YAAY,GAAmB;AAC7B,SAAK,MAAM,IAAI,EAAS,GACxB,KAAK,IAAI,QAAQ,oBACjB,EAAO,SAAS,KAAK,GAAG;AAAA,EAC1B;AAAA,EAEA,OAAO,GAAsB,GAAiB,GAAiB,GAA+B;AAE5F,QADA,KAAK,IAAI,MAAM,GACX,EAAO,WAAW,GAEtB;AAAA,iBAAW,KAAS,EAClB,CAAI,EAAM,SAAS,aACjB,KAAK,IAAI,OAAO,EAAM,UAAU,IAAM,EAAE,OAAO,EAAM,UAAU,GAAK,IAEpE,KAAK,IAAI,OAAO,MAAQ,EAAM,QAAQ,EAAE,OAAO,KAAO,EAAM,QAAQ;AAGxE,WAAK,IAAI,OAAO;AAAA,QAAE,OAAO;AAAA,QAAU,OAAO;AAAA,QAAG,OAAO;AAAA,MAAI,CAAC;AAAA;AAAA,EAC3D;AAAA,EAEA,QAAc;AACZ,SAAK,IAAI,MAAM;AAAA,EACjB;AAAA,EAEA,UAAgB;AACd,SAAK,IAAI,QAAQ;AAAA,EACnB;AACF"}
+{"version":3,"file":"AlignmentGuides.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/AlignmentGuides.ts"],"sourcesContent":["import { Graphics, Container } from 'pixi.js';\nimport type { AlignGuide } from '../hooks/useAlignmentGuides';\nimport type { ViewportState } from '../types';\n\n/**\n * Renders alignment guide lines (dashed) on the canvas.\n */\nexport class AlignmentGuidesRenderer {\n  private gfx: Graphics;\n\n  constructor(parent: Container) {\n    this.gfx = new Graphics();\n    this.gfx.label = 'alignment-guides';\n    parent.addChild(this.gfx);\n  }\n\n  update(guides: AlignGuide[], screenW: number, screenH: number, viewport: ViewportState): void {\n    this.gfx.clear();\n    if (guides.length === 0) return;\n\n    for (const guide of guides) {\n      if (guide.type === 'vertical') {\n        this.gfx.moveTo(guide.position, -10000).lineTo(guide.position, 10000);\n      } else {\n        this.gfx.moveTo(-10000, guide.position).lineTo(10000, guide.position);\n      }\n    }\n    this.gfx.stroke({ color: 0xf97316, width: 1, alpha: 0.6 });\n  }\n\n  clear(): void {\n    this.gfx.clear();\n  }\n\n  destroy(): void {\n    this.gfx.destroy();\n  }\n}\n"],"mappings":";;AAOA,IAAa,IAAb,MAAqC;CACnC;CAEA,YAAY,GAAmB;EAG7B,AAFA,KAAK,MAAM,IAAI,EAAS,GACxB,KAAK,IAAI,QAAQ,oBACjB,EAAO,SAAS,KAAK,GAAG;CAC1B;CAEA,OAAO,GAAsB,GAAiB,GAAiB,GAA+B;EAC5F,SAAK,IAAI,MAAM,GACX,EAAO,WAAW,GAEtB;QAAK,IAAM,KAAS,GAClB,AAAI,EAAM,SAAS,aACjB,KAAK,IAAI,OAAO,EAAM,UAAU,IAAM,CAAC,CAAC,OAAO,EAAM,UAAU,GAAK,IAEpE,KAAK,IAAI,OAAO,MAAQ,EAAM,QAAQ,CAAC,CAAC,OAAO,KAAO,EAAM,QAAQ;GAGxE,KAAK,IAAI,OAAO;IAAE,OAAO;IAAU,OAAO;IAAG,OAAO;GAAI,CAAC;EAHe;CAI1E;CAEA,QAAc;EACZ,KAAK,IAAI,MAAM;CACjB;CAEA,UAAgB;EACd,KAAK,IAAI,QAAQ;CACnB;AACF"}

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

@@ -1,58 +1,57 @@
-import { Graphics as v } from "pixi.js";
-var b = class {
-  gfx;
-  _gridSize;
-  _visible;
-  _dotColor = 13751771;
-  _last = null;
-  constructor(t, s = 20, l = !0) {
-    this._gridSize = s, this._visible = l, this.gfx = new v(), this.gfx.label = "grid", t.addChildAt(this.gfx, 0);
-  }
-  set visible(t) {
-    this._visible = t, this.gfx.visible = t;
-  }
-  set gridSize(t) {
-    this._gridSize = Math.max(5, t);
-  }
-  set dotColor(t) {
-    this._dotColor = t;
-  }
-  update(t, s, l) {
-    if (!this._visible) return;
-    const { x: e, y: d, zoom: r } = t, i = this._last;
-    if (i && i.ox === e && i.oy === d && i.zoom === r && i.w === s && i.h === l && i.grid === this._gridSize && i.vis === this._visible && i.color === this._dotColor) return;
-    this._last = {
-      ox: e,
-      oy: d,
-      zoom: r,
-      w: s,
-      h: l,
-      grid: this._gridSize,
-      vis: this._visible,
-      color: this._dotColor
-    };
-    const h = this.gfx;
-    h.clear();
-    const c = 12;
-    let o = this._gridSize * r;
-    if (o <= 0) return;
-    let a = 1;
-    for (; o * a < c; ) a *= 2;
-    if (o *= a, (Math.ceil(s / o) + 1) * (Math.ceil(l / o) + 1) > 6e3) return;
-    const f = Math.max(0.8, Math.min(1.6, r * 0.8)), x = this._dotColor, n = Math.min(0.6, Math.max(0.2, r * 0.4)), m = e % o, u = d % o;
-    h.setFillStyle({
-      color: x,
-      alpha: n
-    });
-    for (let _ = m; _ < s; _ += o) for (let g = u; g < l; g += o) h.circle(_, g, f);
-    h.fill();
-  }
-  destroy() {
-    this.gfx.destroy();
-  }
-};
-export {
-  b as GridRenderer
+import { Graphics as e } from "pixi.js";
+//#region src/components/pro/Flow/canvas/GridRenderer.ts
+var t = class {
+	gfx;
+	_gridSize;
+	_visible;
+	_dotColor = 13751771;
+	_last = null;
+	constructor(t, n = 20, r = !0) {
+		this._gridSize = n, this._visible = r, this.gfx = new e(), this.gfx.label = "grid", t.addChildAt(this.gfx, 0);
+	}
+	set visible(e) {
+		this._visible = e, this.gfx.visible = e;
+	}
+	set gridSize(e) {
+		this._gridSize = Math.max(5, e);
+	}
+	set dotColor(e) {
+		this._dotColor = e;
+	}
+	update(e, t, n) {
+		if (!this._visible) return;
+		let { x: r, y: i, zoom: a } = e, o = this._last;
+		if (o && o.ox === r && o.oy === i && o.zoom === a && o.w === t && o.h === n && o.grid === this._gridSize && o.vis === this._visible && o.color === this._dotColor) return;
+		this._last = {
+			ox: r,
+			oy: i,
+			zoom: a,
+			w: t,
+			h: n,
+			grid: this._gridSize,
+			vis: this._visible,
+			color: this._dotColor
+		};
+		let s = this.gfx;
+		s.clear();
+		let c = this._gridSize * a;
+		if (c <= 0) return;
+		let l = 1;
+		for (; c * l < 12;) l *= 2;
+		if (c *= l, (Math.ceil(t / c) + 1) * (Math.ceil(n / c) + 1) > 6e3) return;
+		let u = Math.max(.8, Math.min(1.6, a * .8)), d = this._dotColor, f = Math.min(.6, Math.max(.2, a * .4)), p = r % c, m = i % c;
+		s.setFillStyle({
+			color: d,
+			alpha: f
+		});
+		for (let e = p; e < t; e += c) for (let t = m; t < n; t += c) s.circle(e, t, u);
+		s.fill();
+	}
+	destroy() {
+		this.gfx.destroy();
+	}
 };
+//#endregion
+export { t as GridRenderer };
 
 //# sourceMappingURL=GridRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/GridRenderer.ts"],"sourcesContent":["import { Graphics, Container } from 'pixi.js';\nimport type { ViewportState } from '../types';\n\n/**\n * Renders a dot grid on the canvas that adjusts to viewport pan/zoom.\n */\nexport class GridRenderer {\n  private gfx: Graphics;\n  private _gridSize: number;\n  private _visible: boolean;\n  private _dotColor = 0xd1d5db;\n  // Cache of the last render inputs so we can skip redrawing when nothing\n  // changed. Redrawing thousands of dots every frame (60fps) is the main\n  // source of low-zoom jitter/stutter.\n  private _last: { ox: number; oy: number; zoom: number; w: number; h: number; grid: number; vis: boolean; color: number } | null = null;\n\n  constructor(parent: Container, gridSize = 20, visible = true) {\n    this._gridSize = gridSize;\n    this._visible = visible;\n    this.gfx = new Graphics();\n    this.gfx.label = 'grid';\n    parent.addChildAt(this.gfx, 0);\n  }\n\n  set visible(v: boolean) {\n    this._visible = v;\n    this.gfx.visible = v;\n  }\n\n  set gridSize(s: number) {\n    this._gridSize = Math.max(5, s);\n  }\n\n  /** Grid dot color, derived from the active theme's foreground. */\n  set dotColor(c: number) {\n    this._dotColor = c;\n  }\n\n  update(viewport: ViewportState, screenW: number, screenH: number): void {\n    if (!this._visible) return;\n\n    const { x: ox, y: oy, zoom } = viewport;\n\n    // Skip the redraw entirely if nothing that affects the grid changed.\n    const last = this._last;\n    if (\n      last &&\n      last.ox === ox && last.oy === oy && last.zoom === zoom &&\n      last.w === screenW && last.h === screenH &&\n      last.grid === this._gridSize && last.vis === this._visible &&\n      last.color === this._dotColor\n    ) {\n      return;\n    }\n    this._last = { ox, oy, zoom, w: screenW, h: screenH, grid: this._gridSize, vis: this._visible, color: this._dotColor };\n\n    const g = this.gfx;\n    g.clear();\n\n    // Adaptive spacing: multiply the base grid step by a power of two until the\n    // on-screen spacing is comfortably large. Without this, low zoom levels\n    // (e.g. 25%–45%) produce tens of thousands of dots per frame.\n    const MIN_SCREEN_STEP = 12;\n    let step = this._gridSize * zoom;\n    if (step <= 0) return;\n    let mul = 1;\n    while (step * mul < MIN_SCREEN_STEP) {\n      mul *= 2;\n    }\n    step *= mul;\n\n    // Hard cap on total dot count as a final safety net.\n    const MAX_DOTS = 6000;\n    const cols = Math.ceil(screenW / step) + 1;\n    const rows = Math.ceil(screenH / step) + 1;\n    if (cols * rows > MAX_DOTS) return;\n\n    const dotRadius = Math.max(0.8, Math.min(1.6, zoom * 0.8));\n    const dotColor = this._dotColor;\n    const dotAlpha = Math.min(0.6, Math.max(0.2, zoom * 0.4));\n\n    const startX = ox % step;\n    const startY = oy % step;\n\n    g.setFillStyle({ color: dotColor, alpha: dotAlpha });\n    for (let x = startX; x < screenW; x += step) {\n      for (let y = startY; y < screenH; y += step) {\n        g.circle(x, y, dotRadius);\n      }\n    }\n    g.fill();\n  }\n\n  destroy(): void {\n    this.gfx.destroy();\n  }\n}\n"],"mappings":";AAMA,IAAa,IAAb,MAA0B;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAoB;AAAA,EAIpB,QAAkI;AAAA,EAElI,YAAY,GAAmB,IAAW,IAAI,IAAU,IAAM;AAC5D,SAAK,YAAY,GACjB,KAAK,WAAW,GAChB,KAAK,MAAM,IAAI,EAAS,GACxB,KAAK,IAAI,QAAQ,QACjB,EAAO,WAAW,KAAK,KAAK,CAAC;AAAA,EAC/B;AAAA,EAEA,IAAI,QAAQ,GAAY;AACtB,SAAK,WAAW,GAChB,KAAK,IAAI,UAAU;AAAA,EACrB;AAAA,EAEA,IAAI,SAAS,GAAW;AACtB,SAAK,YAAY,KAAK,IAAI,GAAG,CAAC;AAAA,EAChC;AAAA,EAGA,IAAI,SAAS,GAAW;AACtB,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,OAAO,GAAyB,GAAiB,GAAuB;AACtE,QAAI,CAAC,KAAK,SAAU;AAEpB,UAAM,EAAE,GAAG,GAAI,GAAG,GAAI,MAAA,EAAA,IAAS,GAGzB,IAAO,KAAK;AAClB,QACE,KACA,EAAK,OAAO,KAAM,EAAK,OAAO,KAAM,EAAK,SAAS,KAClD,EAAK,MAAM,KAAW,EAAK,MAAM,KACjC,EAAK,SAAS,KAAK,aAAa,EAAK,QAAQ,KAAK,YAClD,EAAK,UAAU,KAAK,UAEpB;AAEF,SAAK,QAAQ;AAAA,MAAE,IAAA;AAAA,MAAI,IAAA;AAAA,MAAI,MAAA;AAAA,MAAM,GAAG;AAAA,MAAS,GAAG;AAAA,MAAS,MAAM,KAAK;AAAA,MAAW,KAAK,KAAK;AAAA,MAAU,OAAO,KAAK;AAAA,IAAU;AAErH,UAAM,IAAI,KAAK;AACf,IAAA,EAAE,MAAM;AAKR,UAAM,IAAkB;AACxB,QAAI,IAAO,KAAK,YAAY;AAC5B,QAAI,KAAQ,EAAG;AACf,QAAI,IAAM;AACV,WAAO,IAAO,IAAM,IAClB,CAAA,KAAO;AAQT,QANA,KAAQ,IAIK,KAAK,KAAK,IAAU,CAAI,IAAI,MAC5B,KAAK,KAAK,IAAU,CAAI,IAAI,KACvB,IAAU;AAE5B,UAAM,IAAY,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,IAAO,GAAG,CAAC,GACnD,IAAW,KAAK,WAChB,IAAW,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,IAAO,GAAG,CAAC,GAElD,IAAS,IAAK,GACd,IAAS,IAAK;AAEpB,IAAA,EAAE,aAAa;AAAA,MAAE,OAAO;AAAA,MAAU,OAAO;AAAA,IAAS,CAAC;AACnD,aAAS,IAAI,GAAQ,IAAI,GAAS,KAAK,EACrC,UAAS,IAAI,GAAQ,IAAI,GAAS,KAAK,EACrC,CAAA,EAAE,OAAO,GAAG,GAAG,CAAS;AAG5B,IAAA,EAAE,KAAK;AAAA,EACT;AAAA,EAEA,UAAgB;AACd,SAAK,IAAI,QAAQ;AAAA,EACnB;AACF"}
+{"version":3,"file":"GridRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/GridRenderer.ts"],"sourcesContent":["import { Graphics, Container } from 'pixi.js';\nimport type { ViewportState } from '../types';\n\n/**\n * Renders a dot grid on the canvas that adjusts to viewport pan/zoom.\n */\nexport class GridRenderer {\n  private gfx: Graphics;\n  private _gridSize: number;\n  private _visible: boolean;\n  private _dotColor = 0xd1d5db;\n  // Cache of the last render inputs so we can skip redrawing when nothing\n  // changed. Redrawing thousands of dots every frame (60fps) is the main\n  // source of low-zoom jitter/stutter.\n  private _last: { ox: number; oy: number; zoom: number; w: number; h: number; grid: number; vis: boolean; color: number } | null = null;\n\n  constructor(parent: Container, gridSize = 20, visible = true) {\n    this._gridSize = gridSize;\n    this._visible = visible;\n    this.gfx = new Graphics();\n    this.gfx.label = 'grid';\n    parent.addChildAt(this.gfx, 0);\n  }\n\n  set visible(v: boolean) {\n    this._visible = v;\n    this.gfx.visible = v;\n  }\n\n  set gridSize(s: number) {\n    this._gridSize = Math.max(5, s);\n  }\n\n  /** Grid dot color, derived from the active theme's foreground. */\n  set dotColor(c: number) {\n    this._dotColor = c;\n  }\n\n  update(viewport: ViewportState, screenW: number, screenH: number): void {\n    if (!this._visible) return;\n\n    const { x: ox, y: oy, zoom } = viewport;\n\n    // Skip the redraw entirely if nothing that affects the grid changed.\n    const last = this._last;\n    if (\n      last &&\n      last.ox === ox && last.oy === oy && last.zoom === zoom &&\n      last.w === screenW && last.h === screenH &&\n      last.grid === this._gridSize && last.vis === this._visible &&\n      last.color === this._dotColor\n    ) {\n      return;\n    }\n    this._last = { ox, oy, zoom, w: screenW, h: screenH, grid: this._gridSize, vis: this._visible, color: this._dotColor };\n\n    const g = this.gfx;\n    g.clear();\n\n    // Adaptive spacing: multiply the base grid step by a power of two until the\n    // on-screen spacing is comfortably large. Without this, low zoom levels\n    // (e.g. 25%–45%) produce tens of thousands of dots per frame.\n    const MIN_SCREEN_STEP = 12;\n    let step = this._gridSize * zoom;\n    if (step <= 0) return;\n    let mul = 1;\n    while (step * mul < MIN_SCREEN_STEP) {\n      mul *= 2;\n    }\n    step *= mul;\n\n    // Hard cap on total dot count as a final safety net.\n    const MAX_DOTS = 6000;\n    const cols = Math.ceil(screenW / step) + 1;\n    const rows = Math.ceil(screenH / step) + 1;\n    if (cols * rows > MAX_DOTS) return;\n\n    const dotRadius = Math.max(0.8, Math.min(1.6, zoom * 0.8));\n    const dotColor = this._dotColor;\n    const dotAlpha = Math.min(0.6, Math.max(0.2, zoom * 0.4));\n\n    const startX = ox % step;\n    const startY = oy % step;\n\n    g.setFillStyle({ color: dotColor, alpha: dotAlpha });\n    for (let x = startX; x < screenW; x += step) {\n      for (let y = startY; y < screenH; y += step) {\n        g.circle(x, y, dotRadius);\n      }\n    }\n    g.fill();\n  }\n\n  destroy(): void {\n    this.gfx.destroy();\n  }\n}\n"],"mappings":";;AAMA,IAAa,IAAb,MAA0B;CACxB;CACA;CACA;CACA,YAAoB;CAIpB,QAAkI;CAElI,YAAY,GAAmB,IAAW,IAAI,IAAU,IAAM;EAK5D,AAJA,KAAK,YAAY,GACjB,KAAK,WAAW,GAChB,KAAK,MAAM,IAAI,EAAS,GACxB,KAAK,IAAI,QAAQ,QACjB,EAAO,WAAW,KAAK,KAAK,CAAC;CAC/B;CAEA,IAAI,QAAQ,GAAY;EAEtB,AADA,KAAK,WAAW,GAChB,KAAK,IAAI,UAAU;CACrB;CAEA,IAAI,SAAS,GAAW;EACtB,KAAK,YAAY,KAAK,IAAI,GAAG,CAAC;CAChC;CAGA,IAAI,SAAS,GAAW;EACtB,KAAK,YAAY;CACnB;CAEA,OAAO,GAAyB,GAAiB,GAAuB;EACtE,IAAI,CAAC,KAAK,UAAU;EAEpB,IAAM,EAAE,GAAG,GAAI,GAAG,GAAI,YAAS,GAGzB,IAAO,KAAK;EAClB,IACE,KACA,EAAK,OAAO,KAAM,EAAK,OAAO,KAAM,EAAK,SAAS,KAClD,EAAK,MAAM,KAAW,EAAK,MAAM,KACjC,EAAK,SAAS,KAAK,aAAa,EAAK,QAAQ,KAAK,YAClD,EAAK,UAAU,KAAK,WAEpB;EAEF,KAAK,QAAQ;GAAE;GAAI;GAAI;GAAM,GAAG;GAAS,GAAG;GAAS,MAAM,KAAK;GAAW,KAAK,KAAK;GAAU,OAAO,KAAK;EAAU;EAErH,IAAM,IAAI,KAAK;EACf,EAAE,MAAM;EAKR,IACI,IAAO,KAAK,YAAY;EAC5B,IAAI,KAAQ,GAAG;EACf,IAAI,IAAM;EACV,OAAO,IAAO,IAAM,KAClB,KAAO;EAQT,IANA,KAAQ,IAIK,KAAK,KAAK,IAAU,CAAI,IAAI,MAC5B,KAAK,KAAK,IAAU,CAAI,IAAI,KACvB,KAAU;EAE5B,IAAM,IAAY,KAAK,IAAI,IAAK,KAAK,IAAI,KAAK,IAAO,EAAG,CAAC,GACnD,IAAW,KAAK,WAChB,IAAW,KAAK,IAAI,IAAK,KAAK,IAAI,IAAK,IAAO,EAAG,CAAC,GAElD,IAAS,IAAK,GACd,IAAS,IAAK;EAEpB,EAAE,aAAa;GAAE,OAAO;GAAU,OAAO;EAAS,CAAC;EACnD,KAAK,IAAI,IAAI,GAAQ,IAAI,GAAS,KAAK,GACrC,KAAK,IAAI,IAAI,GAAQ,IAAI,GAAS,KAAK,GACrC,EAAE,OAAO,GAAG,GAAG,CAAS;EAG5B,EAAE,KAAK;CACT;CAEA,UAAgB;EACd,KAAK,IAAI,QAAQ;CACnB;AACF"}

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

@@ -1,61 +1,57 @@
-import { resolveThemeColor as X } from "../utils/themeColor.js";
-var S = class {
-  canvas;
-  ctx;
-  _visible = !0;
-  _transform = null;
-  constructor(i) {
-    this.canvas = i, this.ctx = i.getContext("2d");
-  }
-  set visible(i) {
-    this._visible = i, this.canvas.style.display = i ? "block" : "none";
-  }
-  minimapToWorld(i, c) {
-    const n = this._transform;
-    return n ? {
-      x: (i - n.ox) / n.scale + n.wMinX,
-      y: (c - n.oy) / n.scale + n.wMinY
-    } : null;
-  }
-  get size() {
-    return {
-      width: this.canvas.width,
-      height: this.canvas.height
-    };
-  }
-  update(i, c, n, Y) {
-    if (!this._visible || i.length === 0) {
-      this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-      return;
-    }
-    const r = this.canvas.width, x = this.canvas.height;
-    this.ctx.clearRect(0, 0, r, x);
-    const m = -c.x / c.zoom, f = -c.y / c.zoom, d = n / c.zoom, v = Y / c.zoom;
-    let a = 1 / 0, o = 1 / 0, h = -1 / 0, e = -1 / 0;
-    for (const t of i)
-      a = Math.min(a, t.position.x), o = Math.min(o, t.position.y), h = Math.max(h, t.position.x + t.width), e = Math.max(e, t.position.y + t.height);
-    const l = 50;
-    a -= l, o -= l, h += l, e += l, a = Math.min(a, m), o = Math.min(o, f), h = Math.max(h, m + d), e = Math.max(e, f + v);
-    const w = h - a, p = e - o, s = Math.min(r / w, x / p), M = (r - w * s) / 2, y = (x - p * s) / 2;
-    this._transform = {
-      scale: s,
-      ox: M,
-      oy: y,
-      wMinX: a,
-      wMinY: o
-    };
-    for (const t of i) {
-      const R = M + (t.position.x - a) * s, _ = y + (t.position.y - o) * s, z = t.width * s, W = t.height * s;
-      this.ctx.fillStyle = t.data.fill === "transparent" ? "#e5e7eb" : X(t.data.fill, "#e5e7eb"), this.ctx.fillRect(R, _, Math.max(z, 2), Math.max(W, 2)), this.ctx.strokeStyle = t.data.stroke === "transparent" ? "#9ca3af" : X(t.data.stroke, "#9ca3af"), this.ctx.lineWidth = 0.5, this.ctx.strokeRect(R, _, Math.max(z, 2), Math.max(W, 2));
-    }
-    const g = M + (m - a) * s, b = y + (f - o) * s, u = d * s, k = v * s;
-    this.ctx.fillStyle = "rgba(59, 130, 246, 0.12)", this.ctx.fillRect(g, b, u, k), this.ctx.strokeStyle = "#3b82f6", this.ctx.lineWidth = 1.5, this.ctx.strokeRect(g, b, u, k);
-  }
-  destroy() {
-  }
-};
-export {
-  S as MiniMapRenderer
+import { resolveThemeColor as e } from "../utils/themeColor.js";
+//#region src/components/pro/Flow/canvas/MiniMapRenderer.ts
+var t = class {
+	canvas;
+	ctx;
+	_visible = !0;
+	_transform = null;
+	constructor(e) {
+		this.canvas = e, this.ctx = e.getContext("2d");
+	}
+	set visible(e) {
+		this._visible = e, this.canvas.style.display = e ? "block" : "none";
+	}
+	minimapToWorld(e, t) {
+		let n = this._transform;
+		return n ? {
+			x: (e - n.ox) / n.scale + n.wMinX,
+			y: (t - n.oy) / n.scale + n.wMinY
+		} : null;
+	}
+	get size() {
+		return {
+			width: this.canvas.width,
+			height: this.canvas.height
+		};
+	}
+	update(t, n, r, i) {
+		if (!this._visible || t.length === 0) {
+			this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+			return;
+		}
+		let a = this.canvas.width, o = this.canvas.height;
+		this.ctx.clearRect(0, 0, a, o);
+		let s = -n.x / n.zoom, c = -n.y / n.zoom, l = r / n.zoom, u = i / n.zoom, d = Infinity, f = Infinity, p = -Infinity, m = -Infinity;
+		for (let e of t) d = Math.min(d, e.position.x), f = Math.min(f, e.position.y), p = Math.max(p, e.position.x + e.width), m = Math.max(m, e.position.y + e.height);
+		d -= 50, f -= 50, p += 50, m += 50, d = Math.min(d, s), f = Math.min(f, c), p = Math.max(p, s + l), m = Math.max(m, c + u);
+		let h = p - d, g = m - f, _ = Math.min(a / h, o / g), v = (a - h * _) / 2, y = (o - g * _) / 2;
+		this._transform = {
+			scale: _,
+			ox: v,
+			oy: y,
+			wMinX: d,
+			wMinY: f
+		};
+		for (let n of t) {
+			let t = v + (n.position.x - d) * _, r = y + (n.position.y - f) * _, i = n.width * _, a = n.height * _;
+			this.ctx.fillStyle = n.data.fill === "transparent" ? "#e5e7eb" : e(n.data.fill, "#e5e7eb"), this.ctx.fillRect(t, r, Math.max(i, 2), Math.max(a, 2)), this.ctx.strokeStyle = n.data.stroke === "transparent" ? "#9ca3af" : e(n.data.stroke, "#9ca3af"), this.ctx.lineWidth = .5, this.ctx.strokeRect(t, r, Math.max(i, 2), Math.max(a, 2));
+		}
+		let b = v + (s - d) * _, x = y + (c - f) * _, S = l * _, C = u * _;
+		this.ctx.fillStyle = "rgba(59, 130, 246, 0.12)", this.ctx.fillRect(b, x, S, C), this.ctx.strokeStyle = "#3b82f6", this.ctx.lineWidth = 1.5, this.ctx.strokeRect(b, x, S, C);
+	}
+	destroy() {}
 };
+//#endregion
+export { t as MiniMapRenderer };
 
 //# sourceMappingURL=MiniMapRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MiniMapRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/MiniMapRenderer.ts"],"sourcesContent":["import { Graphics, Container, Application } from 'pixi.js';\nimport type { FlowNode, FlowEdge, ViewportState } from '../types';\nimport { resolveThemeColor } from '../utils/themeColor';\n\n/**\n * Renders a small minimap in a separate canvas element.\n * Shows node positions as colored rectangles and a viewport rectangle.\n */\nexport class MiniMapRenderer {\n  private canvas: HTMLCanvasElement;\n  private ctx: CanvasRenderingContext2D;\n  private _visible = true;\n\n  // Last-computed world→minimap transform, used to invert minimap clicks\n  // back into world coordinates for click-to-navigate.\n  private _transform: { scale: number; ox: number; oy: number; wMinX: number; wMinY: number } | null = null;\n\n  constructor(canvas: HTMLCanvasElement) {\n    this.canvas = canvas;\n    this.ctx = canvas.getContext('2d')!;\n  }\n\n  set visible(v: boolean) {\n    this._visible = v;\n    this.canvas.style.display = v ? 'block' : 'none';\n  }\n\n  /**\n   * Convert a point in minimap *canvas pixel* space (0..canvas.width /\n   * 0..canvas.height) into world coordinates. Returns null if the minimap has\n   * not been rendered yet (no transform available).\n   */\n  minimapToWorld(px: number, py: number): { x: number; y: number } | null {\n    const t = this._transform;\n    if (!t) return null;\n    return {\n      x: (px - t.ox) / t.scale + t.wMinX,\n      y: (py - t.oy) / t.scale + t.wMinY,\n    };\n  }\n\n  /** Canvas backing size, so callers can map CSS pixels → canvas pixels. */\n  get size(): { width: number; height: number } {\n    return { width: this.canvas.width, height: this.canvas.height };\n  }\n\n  update(\n    nodes: FlowNode[],\n    viewport: ViewportState,\n    screenW: number,\n    screenH: number,\n  ): void {\n    if (!this._visible || nodes.length === 0) {\n      this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);\n      return;\n    }\n\n    const cw = this.canvas.width;\n    const ch = this.canvas.height;\n    this.ctx.clearRect(0, 0, cw, ch);\n\n    // Current viewport rect in world coords.\n    const viewX = -viewport.x / viewport.zoom;\n    const viewY = -viewport.y / viewport.zoom;\n    const viewW = screenW / viewport.zoom;\n    const viewH = screenH / viewport.zoom;\n\n    // Compute world bounds of the content.\n    let wMinX = Infinity, wMinY = Infinity, wMaxX = -Infinity, wMaxY = -Infinity;\n    for (const n of nodes) {\n      wMinX = Math.min(wMinX, n.position.x);\n      wMinY = Math.min(wMinY, n.position.y);\n      wMaxX = Math.max(wMaxX, n.position.x + n.width);\n      wMaxY = Math.max(wMaxY, n.position.y + n.height);\n    }\n\n    const padding = 50;\n    wMinX -= padding;\n    wMinY -= padding;\n    wMaxX += padding;\n    wMaxY += padding;\n\n    // Include the viewport rect in the fitted bounds so the blue box always\n    // stays visible and proportional (instead of overflowing when zoomed out).\n    wMinX = Math.min(wMinX, viewX);\n    wMinY = Math.min(wMinY, viewY);\n    wMaxX = Math.max(wMaxX, viewX + viewW);\n    wMaxY = Math.max(wMaxY, viewY + viewH);\n\n    const ww = wMaxX - wMinX;\n    const wh = wMaxY - wMinY;\n    const scale = Math.min(cw / ww, ch / wh);\n    const ox = (cw - ww * scale) / 2;\n    const oy = (ch - wh * scale) / 2;\n\n    // Remember the transform so minimap clicks can be inverted to world space.\n    this._transform = { scale, ox, oy, wMinX, wMinY };\n\n    // Draw nodes\n    for (const n of nodes) {\n      const x = ox + (n.position.x - wMinX) * scale;\n      const y = oy + (n.position.y - wMinY) * scale;\n      const w = n.width * scale;\n      const h = n.height * scale;\n\n      this.ctx.fillStyle = n.data.fill === 'transparent' ? '#e5e7eb' : resolveThemeColor(n.data.fill, '#e5e7eb');\n      this.ctx.fillRect(x, y, Math.max(w, 2), Math.max(h, 2));\n      this.ctx.strokeStyle = n.data.stroke === 'transparent' ? '#9ca3af' : resolveThemeColor(n.data.stroke, '#9ca3af');\n      this.ctx.lineWidth = 0.5;\n      this.ctx.strokeRect(x, y, Math.max(w, 2), Math.max(h, 2));\n    }\n\n    // Draw viewport rectangle\n    const vpX = ox + (viewX - wMinX) * scale;\n    const vpY = oy + (viewY - wMinY) * scale;\n    const vpW = viewW * scale;\n    const vpH = viewH * scale;\n\n    this.ctx.fillStyle = 'rgba(59, 130, 246, 0.12)';\n    this.ctx.fillRect(vpX, vpY, vpW, vpH);\n    this.ctx.strokeStyle = '#3b82f6';\n    this.ctx.lineWidth = 1.5;\n    this.ctx.strokeRect(vpX, vpY, vpW, vpH);\n  }\n\n  destroy(): void {\n    // Canvas element lifecycle managed by React\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"MiniMapRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/canvas/MiniMapRenderer.ts"],"sourcesContent":["import { Graphics, Container, Application } from 'pixi.js';\nimport type { FlowNode, FlowEdge, ViewportState } from '../types';\nimport { resolveThemeColor } from '../utils/themeColor';\n\n/**\n * Renders a small minimap in a separate canvas element.\n * Shows node positions as colored rectangles and a viewport rectangle.\n */\nexport class MiniMapRenderer {\n  private canvas: HTMLCanvasElement;\n  private ctx: CanvasRenderingContext2D;\n  private _visible = true;\n\n  // Last-computed world→minimap transform, used to invert minimap clicks\n  // back into world coordinates for click-to-navigate.\n  private _transform: { scale: number; ox: number; oy: number; wMinX: number; wMinY: number } | null = null;\n\n  constructor(canvas: HTMLCanvasElement) {\n    this.canvas = canvas;\n    this.ctx = canvas.getContext('2d')!;\n  }\n\n  set visible(v: boolean) {\n    this._visible = v;\n    this.canvas.style.display = v ? 'block' : 'none';\n  }\n\n  /**\n   * Convert a point in minimap *canvas pixel* space (0..canvas.width /\n   * 0..canvas.height) into world coordinates. Returns null if the minimap has\n   * not been rendered yet (no transform available).\n   */\n  minimapToWorld(px: number, py: number): { x: number; y: number } | null {\n    const t = this._transform;\n    if (!t) return null;\n    return {\n      x: (px - t.ox) / t.scale + t.wMinX,\n      y: (py - t.oy) / t.scale + t.wMinY,\n    };\n  }\n\n  /** Canvas backing size, so callers can map CSS pixels → canvas pixels. */\n  get size(): { width: number; height: number } {\n    return { width: this.canvas.width, height: this.canvas.height };\n  }\n\n  update(\n    nodes: FlowNode[],\n    viewport: ViewportState,\n    screenW: number,\n    screenH: number,\n  ): void {\n    if (!this._visible || nodes.length === 0) {\n      this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);\n      return;\n    }\n\n    const cw = this.canvas.width;\n    const ch = this.canvas.height;\n    this.ctx.clearRect(0, 0, cw, ch);\n\n    // Current viewport rect in world coords.\n    const viewX = -viewport.x / viewport.zoom;\n    const viewY = -viewport.y / viewport.zoom;\n    const viewW = screenW / viewport.zoom;\n    const viewH = screenH / viewport.zoom;\n\n    // Compute world bounds of the content.\n    let wMinX = Infinity, wMinY = Infinity, wMaxX = -Infinity, wMaxY = -Infinity;\n    for (const n of nodes) {\n      wMinX = Math.min(wMinX, n.position.x);\n      wMinY = Math.min(wMinY, n.position.y);\n      wMaxX = Math.max(wMaxX, n.position.x + n.width);\n      wMaxY = Math.max(wMaxY, n.position.y + n.height);\n    }\n\n    const padding = 50;\n    wMinX -= padding;\n    wMinY -= padding;\n    wMaxX += padding;\n    wMaxY += padding;\n\n    // Include the viewport rect in the fitted bounds so the blue box always\n    // stays visible and proportional (instead of overflowing when zoomed out).\n    wMinX = Math.min(wMinX, viewX);\n    wMinY = Math.min(wMinY, viewY);\n    wMaxX = Math.max(wMaxX, viewX + viewW);\n    wMaxY = Math.max(wMaxY, viewY + viewH);\n\n    const ww = wMaxX - wMinX;\n    const wh = wMaxY - wMinY;\n    const scale = Math.min(cw / ww, ch / wh);\n    const ox = (cw - ww * scale) / 2;\n    const oy = (ch - wh * scale) / 2;\n\n    // Remember the transform so minimap clicks can be inverted to world space.\n    this._transform = { scale, ox, oy, wMinX, wMinY };\n\n    // Draw nodes\n    for (const n of nodes) {\n      const x = ox + (n.position.x - wMinX) * scale;\n      const y = oy + (n.position.y - wMinY) * scale;\n      const w = n.width * scale;\n      const h = n.height * scale;\n\n      this.ctx.fillStyle = n.data.fill === 'transparent' ? '#e5e7eb' : resolveThemeColor(n.data.fill, '#e5e7eb');\n      this.ctx.fillRect(x, y, Math.max(w, 2), Math.max(h, 2));\n      this.ctx.strokeStyle = n.data.stroke === 'transparent' ? '#9ca3af' : resolveThemeColor(n.data.stroke, '#9ca3af');\n      this.ctx.lineWidth = 0.5;\n      this.ctx.strokeRect(x, y, Math.max(w, 2), Math.max(h, 2));\n    }\n\n    // Draw viewport rectangle\n    const vpX = ox + (viewX - wMinX) * scale;\n    const vpY = oy + (viewY - wMinY) * scale;\n    const vpW = viewW * scale;\n    const vpH = viewH * scale;\n\n    this.ctx.fillStyle = 'rgba(59, 130, 246, 0.12)';\n    this.ctx.fillRect(vpX, vpY, vpW, vpH);\n    this.ctx.strokeStyle = '#3b82f6';\n    this.ctx.lineWidth = 1.5;\n    this.ctx.strokeRect(vpX, vpY, vpW, vpH);\n  }\n\n  destroy(): void {\n    // Canvas element lifecycle managed by React\n  }\n}\n"],"mappings":"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"}

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

@@ -1,105 +1,108 @@
-import { Application as u, Container as p } from "pixi.js";
-var g = class {
-  app;
-  world;
-  _destroyed = !1;
-  _initialized = !1;
-  constructor() {
-    this.app = new u(), this.world = new p({ label: "world" });
-  }
-  async init(t) {
-    this._destroyed || (await this.app.init({
-      canvas: t.canvas,
-      background: t.backgroundColor ?? 16316922,
-      antialias: t.antialias ?? !0,
-      resolution: t.resolution ?? (window.devicePixelRatio || 1),
-      autoDensity: t.autoDensity ?? !0,
-      width: t.width,
-      height: t.height
-    }), !this._destroyed && (this._initialized = !0, this.app.stage.addChild(this.world), this.app.stage.eventMode = "static", this.app.stage.hitArea = this.app.screen));
-  }
-  resize(t, r) {
-    this._destroyed || !this._initialized || (this.app.renderer.resize(t, r), this.app.stage.hitArea = this.app.screen);
-  }
-  setBackgroundColor(t) {
-    this._destroyed || !this._initialized || (this.app.renderer.background.color = t);
-  }
-  async exportPNG(t) {
-    if (this._destroyed || !this._initialized) return null;
-    const r = this.app.renderer;
-    if (!r || !r.extract) return null;
-    this.app.render();
-    let a;
-    try {
-      a = r.extract.canvas(this.app.stage);
-    } catch {
-      return null;
-    }
-    const s = a.width, n = a.height;
-    if (!s || !n) return null;
-    const e = document.createElement("canvas");
-    e.width = s, e.height = n;
-    const i = e.getContext("2d");
-    return i ? (i.fillStyle = t !== void 0 ? `#${t.toString(16).padStart(6, "0")}` : "#ffffff", i.fillRect(0, 0, s, n), i.drawImage(a, 0, 0), e.toDataURL("image/png")) : typeof a.toDataURL == "function" ? a.toDataURL("image/png") : null;
-  }
-  async exportRegionPNG(t, r) {
-    if (this._destroyed || !this._initialized) return null;
-    const { Rectangle: a } = await import("pixi.js"), s = this.app.renderer;
-    if (!s || !s.extract) return null;
-    const n = Math.max(0.1, r?.scale ?? 2), e = {
-      x: this.world.position.x,
-      y: this.world.position.y,
-      sx: this.world.scale.x,
-      sy: this.world.scale.y
-    };
-    this.world.position.set(0, 0), this.world.scale.set(1, 1);
-    let i;
-    try {
-      this.app.render(), i = s.extract.canvas({
-        target: this.world,
-        frame: new a(t.x, t.y, t.w, t.h),
-        resolution: n,
-        antialias: !0
-      });
-    } catch {
-      return this.world.position.set(e.x, e.y), this.world.scale.set(e.sx, e.sy), this.app.render(), null;
-    }
-    this.world.position.set(e.x, e.y), this.world.scale.set(e.sx, e.sy), this.app.render();
-    const o = i.width, d = i.height;
-    if (!o || !d) return null;
-    const l = document.createElement("canvas");
-    l.width = o, l.height = d;
-    const h = l.getContext("2d");
-    if (!h) {
-      const c = typeof i.toDataURL == "function" ? i.toDataURL("image/png") : null;
-      return c ? {
-        dataUrl: c,
-        width: o,
-        height: d
-      } : null;
-    }
-    return h.fillStyle = r?.backgroundColor !== void 0 ? `#${r.backgroundColor.toString(16).padStart(6, "0")}` : "#ffffff", h.fillRect(0, 0, o, d), h.drawImage(i, 0, 0), {
-      dataUrl: l.toDataURL("image/png"),
-      width: o,
-      height: d
-    };
-  }
-  destroy() {
-    if (!this._destroyed && (this._destroyed = !0, !!this._initialized))
-      try {
-        this.app.destroy(!0, {
-          children: !0,
-          texture: !0
-        });
-      } catch {
-      }
-  }
-  get destroyed() {
-    return this._destroyed;
-  }
-};
-export {
-  g as PixiApp
+import { Application as e, Container as t } from "pixi.js";
+//#region src/components/pro/Flow/canvas/PixiApp.ts
+var n = class {
+	app;
+	world;
+	_destroyed = !1;
+	_initialized = !1;
+	constructor() {
+		this.app = new e(), this.world = new t({ label: "world" });
+	}
+	async init(e) {
+		this._destroyed || (await this.app.init({
+			canvas: e.canvas,
+			background: e.backgroundColor ?? 16316922,
+			antialias: e.antialias ?? !0,
+			resolution: e.resolution ?? (window.devicePixelRatio || 1),
+			autoDensity: e.autoDensity ?? !0,
+			width: e.width,
+			height: e.height
+		}), !this._destroyed && (this._initialized = !0, this.app.stage.addChild(this.world), this.app.stage.eventMode = "static", this.app.stage.hitArea = this.app.screen));
+	}
+	resize(e, t) {
+		!this._destroyed && this._initialized && (this.app.renderer.resize(e, t), this.app.stage.hitArea = this.app.screen);
+	}
+	setBackgroundColor(e) {
+		!this._destroyed && this._initialized && (this.app.renderer.background.color = e);
+	}
+	async exportPNG(e) {
+		if (this._destroyed || !this._initialized) return null;
+		let t = this.app.renderer;
+		if (!t || !t.extract) return null;
+		this.app.render();
+		let n;
+		try {
+			n = t.extract.canvas(this.app.stage);
+		} catch {
+			return null;
+		}
+		let r = n.width, i = n.height;
+		if (!r || !i) return null;
+		let a = document.createElement("canvas");
+		a.width = r, a.height = i;
+		let o = a.getContext("2d");
+		return o ? (o.fillStyle = e === void 0 ? "#ffffff" : `#${e.toString(16).padStart(6, "0")}`, o.fillRect(0, 0, r, i), o.drawImage(n, 0, 0), a.toDataURL("image/png")) : typeof n.toDataURL == "function" ? n.toDataURL("image/png") : null;
+	}
+	async exportRegionPNG(e, t) {
+		if (this._destroyed || !this._initialized) return null;
+		let { Rectangle: n } = await import("pixi.js"), r = this.app.renderer;
+		if (!r || !r.extract) return null;
+		let i = Math.max(.1, t?.scale ?? 2), a = {
+			x: this.world.position.x,
+			y: this.world.position.y,
+			sx: this.world.scale.x,
+			sy: this.world.scale.y
+		};
+		this.world.position.set(0, 0), this.world.scale.set(1, 1);
+		let o;
+		try {
+			this.app.render(), o = r.extract.canvas({
+				target: this.world,
+				frame: new n(e.x, e.y, e.w, e.h),
+				resolution: i,
+				antialias: !0
+			});
+		} catch {
+			return this.world.position.set(a.x, a.y), this.world.scale.set(a.sx, a.sy), this.app.render(), null;
+		}
+		this.world.position.set(a.x, a.y), this.world.scale.set(a.sx, a.sy), this.app.render();
+		let s = o.width, c = o.height;
+		if (!s || !c) return null;
+		let l = document.createElement("canvas");
+		l.width = s, l.height = c;
+		let u = l.getContext("2d");
+		if (!u) {
+			let e = typeof o.toDataURL == "function" ? o.toDataURL("image/png") : null;
+			return e ? {
+				dataUrl: e,
+				width: s,
+				height: c
+			} : null;
+		}
+		return u.fillStyle = t?.backgroundColor === void 0 ? "#ffffff" : `#${t.backgroundColor.toString(16).padStart(6, "0")}`, u.fillRect(0, 0, s, c), u.drawImage(o, 0, 0), {
+			dataUrl: l.toDataURL("image/png"),
+			width: s,
+			height: c
+		};
+	}
+	destroy() {
+		if (!this._destroyed && (this._destroyed = !0, this._initialized)) {
+			try {
+				this.app.stage.destroy({
+					children: !0,
+					texture: !0
+				});
+			} catch {}
+			try {
+				this.app.destroy(!1);
+			} catch {}
+		}
+	}
+	get destroyed() {
+		return this._destroyed;
+	}
 };
+//#endregion
+export { n as PixiApp };
 
 //# sourceMappingURL=PixiApp.js.map