@ngroznykh/papirus 0.3.14 → 0.3.15

package/README.md

@@ -160,7 +160,7 @@ await svgExporter.download('diagram.svg');
 import { GridOverlay, MiniMap } from '@ngroznykh/papirus';
 
 renderer.use(new GridOverlay({ gridSize: 20 }));
-renderer.use(new MiniMap({ width: 180, height: 120, padding: 12 }));
+renderer.use(new MiniMap({ width: 180, height: 120, padding: 12, contentMargin: 200 }));
 ```
 
 Also available: `RulersOverlay`, `GuidesOverlay`, `AutoLayout`, `AutoRouting`, `alignNodes`, `distributeNodes`.

package/README.ru.md

@@ -161,7 +161,7 @@ await svgExporter.download('diagram.svg');
 import { GridOverlay, MiniMap } from '@ngroznykh/papirus';
 
 renderer.use(new GridOverlay({ gridSize: 20 }));
-renderer.use(new MiniMap({ width: 180, height: 120, padding: 12 }));
+renderer.use(new MiniMap({ width: 180, height: 120, padding: 12, contentMargin: 200 }));
 ```
 
 Доступны также `RulersOverlay`, `GuidesOverlay`, `AutoLayout`, `AutoRouting`, `alignNodes`, `distributeNodes`.

package/dist/core/overlays/MiniMap.d.ts

@@ -5,6 +5,8 @@ export interface MiniMapOptions {
     width?: number;
     height?: number;
     padding?: number;
+    /** Отступ (в мировых координатах) вокруг контента — расширяет область, в пределах которой можно перемещать view. По умолчанию 0. */
+    contentMargin?: number;
     backgroundColor?: string;
     borderColor?: string;
     viewportColor?: string;

package/dist/core/overlays/MiniMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MiniMap.d.ts","sourceRoot":"","sources":["../../../src/core/overlays/MiniMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIzE,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;AAEtF,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAeD,UAAU,kBAAkB;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,qBAAa,OAAQ,YAAW,aAAa;IAC3C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;IACnD,OAAO,CAAC,aAAa,CAA6B;gBAEtC,OAAO,GAAE,cAAmB;IAaxC,OAAO,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI;IAiExC,OAAO,IAAI,IAAI;IAKf,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAIlC,gBAAgB,CACd,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,GACd,kBAAkB,GAAG,IAAI;IA4B5B,iBAAiB,CACf,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,GACf,OAAO;IA0CV,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,aAAa;CA2EtB"}
+{"version":3,"file":"MiniMap.d.ts","sourceRoot":"","sources":["../../../src/core/overlays/MiniMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIzE,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;AAEtF,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oIAAoI;IACpI,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAeD,UAAU,kBAAkB;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,qBAAa,OAAQ,YAAW,aAAa;IAC3C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;IACnD,OAAO,CAAC,aAAa,CAA6B;gBAEtC,OAAO,GAAE,cAAmB;IAcxC,OAAO,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI;IAiExC,OAAO,IAAI,IAAI;IAKf,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAIlC,gBAAgB,CACd,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,GACd,kBAAkB,GAAG,IAAI;IA4B5B,iBAAiB,CACf,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,GACf,OAAO;IA0CV,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,aAAa;CAyFtB"}

package/dist/papirus.js

@@ -10937,6 +10937,7 @@ class MiniMap {
       width: options.width ?? 180,
       height: options.height ?? 120,
       padding: options.padding ?? 12,
+      contentMargin: options.contentMargin ?? 0,
       backgroundColor: options.backgroundColor ?? "rgba(24, 24, 27, 0.5)",
       borderColor: options.borderColor ?? "#52525b",
       viewportColor: options.viewportColor ?? "#22c55e",
@@ -11075,14 +11076,27 @@ class MiniMap {
     if (!rawBounds) {
       return null;
     }
+    const margin = this.options.contentMargin;
+    const expandedContentBounds = {
+      x: rawBounds.x - margin,
+      y: rawBounds.y - margin,
+      width: rawBounds.width + 2 * margin,
+      height: rawBounds.height + 2 * margin
+    };
     const { width, height, padding, anchor } = this.options;
     const x = anchor === "bottom-left" || anchor === "top-left" ? padding : renderer.width - width - padding;
     const y = anchor === "top-left" || anchor === "top-right" ? padding : renderer.height - height - padding;
     const viewportBounds = this.getViewportBounds(renderer);
-    const unionMinX = Math.min(rawBounds.x, viewportBounds.x);
-    const unionMinY = Math.min(rawBounds.y, viewportBounds.y);
-    const unionMaxX = Math.max(rawBounds.x + rawBounds.width, viewportBounds.x + viewportBounds.width);
-    const unionMaxY = Math.max(rawBounds.y + rawBounds.height, viewportBounds.y + viewportBounds.height);
+    const unionMinX = Math.min(expandedContentBounds.x, viewportBounds.x);
+    const unionMinY = Math.min(expandedContentBounds.y, viewportBounds.y);
+    const unionMaxX = Math.max(
+      expandedContentBounds.x + expandedContentBounds.width,
+      viewportBounds.x + viewportBounds.width
+    );
+    const unionMaxY = Math.max(
+      expandedContentBounds.y + expandedContentBounds.height,
+      viewportBounds.y + viewportBounds.height
+    );
     const bounds = {
       x: unionMinX,
       y: unionMinY,