test.tscn

[gd_scene load_steps=9 format=3 uid="uid://du5echtph80p6"]

[ext_resource type="Theme" uid="uid://bbh6g07vhk03i" path="res://test_theme.tres" id="1_fkuva"]
[ext_resource type="Script" path="res://addons/expand_click_area/expand_click_area.gd" id="2_a1aod"]

[sub_resource type="ButtonGroup" id="ButtonGroup_y1uht"]

[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_e3o5n"]
content_margin_left = 12.0
content_margin_top = 12.0
content_margin_right = 12.0
content_margin_bottom = 12.0
bg_color = Color(0.91664, 0.91664, 0.91664, 1)
border_width_top = 12
border_width_bottom = 12
border_color = Color(0.858824, 0.305882, 0.952941, 1)
corner_radius_top_left = 11
corner_radius_top_right = 11
corner_radius_bottom_right = 11
corner_radius_bottom_left = 11

[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_8r1di"]
content_margin_left = 12.0
content_margin_top = 12.0
content_margin_right = 12.0
content_margin_bottom = 12.0
bg_color = Color(0.91664, 0.91664, 0.91664, 1)
border_width_top = 12
border_width_bottom = 12
border_color = Color(0.823529, 0.231373, 0.34902, 1)
corner_radius_top_left = 11
corner_radius_top_right = 11
corner_radius_bottom_right = 11
corner_radius_bottom_left = 11

[sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_fdrjr"]

[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_pwy5h"]
content_margin_left = 12.0
content_margin_top = 2.0
content_margin_right = 2.0
content_margin_bottom = 2.0
bg_color = Color(0.91664, 0.91664, 0.91664, 1)
border_color = Color(0.858824, 0.305882, 0.952941, 1)
corner_radius_top_left = 11
corner_radius_top_right = 11
corner_radius_bottom_right = 11
corner_radius_bottom_left = 11

[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_t1mnc"]
content_margin_left = 12.0
content_margin_top = 2.0
content_margin_right = 2.0
content_margin_bottom = 2.0
bg_color = Color(0.91664, 0.91664, 0.91664, 1)
border_width_top = 12
border_width_bottom = 12
border_color = Color(0.440155, 0.666466, 0.357474, 1)
corner_radius_top_left = 11
corner_radius_top_right = 11
corner_radius_bottom_right = 11
corner_radius_bottom_left = 11

[node name="Test" type="Control"]
layout_mode = 3
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
grow_horizontal = 2
grow_vertical = 2
metadata/_edit_lock_ = true

[node name="Button" type="Button" parent="."]
layout_mode = 0
offset_left = 113.0
offset_top = 90.0
offset_right = 246.0
offset_bottom = 129.0
theme = ExtResource("1_fkuva")
text = "test"

[node name="ExpandClickArea" type="ReferenceRect" parent="Button"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -20.0
offset_top = -15.0
offset_right = 20.0
offset_bottom = 20.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
editor_only = false
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="Button3" type="Button" parent="."]
layout_mode = 0
offset_left = 113.0
offset_top = 183.0
offset_right = 246.0
offset_bottom = 222.0
theme = ExtResource("1_fkuva")
text = "test"

[node name="ExpandClickArea" type="ReferenceRect" parent="Button3"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -2.0
offset_top = -2.0
offset_right = 2.0
offset_bottom = 25.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
editor_only = false
script = ExtResource("2_a1aod")
click_area_left = 2
click_area_top = 2
click_area_right = 2
click_area_bottom = 25
metadata/_edit_lock_ = true

[node name="Button2" type="Button" parent="."]
layout_mode = 0
offset_left = 113.0
offset_top = 18.0
offset_right = 246.0
offset_bottom = 57.0
text = "test"

[node name="VBoxContainer" type="VBoxContainer" parent="."]
layout_mode = 0
offset_left = 366.0
offset_top = 42.0
offset_right = 512.0
offset_bottom = 247.0
metadata/_edit_group_ = true

[node name="Button" type="Button" parent="VBoxContainer"]
layout_mode = 2
theme = ExtResource("1_fkuva")
text = "over1"

[node name="ExpandClickArea" type="ReferenceRect" parent="VBoxContainer/Button"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -20.0
offset_top = -15.0
offset_right = 20.0
offset_bottom = 20.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
editor_only = false
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="Button2" type="Button" parent="VBoxContainer"]
layout_mode = 2
theme = ExtResource("1_fkuva")
text = "over2"

[node name="ExpandClickArea" type="ReferenceRect" parent="VBoxContainer/Button2"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -20.0
offset_top = -15.0
offset_right = 20.0
offset_bottom = 20.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
editor_only = false
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="Button3" type="Button" parent="VBoxContainer"]
layout_mode = 2
theme = ExtResource("1_fkuva")
text = "over3"

[node name="ExpandClickArea" type="ReferenceRect" parent="VBoxContainer/Button3"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -20.0
offset_top = -15.0
offset_right = 20.0
offset_bottom = 20.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
editor_only = false
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="VBoxContainer2" type="VBoxContainer" parent="."]
layout_mode = 0
offset_left = 637.0
offset_top = 41.0
offset_right = 783.0
offset_bottom = 246.0
theme_override_constants/separation = 40

[node name="Button" type="Button" parent="VBoxContainer2"]
layout_mode = 2
theme = ExtResource("1_fkuva")
toggle_mode = true
button_group = SubResource("ButtonGroup_y1uht")
text = "over1"

[node name="ExpandClickArea" type="ReferenceRect" parent="VBoxContainer2/Button"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -20.0
offset_top = -15.0
offset_right = 20.0
offset_bottom = 20.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="Button2" type="Button" parent="VBoxContainer2"]
layout_mode = 2
theme = ExtResource("1_fkuva")
toggle_mode = true
button_pressed = true
button_group = SubResource("ButtonGroup_y1uht")
text = "over2"

[node name="ExpandClickArea" type="ReferenceRect" parent="VBoxContainer2/Button2"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -20.0
offset_top = -15.0
offset_right = 20.0
offset_bottom = 20.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="Button3" type="Button" parent="VBoxContainer2"]
layout_mode = 2
theme = ExtResource("1_fkuva")
toggle_mode = true
button_group = SubResource("ButtonGroup_y1uht")
text = "over3"

[node name="ExpandClickArea" type="ReferenceRect" parent="VBoxContainer2/Button3"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -20.0
offset_top = -15.0
offset_right = 20.0
offset_bottom = 20.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="OptionButton" type="OptionButton" parent="."]
layout_mode = 0
offset_left = 912.0
offset_top = 37.0
offset_right = 1058.0
offset_bottom = 68.0
theme = ExtResource("1_fkuva")
item_count = 3
popup/item_0/text = "test1"
popup/item_1/text = "opt2"
popup/item_1/id = 1
popup/item_2/text = "test3"
popup/item_2/id = 2

[node name="ExpandClickArea" type="ReferenceRect" parent="OptionButton"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -20.0
offset_top = -15.0
offset_right = 20.0
offset_bottom = 2.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="CheckBox" type="CheckBox" parent="."]
layout_mode = 0
offset_left = 78.0
offset_top = 389.0
offset_right = 151.0
offset_bottom = 420.0
theme = ExtResource("1_fkuva")
theme_type_variation = &"CheckExtra"
text = "check"

[node name="ExpandClickArea" type="ReferenceRect" parent="CheckBox"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -20.0
offset_top = -15.0
offset_right = 20.0
offset_bottom = 20.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="LinkButton" type="LinkButton" parent="."]
layout_mode = 0
offset_left = 35.0
offset_top = 533.0
offset_right = 198.0
offset_bottom = 573.0
text = "this is a link. click me"

[node name="LinkButton2" type="LinkButton" parent="."]
layout_mode = 0
offset_left = 220.0
offset_top = 533.0
offset_right = 418.0
offset_bottom = 573.0
theme = ExtResource("1_fkuva")
text = "this is also a link. click me"

[node name="ExpandClickArea" type="ReferenceRect" parent="LinkButton2"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -10.0
offset_top = -12.0
offset_right = 10.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
mouse_default_cursor_shape = 2
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="Label" type="Label" parent="."]
layout_mode = 0
offset_left = 356.0
offset_top = 175.0
offset_right = 526.0
offset_bottom = 302.0
text = "Dont overlap like this. User would not click on the button they expect.
Just used for testing"
autowrap_mode = 3

[node name="Label2" type="Label" parent="."]
layout_mode = 0
offset_left = 498.0
offset_top = 361.0
offset_right = 733.0
offset_bottom = 500.0
text = "Top has no extra click area so very small area to click on
Second bar has click area set to be +10 for a total of 44x44"
autowrap_mode = 3

[node name="Label5" type="Label" parent="."]
layout_mode = 0
offset_left = 58.0
offset_top = 258.0
offset_right = 319.0
offset_bottom = 323.0
text = "Button above uses the overrides on the expand node"
autowrap_mode = 3

[node name="Label4" type="Label" parent="."]
layout_mode = 0
offset_left = 185.0
offset_top = 365.0
offset_right = 420.0
offset_bottom = 466.0
text = "This check box has no click area added to its constants so it uses the one set on the button type"
autowrap_mode = 3

[node name="Label3" type="Label" parent="."]
layout_mode = 0
offset_left = 495.0
offset_top = 516.0
offset_right = 731.0
offset_bottom = 655.0
text = "It's possible to set up this bar with a 44x44 button without expand click area node too"
autowrap_mode = 3

[node name="PanelContainer" type="PanelContainer" parent="."]
layout_mode = 0
offset_left = 766.0
offset_top = 415.0
offset_right = 1104.0
offset_bottom = 463.0
theme_override_styles/panel = SubResource("StyleBoxFlat_e3o5n")

[node name="HBoxContainer" type="HBoxContainer" parent="PanelContainer"]
layout_mode = 2

[node name="Label" type="Label" parent="PanelContainer/HBoxContainer"]
layout_mode = 2
size_flags_horizontal = 3
theme_override_colors/font_color = Color(0, 0, 0, 1)
text = "this is a title"

[node name="Button" type="Button" parent="PanelContainer/HBoxContainer"]
custom_minimum_size = Vector2(24, 0)
layout_mode = 2
theme = ExtResource("1_fkuva")
theme_type_variation = &"TestB"
theme_override_colors/font_color = Color(0, 0, 0, 1)
text = "X"

[node name="ExpandClickArea" type="ReferenceRect" parent="PanelContainer/HBoxContainer/Button"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -10.0
offset_top = -10.0
offset_right = 10.0
offset_bottom = 10.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true

[node name="PanelContainer2" type="PanelContainer" parent="."]
layout_mode = 0
offset_left = 766.0
offset_top = 354.0
offset_right = 1104.0
offset_bottom = 402.0
theme_override_styles/panel = SubResource("StyleBoxFlat_8r1di")

[node name="HBoxContainer" type="HBoxContainer" parent="PanelContainer2"]
layout_mode = 2

[node name="Label" type="Label" parent="PanelContainer2/HBoxContainer"]
layout_mode = 2
size_flags_horizontal = 3
theme_override_colors/font_color = Color(0, 0, 0, 1)
text = "this is a title"

[node name="Button" type="Button" parent="PanelContainer2/HBoxContainer"]
custom_minimum_size = Vector2(24, 0)
layout_mode = 2
theme_override_colors/font_color = Color(0, 0, 0, 1)
theme_override_styles/normal = SubResource("StyleBoxEmpty_fdrjr")
text = "X"

[node name="PanelContainer3" type="PanelContainer" parent="."]
visible = false
layout_mode = 0
offset_left = 766.0
offset_top = 524.0
offset_right = 1104.0
offset_bottom = 572.0
theme_override_styles/panel = SubResource("StyleBoxFlat_pwy5h")

[node name="HBoxContainer" type="HBoxContainer" parent="PanelContainer3"]
layout_mode = 2

[node name="Label" type="Label" parent="PanelContainer3/HBoxContainer"]
layout_mode = 2
size_flags_horizontal = 3
theme_override_colors/font_color = Color(0, 0, 0, 1)
text = "this is a title"

[node name="Button" type="Button" parent="PanelContainer3/HBoxContainer"]
custom_minimum_size = Vector2(44, 44)
layout_mode = 2
theme_override_colors/font_color = Color(0, 0, 0, 1)
theme_override_styles/normal = SubResource("StyleBoxEmpty_fdrjr")
text = "X"

[node name="PanelContainer4" type="PanelContainer" parent="."]
layout_mode = 0
offset_left = 766.0
offset_top = 521.0
offset_right = 1104.0
offset_bottom = 569.0
theme_override_styles/panel = SubResource("StyleBoxFlat_t1mnc")

[node name="HBoxContainer" type="HBoxContainer" parent="PanelContainer4"]
layout_mode = 2

[node name="Label" type="Label" parent="PanelContainer4/HBoxContainer"]
layout_mode = 2
size_flags_horizontal = 3
theme_override_colors/font_color = Color(0, 0, 0, 1)
text = "this is a title"

[node name="Button" type="Button" parent="PanelContainer4/HBoxContainer"]
custom_minimum_size = Vector2(44, 44)
layout_mode = 2
theme_override_colors/font_color = Color(0, 0, 0, 1)
theme_override_styles/normal = SubResource("StyleBoxEmpty_fdrjr")
text = "X"

[node name="Panel" type="Panel" parent="."]
visible = false
layout_mode = 0
offset_left = 908.0
offset_top = 109.0
offset_right = 1018.0
offset_bottom = 224.0
theme = ExtResource("1_fkuva")

[node name="Button" type="Button" parent="Panel"]
layout_mode = 0
offset_right = 8.0
offset_bottom = 8.0
text = "layer1
"

[node name="VBoxContainer" type="VBoxContainer" parent="Panel/Button"]
layout_mode = 0
offset_left = 28.0
offset_right = 89.0
offset_bottom = 68.0

[node name="Button" type="Button" parent="Panel/Button/VBoxContainer"]
layout_mode = 2
text = "layer2"

[node name="ExpandClickArea" type="ReferenceRect" parent="Panel/Button/VBoxContainer/Button"]
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
offset_left = -20.0
offset_top = -15.0
offset_right = 20.0
offset_bottom = 20.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 1
script = ExtResource("2_a1aod")
metadata/_edit_lock_ = true