A component that provides a miniview.

Properties

activeTracking?: boolean

Whether or not to move miniview elements at the same time as their related surface element is being dragged. Defaults to true.

clickToCenter?: boolean

Defaults to true, meaning a click on a node/group in the miniview will cause that node/group to be centered in the related surface.

elementFilter?: ((obj) => boolean)

Optional filter to determine whether or not include a given vertex in the miniview

Type declaration

    • (obj): boolean
    • Parameters

      • obj: Node | Group

      Returns boolean

runInsideAngular: boolean = false

Set this to false if you do not want the Miniview to set itself up inside a runOutsideAngular call. We do not recommend this. When the Miniview setup is run inside Angular all of the event bindings from the surface's pan/zoom/drag handlers are piped through Angular, causing change detection events, which can result in a performance hit. We've only added this in case there is an unforeseen backwards compatibility issue in someone's app, but all of our testing of this change suggests that is unlikely.

surfaceId: string

ID of the surface to attach the miniview to. Required.

typeFunction?: ((obj) => string)

Optional function to determine a type for each vertex, which is then written as an attribute onto the DOM element representing the vertex in the miniview.

Type declaration

    • (obj): string
    • Parameters

      • obj: Node | Group

      Returns string

Version :