Class Core

Hierarchy

Constructors

constructor

Properties

_incremental availableRenderers container displayedNamesManager entityNavigator lifecycle on ontology renderer themesManager widgets widgetsInitialStates

Accessors

buttonsTray diagramId entityNameType exportFileName incremental language renderState renderers selectedEntity theme themeList uiContainer

Methods

centerOnElement centerOnEntity exportToPng exportToRdfGraph exportToSvg filter fit resume selectElement selectEntity setEntityNameType setLanguage setRenderer setTheme showDiagram unfilter unselect zoom zoomIn zoomOut

Constructors

constructor

Properties

Protected _incremental

_incremental: IIncremental

Protected availableRenderers

availableRenderers: RendererStatesEnum[] = ...

container

container: HTMLElement

Protected displayedNamesManager

displayedNamesManager: default = ...

Protected entityNavigator

entityNavigator: default = ...

lifecycle

lifecycle: Lifecycle

on

on: IonEvent = ...

Register a callback for a given event.

Remarks

Check LifecycleEvent and IonEvent for the full list of events/callbacks types

Param

The event for which register a callback.

Param

Function to call when the specified event occurs

Example

reacting to a node selection

 import { LifecycleEvent } from 'grapholscape'

 // ...init grapholscape
 
grapholscape.on(LifecycleEvent.NodeSelection, (selectedNode) => {
 // here you can do whatever you want with selectedNode, like printing its shape
 console.log(selectedNode.shape)
})

ontology

ontology: Ontology

renderer

renderer: Renderer

Protected themesManager

themesManager: default = ...

widgets

widgets: Map<string, HTMLElement>

widgetsInitialStates

widgetsInitialStates: WidgetsConfig

Accessors

buttonsTray

  • get buttonsTray(): undefined | null | Element

  • The container in which the bottom-right buttons are placed. You can use this container to add your own Buttons if you want to.

    Returns undefined | null | Element

diagramId

  • get diagramId(): undefined | number

  • The current diagram's id

    Returns undefined | number

entityNameType

exportFileName

  • get exportFileName(): string

  • Filename for exports. String in the form: "[ontology name]-[diagram name]-v[ontology version]"

    Returns string

incremental

  • get incremental(): IIncremental

  • Returns IIncremental

  • set incremental(incrementalController: IIncremental): void

  • Parameters

    • incrementalController: IIncremental

    Returns void

language

renderState

renderers

selectedEntity

theme

themeList

uiContainer

  • get uiContainer(): null | Element

  • The container in which Grapholscape places the UI components. You can use this container to add new widgets or dialogs if you want to.

    Returns null | Element

Methods

centerOnElement

  • Center the viewport on a single element.

    Remarks

    If you specify a different diagram from the current one, it will be displayed

    Parameters

    • elementId: string

      the element's id (can be a node or an edge)

    • Optional diagramId: number

      the diagram's id (default: the current one)

    • Optional zoom: number

      the level zoom to apply, do not pass it if you don't want zoom to change

    Returns void

centerOnEntity

  • Center viewport on a single entity occurrence given its IRI

    Parameters

    • iri: string

      the iri of the entity to find and center on

    • Optional diagramId: number

      the diagram containing the entity. If not specified, the first entity occurrence in any diagram will be used.

    • Optional zoom: number

      the level of zoom to apply. If not specified, zoom level won't be changed.

    Returns void

exportToPng

exportToRdfGraph

exportToSvg

filter

  • Filter elements on the diagram.

    Remarks

    It will be currently applied only if the user defined callback on the event FilterRequest returns true and if the internal logic allows for the filter to be applied.

    Parameters

    • filter: string | Filter

      the filter to apply, can be an object of type Filter, DefaultFilterKeyEnum or a string representing the unique key of a defined filter

    Returns void

fit

resume

selectElement

  • Select an element in a diagram.

    Remarks

    If you specify a different diagram from the current one, it will be displayed

    Parameters

    • elementId: string

      the element's id (can be a node or an edge)

    • Optional diagramId: number

      the diagram's id (default: the current one)

    Returns void

selectEntity

  • Center viewport on a single entity occurrence and selects it given its IRI

    Parameters

    • iri: string

      the iri of the entity to find and center on

    • Optional diagramId: number

      the diagram containing the entity. If not specified, the first entity occurrence in any diagram will be used.

    • Optional zoom: number

      the level of zoom to apply. If not specified, zoom level won't be changed.

    Returns void

setEntityNameType

setLanguage

  • Change the language used for the labels and comments

    Remarks

    The language must be supported by the ontology or the first available language for a given label/comment wil be used as fallback

    Parameters

    • newLanguage: string

      the language to set Language

    Returns void

setRenderer

  • Change the current renderer (Graphol - Lite - Floaty).

    Remarks

    A RendererState is an implementation for the iRenderState interface that changes the way the Renderer performs the main operations on a Diagram such as rendering it and filtering elements in it. The renderer states included in Grapholscape are: GrapholRendererState, LiteRendererState and FloatyRendererState.

    Example

    // Setting the floaty renderer state
    import { FloatyRendererState } from 'grapholscape'

    grapholscape.setRenderer(new FloatyRendererState())

    Parameters

    • newRenderState: iRenderState

      the renderer state instance to set, if you want to reuse these instances it's totally up to you.

    Returns void

setTheme

showDiagram

unfilter

  • Unfilter elements on the diagram.

    Remarks

    It will be currently deactivated only if the user defined callback on the event FilterRequest returns true and if the internal logic allows for the filter to be deactivated.

    Parameters

    • filter: string | Filter

      the filter to disable, can be an object of type Filter, DefaultFilterKeyEnum or a string representing the unique key of a defined filter

    Returns void

unselect

zoom

zoomIn

zoomOut

Settings

Member Visibility

Theme