@weasel-js/diagram 1.15.1 → 1.15.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-EIHPPOAM.js → chunk-6YQSQXQT.js} +30 -62
- package/dist/chunk-6YQSQXQT.js.map +1 -0
- package/dist/{chunk-UOFQBGJY.js → chunk-7BV2MBED.js} +4 -9
- package/dist/chunk-7BV2MBED.js.map +1 -0
- package/dist/{chunk-UUMLQEMR.js → chunk-FQVZWS24.js} +6 -8
- package/dist/chunk-FQVZWS24.js.map +1 -0
- package/dist/{chunk-EIT4BFDK.js → chunk-LPTNAYER.js} +3 -3
- package/dist/{chunk-EIT4BFDK.js.map → chunk-LPTNAYER.js.map} +1 -1
- package/dist/{chunk-NEX4QKQQ.js → chunk-QGL6QJE4.js} +3 -3
- package/dist/{chunk-NEX4QKQQ.js.map → chunk-QGL6QJE4.js.map} +1 -1
- package/dist/effect-audio.js +7 -11
- package/dist/effect-audio.js.map +1 -1
- package/dist/effect.js +12 -19
- package/dist/effect.js.map +1 -1
- package/dist/index.d.ts +0 -6
- package/dist/index.js +8 -9
- package/dist/index.js.map +1 -1
- package/dist/layout.js +2 -2
- package/package.json +12 -11
- package/dist/chunk-EIHPPOAM.js.map +0 -1
- package/dist/chunk-UOFQBGJY.js.map +0 -1
- package/dist/chunk-UUMLQEMR.js.map +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { createAvoidRouter, placeLabels, edgeHops, DEFAULT_HOP_SIZE, HOPS_DOC_KEY, simplifyStops } from './chunk-
|
|
2
|
-
import { edgeRouter, registerMarkShape, withDiagramRegistry, diagramLabelOf, routesOf, layoutPoses, routeWrites, editEdgeLabelBinding, editEdgeLabelAction, diagramGroupOf, diagramContainerOf, headerBox, buildGraph, LAYOUTS, LABEL_DRAG_AFFORDANCE_KIND, EDIT_EDGE_LABEL_ACTION_ID, labelDragLayer, laneOutlineOf, recordedRows, keyedIndex, boxIndex, boxesMeeting, routerOf, labelScratchOf, ROUTERS, avoid, LABEL_PLACEMENT, editableLabels, titleIdOf, orthogonal, diagramAnchorOf, MIN_LANE_SIZE, EDGE_DERIVE_PATH, titleInFrame, regionSpecs, DIAGRAM_THEME_KEY, diagramThemeOf, endAims, resolveEnd, themeLabelFamily, diagramThemeFrom, themeFont, bodyBox, boxCenter, roleEdgeStyle, DEFAULT_FONT, withColors, roleStyle, GLYPH, themeLabelFont, firstLanes, DEFAULT_LANE_SIZE } from './chunk-
|
|
3
|
-
import { diagramEdgeOf, isPromise, diagramNodeOf, portsOf, portSitesOf, outlinePath, outlineDetail, outlineSolid, samePoints, layoutWritesRoute, plannerPlan, planOf, layered, dataKeyReader, layoutBody, forceRelaxation, center, portOf, labelCenter, labelSpotAt, contentBox, boxForContent, grid, chain, tree, isPinned, layoutOwnsRoute } from './chunk-
|
|
4
|
-
import { bodyPredicate, dragPanContribution, WeaselProvider, useScene, useSelection, useLatest, SceneCanvas, useDepSource, RIGID_POSE_COMPOSITION, registerNodeShape, reconcileSpecs, pagesBounds, pagesLayer, usePoseRun, drawnBoundsScene, pointAlongPath, scenePoseAdapter, drawnAABBOf, composeWorldPose, worldPosesOf, RECT_POSE_DESCRIPTOR, resolveFill, resolveStroke, commandFill, commandStroke, nodeGates, scenePoseFrame, fitViewToBounds, clampView, AUTO_POSE_DESCRIPTOR, composeAffordanceLayer, createResizeAction, createDeleteAction, isTextData, effectivePose, polylineFromPoints, SNAP_ROLES, ActionDisabledReason, commitDeleteToScene, refusalOf, snapMods, documentDepOf, translatePoseViaDescriptor, definesFrame, paintsLayer, viewToTransform, ellipsePath, carriedDescendants, sceneCarrySource, derivedDepOf, localizeWorldPoses, PathBuilder, startCarry, createInsertOp, createSetDataOp, documentPose } from '@weasel-js/core';
|
|
1
|
+
import { createAvoidRouter, placeLabels, edgeHops, DEFAULT_HOP_SIZE, HOPS_DOC_KEY, simplifyStops } from './chunk-FQVZWS24.js';
|
|
2
|
+
import { edgeRouter, registerMarkShape, withDiagramRegistry, diagramLabelOf, routesOf, layoutPoses, routeWrites, editEdgeLabelBinding, editEdgeLabelAction, diagramGroupOf, diagramContainerOf, headerBox, buildGraph, LAYOUTS, LABEL_DRAG_AFFORDANCE_KIND, EDIT_EDGE_LABEL_ACTION_ID, labelDragLayer, laneOutlineOf, recordedRows, keyedIndex, boxIndex, boxesMeeting, routerOf, labelScratchOf, ROUTERS, avoid, LABEL_PLACEMENT, editableLabels, titleIdOf, orthogonal, diagramAnchorOf, MIN_LANE_SIZE, EDGE_DERIVE_PATH, titleInFrame, regionSpecs, DIAGRAM_THEME_KEY, diagramThemeOf, endAims, resolveEnd, themeLabelFamily, diagramThemeFrom, themeFont, bodyBox, boxCenter, roleEdgeStyle, DEFAULT_FONT, withColors, roleStyle, GLYPH, themeLabelFont, firstLanes, DEFAULT_LANE_SIZE } from './chunk-QGL6QJE4.js';
|
|
3
|
+
import { diagramEdgeOf, isPromise, diagramNodeOf, portsOf, portSitesOf, outlinePath, outlineDetail, outlineSolid, samePoints, layoutWritesRoute, plannerPlan, planOf, layered, dataKeyReader, layoutBody, forceRelaxation, center, portOf, labelCenter, labelSpotAt, contentBox, boxForContent, grid, chain, tree, isPinned, layoutOwnsRoute } from './chunk-7BV2MBED.js';
|
|
4
|
+
import { bodyPredicate, dragPanContribution, WeaselProvider, useScene, useSelection, useLatest, SceneCanvas, useDepSource, viewRectToScreen, RIGID_POSE_COMPOSITION, registerNodeShape, reconcileSpecs, pagesBounds, pagesLayer, usePoseRun, drawnBoundsScene, pointAlongPath, scenePoseAdapter, drawnAABBOf, composeWorldPose, worldPosesOf, RECT_POSE_DESCRIPTOR, resolveFill, resolveStroke, commandFill, commandStroke, nodeGates, scenePoseFrame, fitViewToBounds, clampView, viewportWorldRect, AUTO_POSE_DESCRIPTOR, composeAffordanceLayer, createResizeAction, createDeleteAction, isTextData, effectivePose, polylineFromPoints, SNAP_ROLES, ActionDisabledReason, commitDeleteToScene, refusalOf, snapMods, documentDepOf, translatePoseViaDescriptor, definesFrame, paintsLayer, viewToTransform, ellipsePath, carriedDescendants, sceneCarrySource, derivedDepOf, localizeWorldPoses, PathBuilder, startCarry, createInsertOp, createSetDataOp, documentPose } from '@weasel-js/core';
|
|
5
5
|
import { createSettledCache } from '@weasel-js/geom/nd';
|
|
6
6
|
import { AUTO_POSE_DESCRIPTOR as AUTO_POSE_DESCRIPTOR$1, rotatePoint } from '@weasel-js/core/math';
|
|
7
|
-
import { clampRectWithin, placeRect, pathContainsPoint } from '@weasel-js/geom';
|
|
7
|
+
import { unionRects, clampRectWithin, placeRect, lerpPoint, rectContainsPoint, pathContainsPoint, rectContainsPointHalfOpen } from '@weasel-js/geom';
|
|
8
8
|
import { nudgeGap, moveItems, nearestGap, isNoopDrop } from '@weasel-js/ui-logic';
|
|
9
9
|
import { forwardRef, useMemo, useEffect, useState, useRef, useCallback, useImperativeHandle, useLayoutEffect } from 'react';
|
|
10
10
|
import { useLatest as useLatest$1, adoptCssOnce } from '@weasel-js/react';
|
|
@@ -136,8 +136,8 @@ function bodyAt(participants, at, opts = {}) {
|
|
|
136
136
|
if (bounds.width <= 0 || bounds.height <= 0) continue;
|
|
137
137
|
const rotation = geometry.getRotation?.(participant.pose) ?? 0;
|
|
138
138
|
const local = rotation === 0 ? at : rotatePoint(at.x, at.y, bounds.x + bounds.width / 2, bounds.y + bounds.height / 2, -rotation);
|
|
139
|
-
const
|
|
140
|
-
if (
|
|
139
|
+
const inside = trait.outline === void 0 ? local.x >= bounds.x && local.x <= bounds.x + bounds.width && local.y >= bounds.y && local.y <= bounds.y + bounds.height : pathContainsPoint(outlinePath(trait.outline, bounds), local.x, local.y);
|
|
140
|
+
if (inside) hit = { end: { kind: "body", nodeId: node.id, point: { x: at.x, y: at.y } }, participant };
|
|
141
141
|
}
|
|
142
142
|
return hit;
|
|
143
143
|
}
|
|
@@ -352,8 +352,6 @@ function createConnectAction(opts) {
|
|
|
352
352
|
enabled: () => true
|
|
353
353
|
};
|
|
354
354
|
}
|
|
355
|
-
|
|
356
|
-
// src/containers/canDropInto.ts
|
|
357
355
|
function diagramCanDropInto(scene, canReparent) {
|
|
358
356
|
const nodeOf = (id) => scene.get(id);
|
|
359
357
|
const roleOf = (id) => {
|
|
@@ -391,8 +389,7 @@ function diagramDropParentAt(scene, point, role) {
|
|
|
391
389
|
const world = frame === null || compose === void 0 ? pose : compose(frame, pose);
|
|
392
390
|
const trait = diagramContainerOf(node);
|
|
393
391
|
const b = bodyBox(world, trait?.header);
|
|
394
|
-
|
|
395
|
-
if (!inside2) continue;
|
|
392
|
+
if (!rectContainsPointHalfOpen(b, point.x, point.y)) continue;
|
|
396
393
|
if (trait?.role === "container" || trait?.role === "lane") best = id;
|
|
397
394
|
walk(scene.childrenOf(id), world);
|
|
398
395
|
}
|
|
@@ -452,7 +449,6 @@ function slideOthers(scene, slots, carried) {
|
|
|
452
449
|
// src/reorder.ts
|
|
453
450
|
var REORDER_ACTION_ID = "diagram.reorder";
|
|
454
451
|
var END_GAP = 24;
|
|
455
|
-
var inside = (p, b) => p.x >= b.x && p.x <= b.x + b.width && p.y >= b.y && p.y <= b.y + b.height;
|
|
456
452
|
function sequenceSlots(axis, items) {
|
|
457
453
|
const [along2, across, size, depth] = axis === "x" ? ["x", "y", "width", "height"] : ["y", "x", "height", "width"];
|
|
458
454
|
const lo = (b) => b[along2];
|
|
@@ -474,7 +470,7 @@ function sequenceSlots(axis, items) {
|
|
|
474
470
|
return { axis, items, gaps };
|
|
475
471
|
}
|
|
476
472
|
function pickAt(slots, at) {
|
|
477
|
-
const from = slots?.items.findIndex((i) => i.grip !== null &&
|
|
473
|
+
const from = slots?.items.findIndex((i) => i.grip !== null && rectContainsPoint(i.grip ?? i.bounds, at.x, at.y)) ?? -1;
|
|
478
474
|
return from < 0 ? null : { from, item: slots.items[from] };
|
|
479
475
|
}
|
|
480
476
|
function gapAt(held, by) {
|
|
@@ -508,7 +504,7 @@ function createReorderAction(opts) {
|
|
|
508
504
|
const held = { slots, ...picked };
|
|
509
505
|
const { axis } = slots;
|
|
510
506
|
const region2 = opts.region?.(ctx.deps, held.item) ?? null;
|
|
511
|
-
const leaves = (at) => region2 !== null && !
|
|
507
|
+
const leaves = (at) => region2 !== null && !rectContainsPoint(region2, at.x, at.y);
|
|
512
508
|
let by = ctx.world[axis] - start[axis];
|
|
513
509
|
let open = true;
|
|
514
510
|
const verdicts = /* @__PURE__ */ new Map();
|
|
@@ -597,14 +593,6 @@ function worldRectOf(scene, id) {
|
|
|
597
593
|
const live = { ...scenePoseAdapter(scene), getPose: (at) => effectivePose(scene, scene.get(at)) };
|
|
598
594
|
return drawnAABBOf(drawn, id, composeWorldPose(live, id, scene.composition.compose), { includeStroke: false });
|
|
599
595
|
}
|
|
600
|
-
function screenRectOf(rect, view) {
|
|
601
|
-
return {
|
|
602
|
-
x: (rect.x - view.x) * view.scale.x,
|
|
603
|
-
y: (rect.y - view.y) * view.scale.y,
|
|
604
|
-
width: rect.width * view.scale.x,
|
|
605
|
-
height: rect.height * view.scale.y
|
|
606
|
-
};
|
|
607
|
-
}
|
|
608
596
|
var CENTER = "center";
|
|
609
597
|
function place(el, overlay, anchor, view) {
|
|
610
598
|
const size = { width: el.offsetWidth, height: el.offsetHeight };
|
|
@@ -626,7 +614,7 @@ function useOverlayPlacement(canvasRef, scene, overlays) {
|
|
|
626
614
|
const world = worldRectOf(scene, overlay.target);
|
|
627
615
|
el.hidden = world === null;
|
|
628
616
|
if (world === null) continue;
|
|
629
|
-
const rect =
|
|
617
|
+
const rect = viewRectToScreen(view, world);
|
|
630
618
|
const anchor = { ...rect, x: rect.x + surface.offsetLeft, y: rect.y + surface.offsetTop };
|
|
631
619
|
place(el, overlay, anchor, {
|
|
632
620
|
x: surface.offsetLeft,
|
|
@@ -2305,10 +2293,10 @@ function obstaclesOf(specs, world) {
|
|
|
2305
2293
|
if (s.parent == null) continue;
|
|
2306
2294
|
children.set(s.parent, [...children.get(s.parent) ?? [], s.id]);
|
|
2307
2295
|
}
|
|
2308
|
-
const
|
|
2296
|
+
const inside = (id, into) => {
|
|
2309
2297
|
for (const child of children.get(id) ?? []) {
|
|
2310
2298
|
into.add(child);
|
|
2311
|
-
|
|
2299
|
+
inside(child, into);
|
|
2312
2300
|
}
|
|
2313
2301
|
return into;
|
|
2314
2302
|
};
|
|
@@ -2322,7 +2310,7 @@ function obstaclesOf(specs, world) {
|
|
|
2322
2310
|
const header = region2 === null ? null : headerBox(box, region2.header);
|
|
2323
2311
|
if (header !== null) out.push({ id: headerIdOf(node.id), kind: "shape", box: header });
|
|
2324
2312
|
if (region2?.role === "lane") continue;
|
|
2325
|
-
out.push(region2 === null ? { id: node.id, kind: "shape", box } : { id: node.id, kind: "region", box, members:
|
|
2313
|
+
out.push(region2 === null ? { id: node.id, kind: "shape", box } : { id: node.id, kind: "region", box, members: inside(node.id, /* @__PURE__ */ new Set()) });
|
|
2326
2314
|
}
|
|
2327
2315
|
return out;
|
|
2328
2316
|
}
|
|
@@ -2816,19 +2804,18 @@ function usePendingPlan() {
|
|
|
2816
2804
|
useEffect(() => () => pending.drop(), [pending]);
|
|
2817
2805
|
return pending;
|
|
2818
2806
|
}
|
|
2819
|
-
var lerp = (a, b, u) => ({ x: a.x + (b.x - a.x) * u, y: a.y + (b.y - a.y) * u });
|
|
2820
2807
|
function along(points, s) {
|
|
2821
2808
|
if (points.length === 1) return points[0];
|
|
2822
2809
|
const lengths = points.slice(1).map((p, i) => Math.hypot(p.x - points[i].x, p.y - points[i].y));
|
|
2823
2810
|
const total = lengths.reduce((a, b) => a + b, 0);
|
|
2824
2811
|
let left = s * total;
|
|
2825
2812
|
for (const [i, len] of lengths.entries()) {
|
|
2826
|
-
if (left <= len || i === lengths.length - 1) return
|
|
2813
|
+
if (left <= len || i === lengths.length - 1) return lerpPoint(points[i], points[i + 1], len === 0 ? 0 : Math.min(left / len, 1));
|
|
2827
2814
|
left -= len;
|
|
2828
2815
|
}
|
|
2829
2816
|
return points[points.length - 1];
|
|
2830
2817
|
}
|
|
2831
|
-
var straightRun = (count, start, end) => Array.from({ length: count }, (_, k) =>
|
|
2818
|
+
var straightRun = (count, start, end) => Array.from({ length: count }, (_, k) => lerpPoint(start, end, (k + 1) / (count + 1)));
|
|
2832
2819
|
function respread(points, count, start, end) {
|
|
2833
2820
|
if (points.length === count) return [...points];
|
|
2834
2821
|
if (points.length === 0) return straightRun(count, start, end);
|
|
@@ -2889,7 +2876,7 @@ function easedPaths(scene, easings, u, poseOf, geometry = AUTO_POSE_DESCRIPTOR)
|
|
|
2889
2876
|
const [a, b] = deps;
|
|
2890
2877
|
target = u >= 1 || a === void 0 || b === void 0 ? [] : straightRun(from.length, centerOf(a), centerOf(b));
|
|
2891
2878
|
}
|
|
2892
|
-
const waypoints = target.length === 0 && u >= 1 ? [] : from.map((p, k) =>
|
|
2879
|
+
const waypoints = target.length === 0 && u >= 1 ? [] : from.map((p, k) => lerpPoint(p, target[k], u));
|
|
2893
2880
|
const data = node.data;
|
|
2894
2881
|
const diagram = { ...data.diagram, ...ends, waypoints };
|
|
2895
2882
|
const path = node.derivePath({ ...node, data: { ...data, diagram } }, deps);
|
|
@@ -3168,6 +3155,7 @@ var isDiagramBody = (node) => diagramContainerOf(node) === null && diagramGroupO
|
|
|
3168
3155
|
var isBodyOrRegion = (node) => diagramContainerOf(node) !== null || isDiagramBody(node);
|
|
3169
3156
|
|
|
3170
3157
|
// src/sequence/edit.ts
|
|
3158
|
+
var sameList = (a, b) => a === b || a !== null && b !== null && a.fragment === b.fragment && a.section === b.section;
|
|
3171
3159
|
var hasId = (s) => "id" in s;
|
|
3172
3160
|
function stepListOf(steps, parent) {
|
|
3173
3161
|
if (parent === null) return steps;
|
|
@@ -3248,10 +3236,10 @@ function moveStep(data, id, to) {
|
|
|
3248
3236
|
if (from === null || step === null) return data;
|
|
3249
3237
|
if (to.parent !== null && (to.parent.fragment === id || contains(step, to.parent.fragment))) return data;
|
|
3250
3238
|
if (stepListOf(data.steps, to.parent) === null) return data;
|
|
3251
|
-
const
|
|
3252
|
-
if (
|
|
3239
|
+
const within = sameList(from.parent, to.parent);
|
|
3240
|
+
if (within && (to.index === from.index || to.index === from.index + 1)) return data;
|
|
3253
3241
|
const removed = withList(data.steps, from.parent, (list) => list.filter((_, i) => i !== from.index));
|
|
3254
|
-
const index =
|
|
3242
|
+
const index = within && to.index > from.index ? to.index - 1 : to.index;
|
|
3255
3243
|
const steps = withList(removed, to.parent, (list) => [...list.slice(0, index), step, ...list.slice(index)]);
|
|
3256
3244
|
return { ...data, steps };
|
|
3257
3245
|
}
|
|
@@ -3663,17 +3651,6 @@ function walkRows(data, m, cols, top) {
|
|
|
3663
3651
|
}
|
|
3664
3652
|
|
|
3665
3653
|
// src/sequence/layout.ts
|
|
3666
|
-
function unionRect(rects) {
|
|
3667
|
-
if (rects.length === 0) return null;
|
|
3668
|
-
const x = Math.min(...rects.map((r) => r.x));
|
|
3669
|
-
const y = Math.min(...rects.map((r) => r.y));
|
|
3670
|
-
return {
|
|
3671
|
-
x,
|
|
3672
|
-
y,
|
|
3673
|
-
width: Math.max(...rects.map((r) => r.x + r.width)) - x,
|
|
3674
|
-
height: Math.max(...rects.map((r) => r.y + r.height)) - y
|
|
3675
|
-
};
|
|
3676
|
-
}
|
|
3677
3654
|
function sequenceLayout(data, opts = {}) {
|
|
3678
3655
|
const m = seqMeasure(opts.measure, opts.font);
|
|
3679
3656
|
const boxLabelHeight = Math.max(0, ...(data.boxes ?? []).map((b) => (b.label ?? "") === "" ? 0 : m.text(b.label).height + 4));
|
|
@@ -3685,7 +3662,7 @@ function sequenceLayout(data, opts = {}) {
|
|
|
3685
3662
|
const lifelines = rows.lifelines.map((l) => ({ ...l, y1: l.y1 ?? foot, destroyed: l.y1 !== null }));
|
|
3686
3663
|
const boxes = (data.boxes ?? []).flatMap((b) => {
|
|
3687
3664
|
const heads = rows.heads.filter((h) => b.members.includes(h.id)).map((h) => h.box);
|
|
3688
|
-
const around =
|
|
3665
|
+
const around = unionRects(heads);
|
|
3689
3666
|
if (around === null) return [];
|
|
3690
3667
|
const label = (b.label ?? "") === "" ? null : m.text(b.label);
|
|
3691
3668
|
const x = around.x - SEQ.boxPad;
|
|
@@ -3694,7 +3671,7 @@ function sequenceLayout(data, opts = {}) {
|
|
|
3694
3671
|
const box = { x, y, width, height: foot + SEQ.boxPad - y };
|
|
3695
3672
|
return [{ id: b.id, box, ...label ? { label: { x: x + (width - label.width) / 2, y: y + 2, ...label } } : {} }];
|
|
3696
3673
|
});
|
|
3697
|
-
const all =
|
|
3674
|
+
const all = unionRects([
|
|
3698
3675
|
...rows.heads.map((h) => h.box),
|
|
3699
3676
|
...rows.notes.map((n) => n.box),
|
|
3700
3677
|
...rows.fragments.map((f) => f.box),
|
|
@@ -4921,15 +4898,7 @@ function diagramBounds(specs, extra) {
|
|
|
4921
4898
|
for (const p of [...edge?.waypoints ?? [], ...edge?.route ?? []]) boxes.push({ x: p.x, y: p.y, width: 0, height: 0 });
|
|
4922
4899
|
}
|
|
4923
4900
|
if (extra !== void 0) boxes.push(extra);
|
|
4924
|
-
|
|
4925
|
-
const x = Math.min(...boxes.map((b) => b.x));
|
|
4926
|
-
const y = Math.min(...boxes.map((b) => b.y));
|
|
4927
|
-
return {
|
|
4928
|
-
x,
|
|
4929
|
-
y,
|
|
4930
|
-
width: Math.max(...boxes.map((b) => b.x + b.width)) - x,
|
|
4931
|
-
height: Math.max(...boxes.map((b) => b.y + b.height)) - y
|
|
4932
|
-
};
|
|
4901
|
+
return unionRects(boxes);
|
|
4933
4902
|
}
|
|
4934
4903
|
function fitDiagram(specs, size, fit = {}, extra) {
|
|
4935
4904
|
const bounds = diagramBounds(specs, extra);
|
|
@@ -4949,9 +4918,8 @@ function diagramViewBounds(specs, padding, extra) {
|
|
|
4949
4918
|
var IDENTITY = { x: 0, y: 0, scale: { x: 1, y: 1 } };
|
|
4950
4919
|
var sameView = (a, b) => a.x === b.x && a.y === b.y && a.scale.x === b.scale.x && a.scale.y === b.scale.y;
|
|
4951
4920
|
function inView(inner, view, size) {
|
|
4952
|
-
const
|
|
4953
|
-
|
|
4954
|
-
return inner.x >= view.x && inner.y >= view.y && inner.x + inner.width <= x1 && inner.y + inner.height <= y1;
|
|
4921
|
+
const shown = viewportWorldRect(view, size);
|
|
4922
|
+
return inner.x >= shown.x && inner.y >= shown.y && inner.x + inner.width <= shown.x + shown.width && inner.y + inner.height <= shown.y + shown.height;
|
|
4955
4923
|
}
|
|
4956
4924
|
function useDiagramFit(args) {
|
|
4957
4925
|
const { canvasRef, specs, controlled, size, fit, extra } = args;
|
|
@@ -5240,7 +5208,7 @@ function useDiagramApi(apiRef, canvasRef, scene, live, setRun, fitNow) {
|
|
|
5240
5208
|
const world = worldRectOf(scene, id);
|
|
5241
5209
|
const r = canvas?.element?.getBoundingClientRect();
|
|
5242
5210
|
if (canvas == null || world === null || r === void 0) return null;
|
|
5243
|
-
const rect =
|
|
5211
|
+
const rect = viewRectToScreen(canvas.getView(), world);
|
|
5244
5212
|
return { ...rect, x: rect.x + r.left, y: rect.y + r.top };
|
|
5245
5213
|
},
|
|
5246
5214
|
subscribeFrame: (fn) => canvasRef.current?.subscribeFrame(() => fn()) ?? (() => {
|
|
@@ -5248,6 +5216,6 @@ function useDiagramApi(apiRef, canvasRef, scene, live, setRun, fitNow) {
|
|
|
5248
5216
|
}), [canvasRef, live, scene, setRun, fitNow]);
|
|
5249
5217
|
}
|
|
5250
5218
|
|
|
5251
|
-
export { ADD_LANE_ACTION_ID, ANYWHERE, CONNECT_ACTION_ID, CONTAINERS_GROUP, CONTAINER_STENCILS, DEFAULT_EDGE_STROKE, DIAGRAM_ITEM_CARRY, DiagramView, EASED_LAYOUTS, EDGE_END_AFFORDANCE_KIND, EDGE_END_LAYER_ID, EDIT_CONTAINER_TITLE_ACTION_ID, GRAB_EDGE_END_ACTION_ID, GRAB_LABEL_ACTION_ID, GRAB_PORT_ACTION_ID, GRAB_SEQUENCE_ACTION_ID, GRAB_WAYPOINT_ACTION_ID, ITEM_DROP_ACTION_ID, LANE_AFFORDANCE_KIND, LANE_LAYER_ID, LANE_RESIZE_ACTION_ID, MOVE_LABEL_ACTION_ID, PORT_AFFORDANCE_KIND, PORT_LAYER_ID, RECONNECT_ACTION_ID, RELEASE_MEMBERS_ACTION_ID, REMOVE_WAYPOINT_ACTION_ID, REORDER_ACTION_ID, RESET_LABEL_ACTION_ID, RESET_ROUTE_ACTION_ID, ROUTER_LABELS, ROUTE_EDIT_ACTION_ID, SELECT_LABEL_EDGE_ACTION_ID, SELECT_SEQUENCE_PART_ACTION_ID, SEQ, SEQUENCE_AFFORDANCE_KIND, SEQUENCE_DRAG_ACTION_ID, SEQUENCE_LAYER_ID, SEQUENCE_ROLES, SEQ_ARROWS, SEQ_MULTI_SECTION, SET_HOPS_ACTION_ID, SET_ROUTER_ACTION_IDS, STEP_REORDER_ACTION_ID, WAYPOINT_AFFORDANCE_KIND, WAYPOINT_HIT_PX, WAYPOINT_LAYER_ID, addBox, addLane, addParticipant, addSection, avoidSceneInput, bodyAt, commitEdgeToScene, commitLabelToScene, commitLaneResizeToScene, commitReconnectToScene, commitRouteToScene, commitRouterToScene, commitSequence, connectBinding, containerBuild, createAddLaneAction, createConnectAction, createDiagramContribution, createEdgeEndAffordance, createItemDropAction, createLabelDragAction, createLaneAffordance, createLaneResizeAction, createPortAffordance, createReconnectAction, createReleaseMembersAction, createRemoveWaypointAction, createReorderAction, createResetLabelAction, createResetRouteAction, createRouteEditAction, createSequenceDeleteAction, createSequenceDragAction, createSetHopsAction, createSetRouterAction, createSpecHops, createSpecLabelPlacer, createSpecRouter, createStepReorderAction, createWaypointAffordance, defaultCanConnect, diagramCanDropInto, diagramContainers, diagramDropParentAt, diagramEdgeEnds, diagramLabelDrag, diagramLayoutOf, diagramPorts, diagramResizable, diagramSequence, diagramShape, diagramWaypoints, dragItemProps, dragSegment, dragVertex, easedProducer, edgeEndLayer, edgeEndScratchOf, edgePolylines, editContainerTitleAction, editContainerTitleBinding, findStep, foldSequenceText, forceProducer, freshSeqId, grabPortAction, grabPortBindings, groupReorderContribution, groupReorderSlots, headerIdOf, hopDataOps, inOrUnder, insertMark, insertMessage, insertNote, insertStep, insertWaypoint, isBodyEnd, isBodyOrRegion, isDiagramBody, isSequenceText, itemDropContribution, laneLayer, laneResizeFrame, laneScratchOf, lanesOf, moveParticipant, moveStep, movedLabelData, newParticipant, pinSegment, placeOf, placedSequences, poolAxisOf, poolsOf, portLayer, portScratchOf, reconnectBinding, reconnectMessage, redrawSequences, regionHeaderAt, registerDiagramShape, releaseMembers, removeBox, removeMarks, removeMarksOf, removeParticipant, removeSection, removeSegment, removeStep, removeStepAt, removeWaypoint, reorderBinding, reorderContribution, routeHandles, routeStateOf, routedData, routerActions, sceneEdges, sceneParticipants, segmentAxis, selectSequencePartAction, seqIdTaken, sequenceCommitOf, sequenceDeletes, sequenceLayout, sequencePartNodeOf, sequencePartOf, sequenceRootOf, sequenceScratchOf, sequenceSlots, sequenceSpecs, sequenceTextOf, setAutonumber, setFragmentType, setMessageActivation, setMessageArrow, setParticipantOutline, setSequenceText, startItemDrag, startSequence, stepListOf, themeWrites, unpinSegment, unwrapFragment, useLiveLayout, useMirroredSelection, useSequenceTextEdit, waypointLayer, waypointScratchOf, withHopsData, withRouter, worldWith, wrapSteps };
|
|
5252
|
-
//# sourceMappingURL=chunk-
|
|
5253
|
-
//# sourceMappingURL=chunk-
|
|
5219
|
+
export { ADD_LANE_ACTION_ID, ANYWHERE, CONNECT_ACTION_ID, CONTAINERS_GROUP, CONTAINER_STENCILS, DEFAULT_EDGE_STROKE, DIAGRAM_ITEM_CARRY, DiagramView, EASED_LAYOUTS, EDGE_END_AFFORDANCE_KIND, EDGE_END_LAYER_ID, EDIT_CONTAINER_TITLE_ACTION_ID, GRAB_EDGE_END_ACTION_ID, GRAB_LABEL_ACTION_ID, GRAB_PORT_ACTION_ID, GRAB_SEQUENCE_ACTION_ID, GRAB_WAYPOINT_ACTION_ID, ITEM_DROP_ACTION_ID, LANE_AFFORDANCE_KIND, LANE_LAYER_ID, LANE_RESIZE_ACTION_ID, MOVE_LABEL_ACTION_ID, PORT_AFFORDANCE_KIND, PORT_LAYER_ID, RECONNECT_ACTION_ID, RELEASE_MEMBERS_ACTION_ID, REMOVE_WAYPOINT_ACTION_ID, REORDER_ACTION_ID, RESET_LABEL_ACTION_ID, RESET_ROUTE_ACTION_ID, ROUTER_LABELS, ROUTE_EDIT_ACTION_ID, SELECT_LABEL_EDGE_ACTION_ID, SELECT_SEQUENCE_PART_ACTION_ID, SEQ, SEQUENCE_AFFORDANCE_KIND, SEQUENCE_DRAG_ACTION_ID, SEQUENCE_LAYER_ID, SEQUENCE_ROLES, SEQ_ARROWS, SEQ_MULTI_SECTION, SET_HOPS_ACTION_ID, SET_ROUTER_ACTION_IDS, STEP_REORDER_ACTION_ID, WAYPOINT_AFFORDANCE_KIND, WAYPOINT_HIT_PX, WAYPOINT_LAYER_ID, addBox, addLane, addParticipant, addSection, avoidSceneInput, bodyAt, commitEdgeToScene, commitLabelToScene, commitLaneResizeToScene, commitReconnectToScene, commitRouteToScene, commitRouterToScene, commitSequence, connectBinding, containerBuild, createAddLaneAction, createConnectAction, createDiagramContribution, createEdgeEndAffordance, createItemDropAction, createLabelDragAction, createLaneAffordance, createLaneResizeAction, createPortAffordance, createReconnectAction, createReleaseMembersAction, createRemoveWaypointAction, createReorderAction, createResetLabelAction, createResetRouteAction, createRouteEditAction, createSequenceDeleteAction, createSequenceDragAction, createSetHopsAction, createSetRouterAction, createSpecHops, createSpecLabelPlacer, createSpecRouter, createStepReorderAction, createWaypointAffordance, defaultCanConnect, diagramCanDropInto, diagramContainers, diagramDropParentAt, diagramEdgeEnds, diagramLabelDrag, diagramLayoutOf, diagramPorts, diagramResizable, diagramSequence, diagramShape, diagramWaypoints, dragItemProps, dragSegment, dragVertex, easedProducer, edgeEndLayer, edgeEndScratchOf, edgePolylines, editContainerTitleAction, editContainerTitleBinding, findStep, foldSequenceText, forceProducer, freshSeqId, grabPortAction, grabPortBindings, groupReorderContribution, groupReorderSlots, headerIdOf, hopDataOps, inOrUnder, insertMark, insertMessage, insertNote, insertStep, insertWaypoint, isBodyEnd, isBodyOrRegion, isDiagramBody, isSequenceText, itemDropContribution, laneLayer, laneResizeFrame, laneScratchOf, lanesOf, moveParticipant, moveStep, movedLabelData, newParticipant, pinSegment, placeOf, placedSequences, poolAxisOf, poolsOf, portLayer, portScratchOf, reconnectBinding, reconnectMessage, redrawSequences, regionHeaderAt, registerDiagramShape, releaseMembers, removeBox, removeMarks, removeMarksOf, removeParticipant, removeSection, removeSegment, removeStep, removeStepAt, removeWaypoint, reorderBinding, reorderContribution, routeHandles, routeStateOf, routedData, routerActions, sameList, sceneEdges, sceneParticipants, segmentAxis, selectSequencePartAction, seqIdTaken, sequenceCommitOf, sequenceDeletes, sequenceLayout, sequencePartNodeOf, sequencePartOf, sequenceRootOf, sequenceScratchOf, sequenceSlots, sequenceSpecs, sequenceTextOf, setAutonumber, setFragmentType, setMessageActivation, setMessageArrow, setParticipantOutline, setSequenceText, startItemDrag, startSequence, stepListOf, themeWrites, unpinSegment, unwrapFragment, useLiveLayout, useMirroredSelection, useSequenceTextEdit, waypointLayer, waypointScratchOf, withHopsData, withRouter, worldWith, wrapSteps };
|
|
5220
|
+
//# sourceMappingURL=chunk-6YQSQXQT.js.map
|
|
5221
|
+
//# sourceMappingURL=chunk-6YQSQXQT.js.map
|