Exclusive node which is currently selected
Is set when the input device is hovered over a node
SVG
Check if cursor is over the SVG element
SVG
SVG
SVG
Root
Add icons imitating checkboxes
Add checkbox before the text element
Event handler for click on a chevron
Event handler for clicking on a node's icon
This is a quick helper function to create custom action icons.
Initializes the tree component - created basic markup, loads and renders data
Adds missing SVG nodes
Displays a notification message and refresh nodes
Expand all nodes and refresh view
Fetch icon from Icon API and store it in this.icons
Returns icon's href attribute value
Returns icon's href attribute value
Returns a SVG path's 'd' attribute value
Returns a 'transform' attribute value for the node background element (absolute positioning)
Computes the tree node-bg class
Returns a 'transform' attribute value for the node background element (absolute positioning)
Finds node by its stateIdentifier (e.g. "0_360")
Return the DOM element of a tree node
Returns a 'transform' attribute value for the tree element (absolute positioning)
Returns an array of selected nodes
Handle exclusive nodes functionality If a node is one of the exclusiveNodesIdentifiers list, all other nodes has to be unselected before selecting this node.
Updates node's data to hide/collapse children
Check whether node can be selected. In some cases (e.g. selecting a parent) it should not be possible to select element (as it's own parent).
Loads tree data (json) from configured url
Filters out invisible nodes (collapsed) from the full dataset (this.rootNode) and enriches dataset with additional properties Visible dataset is stored in this.data
Check if a node has all information to be used. create stateIdentifier if doesn't exist (for category tree)
Refresh view with new data
Adds svg elements for checkbox rendering.
ENTER selection (only new DOM objects)
Delete old tree and create new one
Node selection logic (triggered by different events) to select multiple nodes (unlike SVG Tree itself).
Updates the expanded state of the DOM element that belongs to the node. This is required because the node is not recreated on update and thus the change in the expanded state of the node data is not represented in DOM on hideChildren and showChildren.
Set parameters like node parents, parentsStateIdentifier, checked. Usually called when data is loaded initially or replaced completely.
Updates node's data to show/expand children
Finds and show all parents of node
Make the DOM element given as parameter focusable and focus it
Make the DOM element of the node given as parameter focusable and focus it
Ensure to update the actions column to stick to the very end
Function relays on node.indeterminate state being up to date
Fetches all visible nodes
Generated using TypeDoc
SVG container wrapping all .nodes, .links, .nodes-bg elements