Files
noodl-docs/nodes/shared-props/outputs/_visual-output-properties.md
Eric Tuvesson 656e5fc8d2 chore: Upgrade Docusaurus from v2 to v3 (#52)
* chore: Upgrade Docusaurus from v2 to v3

* chore: Update "Test build" GH workflow

* fix: build

All markdown is processed as MDX

* fix: Broken links
2024-01-12 16:53:22 +01:00

5.7 KiB

Visual Output Properties

Scrolling

Data Description
Scroll Position The current position of scrolling in pixels.
Signal Description
Scroll Start Signal emitted when scrolling starts.
Scroll End Signal emitted when scrolling ends.

Bounding Box

Data Description
Screen Position X {/##output:screenPositionX##/}Where this node is on the screen's X-axis, in px.{/##output##/}
Screen Position Y {/##output:screenPositionY##/}Where this node is on the screen's Y-axis, in px.{/##output##/}
Width {/##output:width##/}Current width of this node.{/##output##/}
Height {/##output:height##/}Current height of this node.{/##output##/}

Mounted

Signal Description
Did Mount {/##output:didMount##/}Signal sent when this node has been mounted, i.e. has become part of the visual tree and is visible.{/##output##/}
Will Unmount {/##output:willUnmount##/}Signal sent when this node is about to be removed from the visual tree and become hidden.{/##output##/}

Pointer Events

Signal Description
Click Triggered when the node is clicked or tapped.
Pointer Down Triggered when the mouse is pressed or finger is down on the node.
Pointer Up Triggered when the mouse is released or finger is lifted on the node.
Pointer Enter Triggered when the mouse enters the node.

Hover Events

Signal Description
Hover Start Triggered when the mouse enters the node.
Hover End Triggered when the mouse leaves the node.

Focus

Signal Description
Focused Triggered when the node, or one if its descendants, is clicked, or if the Focused input is triggered.
Blurred Triggered when this node had focus and another node gained focus. Focus is only lost if the new focused node is not a descendant.

Other

Data Description
Child Index {/##output:childIndex##/}The place this node has in relation to its parent. E.g. if a Group has three children, then the first child will have Child Index 0, the second child will have Child Index 1, and so on.{/##output##/}
This {/##output:this##/}A reference to this node. Used in custom JavaScript nodes and more.{/##output##/}
Children Count {/##output:this##/}Outputs the number of children that this node has (if the node supports children).{/##output##/}