@leavepulse/ui 0.22.6 → 0.22.7

package/dist/chunks/{LpTopologyCanvas-BsJWyacK.js → LpTopologyCanvas-DNmL56pJ.js}

@@ -1,4 +1,4 @@
-import { defineComponent, markRaw, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, markRaw, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, normalizeClass, createElementVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { Background } from "@vue-flow/background";
 import { Controls } from "@vue-flow/controls";
 import { MarkerType, useVueFlow, VueFlow, SelectionMode, Panel } from "@vue-flow/core";
@@ -23,7 +23,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     selectable: { type: Boolean, default: false },
     legend: { type: Boolean, default: true },
     legendPosition: { default: "bottom-left" },
-    lanes: { default: () => [] }
+    lanes: { default: () => [] },
+    minimap: { type: Boolean, default: true },
+    controls: { type: Boolean, default: true }
   },
   emits: ["connect", "node-select", "node-contextmenu", "edge-contextmenu", "pane-click", "selection-change", "update:nodes", "node-drag-stop", "viewport-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -196,15 +198,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             size: 1.4,
             "pattern-color": "var(--color-line-strong)"
           }),
-          createVNode(unref(MiniMap), {
+          __props.minimap ? (openBlock(), createBlock(unref(MiniMap), {
+            key: 0,
             pannable: "",
             zoomable: "",
             "node-color": "var(--color-surface-soft)",
             "mask-color": "rgba(0,0,0,0.55)"
-          }),
-          createVNode(unref(Controls)),
+          })) : createCommentVNode("", true),
+          __props.controls ? (openBlock(), createBlock(unref(Controls), { key: 1 })) : createCommentVNode("", true),
           __props.legend ? (openBlock(), createBlock(unref(Panel), {
-            key: 0,
+            key: 2,
             position: __props.legendPosition,
             class: normalizeClass(legendOffset.value)
           }, {

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

@@ -95,6 +95,13 @@ type __VLS_Props = {
      * Non-interactive; pan/zoom with the graph. Empty = no lanes.
      */
     lanes?: TopologyLane[];
+    /**
+     * Minimap and zoom controls. On by default — a full-page map needs both —
+     * but a graph embedded at a few hundred pixels has nothing to navigate, and
+     * the overlays then cover a real share of the picture.
+     */
+    minimap?: boolean;
+    controls?: boolean;
 };
 declare function applyViewport(v: CanvasViewport): Promise<void>;
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
@@ -158,10 +165,12 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
     }) => any) | undefined;
 }>, {
     legend: boolean;
+    controls: boolean;
     connectable: boolean;
     selectable: boolean;
     legendPosition: "top-left" | "top-right" | "bottom-left" | "bottom-right";
     lanes: TopologyLane[];
+    minimap: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/LpTopologyCanvas.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-BsJWyacK.js";
+import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-DNmL56pJ.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-BsJWyacK.js";
+import { _ as _60 } from "./chunks/LpTopologyCanvas-DNmL56pJ.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.6",
+  "version": "0.22.7",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpTopologyCanvas.vue

@@ -130,6 +130,13 @@ const props = withDefaults(
      * Non-interactive; pan/zoom with the graph. Empty = no lanes.
      */
     lanes?: TopologyLane[]
+    /**
+     * Minimap and zoom controls. On by default — a full-page map needs both —
+     * but a graph embedded at a few hundred pixels has nothing to navigate, and
+     * the overlays then cover a real share of the picture.
+     */
+    minimap?: boolean
+    controls?: boolean
   }>(),
   {
     connectable: false,
@@ -137,6 +144,8 @@ const props = withDefaults(
     legend: true,
     legendPosition: "bottom-left",
     lanes: () => [],
+    minimap: true,
+    controls: true,
   },
 )
 
@@ -361,8 +370,14 @@ defineExpose({ fitView, setViewport: applyViewport })
     class="lp-topology"
   >
     <Background :gap="22" :size="1.4" pattern-color="var(--color-line-strong)" />
-    <MiniMap pannable zoomable node-color="var(--color-surface-soft)" mask-color="rgba(0,0,0,0.55)" />
-    <Controls />
+    <MiniMap
+      v-if="minimap"
+      pannable
+      zoomable
+      node-color="var(--color-surface-soft)"
+      mask-color="rgba(0,0,0,0.55)"
+    />
+    <Controls v-if="controls" />
 
     <!-- Edge-type legend: makes the colour/dash encoding self-explanatory. -->
     <Panel v-if="legend" :position="legendPosition" :class="legendOffset">