mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-12 15:22:53 +01:00
* chore: Upgrade Docusaurus from v2 to v3 * chore: Update "Test build" GH workflow * fix: build All markdown is processed as MDX * fix: Broken links
5.7 KiB
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##/} |