durbok/noodl-docs
1
0
Fork 0
mirror of https://github.com/noodlapp/noodl-docs.git synced 2026-01-11 14:52:54 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: Upgrade Docusaurus from v2 to v3 (#52)

Browse Source 
* chore: Upgrade Docusaurus from v2 to v3

* chore: Update "Test build" GH workflow

* fix: build

All markdown is processed as MDX

* fix: Broken links
This commit is contained in:
Eric Tuvesson
2024-01-12 16:53:22 +01:00
committed by GitHub
parent 65b0cf0417
commit 656e5fc8d2
156 changed files with 4854 additions and 10445 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nodes/shared-props/inputs/_enabled.md
View File

@@ -1,3 +1,3 @@
| Data | Description |
| ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Enabled</span> | <##input:enabled##>Specifies if the control is **Enabled** (`true`) or **Disabled** (`false`). A disabled control will not respond to any user interaction.<##input##> |
| <span className="ndl-data">Enabled</span> | {/*##input:enabled##*/}Specifies if the control is **Enabled** (`true`) or **Disabled** (`false`). A disabled control will not respond to any user interaction.{/*##input##*/} |

2
nodes/shared-props/inputs/_visual-input-properties.md
View File

@@ -365,5 +365,5 @@ The Dimension Constraints Gadget allows you to clamp the values of the [Dimensio
| Data | Description |
| ------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Tag</span> | The tag used when this node renders in the app. Only available on the **Group** and **Text** nodes. |
| <span className="ndl-data">CSS Class</span> | <##input:cssClass##>Specify a CSS class this node will have.<##input##> |
| <span className="ndl-data">CSS Class</span> | {/*##input:cssClass##*/}Specify a CSS class this node will have.{/*##input##*/} |
| <span className="ndl-data">CSS Style</span> | Use this property to specify your custom CSS. |

12
nodes/shared-props/outputs/_control-events.md
View File

@@ -1,9 +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##> |
| <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##*/} |

8
nodes/shared-props/outputs/_control-states.md
View File

@@ -1,6 +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##> |
| <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##*/} |

18
nodes/shared-props/outputs/_visual-output-properties.md
View File

@@ -15,17 +15,17 @@
| 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##> |
| <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##> |
| <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
@@ -54,6 +54,6 @@
| 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##> |
| <span className="ndl-data">Children Count</span> | <##output:this##>Outputs the number of children that this node has (if the node supports children).<##output##> |
| <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##*/} |
| <span className="ndl-data">Children Count</span> | {/*##output:this##*/}Outputs the number of children that this node has (if the node supports children).{/*##output##*/} |