@likec4/diagram 1.36.1 → 1.38.0

package/dist/overlays/element-details/actor.d.ts

@@ -3,7 +3,7 @@ import { Rect, EdgeMarkerType, HandleType } from '@xyflow/system';
 import { ActorLogicFrom, ActorRefFromLogic, SnapshotFrom, StateMachine, PromiseActorLogic, EventObject, Values, NonReducibleUnknown, MetaObject, ConditionalRequired, InputFrom, RequiredActorOptions, IsNotNever, GetConcreteByKey, AnyActorLogic, RequiredLogicInput, ActorRef, MachineSnapshot, AnyActorRef, StateValue, AnyEventObject, ActionFunction, CancelAction, DoneActorEvent, StopAction } from 'xstate';
 import { Context, Events, XYStoreApi, Input } from '../relationships-browser/actor';
 import { GeneralHelpers, ViewportHelperFunctions, ReactFlowState } from '@xyflow/react';
-import { ReactNode, CSSProperties } from 'react';
+import { ReactNode, CSSProperties, AriaRole, SVGAttributes } from 'react';
 import { Dimmed } from '../../base/types.Base';
 import { NonEmptyArray, RelationId, Color, ViewId, RelationshipLineType, BBox } from '@likec4/core';
 import { LayoutRelationshipsViewResult } from '../relationships-browser/layout';
@@ -63,6 +63,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                 className?: string;
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
+                ariaRole?: AriaRole;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
@@ -117,6 +119,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                 className?: string;
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
+                ariaRole?: AriaRole;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
@@ -214,6 +218,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -259,6 +265,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -309,6 +317,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -354,6 +364,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -411,6 +423,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -456,6 +470,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -490,7 +506,7 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
         }) => {
             subject: Fqn;
             viewId: ViewId | null;
-            scope: "view" | "global";
+            scope: "global" | "view";
             closeable: boolean;
             enableSelectSubject: boolean;
             enableChangeScope: boolean;
@@ -581,6 +597,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -684,6 +702,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -788,6 +808,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -856,6 +878,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -955,6 +979,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -1025,6 +1051,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -1091,6 +1119,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -1151,6 +1181,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -1213,6 +1245,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -1316,6 +1350,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -1360,6 +1396,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -1401,6 +1439,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -1441,6 +1481,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -1481,6 +1523,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -1521,6 +1565,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -1561,6 +1607,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -1602,6 +1650,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -1642,6 +1692,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -1699,6 +1751,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -1804,6 +1858,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -1872,6 +1928,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                     className?: string;
                     reconnectable?: boolean | HandleType;
                     focusable?: boolean;
+                    ariaRole?: AriaRole;
+                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                     type: "relationship";
                     data: {
                         hovered?: boolean;
@@ -1930,6 +1988,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                 className?: string;
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
+                ariaRole?: AriaRole;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
@@ -1984,6 +2044,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                 className?: string;
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
+                ariaRole?: AriaRole;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
@@ -2081,6 +2143,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -2126,6 +2190,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -2176,6 +2242,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -2221,6 +2289,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -2278,6 +2348,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -2323,6 +2395,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -2357,7 +2431,7 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
         }) => {
             subject: Fqn;
             viewId: ViewId | null;
-            scope: "view" | "global";
+            scope: "global" | "view";
             closeable: boolean;
             enableSelectSubject: boolean;
             enableChangeScope: boolean;
@@ -2448,6 +2522,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -2551,6 +2627,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -2655,6 +2733,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -2723,6 +2803,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -2822,6 +2904,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -2892,6 +2976,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -2958,6 +3044,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -3018,6 +3106,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -3080,6 +3170,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -3183,6 +3275,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -3227,6 +3321,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -3268,6 +3364,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -3308,6 +3406,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -3348,6 +3448,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -3388,6 +3490,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -3428,6 +3532,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -3469,6 +3575,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -3509,6 +3617,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -3566,6 +3676,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -3671,6 +3783,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -3739,6 +3853,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                     className?: string;
                     reconnectable?: boolean | HandleType;
                     focusable?: boolean;
+                    ariaRole?: AriaRole;
+                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                     type: "relationship";
                     data: {
                         hovered?: boolean;
@@ -3797,6 +3913,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -3842,6 +3960,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -3891,6 +4011,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -3936,6 +4058,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -4033,6 +4157,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -4078,6 +4204,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -4128,6 +4256,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -4173,6 +4303,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -4230,6 +4362,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -4275,6 +4409,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -4309,7 +4445,7 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                     }) => {
                         subject: Fqn;
                         viewId: ViewId | null;
-                        scope: "view" | "global";
+                        scope: "global" | "view";
                         closeable: boolean;
                         enableSelectSubject: boolean;
                         enableChangeScope: boolean;
@@ -4395,6 +4531,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -4440,6 +4578,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -4534,6 +4674,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -4578,6 +4720,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -4623,6 +4767,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -4722,6 +4868,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -4767,6 +4915,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -4830,6 +4980,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -4875,6 +5027,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -4965,6 +5119,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -5009,6 +5165,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -5054,6 +5212,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -5103,6 +5263,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -5146,6 +5308,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -5189,6 +5353,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -5235,6 +5401,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -5279,6 +5447,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -5324,6 +5494,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -5373,6 +5545,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -5416,6 +5590,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -5465,6 +5641,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -5510,6 +5688,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -5565,6 +5745,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -5610,6 +5792,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -5663,6 +5847,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -5707,6 +5893,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -5752,6 +5940,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -5855,6 +6045,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -5899,6 +6091,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -5940,6 +6134,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -5980,6 +6176,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -6020,6 +6218,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -6060,6 +6260,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -6100,6 +6302,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -6141,6 +6345,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -6181,6 +6387,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -6228,6 +6436,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -6273,6 +6483,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -6318,6 +6530,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -6414,6 +6628,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -6458,6 +6674,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -6503,6 +6721,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -6566,6 +6786,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                 className?: string;
                                 reconnectable?: boolean | HandleType;
                                 focusable?: boolean;
+                                ariaRole?: AriaRole;
+                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                 type: "relationship";
                                 data: {
                                     hovered?: boolean;
@@ -6611,6 +6833,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                 className?: string;
                                 reconnectable?: boolean | HandleType;
                                 focusable?: boolean;
+                                ariaRole?: AriaRole;
+                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                 type: "relationship";
                                 data: {
                                     hovered?: boolean;
@@ -6665,6 +6889,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -6710,6 +6936,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -6759,6 +6987,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -6804,6 +7034,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -6901,6 +7133,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -6946,6 +7180,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -6996,6 +7232,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -7041,6 +7279,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -7098,6 +7338,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -7143,6 +7385,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -7177,7 +7421,7 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                     }) => {
                         subject: Fqn;
                         viewId: ViewId | null;
-                        scope: "view" | "global";
+                        scope: "global" | "view";
                         closeable: boolean;
                         enableSelectSubject: boolean;
                         enableChangeScope: boolean;
@@ -7263,6 +7507,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -7308,6 +7554,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -7402,6 +7650,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -7446,6 +7696,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -7491,6 +7743,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -7590,6 +7844,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -7635,6 +7891,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -7698,6 +7956,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -7743,6 +8003,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -7833,6 +8095,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -7877,6 +8141,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -7922,6 +8188,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -7971,6 +8239,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8014,6 +8284,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8057,6 +8329,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8103,6 +8377,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8147,6 +8423,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -8192,6 +8470,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -8241,6 +8521,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8284,6 +8566,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8333,6 +8617,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -8378,6 +8664,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -8433,6 +8721,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -8478,6 +8768,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -8531,6 +8823,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8575,6 +8869,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -8620,6 +8916,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -8723,6 +9021,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -8767,6 +9067,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8808,6 +9110,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8848,6 +9152,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8888,6 +9194,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8928,6 +9236,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -8968,6 +9278,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -9009,6 +9321,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -9049,6 +9363,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -9096,6 +9412,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -9141,6 +9459,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -9186,6 +9506,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -9282,6 +9604,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -9326,6 +9650,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -9371,6 +9697,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -9434,6 +9762,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                 className?: string;
                                 reconnectable?: boolean | HandleType;
                                 focusable?: boolean;
+                                ariaRole?: AriaRole;
+                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                 type: "relationship";
                                 data: {
                                     hovered?: boolean;
@@ -9479,6 +9809,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                 className?: string;
                                 reconnectable?: boolean | HandleType;
                                 focusable?: boolean;
+                                ariaRole?: AriaRole;
+                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                 type: "relationship";
                                 data: {
                                     hovered?: boolean;
@@ -9540,6 +9872,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -9585,6 +9919,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -9634,6 +9970,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -9679,6 +10017,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -9776,6 +10116,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -9821,6 +10163,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -9871,6 +10215,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -9916,6 +10262,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -9973,6 +10321,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -10018,6 +10368,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -10052,7 +10404,7 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                     }) => {
                         subject: Fqn;
                         viewId: ViewId | null;
-                        scope: "view" | "global";
+                        scope: "global" | "view";
                         closeable: boolean;
                         enableSelectSubject: boolean;
                         enableChangeScope: boolean;
@@ -10138,6 +10490,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -10183,6 +10537,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -10277,6 +10633,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                             className?: string;
                                             reconnectable?: boolean | HandleType;
                                             focusable?: boolean;
+                                            ariaRole?: AriaRole;
+                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                             type: "relationship";
                                             data: {
                                                 hovered?: boolean;
@@ -10321,6 +10679,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -10366,6 +10726,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -10465,6 +10827,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -10510,6 +10874,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -10573,6 +10939,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -10618,6 +10986,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -10708,6 +11078,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -10752,6 +11124,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -10797,6 +11171,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -10846,6 +11222,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -10889,6 +11267,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -10932,6 +11312,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -10978,6 +11360,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11022,6 +11406,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -11067,6 +11453,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -11116,6 +11504,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11159,6 +11549,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11208,6 +11600,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -11253,6 +11647,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -11308,6 +11704,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -11353,6 +11751,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -11406,6 +11806,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11450,6 +11852,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -11495,6 +11899,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -11598,6 +12004,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -11642,6 +12050,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11683,6 +12093,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11723,6 +12135,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11763,6 +12177,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11803,6 +12219,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11843,6 +12261,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11884,6 +12304,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11924,6 +12346,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -11971,6 +12395,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -12016,6 +12442,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -12061,6 +12489,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -12157,6 +12587,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -12201,6 +12633,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -12246,6 +12680,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -12309,6 +12745,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                 className?: string;
                                 reconnectable?: boolean | HandleType;
                                 focusable?: boolean;
+                                ariaRole?: AriaRole;
+                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                 type: "relationship";
                                 data: {
                                     hovered?: boolean;
@@ -12354,6 +12792,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                 className?: string;
                                 reconnectable?: boolean | HandleType;
                                 focusable?: boolean;
+                                ariaRole?: AriaRole;
+                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                 type: "relationship";
                                 data: {
                                     hovered?: boolean;
@@ -12434,6 +12874,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -12488,6 +12930,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             className?: string;
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
+                            ariaRole?: AriaRole;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;
@@ -12585,6 +13029,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -12630,6 +13076,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -12680,6 +13128,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -12725,6 +13175,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -12782,6 +13234,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -12827,6 +13281,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;
@@ -12861,7 +13317,7 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                     }) => {
                         subject: Fqn;
                         viewId: ViewId | null;
-                        scope: "view" | "global";
+                        scope: "global" | "view";
                         closeable: boolean;
                         enableSelectSubject: boolean;
                         enableChangeScope: boolean;
@@ -12952,6 +13408,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -13055,6 +13513,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -13159,6 +13619,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -13227,6 +13689,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -13326,6 +13790,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -13396,6 +13862,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -13462,6 +13930,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -13522,6 +13992,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -13584,6 +14056,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -13687,6 +14161,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -13731,6 +14207,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -13772,6 +14250,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -13812,6 +14292,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -13852,6 +14334,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -13892,6 +14376,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -13932,6 +14418,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -13973,6 +14461,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -14013,6 +14503,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                     className?: string;
                                                     reconnectable?: boolean | HandleType;
                                                     focusable?: boolean;
+                                                    ariaRole?: AriaRole;
+                                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                     type: "relationship";
                                                     data: {
                                                         hovered?: boolean;
@@ -14070,6 +14562,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -14175,6 +14669,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -14243,6 +14739,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                 className?: string;
                                 reconnectable?: boolean | HandleType;
                                 focusable?: boolean;
+                                ariaRole?: AriaRole;
+                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                 type: "relationship";
                                 data: {
                                     hovered?: boolean;
@@ -14309,6 +14807,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -14363,6 +14863,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
+                                    ariaRole?: AriaRole;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -14460,6 +14962,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -14505,6 +15009,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -14555,6 +15061,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -14600,6 +15108,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -14657,6 +15167,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -14702,6 +15214,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                 className?: string;
                                                 reconnectable?: boolean | HandleType;
                                                 focusable?: boolean;
+                                                ariaRole?: AriaRole;
+                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                 type: "relationship";
                                                 data: {
                                                     hovered?: boolean;
@@ -14736,7 +15250,7 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                             }) => {
                                 subject: Fqn;
                                 viewId: ViewId | null;
-                                scope: "view" | "global";
+                                scope: "global" | "view";
                                 closeable: boolean;
                                 enableSelectSubject: boolean;
                                 enableChangeScope: boolean;
@@ -14827,6 +15341,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -14930,6 +15446,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -15034,6 +15552,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -15102,6 +15622,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -15201,6 +15723,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                                 className?: string;
                                                                 reconnectable?: boolean | HandleType;
                                                                 focusable?: boolean;
+                                                                ariaRole?: AriaRole;
+                                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                                 type: "relationship";
                                                                 data: {
                                                                     hovered?: boolean;
@@ -15271,6 +15795,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                                 className?: string;
                                                                 reconnectable?: boolean | HandleType;
                                                                 focusable?: boolean;
+                                                                ariaRole?: AriaRole;
+                                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                                 type: "relationship";
                                                                 data: {
                                                                     hovered?: boolean;
@@ -15337,6 +15863,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                                 className?: string;
                                                                 reconnectable?: boolean | HandleType;
                                                                 focusable?: boolean;
+                                                                ariaRole?: AriaRole;
+                                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                                 type: "relationship";
                                                                 data: {
                                                                     hovered?: boolean;
@@ -15397,6 +15925,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                                 className?: string;
                                                                 reconnectable?: boolean | HandleType;
                                                                 focusable?: boolean;
+                                                                ariaRole?: AriaRole;
+                                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                                 type: "relationship";
                                                                 data: {
                                                                     hovered?: boolean;
@@ -15459,6 +15989,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                                 className?: string;
                                                                 reconnectable?: boolean | HandleType;
                                                                 focusable?: boolean;
+                                                                ariaRole?: AriaRole;
+                                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                                 type: "relationship";
                                                                 data: {
                                                                     hovered?: boolean;
@@ -15562,6 +16094,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                         className?: string;
                                                         reconnectable?: boolean | HandleType;
                                                         focusable?: boolean;
+                                                        ariaRole?: AriaRole;
+                                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                         type: "relationship";
                                                         data: {
                                                             hovered?: boolean;
@@ -15606,6 +16140,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                             className?: string;
                                                             reconnectable?: boolean | HandleType;
                                                             focusable?: boolean;
+                                                            ariaRole?: AriaRole;
+                                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                             type: "relationship";
                                                             data: {
                                                                 hovered?: boolean;
@@ -15647,6 +16183,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                             className?: string;
                                                             reconnectable?: boolean | HandleType;
                                                             focusable?: boolean;
+                                                            ariaRole?: AriaRole;
+                                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                             type: "relationship";
                                                             data: {
                                                                 hovered?: boolean;
@@ -15687,6 +16225,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                             className?: string;
                                                             reconnectable?: boolean | HandleType;
                                                             focusable?: boolean;
+                                                            ariaRole?: AriaRole;
+                                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                             type: "relationship";
                                                             data: {
                                                                 hovered?: boolean;
@@ -15727,6 +16267,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                             className?: string;
                                                             reconnectable?: boolean | HandleType;
                                                             focusable?: boolean;
+                                                            ariaRole?: AriaRole;
+                                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                             type: "relationship";
                                                             data: {
                                                                 hovered?: boolean;
@@ -15767,6 +16309,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                             className?: string;
                                                             reconnectable?: boolean | HandleType;
                                                             focusable?: boolean;
+                                                            ariaRole?: AriaRole;
+                                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                             type: "relationship";
                                                             data: {
                                                                 hovered?: boolean;
@@ -15807,6 +16351,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                             className?: string;
                                                             reconnectable?: boolean | HandleType;
                                                             focusable?: boolean;
+                                                            ariaRole?: AriaRole;
+                                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                             type: "relationship";
                                                             data: {
                                                                 hovered?: boolean;
@@ -15848,6 +16394,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                             className?: string;
                                                             reconnectable?: boolean | HandleType;
                                                             focusable?: boolean;
+                                                            ariaRole?: AriaRole;
+                                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                             type: "relationship";
                                                             data: {
                                                                 hovered?: boolean;
@@ -15888,6 +16436,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                             className?: string;
                                                             reconnectable?: boolean | HandleType;
                                                             focusable?: boolean;
+                                                            ariaRole?: AriaRole;
+                                                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                             type: "relationship";
                                                             data: {
                                                                 hovered?: boolean;
@@ -15945,6 +16495,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                                 className?: string;
                                                                 reconnectable?: boolean | HandleType;
                                                                 focusable?: boolean;
+                                                                ariaRole?: AriaRole;
+                                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                                 type: "relationship";
                                                                 data: {
                                                                     hovered?: boolean;
@@ -16050,6 +16602,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                                                 className?: string;
                                                                 reconnectable?: boolean | HandleType;
                                                                 focusable?: boolean;
+                                                                ariaRole?: AriaRole;
+                                                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                                                 type: "relationship";
                                                                 data: {
                                                                     hovered?: boolean;
@@ -16118,6 +16672,8 @@ export declare const elementDetailsLogic: StateMachine<Context, Events, {
                                         className?: string;
                                         reconnectable?: boolean | HandleType;
                                         focusable?: boolean;
+                                        ariaRole?: AriaRole;
+                                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
                                         type: "relationship";
                                         data: {
                                             hovered?: boolean;