dishui 0.0.64 → 0.0.66

package/dist/components/pro/Flow/nodes/NodeRenderer.js

@@ -1,318 +1,307 @@
-import { resolveThemeColor as u } from "../utils/themeColor.js";
-import { drawBorderSides as Q, drawRoundRectBorder as it, hasBorderSideOverrides as U, shapeDrawers as H } from "./shapes.js";
-import { createNodeText as st, formatIconLabel as at, normalizeIconLabelPlacement as ot, updateNodeText as rt } from "./NodeText.js";
-import { createHandleGraphics as lt, getHandlePositions as Z, updateHandleGraphics as ht } from "./NodeHandles.js";
-import { getFlipScale as nt, getRotationRad as ct } from "./nodeUtils.js";
-import { getSvgIcon as ft } from "./svgIcons.js";
-import { getIconTexture as tt, subscribeIconTextureReady as dt } from "./svgIconTexture.js";
-import { Container as Y, Graphics as E, Sprite as et, Text as V } from "pixi.js";
-function pt(o, t, r, b, p) {
-  const a = 6 + b / 2, e = t - 6 - b / 2, s = t / 2, l = 6 + p / 2, i = r - 6 - p / 2, c = r / 2;
-  switch (o) {
-    case "top":
-      return {
-        x: s,
-        y: l
-      };
-    case "bottom":
-      return {
-        x: s,
-        y: i
-      };
-    case "left":
-      return {
-        x: a,
-        y: c
-      };
-    case "right":
-      return {
-        x: e,
-        y: c
-      };
-    case "top-left":
-      return {
-        x: a,
-        y: l
-      };
-    case "top-right":
-      return {
-        x: e,
-        y: l
-      };
-    case "bottom-left":
-      return {
-        x: a,
-        y: i
-      };
-    case "bottom-right":
-      return {
-        x: e,
-        y: i
-      };
-    default:
-      return {
-        x: s,
-        y: c
-      };
-  }
+import { resolveThemeColor as e } from "../utils/themeColor.js";
+import { drawBorderSides as t, drawRoundRectBorder as n, hasBorderSideOverrides as r, shapeDrawers as i } from "./shapes.js";
+import { createNodeText as a, formatIconLabel as o, normalizeIconLabelPlacement as s, updateNodeText as c } from "./NodeText.js";
+import { createHandleGraphics as l, getHandlePositions as u, updateHandleGraphics as d } from "./NodeHandles.js";
+import { getFlipScale as f, getRotationRad as p } from "./nodeUtils.js";
+import { getSvgIcon as m } from "./svgIcons.js";
+import { getIconTexture as h, subscribeIconTextureReady as g } from "./svgIconTexture.js";
+import { Container as _, Graphics as v, Sprite as y, Text as b } from "pixi.js";
+//#region src/components/pro/Flow/nodes/NodeRenderer.ts
+function x(e, t, n, r, i) {
+	let a = 6 + r / 2, o = t - 6 - r / 2, s = t / 2, c = 6 + i / 2, l = n - 6 - i / 2, u = n / 2;
+	switch (e) {
+		case "top": return {
+			x: s,
+			y: c
+		};
+		case "bottom": return {
+			x: s,
+			y: l
+		};
+		case "left": return {
+			x: a,
+			y: u
+		};
+		case "right": return {
+			x: o,
+			y: u
+		};
+		case "top-left": return {
+			x: a,
+			y: c
+		};
+		case "top-right": return {
+			x: o,
+			y: c
+		};
+		case "bottom-left": return {
+			x: a,
+			y: l
+		};
+		case "bottom-right": return {
+			x: o,
+			y: l
+		};
+		default: return {
+			x: s,
+			y: u
+		};
+	}
 }
-var St = class {
-  world;
-  nodeLayer;
-  nodes = /* @__PURE__ */ new Map();
-  _dynamicOffset = 0;
-  _unsubscribeTextureReady;
-  advanceAnimation(o) {
-    this._dynamicOffset = (this._dynamicOffset + o * 0.06) % 1e3;
-  }
-  constructor(o) {
-    this.world = o, this.nodeLayer = new Y({
-      label: "nodes",
-      sortableChildren: !0
-    }), this.world.addChild(this.nodeLayer), this._unsubscribeTextureReady = dt(() => this._resync?.());
-  }
-  _resync = null;
-  sync(o, t, r, b, p) {
-    const n = /* @__PURE__ */ new Set();
-    this._resync = () => this.sync(o, t, r, b, p);
-    const a = b ?? (() => {
-      const e = o.filter((l) => l.type === "animAnchor").sort((l, i) => (l.data.animIndex ?? 0) - (i.data.animIndex ?? 0)), s = /* @__PURE__ */ new Map();
-      return e.forEach((l, i) => s.set(l.id, i + 1)), s;
-    })();
-    for (const e of o) {
-      n.add(e.id);
-      let s = this.nodes.get(e.id);
-      s || (s = this._createNode(e), this.nodes.set(e.id, s)), this._updateNode(s, e, t.has(e.id), r === e.id, a.get(e.id), p);
-    }
-    for (const [e, s] of this.nodes) n.has(e) || (this.nodeLayer.removeChild(s.container), s.container.destroy({ children: !0 }), this.nodes.delete(e));
-  }
-  getNodeContainer(o) {
-    return this.nodes.get(o);
-  }
-  getAllNodeContainers() {
-    return [...this.nodes.values()];
-  }
-  _createNode(o) {
-    const t = new Y({ label: `node-${o.id}` });
-    t.eventMode = "static", t.cursor = "pointer";
-    const r = new Y({ label: "svg-transform" });
-    t.addChild(r);
-    const b = new E();
-    b.label = "sub-canvas-glow", t.addChild(b);
-    const p = new E();
-    p.label = "shape", t.addChild(p);
-    const n = new et();
-    n.label = "svg-icon", n.anchor.set(0.5, 0.5), n.visible = !1, t.addChild(n);
-    const a = st({
-      label: o.data.label,
-      color: u(o.data.labelColor ?? o.data.color, "#111827"),
-      fontSize: o.data.fontSize,
-      width: o.width,
-      height: o.height
-    });
-    t.addChild(a);
-    const e = new et();
-    e.label = "node-title-icon", e.anchor.set(0.5, 0.5), e.visible = !1, t.addChild(e);
-    const s = new V({
-      text: "",
-      style: {
-        fontFamily: "system-ui, -apple-system, sans-serif",
-        fontSize: 11,
-        fill: "#94a3b8",
-        align: "center"
-      }
-    });
-    s.label = "node-subtext", s.anchor.set(0.5, 0.5), s.visible = !1, t.addChild(s);
-    const l = new E();
-    l.label = "node-tag-bg", l.visible = !1, t.addChild(l);
-    const i = new V({
-      text: "",
-      style: {
-        fontFamily: "system-ui, -apple-system, sans-serif",
-        fontSize: 9,
-        fill: "#cbd5e1"
-      }
-    });
-    i.label = "node-tag-text", i.anchor.set(0.5, 0.5), i.visible = !1, t.addChild(i);
-    const c = Z(o.width, o.height), g = lt(t, c, !1), m = new V({
-      text: "",
-      style: {
-        fontFamily: "system-ui, sans-serif",
-        fontSize: 13,
-        fill: "#ffffff",
-        fontWeight: "700"
-      }
-    });
-    return m.label = "anim-badge", m.anchor.set(0.5, 0.5), m.visible = !1, t.addChild(m), this.nodeLayer.addChild(t), {
-      container: t,
-      shape: p,
-      svgTransform: r,
-      icon: n,
-      text: a,
-      titleIcon: e,
-      subtext: s,
-      tagBg: l,
-      tagText: i,
-      animBadge: m,
-      handles: g,
-      handleDefs: c,
-      nodeId: o.id,
-      subCanvasGlow: b
-    };
-  }
-  _updateNode(o, t, r, b, p, n) {
-    const { container: a, svgTransform: e, shape: s, icon: l, text: i, titleIcon: c, subtext: g, tagBg: m, tagText: v, animBadge: C, handles: k, subCanvasGlow: z } = o, I = t.type === "shapeSvg", M = ct(t.data), w = nt(t.data);
-    a.zIndex = t.zIndex ?? 0, I ? (s.parent !== e && e.addChild(s), l.parent !== e && e.addChild(l), k.parent !== e && e.addChild(k), a.position.set(t.position.x, t.position.y), a.rotation = 0, a.scale.set(1, 1), a.pivot.set(0, 0), e.position.set(t.width / 2, t.height / 2), e.pivot.set(t.width / 2, t.height / 2), e.rotation = M, e.scale.set(w.sx, w.sy)) : (s.parent !== a && a.addChildAt(s, Math.min(2, a.children.length)), l.parent !== a && a.addChild(l), k.parent !== a && a.addChild(k), e.rotation = 0, e.scale.set(1, 1), a.position.set(t.position.x, t.position.y), a.rotation = M, a.scale.set(w.sx, w.sy), M !== 0 || w.sx < 0 || w.sy < 0 ? (a.pivot.set(t.width / 2, t.height / 2), a.position.set(t.position.x + t.width / 2, t.position.y + t.height / 2)) : a.pivot.set(0, 0));
-    const B = t.type === "mediaNode", O = t.type === "animAnchor";
-    let G = !0;
-    if (s.clear(), s.alpha = 1, I) this._updateSvgNode(o, t, r);
-    else if (B) {
-      l.visible = !1;
-      const f = 6, h = t.data.fill && t.data.fill !== "transparent" ? u(t.data.fill, "#ffffff") : "#ffffff", d = t.data.borderStyle === "none", y = U(t.data, t.type), x = r ? "#3b82f6" : u(t.data.stroke, "#374151"), S = r ? Math.max(t.data.strokeWidth, 2) : t.data.strokeWidth;
-      if (H.shapeRoundRect(s, {
-        width: t.width,
-        height: t.height,
-        fill: h,
-        stroke: y ? "transparent" : x,
-        strokeWidth: S,
-        borderStyle: r && d ? "solid" : t.data.borderStyle,
-        dashOffset: this._dynamicOffset
-      }), y) {
-        const T = u(t.data.stroke, "#374151");
-        r && s.roundRect(0, 0, t.width, t.height, f).stroke({
-          color: "#3b82f6",
-          width: Math.max(t.data.strokeWidth, 2)
-        }), Q(s, "mediaNode", t.width, t.height, t.data.borderSides, T, t.data.strokeWidth, d ? void 0 : t.data.borderStyle, this._dynamicOffset);
-      }
-    } else if (O) {
-      l.visible = !1;
-      const f = "#8b5cf6", h = n?.presentation ?? !1;
-      G = h ? (n?.presentationAnchorVisible ?? !1) && n?.presentationAnchorId === t.id : n?.showAnchors ?? !0, G && (s.alpha = h ? 0.48 : 0.9, H.shapeRoundRect(s, {
-        width: t.width,
-        height: t.height,
-        fill: "transparent",
-        stroke: r && !h ? "#3b82f6" : f,
-        strokeWidth: r && !h ? 2.5 : 1.5,
-        borderStyle: "dashed"
-      }), s.circle(0, 0, h ? 11 : 13).fill({ color: r && !h ? "#3b82f6" : f })), C.text = String(p ?? ""), C.alpha = h ? 0.7 : 1, C.visible = G, C.position.set(0, 0);
-    } else {
-      l.visible = !1;
-      const f = H[t.type] ?? H.shapeRect, h = U(t.data, t.type), d = t.data.borderStyle === "none", y = u(t.data.stroke, "#374151");
-      if (f(s, {
-        width: t.width,
-        height: t.height,
-        fill: u(t.data.fill, "#ffffff"),
-        stroke: h ? "transparent" : r ? "#3b82f6" : y,
-        strokeWidth: r ? Math.max(t.data.strokeWidth, 2) : t.data.strokeWidth,
-        borderStyle: r && d ? "solid" : t.data.borderStyle,
-        dashOffset: this._dynamicOffset
-      }), h) {
-        if (r) {
-          const S = t.type === "shapeRect" ? 0 : Math.min(12, t.width * 0.1, t.height * 0.1);
-          s.roundRect(0, 0, t.width, t.height, S).stroke({
-            color: "#3b82f6",
-            width: Math.max(t.data.strokeWidth, 2)
-          });
-        }
-        const x = r && d ? "solid" : t.data.borderStyle;
-        Q(s, t.type, t.width, t.height, t.data.borderSides, y, t.data.strokeWidth, x, this._dynamicOffset);
-      }
-    }
-    if (O || (C.visible = !1), z.clear(), t.data.childCanvasId) {
-      const h = t.width + 8, d = t.height + 8, y = 0.5 + 0.3 * Math.sin(this._dynamicOffset * 8e-3);
-      z.roundRect(-4, -4, h, d, 6), z.stroke({
-        color: 9133302,
-        width: 2.5,
-        alpha: y
-      }), z.roundRect(-6, -6, h + 4, d + 4, 8), z.stroke({
-        color: 9133302,
-        width: 1,
-        alpha: y * 0.4
-      });
-    }
-    const N = ot(t.data.labelPlacement), $ = t.data.labelColor ?? (I ? "theme:base-content" : t.data.color);
-    rt(i, {
-      label: B ? "" : I ? at(t.data.label, N) : t.data.label,
-      color: u($, "#111827"),
-      fontSize: t.data.fontSize,
-      width: t.width,
-      height: t.height
-    }), i.visible = !B && (!O || G);
-    const P = !I && !B && (!O || G), j = P ? (t.data.sublabel ?? "").trim() : "", L = j.length > 0, D = P ? (t.data.titleIcon ?? "").trim() : "", X = 6, W = Math.max(8, t.data.titleIconSize ?? Math.round(t.data.fontSize * 1.15)), q = W / 96;
-    if (D.length > 0) {
-      const f = ft(D)?.brandColor ?? $, h = tt(D, u(t.data.titleIconColor ?? f, "#111827") || "#111827");
-      h ? (c.texture = h, c.visible = !0) : c.visible = !1;
-    } else c.visible = !1;
-    if (t.type === "shapeCorner") {
-      c.visible = !1;
-      const f = Math.min(t.width, t.height) * 0.4;
-      i.position.set((f + t.width) / 2, (f + t.height) / 2);
-    } else if (I) {
-      const h = i.width / 2, d = i.height / 2;
-      N === "top" ? i.position.set(t.width / 2, -4 - d) : N === "bottom" ? i.position.set(t.width / 2, t.height + 4 + d) : N === "left" ? i.position.set(-4 - h, t.height / 2) : N === "right" ? i.position.set(t.width + 4 + h, t.height / 2) : i.position.set(t.width / 2, t.height / 2), i.position.x += t.data.labelOffsetX ?? 0, i.position.y += t.data.labelOffsetY ?? 0;
-    } else if (!B) {
-      const h = Math.max(9, t.data.fontSize - 3);
-      if (L) {
-        const _ = g.style;
-        _.fill = u(t.data.sublabelColor ?? "#94a3b8", "#94a3b8"), _.fontSize = h, g.text = j, g.anchor.set(0.5, 0.5), g.visible = !0, g.rotation = -M, g.scale.set(w.sx, w.sy);
-      }
-      i.anchor.set(0.5, 0.5);
-      const d = c.visible, y = i.width + (d ? W + X : 0), x = Math.max(i.height, d ? W : 0) + (L ? 3 + g.height : 0), S = Math.max(y, L ? g.width : 0), T = t.data.isGroup || t.type === "flowGroup" || t.type === "geometryGroup", A = pt(t.data.textPlacement ?? (O || T ? "top" : "center"), t.width, t.height, S, x), R = A.x + (t.data.labelOffsetX ?? 0), K = A.y + (t.data.labelOffsetY ?? 0), F = K - x / 2 + i.height / 2;
-      if (d) {
-        const _ = R - y / 2;
-        (t.data.titleIconSide ?? "left") === "right" ? (i.position.set(_ + i.width / 2, F), c.position.set(_ + i.width + X + W / 2, F)) : (c.position.set(_ + W / 2, F), i.position.set(_ + W + X + i.width / 2, F));
-      } else i.position.set(R, F);
-      L && g.position.set(R, K + x / 2 - g.height / 2);
-    }
-    L || (g.visible = !1), I ? (i.rotation = 0, i.scale.set(1, 1)) : (i.rotation = -M, i.scale.set(w.sx, w.sy), c.rotation = -M, c.scale.set(q * w.sx, q * w.sy));
-    const J = P ? (t.data.tag ?? "").trim() : "";
-    if (J) {
-      v.text = J, v.visible = !0;
-      const f = 5, h = 2, d = v.width + f * 2, y = v.height + h * 2, x = 6, S = t.data.tagPlacement ?? "top-right", T = S === "top-left" || S === "bottom-left" ? x : t.width - d - x, A = S === "top-left" || S === "top-right" ? x : t.height - y - x, R = u(t.data.tagColor ?? t.data.stroke, "#334155");
-      m.clear(), m.roundRect(T, A, d, y, 3).fill({
-        color: R,
-        alpha: 0.18
-      }).stroke({
-        color: R,
-        width: 1,
-        alpha: 0.55
-      }), m.visible = !0, v.style.fill = R, v.position.set(T + d / 2, A + y / 2), v.rotation = 0, v.scale.set(1, 1);
-    } else
-      m.visible = !1, v.visible = !1;
-    if (k.visible = (b || r) && !(O && n?.presentation), k.visible) {
-      const f = Z(t.width, t.height);
-      o.handleDefs = f, ht(k, f);
-    }
-  }
-  _updateSvgNode(o, t, r) {
-    const { shape: b, icon: p } = o, { width: n, height: a, data: e } = t, s = e.iconBox ?? !1, l = e.borderStyle ?? (s ? "solid" : "none"), i = l === "none", c = Math.min(8, n * 0.12, a * 0.12);
-    e.fill && e.fill !== "transparent" && (s || !i) && b.roundRect(0, 0, n, a, c).fill({ color: u(e.fill, "#ffffff") }), !i && e.stroke && e.stroke !== "transparent" && e.strokeWidth > 0 && it(b, {
-      width: n,
-      height: a,
-      fill: "transparent",
-      stroke: u(e.stroke, "#374151"),
-      strokeWidth: e.strokeWidth,
-      borderStyle: l,
-      dashOffset: this._dynamicOffset
-    }, c), r && b.roundRect(0, 0, n, a, c).stroke({
-      color: "#3b82f6",
-      width: Math.max(e.strokeWidth, 2)
-    });
-    const g = u(e.color, "#334155") || "#334155", m = tt(e.svgId ?? "", g);
-    if (m) {
-      p.texture = m, p.visible = !0;
-      const v = s ? Math.min(n, a) * 0.18 : 2, C = Math.max(4, Math.min(n, a) - v * 2);
-      p.width = C, p.height = C, p.position.set(n / 2, a / 2);
-    } else p.visible = !1;
-  }
-  destroy() {
-    this._unsubscribeTextureReady(), this._resync = null;
-    for (const [, o] of this.nodes) o.container.destroy({ children: !0 });
-    this.nodes.clear(), this.nodeLayer.destroy({ children: !0 });
-  }
-};
-export {
-  St as NodeRenderer
+var S = class {
+	world;
+	nodeLayer;
+	nodes = /* @__PURE__ */ new Map();
+	_dynamicOffset = 0;
+	_unsubscribeTextureReady;
+	advanceAnimation(e) {
+		this._dynamicOffset = (this._dynamicOffset + e * .06) % 1e3;
+	}
+	constructor(e) {
+		this.world = e, this.nodeLayer = new _({
+			label: "nodes",
+			sortableChildren: !0
+		}), this.world.addChild(this.nodeLayer), this._unsubscribeTextureReady = g(() => this._resync?.());
+	}
+	_resync = null;
+	sync(e, t, n, r, i) {
+		let a = /* @__PURE__ */ new Set();
+		this._resync = () => this.sync(e, t, n, r, i);
+		let o = r ?? (() => {
+			let t = e.filter((e) => e.type === "animAnchor").sort((e, t) => (e.data.animIndex ?? 0) - (t.data.animIndex ?? 0)), n = /* @__PURE__ */ new Map();
+			return t.forEach((e, t) => n.set(e.id, t + 1)), n;
+		})();
+		for (let r of e) {
+			a.add(r.id);
+			let e = this.nodes.get(r.id);
+			e || (e = this._createNode(r), this.nodes.set(r.id, e)), this._updateNode(e, r, t.has(r.id), n === r.id, o.get(r.id), i);
+		}
+		for (let [e, t] of this.nodes) a.has(e) || (this.nodeLayer.removeChild(t.container), t.container.destroy({ children: !0 }), this.nodes.delete(e));
+	}
+	getNodeContainer(e) {
+		return this.nodes.get(e);
+	}
+	getAllNodeContainers() {
+		return [...this.nodes.values()];
+	}
+	_createNode(t) {
+		let n = new _({ label: `node-${t.id}` });
+		n.eventMode = "static", n.cursor = "pointer";
+		let r = new _({ label: "svg-transform" });
+		n.addChild(r);
+		let i = new v();
+		i.label = "sub-canvas-glow", n.addChild(i);
+		let o = new v();
+		o.label = "shape", n.addChild(o);
+		let s = new y();
+		s.label = "svg-icon", s.anchor.set(.5, .5), s.visible = !1, n.addChild(s);
+		let c = a({
+			label: t.data.label,
+			color: e(t.data.labelColor ?? t.data.color, "#111827"),
+			fontSize: t.data.fontSize,
+			width: t.width,
+			height: t.height
+		});
+		n.addChild(c);
+		let d = new y();
+		d.label = "node-title-icon", d.anchor.set(.5, .5), d.visible = !1, n.addChild(d);
+		let f = new b({
+			text: "",
+			style: {
+				fontFamily: "system-ui, -apple-system, sans-serif",
+				fontSize: 11,
+				fill: "#94a3b8",
+				align: "center"
+			}
+		});
+		f.label = "node-subtext", f.anchor.set(.5, .5), f.visible = !1, n.addChild(f);
+		let p = new v();
+		p.label = "node-tag-bg", p.visible = !1, n.addChild(p);
+		let m = new b({
+			text: "",
+			style: {
+				fontFamily: "system-ui, -apple-system, sans-serif",
+				fontSize: 9,
+				fill: "#cbd5e1"
+			}
+		});
+		m.label = "node-tag-text", m.anchor.set(.5, .5), m.visible = !1, n.addChild(m);
+		let h = u(t.width, t.height), g = l(n, h, !1), x = new b({
+			text: "",
+			style: {
+				fontFamily: "system-ui, sans-serif",
+				fontSize: 13,
+				fill: "#ffffff",
+				fontWeight: "700"
+			}
+		});
+		return x.label = "anim-badge", x.anchor.set(.5, .5), x.visible = !1, n.addChild(x), this.nodeLayer.addChild(n), {
+			container: n,
+			shape: o,
+			svgTransform: r,
+			icon: s,
+			text: c,
+			titleIcon: d,
+			subtext: f,
+			tagBg: p,
+			tagText: m,
+			animBadge: x,
+			handles: g,
+			handleDefs: h,
+			nodeId: t.id,
+			subCanvasGlow: i
+		};
+	}
+	_updateNode(n, a, l, g, _, v) {
+		let { container: y, svgTransform: b, shape: S, icon: C, text: w, titleIcon: T, subtext: E, tagBg: D, tagText: O, animBadge: k, handles: A, subCanvasGlow: j } = n, M = a.type === "shapeSvg", N = p(a.data), P = f(a.data);
+		y.zIndex = a.zIndex ?? 0, M ? (S.parent !== b && b.addChild(S), C.parent !== b && b.addChild(C), A.parent !== b && b.addChild(A), y.position.set(a.position.x, a.position.y), y.rotation = 0, y.scale.set(1, 1), y.pivot.set(0, 0), b.position.set(a.width / 2, a.height / 2), b.pivot.set(a.width / 2, a.height / 2), b.rotation = N, b.scale.set(P.sx, P.sy)) : (S.parent !== y && y.addChildAt(S, Math.min(2, y.children.length)), C.parent !== y && y.addChild(C), A.parent !== y && y.addChild(A), b.rotation = 0, b.scale.set(1, 1), y.position.set(a.position.x, a.position.y), y.rotation = N, y.scale.set(P.sx, P.sy), N !== 0 || P.sx < 0 || P.sy < 0 ? (y.pivot.set(a.width / 2, a.height / 2), y.position.set(a.position.x + a.width / 2, a.position.y + a.height / 2)) : y.pivot.set(0, 0));
+		let F = a.type === "mediaNode", I = a.type === "animAnchor", L = !0;
+		if (S.clear(), S.alpha = 1, M) this._updateSvgNode(n, a, l);
+		else if (F) {
+			C.visible = !1;
+			let n = a.data.fill && a.data.fill !== "transparent" ? e(a.data.fill, "#ffffff") : "#ffffff", o = a.data.borderStyle === "none", s = r(a.data, a.type), c = l ? "#3b82f6" : e(a.data.stroke, "#374151"), u = l ? Math.max(a.data.strokeWidth, 2) : a.data.strokeWidth;
+			if (i.shapeRoundRect(S, {
+				width: a.width,
+				height: a.height,
+				fill: n,
+				stroke: s ? "transparent" : c,
+				strokeWidth: u,
+				borderStyle: l && o ? "solid" : a.data.borderStyle,
+				dashOffset: this._dynamicOffset
+			}), s) {
+				let n = e(a.data.stroke, "#374151");
+				l && S.roundRect(0, 0, a.width, a.height, 6).stroke({
+					color: "#3b82f6",
+					width: Math.max(a.data.strokeWidth, 2)
+				}), t(S, "mediaNode", a.width, a.height, a.data.borderSides, n, a.data.strokeWidth, o ? void 0 : a.data.borderStyle, this._dynamicOffset);
+			}
+		} else if (I) {
+			C.visible = !1;
+			let e = "#8b5cf6", t = v?.presentation ?? !1;
+			L = t ? (v?.presentationAnchorVisible ?? !1) && v?.presentationAnchorId === a.id : v?.showAnchors ?? !0, L && (S.alpha = t ? .48 : .9, i.shapeRoundRect(S, {
+				width: a.width,
+				height: a.height,
+				fill: "transparent",
+				stroke: l && !t ? "#3b82f6" : e,
+				strokeWidth: l && !t ? 2.5 : 1.5,
+				borderStyle: "dashed"
+			}), S.circle(0, 0, t ? 11 : 13).fill({ color: l && !t ? "#3b82f6" : e })), k.text = String(_ ?? ""), k.alpha = t ? .7 : 1, k.visible = L, k.position.set(0, 0);
+		} else {
+			C.visible = !1;
+			let n = i[a.type] ?? i.shapeRect, o = r(a.data, a.type), s = a.data.borderStyle === "none", c = e(a.data.stroke, "#374151");
+			if (n(S, {
+				width: a.width,
+				height: a.height,
+				fill: e(a.data.fill, "#ffffff"),
+				stroke: o ? "transparent" : l ? "#3b82f6" : c,
+				strokeWidth: l ? Math.max(a.data.strokeWidth, 2) : a.data.strokeWidth,
+				borderStyle: l && s ? "solid" : a.data.borderStyle,
+				dashOffset: this._dynamicOffset
+			}), o) {
+				if (l) {
+					let e = a.type === "shapeRect" ? 0 : Math.min(12, a.width * .1, a.height * .1);
+					S.roundRect(0, 0, a.width, a.height, e).stroke({
+						color: "#3b82f6",
+						width: Math.max(a.data.strokeWidth, 2)
+					});
+				}
+				let e = l && s ? "solid" : a.data.borderStyle;
+				t(S, a.type, a.width, a.height, a.data.borderSides, c, a.data.strokeWidth, e, this._dynamicOffset);
+			}
+		}
+		if (I || (k.visible = !1), j.clear(), a.data.childCanvasId) {
+			let e = a.width + 8, t = a.height + 8, n = .5 + .3 * Math.sin(this._dynamicOffset * .008);
+			j.roundRect(-4, -4, e, t, 6), j.stroke({
+				color: 9133302,
+				width: 2.5,
+				alpha: n
+			}), j.roundRect(-6, -6, e + 4, t + 4, 8), j.stroke({
+				color: 9133302,
+				width: 1,
+				alpha: n * .4
+			});
+		}
+		let R = s(a.data.labelPlacement), z = a.data.labelColor ?? (M ? "theme:base-content" : a.data.color);
+		c(w, {
+			label: F ? "" : M ? o(a.data.label, R) : a.data.label,
+			color: e(z, "#111827"),
+			fontSize: a.data.fontSize,
+			width: a.width,
+			height: a.height
+		}), w.visible = !F && (!I || L);
+		let B = !M && !F && (!I || L), V = B ? (a.data.sublabel ?? "").trim() : "", H = V.length > 0, U = B ? (a.data.titleIcon ?? "").trim() : "", W = Math.max(8, a.data.titleIconSize ?? Math.round(a.data.fontSize * 1.15)), G = W / 96;
+		if (U.length > 0) {
+			let t = m(U)?.brandColor ?? z, n = e(a.data.titleIconColor ?? t, "#111827") || "#111827", r = h(U, n);
+			r ? (T.texture = r, T.visible = !0) : T.visible = !1;
+		} else T.visible = !1;
+		if (a.type === "shapeCorner") {
+			T.visible = !1;
+			let e = Math.min(a.width, a.height) * .4;
+			w.position.set((e + a.width) / 2, (e + a.height) / 2);
+		} else if (M) {
+			let e = w.width / 2, t = w.height / 2;
+			R === "top" ? w.position.set(a.width / 2, -4 - t) : R === "bottom" ? w.position.set(a.width / 2, a.height + 4 + t) : R === "left" ? w.position.set(-4 - e, a.height / 2) : R === "right" ? w.position.set(a.width + 4 + e, a.height / 2) : w.position.set(a.width / 2, a.height / 2), w.position.x += a.data.labelOffsetX ?? 0, w.position.y += a.data.labelOffsetY ?? 0;
+		} else if (!F) {
+			let t = Math.max(9, a.data.fontSize - 3);
+			if (H) {
+				let n = E.style;
+				n.fill = e(a.data.sublabelColor ?? "#94a3b8", "#94a3b8"), n.fontSize = t, E.text = V, E.anchor.set(.5, .5), E.visible = !0, E.rotation = -N, E.scale.set(P.sx, P.sy);
+			}
+			w.anchor.set(.5, .5);
+			let n = T.visible, r = w.width + (n ? W + 6 : 0), i = Math.max(w.height, n ? W : 0) + (H ? 3 + E.height : 0), o = Math.max(r, H ? E.width : 0), s = a.data.isGroup || a.type === "flowGroup" || a.type === "geometryGroup", c = x(a.data.textPlacement ?? (I || s ? "top" : "center"), a.width, a.height, o, i), l = c.x + (a.data.labelOffsetX ?? 0), u = c.y + (a.data.labelOffsetY ?? 0), d = u - i / 2 + w.height / 2;
+			if (n) {
+				let e = l - r / 2;
+				(a.data.titleIconSide ?? "left") === "right" ? (w.position.set(e + w.width / 2, d), T.position.set(e + w.width + 6 + W / 2, d)) : (T.position.set(e + W / 2, d), w.position.set(e + W + 6 + w.width / 2, d));
+			} else w.position.set(l, d);
+			H && E.position.set(l, u + i / 2 - E.height / 2);
+		}
+		H || (E.visible = !1), M ? (w.rotation = 0, w.scale.set(1, 1)) : (w.rotation = -N, w.scale.set(P.sx, P.sy), T.rotation = -N, T.scale.set(G * P.sx, G * P.sy));
+		let K = B ? (a.data.tag ?? "").trim() : "";
+		if (K) {
+			O.text = K, O.visible = !0;
+			let t = O.width + 10, n = O.height + 4, r = a.data.tagPlacement ?? "top-right", i = r === "top-left" || r === "bottom-left" ? 6 : a.width - t - 6, o = r === "top-left" || r === "top-right" ? 6 : a.height - n - 6, s = e(a.data.tagColor ?? a.data.stroke, "#334155");
+			D.clear(), D.roundRect(i, o, t, n, 3).fill({
+				color: s,
+				alpha: .18
+			}).stroke({
+				color: s,
+				width: 1,
+				alpha: .55
+			}), D.visible = !0, O.style.fill = s, O.position.set(i + t / 2, o + n / 2), O.rotation = 0, O.scale.set(1, 1);
+		} else D.visible = !1, O.visible = !1;
+		if (A.visible = (g || l) && !(I && v?.presentation), A.visible) {
+			let e = u(a.width, a.height);
+			n.handleDefs = e, d(A, e);
+		}
+	}
+	_updateSvgNode(t, r, i) {
+		let { shape: a, icon: o } = t, { width: s, height: c, data: l } = r, u = l.iconBox ?? !1, d = l.borderStyle ?? (u ? "solid" : "none"), f = d === "none", p = Math.min(8, s * .12, c * .12);
+		l.fill && l.fill !== "transparent" && (u || !f) && a.roundRect(0, 0, s, c, p).fill({ color: e(l.fill, "#ffffff") }), !f && l.stroke && l.stroke !== "transparent" && l.strokeWidth > 0 && n(a, {
+			width: s,
+			height: c,
+			fill: "transparent",
+			stroke: e(l.stroke, "#374151"),
+			strokeWidth: l.strokeWidth,
+			borderStyle: d,
+			dashOffset: this._dynamicOffset
+		}, p), i && a.roundRect(0, 0, s, c, p).stroke({
+			color: "#3b82f6",
+			width: Math.max(l.strokeWidth, 2)
+		});
+		let m = e(l.color, "#334155") || "#334155", g = h(l.svgId ?? "", m);
+		if (g) {
+			o.texture = g, o.visible = !0;
+			let e = u ? Math.min(s, c) * .18 : 2, t = Math.max(4, Math.min(s, c) - e * 2);
+			o.width = t, o.height = t, o.position.set(s / 2, c / 2);
+		} else o.visible = !1;
+	}
+	destroy() {
+		this._unsubscribeTextureReady(), this._resync = null;
+		for (let [, e] of this.nodes) e.container.destroy({ children: !0 });
+		this.nodes.clear(), this.nodeLayer.destroy({ children: !0 });
+	}
 };
+//#endregion
+export { S as NodeRenderer };
 
 //# sourceMappingURL=NodeRenderer.js.map