Update

example/components/examples_list_view/examples_list_view.gui

@@ -106,6 +106,36 @@ nodes {
   inherit_alpha: true
   template: "/example/components/examples_list_view/examples_list_view_item.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "examples_list_view_item/root"
+  parent: "examples_list_view_item"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "examples_list_view_item/panel_highlight"
+  parent: "examples_list_view_item/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "examples_list_view_item/panel_selected"
+  parent: "examples_list_view_item/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "examples_list_view_item/icon"
+  parent: "examples_list_view_item/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "examples_list_view_item/text"
+  parent: "examples_list_view_item/root"
+  template_node_child: true
+}
 layers {
   name: "druid"
 }

example/components/properties_panel/properties_panel.gui

@@ -153,6 +153,60 @@ nodes {
   inherit_alpha: true
   template: "/example/components/properties_panel/properties/property_slider.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "property_slider/root"
+  parent: "property_slider"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "property_slider/text_name"
+  parent: "property_slider/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_slider/E_Anchor"
+  parent: "property_slider/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_slider/button"
+  parent: "property_slider/E_Anchor"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_slider/selected"
+  parent: "property_slider/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "property_slider/text_value"
+  parent: "property_slider/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_slider/slider"
+  parent: "property_slider/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_slider/slider_back"
+  parent: "property_slider/slider"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_slider/slider_pin"
+  parent: "property_slider/slider"
+  template_node_child: true
+}
 nodes {
   position {
     y: -50.0
@@ -163,6 +217,36 @@ nodes {
   inherit_alpha: true
   template: "/example/components/properties_panel/properties/property_checkbox.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "property_checkbox/root"
+  parent: "property_checkbox"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "property_checkbox/text_name"
+  parent: "property_checkbox/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_checkbox/button"
+  parent: "property_checkbox/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_checkbox/icon"
+  parent: "property_checkbox/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_checkbox/selected"
+  parent: "property_checkbox/button"
+  template_node_child: true
+}
 nodes {
   position {
     y: -100.0
@@ -173,6 +257,36 @@ nodes {
   inherit_alpha: true
   template: "/example/components/properties_panel/properties/property_button.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "property_button/root"
+  parent: "property_button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "property_button/text_name"
+  parent: "property_button/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_button/button"
+  parent: "property_button/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "property_button/selected"
+  parent: "property_button/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "property_button/text_button"
+  parent: "property_button/button"
+  template_node_child: true
+}
 nodes {
   position {
     x: -200.0

example/druid.collection

@@ -5,35 +5,6 @@ embedded_instances {
   data: "components {\n"
   "  id: \"druid\"\n"
   "  component: \"/example/druid.gui\"\n"
-  "  position {\n"
-  "    x: 0.0\n"
-  "    y: 0.0\n"
-  "    z: 0.0\n"
-  "  }\n"
-  "  rotation {\n"
-  "    x: 0.0\n"
-  "    y: 0.0\n"
-  "    z: 0.0\n"
-  "    w: 1.0\n"
-  "  }\n"
-  "  property_decls {\n"
-  "  }\n"
   "}\n"
   ""
-  position {
-    x: 0.0
-    y: 0.0
-    z: 0.0
-  }
-  rotation {
-    x: 0.0
-    y: 0.0
-    z: 0.0
-    w: 1.0
-  }
-  scale3 {
-    x: 1.0
-    y: 1.0
-    z: 1.0
-  }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

example/examples/data_list/cache_with_component/cache_with_component.gui

@@ -58,5 +58,23 @@ nodes {
   inherit_alpha: true
   template: "/example/examples/data_list/cache_with_component/button_component.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "button_component/root"
+  parent: "button_component"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "button_component/panel"
+  parent: "button_component/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "button_component/text"
+  parent: "button_component/root"
+  template_node_child: true
+}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT

example/examples/panthera/animation_blend/assets/animation_blend.atlas

@@ -1,46 +1,31 @@
 images {
   image: "/example/examples/panthera/animation_blend/assets/facial_part_eye_open.png"
-  sprite_trim_mode: SPRITE_TRIM_MODE_OFF
 }
 images {
   image: "/example/examples/panthera/animation_blend/assets/facial_part_eyebrow_b.png"
-  sprite_trim_mode: SPRITE_TRIM_MODE_OFF
 }
 images {
   image: "/example/examples/panthera/animation_blend/assets/facial_part_mouth_happy.png"
-  sprite_trim_mode: SPRITE_TRIM_MODE_OFF
 }
 images {
   image: "/example/examples/panthera/animation_blend/assets/facial_part_mouth_smirk.png"
-  sprite_trim_mode: SPRITE_TRIM_MODE_OFF
 }
 images {
   image: "/example/examples/panthera/animation_blend/assets/pink_body_squircle.png"
-  sprite_trim_mode: SPRITE_TRIM_MODE_OFF
 }
 images {
   image: "/example/examples/panthera/animation_blend/assets/pink_hand_closed.png"
-  sprite_trim_mode: SPRITE_TRIM_MODE_OFF
 }
 images {
   image: "/example/examples/panthera/animation_blend/assets/pink_hand_open.png"
-  sprite_trim_mode: SPRITE_TRIM_MODE_OFF
 }
 images {
   image: "/example/examples/panthera/animation_blend/assets/pink_hand_point.png"
-  sprite_trim_mode: SPRITE_TRIM_MODE_OFF
 }
 images {
   image: "/example/examples/panthera/animation_blend/assets/shadow.png"
-  sprite_trim_mode: SPRITE_TRIM_MODE_OFF
 }
 images {
   image: "/example/examples/panthera/animation_blend/assets/facial_part_eye_half_top.png"
-  sprite_trim_mode: SPRITE_TRIM_MODE_OFF
 }
-margin: 0
 extrude_borders: 2
-inner_padding: 0
-max_page_width: 0
-max_page_height: 0
-rename_patterns: ""

example/examples/panthera/basic_animation/basic_animation.gui

@@ -20,5 +20,17 @@ nodes {
   inherit_alpha: true
   template: "/example/templates/button_text_blue.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

example/examples/widgets/hover_hint/hover_hint_example.gui

@@ -33,6 +33,24 @@ nodes {
   inherit_alpha: true
   template: "/example/examples/widgets/hover_hint/hover_hint.gui"
 }
+nodes {
+  type: TYPE_BOX
+  id: "hover_hint/root"
+  parent: "hover_hint"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "hover_hint/panel_hint"
+  parent: "hover_hint/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEXT
+  id: "hover_hint/text_hint"
+  parent: "hover_hint/panel_hint"
+  template_node_child: true
+}
 nodes {
   position {
     y: 100.0

example/examples/windows/window_confirmation/window_confirmation.collection

@@ -5,35 +5,6 @@ embedded_instances {
   data: "components {\n"
   "  id: \"window_confirmation\"\n"
   "  component: \"/example/examples/windows/window_confirmation/window_confirmation.gui\"\n"
-  "  position {\n"
-  "    x: 0.0\n"
-  "    y: 0.0\n"
-  "    z: 0.0\n"
-  "  }\n"
-  "  rotation {\n"
-  "    x: 0.0\n"
-  "    y: 0.0\n"
-  "    z: 0.0\n"
-  "    w: 1.0\n"
-  "  }\n"
-  "  property_decls {\n"
-  "  }\n"
   "}\n"
   ""
-  position {
-    x: 0.0
-    y: 0.0
-    z: 0.0
-  }
-  rotation {
-    x: 0.0
-    y: 0.0
-    z: 0.0
-    w: 1.0
-  }
-  scale3 {
-    x: 1.0
-    y: 1.0
-    z: 1.0
-  }
 }

example/examples/windows/window_info/window_info.collection

@@ -5,35 +5,6 @@ embedded_instances {
   data: "components {\n"
   "  id: \"window_info\"\n"
   "  component: \"/example/examples/windows/window_info/window_info.gui\"\n"
-  "  position {\n"
-  "    x: 0.0\n"
-  "    y: 0.0\n"
-  "    z: 0.0\n"
-  "  }\n"
-  "  rotation {\n"
-  "    x: 0.0\n"
-  "    y: 0.0\n"
-  "    z: 0.0\n"
-  "    w: 1.0\n"
-  "  }\n"
-  "  property_decls {\n"
-  "  }\n"
   "}\n"
   ""
-  position {
-    x: 0.0
-    y: 0.0
-    z: 0.0
-  }
-  rotation {
-    x: 0.0
-    y: 0.0
-    z: 0.0
-    w: 1.0
-  }
-  scale3 {
-    x: 1.0
-    y: 1.0
-    z: 1.0
-  }
 }

example/examples/windows/window_language/window_language.collection

@@ -5,35 +5,6 @@ embedded_instances {
   data: "components {\n"
   "  id: \"window_language\"\n"
   "  component: \"/example/examples/windows/window_language/window_language.gui\"\n"
-  "  position {\n"
-  "    x: 0.0\n"
-  "    y: 0.0\n"
-  "    z: 0.0\n"
-  "  }\n"
-  "  rotation {\n"
-  "    x: 0.0\n"
-  "    y: 0.0\n"
-  "    z: 0.0\n"
-  "    w: 1.0\n"
-  "  }\n"
-  "  property_decls {\n"
-  "  }\n"
   "}\n"
   ""
-  position {
-    x: 0.0
-    y: 0.0
-    z: 0.0
-  }
-  rotation {
-    x: 0.0
-    y: 0.0
-    z: 0.0
-    w: 1.0
-  }
-  scale3 {
-    x: 1.0
-    y: 1.0
-    z: 1.0
-  }
 }

test/test.collection

@@ -5,35 +5,6 @@ embedded_instances {
   data: "components {\n"
   "  id: \"test\"\n"
   "  component: \"/test/test.gui\"\n"
-  "  position {\n"
-  "    x: 0.0\n"
-  "    y: 0.0\n"
-  "    z: 0.0\n"
-  "  }\n"
-  "  rotation {\n"
-  "    x: 0.0\n"
-  "    y: 0.0\n"
-  "    z: 0.0\n"
-  "    w: 1.0\n"
-  "  }\n"
-  "  property_decls {\n"
-  "  }\n"
   "}\n"
   ""
-  position {
-    x: 0.0
-    y: 0.0
-    z: 0.0
-  }
-  rotation {
-    x: 0.0
-    y: 0.0
-    z: 0.0
-    w: 1.0
-  }
-  scale3 {
-    x: 1.0
-    y: 1.0
-    z: 1.0
-  }
 }

test/test.gui

@@ -1,10 +1,3 @@
 script: "/test/test.gui_script"
-background_color {
-  x: 0.0
-  y: 0.0
-  z: 0.0
-  w: 0.0
-}
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT
-max_nodes: 512