Update

2025-09-27 10:02:19 +02:00 · 2025-03-26 22:59:27 +02:00
parent 65234ec8d2
commit 91f2d593d2
27 changed files with 744 additions and 167 deletions
--- a/example/examples/basic/blocker/basic_blocker.gui
+++ b/example/examples/basic/blocker/basic_blocker.gui
@@ -56,6 +56,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button/root"
+  parent: "button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button/text"
+  parent: "button/root"
+  template_node_child: true
+}
 nodes {
  position {
    x: -246.0
--- a/example/examples/basic/button/basic_button.gui
+++ b/example/examples/basic/button/basic_button.gui
@@ -16,5 +16,17 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button/root"
+  parent: "button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button/text"
+  parent: "button/root"
+  template_node_child: true
+}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT
--- a/example/examples/basic/button/basic_button_double_click.gui
+++ b/example/examples/basic/button/basic_button_double_click.gui
@@ -16,5 +16,17 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button/root"
+  parent: "button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button/text"
+  parent: "button/root"
+  template_node_child: true
+}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT
--- a/example/examples/basic/checkbox_group/checkbox_group.gui
+++ b/example/examples/basic/checkbox_group/checkbox_group.gui
@@ -27,6 +27,30 @@ nodes {
  inherit_alpha: true
  template: "/example/examples/basic/checkbox/checkbox.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/root"
+  parent: "checkbox_1"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/button"
+  parent: "checkbox_1/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/icon"
+  parent: "checkbox_1/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/selected"
+  parent: "checkbox_1/button"
+  template_node_child: true
+}
 nodes {
  type: TYPE_TEMPLATE
  id: "checkbox_2"
@@ -34,6 +58,30 @@ nodes {
  inherit_alpha: true
  template: "/example/examples/basic/checkbox/checkbox.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/root"
+  parent: "checkbox_2"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/button"
+  parent: "checkbox_2/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/icon"
+  parent: "checkbox_2/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/selected"
+  parent: "checkbox_2/button"
+  template_node_child: true
+}
 nodes {
  position {
    x: 100.0
@@ -44,5 +92,29 @@ nodes {
  inherit_alpha: true
  template: "/example/examples/basic/checkbox/checkbox.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/root"
+  parent: "checkbox_3"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/button"
+  parent: "checkbox_3/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/icon"
+  parent: "checkbox_3/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/selected"
+  parent: "checkbox_3/button"
+  template_node_child: true
+}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT
--- a/example/examples/basic/drag/drag.gui
+++ b/example/examples/basic/drag/drag.gui
@@ -19,5 +19,17 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_blue.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "drag/root"
+  parent: "drag"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "drag/text"
+  parent: "drag/root"
+  template_node_child: true
+}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT
--- a/example/examples/basic/drag/drag_to_node.gui
+++ b/example/examples/basic/drag/drag_to_node.gui
@@ -23,6 +23,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_blue.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "drag/root"
+  parent: "drag"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "drag/text"
+  parent: "drag/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: 300.0
--- a/example/examples/basic/hover/hover.gui
+++ b/example/examples/basic/hover/hover.gui
@@ -22,6 +22,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button_mouse_hover/root"
+  parent: "button_mouse_hover"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button_mouse_hover/text"
+  parent: "button_mouse_hover/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -100.0
@@ -32,5 +44,17 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button_mobile_hover/root"
+  parent: "button_mobile_hover"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button_mobile_hover/text"
+  parent: "button_mobile_hover/root"
+  template_node_child: true
+}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT
--- a/example/examples/basic/input/basic_input.gui
+++ b/example/examples/basic/input/basic_input.gui
@@ -15,6 +15,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/input.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "input/root"
+  parent: "input"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "input/text"
+  parent: "input/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -150.0
@@ -25,5 +37,17 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/input.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "input_2/root"
+  parent: "input_2"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "input_2/text"
+  parent: "input_2/root"
+  template_node_child: true
+}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT
--- a/example/examples/basic/input/input_password.gui
+++ b/example/examples/basic/input/input_password.gui
@@ -15,5 +15,17 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/input.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "input/root"
+  parent: "input"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "input/text"
+  parent: "input/root"
+  template_node_child: true
+}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT
--- a/example/examples/basic/input/rich_input.gui
+++ b/example/examples/basic/input/rich_input.gui
@@ -19,6 +19,42 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/rich_input.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "rich_input/root"
+  parent: "rich_input"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "rich_input/button"
+  parent: "rich_input/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "rich_input/placeholder_text"
+  parent: "rich_input/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "rich_input/input_text"
+  parent: "rich_input/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "rich_input/cursor_node"
+  parent: "rich_input/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "rich_input/cursor_text"
+  parent: "rich_input/cursor_node"
+  template_node_child: true
+}
 nodes {
  position {
    y: -150.0
@@ -29,5 +65,41 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/rich_input.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "rich_input_2/root"
+  parent: "rich_input_2"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "rich_input_2/button"
+  parent: "rich_input_2/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "rich_input_2/placeholder_text"
+  parent: "rich_input_2/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "rich_input_2/input_text"
+  parent: "rich_input_2/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "rich_input_2/cursor_node"
+  parent: "rich_input_2/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "rich_input_2/cursor_text"
+  parent: "rich_input_2/cursor_node"
+  template_node_child: true
+}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT
--- a/example/examples/basic/radio_group/radio_group.gui
+++ b/example/examples/basic/radio_group/radio_group.gui
@@ -27,6 +27,30 @@ nodes {
  inherit_alpha: true
  template: "/example/examples/basic/checkbox/checkbox.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/root"
+  parent: "checkbox_1"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/button"
+  parent: "checkbox_1/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/icon"
+  parent: "checkbox_1/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/selected"
+  parent: "checkbox_1/button"
+  template_node_child: true
+}
 nodes {
  type: TYPE_TEMPLATE
  id: "checkbox_2"
@@ -34,6 +58,30 @@ nodes {
  inherit_alpha: true
  template: "/example/examples/basic/checkbox/checkbox.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/root"
+  parent: "checkbox_2"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/button"
+  parent: "checkbox_2/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/icon"
+  parent: "checkbox_2/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/selected"
+  parent: "checkbox_2/button"
+  template_node_child: true
+}
 nodes {
  position {
    x: 100.0
@@ -44,5 +92,29 @@ nodes {
  inherit_alpha: true
  template: "/example/examples/basic/checkbox/checkbox.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/root"
+  parent: "checkbox_3"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/button"
+  parent: "checkbox_3/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/icon"
+  parent: "checkbox_3/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/selected"
+  parent: "checkbox_3/button"
+  template_node_child: true
+}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT
--- a/example/examples/basic/scroll/scroll.gui
+++ b/example/examples/basic/scroll/scroll.gui
@@ -76,6 +76,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button_tutorial/root"
+  parent: "button_tutorial"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button_tutorial/text"
+  parent: "button_tutorial/root"
+  template_node_child: true
+}
 nodes {
  position {
    x: -185.0
@@ -288,6 +300,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button_stencil/root"
+  parent: "button_stencil"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button_stencil/text"
+  parent: "button_stencil/root"
+  template_node_child: true
+}
 nodes {
  position {
    x: -185.0
--- a/example/examples/basic/scroll_slider/scroll_slider.gui
+++ b/example/examples/basic/scroll_slider/scroll_slider.gui
@@ -76,6 +76,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button1/root"
+  parent: "button1"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button1/text"
+  parent: "button1/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -300.0
@@ -86,6 +98,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button2/root"
+  parent: "button2"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button2/text"
+  parent: "button2/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -500.0
@@ -96,6 +120,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button3/root"
+  parent: "button3"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button3/text"
+  parent: "button3/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -700.0
@@ -106,6 +142,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button4/root"
+  parent: "button4"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button4/text"
+  parent: "button4/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -900.0
@@ -116,6 +164,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button5/root"
+  parent: "button5"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button5/text"
+  parent: "button5/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -1100.0
@@ -126,6 +186,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button6/root"
+  parent: "button6"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button6/text"
+  parent: "button6/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -1300.0
@@ -136,6 +208,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button7/root"
+  parent: "button7"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button7/text"
+  parent: "button7/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -1500.0
@@ -146,6 +230,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button8/root"
+  parent: "button8"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button8/text"
+  parent: "button8/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -1700.0
@@ -156,6 +252,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button9/root"
+  parent: "button9"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button9/text"
+  parent: "button9/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -1900.0
@@ -166,6 +274,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button10/root"
+  parent: "button10"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button10/text"
+  parent: "button10/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -2100.0
@@ -176,6 +296,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button11/root"
+  parent: "button11"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button11/text"
+  parent: "button11/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -2300.0
@@ -186,6 +318,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button12/root"
+  parent: "button12"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button12/text"
+  parent: "button12/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: -2500.0
@@ -196,6 +340,18 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/button_text_green.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button13/root"
+  parent: "button13"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button13/text"
+  parent: "button13/root"
+  template_node_child: true
+}
 nodes {
  position {
    x: 200.0
--- a/example/examples/basic/slider/basic_slider.gui
+++ b/example/examples/basic/slider/basic_slider.gui
@@ -34,6 +34,24 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/slider.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "slider/root"
+  parent: "slider"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "slider/slider_back"
+  parent: "slider/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "slider/slider_pin"
+  parent: "slider/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: 50.0
--- a/example/examples/basic/slider/basic_slider_stepped.gui
+++ b/example/examples/basic/slider/basic_slider_stepped.gui
@@ -34,6 +34,24 @@ nodes {
  inherit_alpha: true
  template: "/example/templates/slider.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "slider/root"
+  parent: "slider"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "slider/slider_back"
+  parent: "slider/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "slider/slider_pin"
+  parent: "slider/root"
+  template_node_child: true
+}
 nodes {
  position {
    y: 50.0