@likec4/diagram 1.27.1 → 1.27.2

package/dist/state/diagram-machine.js

@@ -13,7 +13,7 @@ import { lastClickedNode, updateNavigationHistory, mergeXYNodesEdges, updateEdge
 import { hotkeyActorLogic } from './hotkeyActor.js';
 import { DiagramToggledFeaturesPersistence } from './persistence.js';
 import { syncManualLayoutActorLogic } from './syncManualLayoutActor.js';
-import { typedSystem, focusedBounds, findDiagramNode } from './utils.js';
+import { findDiagramNode, typedSystem, focusedBounds } from './utils.js';
 
 const diagramMachine = setup({
   types: {
@@ -251,6 +251,20 @@ const diagramMachine = setup({
           return e;
         })
       };
+    }),
+    "notations.highlight": assign(({ context }, params) => {
+      const kinds = params.kind ? [params.kind] : params.notation.kinds;
+      const xynodes = context.xynodes.map((n) => {
+        const node = findDiagramNode(context, n.id);
+        if (node && node.notation === params.notation.title && node.shape === params.notation.shape && node.color === params.notation.color && kinds.includes(node.kind)) {
+          return Base.setDimmed(n, false);
+        }
+        return Base.setDimmed(n, "immediate");
+      });
+      return {
+        xynodes,
+        xyedges: context.xyedges.map(Base.setDimmed("immediate"))
+      };
     })
   }
 }).createMachine({
@@ -423,8 +437,8 @@ const diagramMachine = setup({
         "open.relationshipDetails": {
           actions: sendTo(({ system }) => typedSystem(system).overlaysActorRef, ({ context, event }) => ({
             type: "open.relationshipDetails",
-            view: context.view,
-            edgeId: event.edgeId
+            viewId: context.view.id,
+            ...event.params
           }))
         },
         "open.source": {
@@ -471,6 +485,18 @@ const diagramMachine = setup({
             params: prop("event")
           }
         },
+        "notations.highlight": {
+          actions: {
+            type: "notations.highlight",
+            params: prop("event")
+          }
+        },
+        "notations.unhighlight": {
+          actions: assign(({ context }) => ({
+            xynodes: context.xynodes.map(Base.setDimmed(false)),
+            xyedges: context.xyedges.map(Base.setDimmed(false))
+          }))
+        },
         "saveManualLayout.*": {
           guard: "not readonly",
           actions: sendTo((c) => c.context.syncLayoutActorRef, ({ event }) => {
@@ -598,6 +624,11 @@ const diagramMachine = setup({
                 lastClickedNode: null
               }),
               target: "idle"
+            },
+            "notations.unhighlight": {
+              actions: assign((s) => ({
+                ...focusNodesEdges(s)
+              }))
             }
           }
         },
@@ -650,6 +681,11 @@ const diagramMachine = setup({
                 enqueue("xyflow:fitFocusedBounds");
               })
             },
+            "notations.unhighlight": {
+              actions: assign((s) => ({
+                ...updateActiveWalkthrough(s)
+              }))
+            },
             "walkthrough.end": {
               target: "idle"
             },

package/dist/state/syncManualLayoutActor.d.ts

@@ -23,7 +23,7 @@ export declare const syncManualLayoutActorLogic: StateMachine<Readonly<Input>, E
 }, {
     type: "same view";
     params: unknown;
-}, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+}, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
     readonly initial: "idle";
     readonly context: ({ input }: {
         spawn: {