mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-11 23:02:54 +01:00
Initial commit
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com> Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com> Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com> Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
This commit is contained in:
Eric Tuvesson
9
nodes/shared-props/outputs/_control-events.md
Normal file
9
nodes/shared-props/outputs/_control-events.md
Normal file
@@ -0,0 +1,9 @@
|
||||
| Signal | Description |
|
||||
| ------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------- |
|
||||
| <span className="ndl-signal">Changed</span> | A signal is sent on this output when the value of the control is changed by user interaction. |
|
||||
| <span className="ndl-signal">Focused</span> | <##output:onFocus##>A signal is sent on this output when the control is focused.<##output##> |
|
||||
| <span className="ndl-signal">Blurred</span> | <##output:onBlur##>A signal is sent on this output when the control is blurred, i.e. it has lost the input focus.<##output##> |
|
||||
| <span className="ndl-signal">Pointer Down</span> | <##output:pointerDown##>Emitted when the mouse is pressed or finger is down on the node.<##output##> |
|
||||
| <span className="ndl-signal">Pointer Up</span> | <##output:pointerUp##>Emitted when the mouse is released or finger is lifted on the node.<##output##> |
|
||||
| <span className="ndl-signal">Hover Start</span> | <##output:hoverStart##>Emitted when the mouse enters the node.<##output##> |
|
||||
| <span className="ndl-signal">Hover End</span> | <##output:hoverEnd##>Emitted when the mouse leaves the node.<##output##> |
|
||||
6
nodes/shared-props/outputs/_control-states.md
Normal file
6
nodes/shared-props/outputs/_control-states.md
Normal file
@@ -0,0 +1,6 @@
|
||||
| Data | Description |
|
||||
| ----------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| <span className="ndl-data">Enabled</span> | <##output:enabled##>A boolean output that is true if the control is in **Enabled** state and false if it is **Disabled**. This is useful when using this control as a base for your own component that will represent visually that it is enabled or disabled.<##output##> |
|
||||
| <span className="ndl-data">Focused</span> | <##output:focusState##>This is a boolean type output that will be true if the control is in **Focused** state, and false otherwise. This is useful when using this control as a base for your own component that will represent visually that it is focused. This can be due to the user selecting the control for input or by using the keyboard.<##output##> |
|
||||
| <span className="ndl-data">Hover</span> | <##output:hoverState##>A boolean type output that is true when the user hovers over this control with the mouse and false otherwise. This is useful when using this control as a base for your own component that will represent visually that it is hovered.<##output##> |
|
||||
| <span className="ndl-data">Pressed</span> | <##output:pressedState##>A boolean output that is true when the user is currently pressing the control. This is useful when using this control as a base for your own component that will represent visually that it is pressed.<##output##> |
|
||||
58
nodes/shared-props/outputs/_visual-output-properties.md
Normal file
58
nodes/shared-props/outputs/_visual-output-properties.md
Normal file
@@ -0,0 +1,58 @@
|
||||
# Visual Output Properties
|
||||
|
||||
## Scrolling
|
||||
|
||||
| Data | Description |
|
||||
| ------------------------------------------------- | -------------------------------------------- |
|
||||
| <span className="ndl-data">Scroll Position</span> | The current position of scrolling in pixels. |
|
||||
|
||||
| Signal | Description |
|
||||
| ------------------------------------------------ | ------------------------------------- |
|
||||
| <span className="ndl-signal">Scroll Start</span> | Signal emitted when scrolling starts. |
|
||||
| <span className="ndl-signal">Scroll End</span> | Signal emitted when scrolling ends. |
|
||||
|
||||
## Bounding Box
|
||||
|
||||
| Data | Description |
|
||||
| --------------------------------------------------- | ------------------------------------------------------------------------------------------- |
|
||||
| <span className="ndl-data">Screen Position X</span> | <##output:screenPositionX##>Where this node is on the screen's X-axis, in `px`.<##output##> |
|
||||
| <span className="ndl-data">Screen Position Y</span> | <##output:screenPositionY##>Where this node is on the screen's Y-axis, in `px`.<##output##> |
|
||||
| <span className="ndl-data">Width</span> | <##output:width##>Current width of this node.<##output##> |
|
||||
| <span className="ndl-data">Height</span> | <##output:height##>Current height of this node.<##output##> |
|
||||
|
||||
## Mounted
|
||||
|
||||
| Signal | Description |
|
||||
| ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| <span className="ndl-signal">Did Mount</span> | <##output:didMount##>Signal sent when this node has been mounted, i.e. has become part of the visual tree and is visible.<##output##> |
|
||||
| <span className="ndl-signal">Will Unmount</span> | <##output:willUnmount##>Signal sent when this node is about to be removed from the visual tree and become hidden.<##output##> |
|
||||
|
||||
## Pointer Events
|
||||
|
||||
| Signal | Description |
|
||||
| ------------------------------------------------- | --------------------------------------------------------------------- |
|
||||
| <span className="ndl-signal">Click</span> | Triggered when the node is clicked or tapped. |
|
||||
| <span className="ndl-signal">Pointer Down</span> | Triggered when the mouse is pressed or finger is down on the node. |
|
||||
| <span className="ndl-signal">Pointer Up</span> | Triggered when the mouse is released or finger is lifted on the node. |
|
||||
| <span className="ndl-signal">Pointer Enter</span> | Triggered when the mouse enters the node. |
|
||||
|
||||
## Hover Events
|
||||
|
||||
| Signal | Description |
|
||||
| ----------------------------------------------- | ----------------------------------------- |
|
||||
| <span className="ndl-signal">Hover Start</span> | Triggered when the mouse enters the node. |
|
||||
| <span className="ndl-signal">Hover End</span> | Triggered when the mouse leaves the node. |
|
||||
|
||||
## Focus
|
||||
|
||||
| Signal | Description |
|
||||
| ------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| <span className="ndl-signal">Focused</span> | Triggered when the node, or one if its descendants, is clicked, or if the _Focused_ input is triggered. |
|
||||
| <span className="ndl-signal">Blurred</span> | 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 |
|
||||
| --------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| <span className="ndl-data">Child Index</span> | <##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##> |
|
||||
| <span className="ndl-data">This</span> | <##output:this##>A reference to this node. Used in custom **JavaScript** nodes and more.<##output##> |
|
||||
10
nodes/shared-props/outputs/visual-output-properties.md
Normal file
10
nodes/shared-props/outputs/visual-output-properties.md
Normal file
@@ -0,0 +1,10 @@
|
||||
---
|
||||
hide_title: true
|
||||
title: Visual Output Properties
|
||||
---
|
||||
|
||||
<div className="ndl-table-35-65">
|
||||
|
||||
@include "./_visual-output-properties.md"
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user