ComponentStructure

Pioneer Tree is a collection of components, of which, pioneer-tree is the top level parent. Below is a representation of how this collection of components is related.

pioneer-tree                        => Root of tree
  pioneer-tree-node                 => Individual node in collection
    pioneer-tree-collapse           => Adds node collapse feature
    pioneer-tree-handle             => Adds drag and drop functionality
    pioneer-tree-repeater           => Adds ability to dynamically build tree

Following is a description of component functionality.

pioneer-tree

Selectors

• pioneer-tree
• pt

@Input()

nodes

A collection of objects used to represent a tree.

configuration

Pioneer tree is configurable through the configuration input object. For more information, please visit the configuration wiki page.

pioneer-tree-node

Selectors

• pioneer-tree-node
• pt-node

@Input()

node

An individual object that represents a node in the tree. This object is an index of the nodes @Input() located on the pioneer-tree and pioneer-tree-repeater components.

nodeTemplate

Template the represents the UI of a given node.

repeaterTemplate

Template the represents the markup to produce x-number of nodes.

pioneer-tree-collapse

Selectors

• pioneer-tree-collapse
• pt-collapse

@Input()

node

An individual object that represents a node in the tree. This object is an index of the nodes @Input() located on the pioneer-tree and pioneer-tree-repeater components

pioneer-tree-handle

Selectors

• pioneer-tree-handle
• pt-handle

@Input()

node

An individual object that represents a node in the tree. This object is an index of the nodes @Input() located on the pioneer-tree and pioneer-tree-repeater components

pioneer-tree-repeater

Selectors

• pioneer-tree-repeater
• pt-repeater

nodes

A collection of objects used to represent a path on your root tree. This collection will be a property on the index of your parent node collection located in your pioneer-tree component.