dishui 0.0.57 → 0.0.60

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

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