@zukhruf/diagram 0.3.32 → 0.3.33

package/dist/lib/layouts/graph/sides.js

@@ -0,0 +1,91 @@
+export const OPPOSITE = {
+  top: 'bottom',
+  bottom: 'top',
+  left: 'right',
+  right: 'left'
+};
+
+/** The heading of a line that leaves a box through `side`. */
+export const OUTWARD = {
+  right: 0,
+  left: 1,
+  bottom: 2,
+  top: 3
+};
+export function isVertical(side) {
+  return side === 'top' || side === 'bottom';
+}
+
+/**
+ * The sides a connection leaves and enters by, read from the cells: areas
+ * that share rows face left and right, areas that share columns face top
+ * and bottom, and otherwise the axis with the larger cell delta wins, the
+ * vertical one on a tie.
+ */
+export function facingSides(from, to) {
+  const shareRows = Math.max(from.row, to.row) < Math.min(from.row + from.rowSpan, to.row + to.rowSpan);
+  const shareCols = Math.max(from.col, to.col) < Math.min(from.col + from.colSpan, to.col + to.colSpan);
+  const dr = to.row + to.rowSpan / 2 - (from.row + from.rowSpan / 2);
+  const dc = to.col + to.colSpan / 2 - (from.col + from.colSpan / 2);
+  const horizontal = shareRows !== shareCols ? shareRows : Math.abs(dc) > Math.abs(dr);
+  if (horizontal) return dc > 0 ? ['right', 'left'] : ['left', 'right'];
+  return dr >= 0 ? ['bottom', 'top'] : ['top', 'bottom'];
+}
+
+/** The coordinate of the side's line: x for left and right, y for top and bottom. */
+export function sideLine(box, side) {
+  switch (side) {
+    case 'top':
+      return box.y;
+    case 'bottom':
+      return box.y + box.h;
+    case 'left':
+      return box.x;
+    case 'right':
+      return box.x + box.w;
+  }
+}
+
+/** Where the side runs along its line: [start, end] in x for top and bottom, in y for left and right. */
+export function sideSpan(box, side) {
+  return isVertical(side) ? [box.x, box.x + box.w] : [box.y, box.y + box.h];
+}
+
+/** The point on `side` of `box` at `along` on the side's span. */
+export function pointOnSide(box, side, along) {
+  const line = sideLine(box, side);
+  return isVertical(side) ? {
+    x: along,
+    y: line
+  } : {
+    x: line,
+    y: along
+  };
+}
+
+/** The point `distance` beyond `point` out of `side`. */
+export function beyond(point, side, distance) {
+  switch (side) {
+    case 'top':
+      return {
+        x: point.x,
+        y: point.y - distance
+      };
+    case 'bottom':
+      return {
+        x: point.x,
+        y: point.y + distance
+      };
+    case 'left':
+      return {
+        x: point.x - distance,
+        y: point.y
+      };
+    case 'right':
+      return {
+        x: point.x + distance,
+        y: point.y
+      };
+  }
+}
+//# sourceMappingURL=sides.js.map

package/dist/lib/layouts/graph/sides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sides.js","names":["OPPOSITE","top","bottom","left","right","OUTWARD","isVertical","side","facingSides","from","to","shareRows","Math","max","row","min","rowSpan","shareCols","col","colSpan","dr","dc","horizontal","abs","sideLine","box","y","h","x","w","sideSpan","pointOnSide","along","line","beyond","point","distance"],"sources":["../../../../src/lib/layouts/graph/sides.ts"],"sourcesContent":["import type { Box, DiagramSide, Point } from '../../model/diagram-ir.ts';\nimport type { CellArea } from './areas.ts';\nimport type { Heading } from './route-search.ts';\n\nexport const OPPOSITE: Record<DiagramSide, DiagramSide> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n};\n\n/** The heading of a line that leaves a box through `side`. */\nexport const OUTWARD: Record<DiagramSide, Heading> = {\n  right: 0,\n  left: 1,\n  bottom: 2,\n  top: 3,\n};\n\nexport function isVertical(side: DiagramSide): boolean {\n  return side === 'top' || side === 'bottom';\n}\n\n/**\n * The sides a connection leaves and enters by, read from the cells: areas\n * that share rows face left and right, areas that share columns face top\n * and bottom, and otherwise the axis with the larger cell delta wins, the\n * vertical one on a tie.\n */\nexport function facingSides(\n  from: CellArea,\n  to: CellArea,\n): [DiagramSide, DiagramSide] {\n  const shareRows =\n    Math.max(from.row, to.row) <\n    Math.min(from.row + from.rowSpan, to.row + to.rowSpan);\n  const shareCols =\n    Math.max(from.col, to.col) <\n    Math.min(from.col + from.colSpan, to.col + to.colSpan);\n  const dr = to.row + to.rowSpan / 2 - (from.row + from.rowSpan / 2);\n  const dc = to.col + to.colSpan / 2 - (from.col + from.colSpan / 2);\n  const horizontal =\n    shareRows !== shareCols ? shareRows : Math.abs(dc) > Math.abs(dr);\n  if (horizontal) return dc > 0 ? ['right', 'left'] : ['left', 'right'];\n  return dr >= 0 ? ['bottom', 'top'] : ['top', 'bottom'];\n}\n\n/** The coordinate of the side's line: x for left and right, y for top and bottom. */\nexport function sideLine(box: Box, side: DiagramSide): number {\n  switch (side) {\n    case 'top':\n      return box.y;\n    case 'bottom':\n      return box.y + box.h;\n    case 'left':\n      return box.x;\n    case 'right':\n      return box.x + box.w;\n  }\n}\n\n/** Where the side runs along its line: [start, end] in x for top and bottom, in y for left and right. */\nexport function sideSpan(box: Box, side: DiagramSide): [number, number] {\n  return isVertical(side) ? [box.x, box.x + box.w] : [box.y, box.y + box.h];\n}\n\n/** The point on `side` of `box` at `along` on the side's span. */\nexport function pointOnSide(box: Box, side: DiagramSide, along: number): Point {\n  const line = sideLine(box, side);\n  return isVertical(side) ? { x: along, y: line } : { x: line, y: along };\n}\n\n/** The point `distance` beyond `point` out of `side`. */\nexport function beyond(\n  point: Point,\n  side: DiagramSide,\n  distance: number,\n): Point {\n  switch (side) {\n    case 'top':\n      return { x: point.x, y: point.y - distance };\n    case 'bottom':\n      return { x: point.x, y: point.y + distance };\n    case 'left':\n      return { x: point.x - distance, y: point.y };\n    case 'right':\n      return { x: point.x + distance, y: point.y };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zukhruf/diagram",
-  "version": "0.3.32",
+  "version": "0.3.33",
   "description": "Architecture and sequence diagrams as React components: declare nodes, edges, lanes and signals, and render them as SVG, HTML or canvas.",
   "license": "MIT",
   "repository": {