@leavepulse/ui 0.22.10 → 0.22.11

package/dist/chunks/{LpTopologyCanvas-D_EsMgCg.js → LpTopologyCanvas-BTzQE78D.js}

@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     selectable: { type: Boolean, default: false },
     legend: { type: Boolean, default: true },
     legendPosition: { default: "bottom-left" },
+    edgeType: {},
     legendLabels: {},
     lanes: { default: () => [] },
     minimap: { type: Boolean, default: true },
@@ -105,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           id: e.id,
           source: e.source,
           target: e.target,
-          type: "default",
+          type: props.edgeType ?? "default",
           animated: obs !== "applied" && !e.dimmed,
           label: e.kind,
           labelBgStyle: { fill: "var(--color-surface)" },

package/dist/components/LpTopologyCanvas.vue.d.ts

@@ -90,6 +90,13 @@ type __VLS_Props = {
      * minimap owns the bottom-right.
      */
     legendPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    /**
+     * Edge shape. The default bezier bulges away from the straight line between
+     * its ends, which suits a free-form graph and cuts through everything in a
+     * LAYERED one — a long edge crosses the cards standing between its columns.
+     * `smoothstep` routes orthogonally through the gaps instead.
+     */
+    edgeType?: "default" | "smoothstep" | "step" | "straight";
     /** Rename legend rows to match what this graph's edges actually mean. */
     legendLabels?: Partial<Record<"network" | "structural" | "pending" | "drift", string>>;
     /**

package/dist/components/LpTopologyCanvas.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-D_EsMgCg.js";
+import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-BTzQE78D.js";
 export {
   _sfc_main as default
 };

package/dist/index.js

@@ -64,7 +64,7 @@ import { D, _ as _56, N, T, b, c, d, e, f, g, i, l, h, j, n, r, t, k, m, u, v }
 import { _ as _57 } from "./chunks/LpTilt-DuyKbpkA.js";
 import { _ as _58 } from "./chunks/LpToaster-gDB1EaU3.js";
 import { _ as _59 } from "./chunks/LpTooltip-D1hbjQWG.js";
-import { _ as _60 } from "./chunks/LpTopologyCanvas-D_EsMgCg.js";
+import { _ as _60 } from "./chunks/LpTopologyCanvas-BTzQE78D.js";
 import { _ as _61 } from "./chunks/LpUptimeBar-CB366k0O.js";
 import { deserializeLayout, serializeLayout } from "./layout/tree.js";
 import { addLeaf, addTab, countBlocks, countLeaves, makeLayout, moveLeaf, removeBlock, removeLeaf, reorderTab, resizeAt, setActiveTab } from "./layout/tree.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.22.10",
+  "version": "0.22.11",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpTopologyCanvas.vue

@@ -125,6 +125,13 @@ const props = withDefaults(
      * minimap owns the bottom-right.
      */
     legendPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"
+    /**
+     * Edge shape. The default bezier bulges away from the straight line between
+     * its ends, which suits a free-form graph and cuts through everything in a
+     * LAYERED one — a long edge crosses the cards standing between its columns.
+     * `smoothstep` routes orthogonally through the gaps instead.
+     */
+    edgeType?: "default" | "smoothstep" | "step" | "straight"
     /** Rename legend rows to match what this graph's edges actually mean. */
     legendLabels?: Partial<
       Record<"network" | "structural" | "pending" | "drift", string>
@@ -268,7 +275,7 @@ const flowEdges = computed(() =>
       id: e.id,
       source: e.source,
       target: e.target,
-      type: "default",
+      type: props.edgeType ?? "default",
       animated: obs !== "applied" && !e.dimmed,
       label: e.kind,
       labelBgStyle: { fill: "var(--color-surface)" },