{
  "namespace": "edu_common",

  "light_label": {
    "type": "label",
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "color": "$generic_button_text_color",
    "layer": 1
  },

  "dark_label": {
    "type": "label",
    "color": "$title_text_color",
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "layer": 1
  },

  "readable_label": {
    "$default_font_scale_factor|default": 1.0,
    "$normalized_font_scale_factor|default": 1.0,
    // Using normalized font size for rendering non-smooth font, particularly for unicode languages
    "variables": [
      {
        "requires": "($use_normalized_font_size)",
        "$font_scale_factor": "$normalized_font_scale_factor"
      },
      {
        "requires": "(not $use_normalized_font_size)",
        "$font_scale_factor": "$default_font_scale_factor"
      }
    ],
    "font_scale_factor": "$font_scale_factor",
    "type": "label",
    "size": [ "100% - 8px", "100%" ],
    "offset": [ 3, 0 ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "layer": 1,
    "color": "$body_text_color",
    "font_type": "smooth",
    "text_alignment": "left"
  },

  // Requires specifying "$toggle_state_binding_name", "$toggle_enabled_binding_name", "$toggle_name"
  "slider_toggle@settings_common.option_toggle_control": {
    "size": [ "100%c", "100%c" ],
    "$enabled": true,
    "$toggle_enabled_binding_name|default": "#not_bound",
    "$option_enabled_binding_name": "#not_bound",
    // Doesn't need to be used but must exist as it'll be resolved as the default value of $toggle_state_binding_name
    "$option_binding_name": "#not_bound",
    "variables": []
  },

  "trash_default": {
    "type": "image",
    "texture": "textures/ui/trash_default"
  },

  "trash_hover": {
    "type": "image",
    "texture": "textures/ui/trash_hover"
  },

  "trash_pressed": {
    "type": "image",
    "texture": "textures/ui/trash_pressed"
  },

  "photo_trash_button": {
    "type": "button",
    "focus_enabled": true,
    "size": [ 11, 12 ],
    "layer": 1,
    "default_control": "default",
    "hover_control": "hover",
    "pressed_control": "pressed",
    "anchor_from": "bottom_middle",
    "anchor_to": "bottom_middle",
    "controls": [
      { "default@edu_common.trash_default": {} },
      { "hover@edu_common.trash_hover": {} },
      { "pressed@edu_common.trash_pressed": {} }
    ]
  },

  // A modal downloading window originally used by library_item_screen, moved here so it could be used by other screens.
  "download_progress_modal_panel@common.input_panel": {
    "layer": 201,
    "size": [ "100%", "100%" ],
    "button_mappings": [
      {
        "from_button_id": "button.menu_cancel",
        "to_button_id": "button.download_cancel",
        "mapping_type": "global"
      }
    ],
    "bindings": [
      {
        "binding_name": "#is_download_in_progress",
        "binding_name_override": "#visible"
      }
    ],
    "controls": [
      {
        "downloading@edu_common.modal_progress_panel_with_cancel": {
          "layer": 1,
          "$pressed_button_name": "button.download_cancel"
        }
      }
    ]
  },

  "loading_progress_modal_panel@common.input_panel": {
    "layer": 201,
    "size": [ "100%", "100%" ],
    "bindings": [
      {
        "binding_name": "#is_loading_in_progress",
        "binding_name_override": "#visible"
      }
    ],
    "controls": [
      {
        "loading@edu_common.modal_progress_panel_no_button": {
          "layer": 1
        }
      }
    ]
  },

  "modal_cancel_button@common_buttons.light_text_button": {
    "$pressed_button_name": "button.download_cancel",
    "$button_text": "gui.cancel"
  },

  "modal_progress_panel_with_cancel": {
    "type": "panel",
    "size": "$modal_screen_size",
    "$background_fill_alpha|default": 0.8,
    "$body_text|default": "",
    "controls": [
      {
        "common_panel@common.common_panel": {
          "$dialog_background": "dialog_background_hollow_2",
          "$fill_alpha": "$background_fill_alpha",
          "$show_close_button": false
        }
      },
      {
        "content": {
          "type": "panel",
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          // magic offset to make the scroll clipping perfect
          "size": [ "100%-12px", "100%-60px" ],
          "offset": [ 6, 20 ],
          "controls": [
            { "title_panel@progress.title_panel": {} },
            {
              "label": {
                "type": "label",
                "color": "$dark_button_default_text_color",
                "size": [ "100% - 20px", "100% - 20px" ],
                "anchor_from": "bottom_middle",
                "anchor_to": "bottom_middle",
                "layer": 1,
                "shadow": false,
                "text": "$body_text"
              }
            },
            { "progress_loading_bars@progress.progress_loading_bars": {} }
          ]
        }
      },
      {
        "cancel_button@edu_common.modal_cancel_button": {
          "anchor_from": "bottom_middle",
          "anchor_to": "bottom_middle",
          "size": [ "40%", "20%" ],
          "offset": [ 0, -8 ]
        }
      }
    ]
  },

  "modal_progress_panel_no_button": {
    "type": "panel",
    "size": [ 204, 100 ],
    "$background_fill_alpha|default": 0.8,
    "$body_text|default": "",
    "controls": [
      {
        "common_panel@common.common_panel": {
          "$dialog_background": "dialog_background_hollow_3",
          "$fill_alpha": "$background_fill_alpha",
          "$show_close_button": false
        }
      },
      {
        "content": {
          "type": "panel",
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          "layer": 1,
          // magic offset to make the scroll clipping perfect
          "size": [ "100% - 12px", "100% - 12px" ],
          "offset": [ 6, 6 ],
          "controls": [
            {
              "progress_title_text@progress.progress_title_text": {
                "color": "$title_text_color",
                "anchor_from": "top_middle",
                "anchor_to": "top_middle",
                "offset": [ 0, 3 ],
                "text": "menu.loadingLevel"
              }
            },
            {
              "progress_loading_bars@progress.progress_loading_bars": {
                "offset": [ 0, 15 ]
              }
            }
          ]
        }
      }
    ]
  },

  "apple_animation_definition": {
    "anim_type": "flip_book",
    "initial_uv": [ 0, 0 ],
    "frame_count": 36,
    "frame_step": 64,
    "fps": 10,
    "easing": "linear"
  },

  "apple_animation": {
    "type": "image",
    "texture": "textures/ui/eating_apple",
    "uv": "@edu_common.apple_animation_definition",
    "uv_size": [ 64, 64 ]
  },

  "book_animation_definition": {
    "anim_type": "flip_book",
    "initial_uv": [ 0, 0 ],
    "frame_count": 36,
    "frame_step": 64,
    "fps": 12,
    "easing": "linear"
  },

  "book_animation": {
    "type": "image",
    "texture": "textures/ui/book_animation",
    "uv": "@edu_common.book_animation_definition",
    "uv_size": [ 64, 64 ]
  },

  "edu_loading_animation@edu_common.book_animation": {
  },

  "horizontal_stack_item": {
    "type": "panel",
    "size": [ "100%c", "100%" ]
  },

  "vertical_stack_item": {
    "type": "panel",
    "size": [ "100%", "100%c" ]
  },

  "back_button_padded": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "size": [ "100%c", "100%" ],
    "bindings": [
      {
        "binding_name": "(not #is_using_gamepad)",
        "binding_name_override": "#visible"
      }
    ],
    "controls": [
      { "back_button_padding_before@common.empty_panel": { "size": [ 2, "100%sm" ] } },
      {
        "back_button@common.back_title_button": {
          "$button_text": ""
        }
      }
    ]
  },

  "home_button_content": {
    "type": "image",
    "$texture": "textures/ui/library_home_icon",
    "variables": [
      {
        "requires": "($hover_state or $pressed_state)",
        "$texture": "textures/ui/library_home_icon_hover"
      }
    ],
    "texture": "$texture",
    "size": [ 12, 12 ]
  },

  "home_button@common_buttons.light_glyph_button": {
    "anchor_from": "top_right",
    "anchor_to": "top_right",
    "offset": [ -3, 2 ],
    "size": [ 18, 16 ],
    "$pressed_button_name": "button.library_home",
    "$button_content": "edu_common.home_button_content",
    "$button_tts_header": "store.menu.home",
    "$default_glyph_color": [ 1, 1, 1 ],
    "$light_glyph_hover_color": [ 1, 1, 1 ],
    "$light_glyph_pressed_color": [ 1, 1, 1 ],
    "$light_glyph_locked_color": [ 1, 1, 1 ]
  },

  "underline_text": {
    "type": "panel",
    "size": [ "100%c", 10 ],
    "$text_color|default": [ 0.215, 0.839, 0.118 ],
    "controls": [
      {
        "label_hover@common.single_line_label": {
          "$single_line_label_color": "$text_color",
          "$underline_control": [
            { "underline_hover@common.underline": {} }
          ]
        }
      }
    ]
  },

  "underline_button@common_buttons.underline_button": {
    "pressed_control": "pressed",
    "controls": [
      {
        "default@edu_common.underline_text": {
          "$text_color": "$dark_button_default_text_color"
        }
      },
      {
        "hover@edu_common.underline_text": {
          "$texture": "textures/ui/underline_focus"
        }
      },
      {
        "pressed@edu_common.underline_text": {
          "$texture": "textures/ui/underline_focus"
        }
      }
    ]
  },

  // Requires
  // - $title_text
  // - (if image): $title_has_image: true and $title_texture
  // - (if templates screen): $title_is_templates_screen: true
  "edu_screen_header@common.top_bar": {
    "layer": 1,
    "controls": [
      {
        "title_controls": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100%", "100% - 3px" ],
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          "$title_has_image|default": false,
          "$title_is_templates_screen|default": false,
          "controls": [
            {
              "back_item@edu_common.horizontal_stack_item": {
                "layer": 1,
                "controls": [
                  { "back_button@edu_common.back_button_padded": {} },
                  {
                    "gamepad@common.gamepad_helper_b": {
                      "anchor_from": "left_middle",
                      "anchor_to": "left_middle",
                      "$hide_description": true
                    }
                  }
                ]
              }
            },
            {
              "image_item@edu_common.horizontal_stack_item": {
                "layer": 1,
                "ignored": "(not $title_has_image)",
                "controls": [
                  {
                    "image": {
                      "size": [ "100%y", "100% - 4px" ],
                      "type": "image",
                      "texture": "$title_texture",
                      "$title_image_bindings|default": [],
                      "bindings": "$title_image_bindings"
                    }
                  }
                ]
              }
            },
            {
              "image_item_template@edu_common.horizontal_stack_item": {
                "ignored": "(not $title_is_templates_screen)",
                "controls": [
                  {
                    "image": {
                      "size": [ "100%y", "100% - 4px" ],
                      "type": "image",
                      "texture": "textures/ui/storageIcon",
                      "color": "$dark_glyph_toggle_default_color",
                      "bindings": [],
                      "controls": [
                        {
                          "image_color": {
                            "size": [ "100%y", "100%" ],
                            "type": "image",
                            "texture": "textures/ui/storageIconColor",
                            "bindings": []
                          }
                        }
                      ]
                    }
                  }
                ]
              }
            },
            { "title_text_padding@common.empty_panel": { "size": [ 3, "100%" ] } },
            {
              "title_item@edu_common.horizontal_stack_item": {
                "layer": 1,
                "size": [ "100%", "100%" ],
                "controls": [
                  {
                    "title": {
                      "type": "label",
                      "size": [ "55%", 8 ],
                      "color": "$title_text_color",
                      "text": "$title_text",
                      "anchor_from": "left_middle",
                      "anchor_to": "left_middle",
                      "$title_text_bindings|default": [],
                      "bindings": "$title_text_bindings"
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  // Share text popup

  //header
  "share_dialog_title": {
    "type": "label",
    "color": "$title_text_color",
    "$popup_title_text|default": "($share_source + '.item.sharepopup.title.simple')",
    "text": "$popup_title_text",
    "layer": 2
  },

  "share_header_panel": {
    "type": "panel",
    "layer": 2,
    "size": [ "100% - 14px", 19 ],
    "offset": [ 7, 3 ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "$close_button_id|default": "button.close_share_popup",
    "controls": [
      { "title@edu_common.share_dialog_title": {} },
      {
        "close_button@common.close_button": {
          "$close_button_offset": [ 5, 0 ],
          "anchor_from": "right_middle",
          "anchor_to": "right_middle",
          "$close_button_to_button_id": "$close_button_id"
        }
      }
    ]
  },

  "teams_advanced_share_header_panel@edu_common.share_header_panel": {
    "$popup_title_text": "$teams_advanced_share_header_text"
  },

  "add_resource_share_header_panel@edu_common.share_header_panel": {
    "$close_button_id": "button.cancel_add_resource_button",
    "$popup_title_text": "($share_source + '.item.sharepopup.title.addResource')"
  },

  //body
  "body_panel": {
    "type": "panel",
    "size": [ 300, "100%cm" ],
    "layer": 1,

    "$body_stack|default": "edu_common.body_content_stack",
    "controls": [
      { "body_stack@$body_stack": {} }
    ]
  },

  //teams_body
  "teams_body_panel@edu_common.body_panel": {
    "$body_stack": "edu_common.teams_body_content_stack"
  },

  "teams_body_resource_panel@edu_common.body_panel": {
    "$body_stack": "edu_common.teams_body_resource_content_stack"
  },

  "teams_simple_body_resource_panel@edu_common.body_panel": {
    "$body_stack": "edu_common.teams_simple_body_content_stack"
  },

  "manage_sharelink_body_panel@edu_common.body_panel": {
    "$body_stack": "edu_common.manage_sharelink_body_content_stack"
  },

  "joincode_body_panel@edu_common.body_panel": {
    "$body_stack": "edu_common.joincode_body_content_stack"
  },

  "add_resource_body_panel@edu_common.body_panel": {
    "$body_stack": "edu_common.add_edit_resource_body_content_stack"
  },

  "icon_section": {
    "type": "stack_panel",
    "controls": [
      { "icon_stack_panel@edu_common.icon_stack_panel": {} },
      { "icon_padding@common.empty_panel": { "size": [ "100%", 18 ] } }
    ]
  },

  // Panel for adding A url resources to an edu world's pause menu.
  "add_resources_section": {
    "type": "stack_panel",
    "controls": [
      { "divider@edu_common.horizontal_divider": { "size": [ "100%", 20 ] } },
      {
        "add_resource_label@edu_common.share_dialog_body_text": {
          "$popup_body_text": "($share_source + '.item.sharepopup.secondaryText')"
        }
      },
      { "teams_padding_middle@common.empty_panel": { "size": [ "100%", 8 ] } },
      {
        "resource_button@common_buttons.light_text_button": {
          "$focus_override_up": "copy_button",
          "$focus_override_right": "teams_button",
          "size": [ "100%", 24 ],
          "$pressed_button_name": "button.resource_button",
          "$button_text": "($share_source + '.item.sharepopup.addResourceButton')",
          "focus_identifier": "$pressed_button_name"
        }
      }
    ]
  },

  "edit_resource_uri_glyph": {
    "type": "image",
    "layer": 2,
    "$glyph_size|default": [ 22, 16 ],
    "size": "$glyph_size",
    "texture": "textures/ui/editIcon"
  },

  "edit_resources_section": {
    "type": "stack_panel",
    "controls": [
      { "divider@edu_common.horizontal_divider": { "size": [ "100%", 20 ] } },
      {
        "resource_label_text@edu_common.share_dialog_body_text": {
          "$popup_body_text": "($share_source + '.item.sharepopup.editResourceLabel')"
        }
      },
      { "teams_padding_middle@common.empty_panel": { "size": [ "100%", 8 ] } },
      {
        "edit_resource_body_button_stack": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "layer": 5,
          "size": [ "100%", "100%cm" ],
          "controls": [
            {
              "resource_button@edu_pause.shared_resource_uri_button": {
                "$focus_id": "resource_button",
                "$focus_override_up": "copy_button",
                "$focus_override_left": "copy_button",
                "size": [ "fill", "100%sm" ]
              }
            },
            { "padding_middle@common.empty_panel": { "size": [ 1, 4 ] } },
            {
              "edit_resource_uri_button@common_buttons.light_glyph_button": {
                "$focus_id": "edit_resource_uri_button",
                "$focus_override_up": "copy_button",
                "$focus_override_right": "teams_button",
                "size": [ 28, 24 ],
                "layer": 1,
                "$button_content": "edu_common.edit_resource_uri_glyph",
                "$pressed_button_name": "button.resource_button",
                "$button_tts_name": "($share_source + '.item.sharepopup.editResource.button.accessibility')",
                "variables": [
                  {
                    "requires": "($apple_os and $supports_clipboard_set)",
                    "$focus_override_right": "mail_button"
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "body_content_stack": {
    "type": "stack_panel",
    "orientation": "vertical",
    "layer": 5,
    "size": [ "100%", "100%c" ],

    "$icons_ignored|default": true,
    "$resource_uri_state|default": "",

    "controls": [
      {
        "body_text_centering_panel@edu_common.vertical_stack_item": {
          "controls": [
            { "body_text@edu_common.share_dialog_body_text": {} }
          ]
        }
      },
      { "padding_middle@common.empty_panel": { "size": [ "100%sm", 4 ] } },
      {
        "icons@edu_common.icon_section": {
          "ignored": "$icons_ignored",
          "$focus_down": "copy_button",
          "variables": [
            {
              "requires": "($resource_uri_state = 'add_resource')",
              "$wrap_focus_left": "button.resource_button"
            },
            {
              "requires": "($resource_uri_state = 'edit_resource')",
              "$wrap_focus_left": "edit_resource_uri_button"
            }
          ]
        }
      },
      {
        "copy_link_centering_panel@edu_common.vertical_stack_item": {
          "controls": [
            { "copy_link_panel@edu_common.copy_link_stack_panel": {} }
          ]
        }
      },
      { "add_resources@edu_common.add_resources_section": { "ignored": "(not ($resource_uri_state = 'add_resource'))" } },
      { "edit_resources@edu_common.edit_resources_section": { "ignored": "(not ($resource_uri_state = 'edit_resource'))" } }
    ]
  },

  "teams_simple_body_content_stack@edu_common.body_content_stack": {
    "$popup_body_text": "($share_source + '.item.sharepopup.body')",
    "$icons_ignored": false
  },

  "teams_body_content_stack@edu_common.body_content_stack": {
    "$body_size": [ "100% - 5px", "default" ],
    "$popup_body_text": "$teams_body_content_stack_text",
    "$icons_ignored": false,
    "$resource_uri_state": "add_resource"
  },

  "teams_body_resource_content_stack@edu_common.body_content_stack": {
    "$body_size": [ "100% - 5px", "default" ],
    "$popup_body_text": "$share_resource_added_text",
    "$icons_ignored": false,
    "$resource_uri_state": "edit_resource"
  },

  "joincode_body_content_stack@edu_common.body_content_stack": {
    "$body_size": [ "100% - 4px", "default" ],
    "$body_font_size": 1.1,
    "$popup_body_text": "joincode.popup.body",
    "$icons_ignored": false,
    "$add_resources_ignored": true,
    "$edit_resources_ignored": true
  },

  "add_resource_body_content_stack": {
    "type": "stack_panel",
    "orientation": "vertical",
    "layer": 5,
    "size": [ "100%", "default" ],

    "$set_resource_url_text": "($share_source + '.item.sharepopup.addResource.urlLabel')",
    "$set_resource_button_text": "($share_source + '.item.sharepopup.addResource.buttonNameLabel')",

    "controls": [
      {
        "label_one_centering_panel@edu_common.vertical_stack_item": {
          "controls": [
            {
              "teams_share_label@edu_common.share_dialog_body_text": {
                "$popup_body_text": "($share_source + '.item.sharepopup.addResource.labelOne')"
              }
            }
          ]
        }
      },
      { "label_padding_middle@common.empty_panel": { "size": [ "100%sm", 5 ] } },
      {
        "label_two_centering_panel@edu_common.vertical_stack_item": {
          "controls": [
            {
              "teams_share_label@edu_common.share_dialog_body_text": {
                "$popup_body_text": "($share_source + '.item.sharepopup.addResource.labelTwo')"
              }
            }
          ]
        }
      },
      { "learn_more_padding_middle@common.empty_panel": { "size": [ "100%sm", 5 ] } },
      {
        "link1@edu_common.underline_button": {
          "$single_label_size": [ "default", "default" ],
          "$single_line_font_scale_factor": 1,
          "$pressed_button_name": "button.add_resource_learn_more",
          "$single_line_label_text": "($share_source + '.item.sharepopup.addResource.learnMoreLinkText')",
          "$focus_id": "button.add_resource_learn_more",
          "$focus_override_left": "button.leave_add_resource",
          "$focus_override_up": "button.leave_add_resource",
          "$focus_override_right": "url_textbox",
          "$focus_override_down": "url_textbox"
        }
      },
      { "url_padding_middle@common.empty_panel": { "size": [ "100%sm", 10 ] } },
      {
        "url_label@edu_common.share_dialog_body_text": {
          "$popup_body_text": "$set_resource_url_text",
          "$focus_id": "url_textbox_label"
        }
      },
      {
        "url_textbox@common.text_edit_box": {
          "layer": 2,
          "size": [ "100%", 20 ],
          "$text_box_name": "#textbox.url",
          "$text_box_tts_header": "$set_resource_url_text",
          "$text_edit_box_content_binding_name": "#textbox.url.content",
          "$place_holder_text": "($share_source + '.item.sharepopup.addResource.urlHintText')",
          "$focus_id": "url_textbox",
          "focus_change_left": "button.add_resource_learn_more",
          "focus_change_up": "button.add_resource_learn_more",
          "focus_change_right": "button_name",
          "focus_change_down": "button_name",
          "max_length": 512
        }
      },
      {
        "inline_notification@edu_common.inline_notification": {
          "$state": "error",
          "$warning_text": "($share_source + '.item.sharepopup.addResource.invalidSchema'",
          "bindings": [
            {
              "binding_name": "#has_resource_uri_error",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      { "inline_notification_spacer@common.empty_panel": { "size": [ "100%sm", 5 ] } },
      {
        "button_name_label@edu_common.share_dialog_body_text": {
          "$popup_body_text": "$set_resource_button_text",
          "$focus_id": "button_name"
        }
      },
      { "button_middle_spacer@common.empty_panel": { "size": [ "100%sm", 2 ] } },
      {
        "button_name_textbox@common.text_edit_box": {
          "layer": 2,
          "size": [ "100%", 20 ],
          "$text_box_name": "#textbox.buttonName",
          "$text_box_tts_header": "$set_resource_button_text",
          "$text_edit_box_content_binding_name": "#textbox.buttonName.content",
          "$place_holder_text": "($share_source + '.item.sharepopup.addResource.buttonNameHintText')",
          "$focus_id": "button_name",
          "max_length": 20,
          "focus_change_up": "url_textbox",
          "focus_change_left": "url_textbox",
          "focus_change_right": "button.done_add_resource_button",
          "focus_change_down": "button.done_add_resource_button",
          "bindings": [
            {
              "binding_name": "#resource_uri_done_enabled",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        "button_name_textbox_next_disabled@common.text_edit_box": {
          "layer": 2,
          "size": [ "100%", 20 ],
          "$text_box_name": "#textbox.buttonName",
          "$text_box_tts_header": "$set_resource_button_text",
          "$text_edit_box_content_binding_name": "#textbox.buttonName.content",
          "$place_holder_text": "($share_source + '.item.sharepopup.addResource.buttonNameHintText')",
          "$focus_id": "button_name",
          "max_length": 20,
          "focus_change_up": "url_textbox",
          "focus_change_left": "url_textbox",
          "focus_change_right": "button.leave_add_resource",
          "focus_change_down": "button.leave_add_resource",
          "bindings": [
            {
              "binding_name": "(not #resource_uri_done_enabled)",
              "binding_name_override": "#visible"
            }
          ]
        }
      }
    ]
  },

  "add_edit_resource_body_content_stack": {
    "type": "panel",
    "layer": 5,
    "size": [ "100%", 128 ],
    "controls": [
      {
        "scroll_content": {
          "type": "panel",
          "size": [ "100%", 128 ],
          "anchor_to": "top_left",
          "anchor_from": "top_left",
          "controls": [
            {
              "scrolling_panel@common.scrolling_panel": {
                "$scrolling_content": "edu_common.add_resource_body_content_stack",
                "$show_background": false,
                "$scroll_size": [ 5, "100%" ],
                "$scroll_bar_left_padding_size": [ 1, 0 ]
              }
            }
          ]
        }
      }
    ]
  },

  "resource_popup_buttons": {
    "type": "stack_panel",
    "size": [ "100%", "100%" ],
    "orientation": "horizontal",
    "controls": [
      {
        "done_button@common_buttons.light_text_button": {
          "size": [ "fill", "100%" ],
          "$pressed_button_name": "button.done_add_resource_button",
          "$button_text": "($share_source + '.item.sharepopup.addResource.doneButton')",
          "focus_identifier": "$pressed_button_name",
          "focus_change_left": "button_name",
          "bindings": [
            {
              "binding_name": "#resource_uri_done_enabled",
              "binding_name_override": "#enabled"
            }
          ]
        }
      },
      { "button_padding@common.empty_panel": { "size": [ 2, "100%" ] } },
      {
        "back_button_panel": {
          "size": [ "fill", "100%" ],
          "type": "panel",
          "controls": [
            {
              "back_button_enabled@common_buttons.light_text_button": {
                "size": [ "100%", "100%" ],
                "$pressed_button_name": "$back_button_name",
                "$button_text": "$back_button_text",
                "focus_identifier": "button.leave_add_resource",
                "focus_change_right": "button.add_resource_learn_more",
                "focus_change_down": "button.add_resource_learn_more",
                "bindings": [
                  {
                    "binding_name": "#resource_uri_done_enabled",
                    "binding_name_override": "#visible"
                  }
                ]
              }
            },
            {
              "back_button_disabled@common_buttons.light_text_button": {
                "size": [ "100%", "100%" ],
                "$pressed_button_name": "$back_button_name",
                "$button_text": "$back_button_text",
                "focus_identifier": "button.leave_add_resource",
                "focus_change_left": "button_name",
                "focus_change_right": "button.add_resource_learn_more",
                "focus_change_down": "button.add_resource_learn_more",
                "bindings": [
                  {
                    "binding_name": "(not #resource_uri_done_enabled)",
                    "binding_name_override": "#visible"
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "add_resource_popup_lower_button_panel": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "$back_button_text|default": "",
    "$back_button_name|default": "",
    "controls": [
      {
        "edit_resource_popup_buttons@edu_common.resource_popup_buttons": {
          "$back_button_name": "button.delete_resource_button",
          "$back_button_text": "($share_source + '.item.sharepopup.addResource.deleteButton')",
          "bindings": [
            {
              "binding_name": "#has_edu_external_link",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        "add_resource_popup_buttons@edu_common.resource_popup_buttons": {
          "$back_button_name": "button.cancel_add_resource_button",
          "$back_button_text": "($share_source + '.item.sharepopup.addResource.cancelButton')",
          "bindings": [
            {
              "binding_name": "#is_adding_resource",
              "binding_name_override": "#visible"
            }
          ]
        }
      }
    ]
  },

  "manage_sharelink_body_content_stack": {
    "type": "stack_panel",
    "orientation": "vertical",
    "layer": 5,
    "size": [ "100%", "100%c" ],
    "controls": [
      {
        "body_text_centering_panel1@edu_common.vertical_stack_item": {
          "controls": [
            {
              "body_text1": {
                "type": "label",
                "font_type": "smooth",
                "color": "$body_text_color",
                "text": "manage.sharepopup.link.body.top",
                "size": [ "100%", "default" ],
                "layer": 1,
                "anchor_from": "top_middle",
                "anchor_to": "top_middle"
              }
            }
          ]
        }
      },
      { "padding1@common.empty_panel": { "size": [ "100%sm", 8 ] } },
      {
        "body_text_centering_panel2@edu_common.vertical_stack_item": {
          "controls": [
            {
              "body_text2": {
                "type": "label",
                "font_type": "smooth",
                "color": "$body_text_color",
                "text": "manage.sharepopup.link.body.bottom",
                "size": [ "100%", "default" ],
                "layer": 1,
                "anchor_from": "top_middle",
                "anchor_to": "top_middle"
              }
            }
          ]
        }
      },
      { "padding2@common.empty_panel": { "size": [ "100%sm", 8 ] } },
      { "icons@edu_common.icon_section": {} },
      {
        "copy_link_centering_panel@edu_common.vertical_stack_item": {
          "controls": [
            { "copy_link_panel@edu_common.copy_link_stack_panel": {} }
          ]
        }
      },
      { "padding3@common.empty_panel": { "size": [ "100%sm", 8 ] } },
      {
        "manage_access_button@edu_common.underline_button": {
          "$single_label_size": [ "default", "default" ],
          "$single_line_font_scale_factor": 1,
          "$pressed_button_name": "button.manage_access",
          "$single_line_label_text": "manage.sharepopup.link.manage",
          "$font_type": "smooth"
        }
      },
      { "padding4@common.empty_panel": { "size": [ "100%sm", 8 ] } },
      {
        "learn_more_button@edu_common.underline_button": {
          "$single_label_size": [ "default", "default" ],
          "$single_line_font_scale_factor": 1,
          "$pressed_button_name": "button.learn_more",
          "$single_line_label_text": "manage.sharepopup.copy.hyperlink",
          "$font_type": "smooth"
        }
      },
      { "padding5@common.empty_panel": { "size": [ "100%sm", 4 ] } },
      {
        "done_button@edu_worlds.world_entry_button_def": {
          "$font_type": "default",
          "size": [ "100%", 24 ],
          "$button_text": "manage.sharepopup.link.done",
          "$pressed_button_name": "button.close_share_popup"
        }
      }
    ]
  },

  "share_dialog_body_text": {
    "$body_font_size|default": 1.0,
    "$body_size|default": [ "100%", "default" ],
    "$popup_body_text|default": "($share_source + '.item.sharepopup.body')",

    "type": "panel",
    "size": [ "100%", "100%cm" ],
    "anchor_from": "top_middle",
    "anchor_to": "top_middle",
    "controls": [
      {
        "tts_border@common.non_interact_focus_border_button": {
          "tts_inherit_siblings": true,
          "size": [ "100%", "100%sm" ],
          "layer": 1,
          "bindings": [
            {
              "binding_name": "#tts_enabled",
              "binding_name_override": "#enabled"
            }
          ]
        }
      },
      {
        "text": {
          "type": "label",
          "color": "$body_text_color",
          "font_type": "smooth",
          "text": "$popup_body_text",
          "font_scale_factor": "$body_font_size",
          "size": "$body_size",
          "layer": 1
        }
      }
    ]
  },

  "share_icon": {
    "type": "image",
    "layer": 2,
    "size": "$share_icon_size",
    "texture": "$share_icon_texture",
    "offset": "$share_icon_offset"
  },

  "share_label": {
    "type": "stack_panel",
    "size": [ "100%", "100%" ],
    "offset": [ 0, 1 ],
    "orientation": "horizontal",
    "controls": [
      {
        "share_image_offset_panel": {
          "type": "panel",
          "size": [ "100%c", "100%c" ],
          "variables": [
            {
              "requires": "($apple_os and $supports_share)",
              "$share_icon_texture": "textures/ui/share_apple",
              "$share_icon_offset": [ 3.5, 0.5 ],
              "$share_icon_size": [ 11, 15 ]
            },
            {
              "requires": "(($microsoft_os or (not $apple_os and not $google_os)) and $supports_share)",
              "$share_icon_texture": "textures/ui/share_microsoft",
              "$share_icon_offset": [ 2.0, 2.0 ],
              "$share_icon_size": [ 15, 13 ]
            },
            {
              "requires": "($google_os and $supports_share)",
              "$share_icon_texture": "textures/ui/share_google",
              "$share_icon_offset": [ 2.0, 1.0 ],
              "$share_icon_size": [ 14, 13 ]
            },
            {
              "requires": "($supports_clipboard_set and not $supports_share)",
              "$share_icon_texture": "textures/ui/copy",
              "$share_icon_offset": [ 2.0, 1.0 ],
              "$share_icon_size": [ 13, 14 ]
            }
          ],
          "controls": [
            {
              "link_share@edu_common.share_icon": {
              }
            }
          ]
        }
      }
    ]
  },

  "copy_link_stack_panel": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "size": [ "100%", "100%cm" ],
    "$placeholder_text": "#share_link",
    "$focus_left|default": "classrooms_button",
    "$focus_right|default": "resource_button",

    "$clipboard_share": "($supports_clipboard_set and not $supports_share)",
    "variables": [
      {
        "requires": "$clipboard_share",
        "$button_tts_header": "share.clipboard.tts"
      },
      {
        "requires": "(not $clipboard_share)",
        "$button_tts_header": "share.deviceShare.tts"
      }
    ],

    "controls": [
      {
        "link_box@common.text_edit_box": {
          "size": [ "fill", "100%sm" ],
          "enabled": false,
          "$text_edit_box_enabled_binding_type": "none",
          "$text_edit_box_label_anchor_point": "left_middle",
          "$text_edit_box_label_size": [ "100%", 10 ],
          "$place_holder_text": "$placeholder_item_share_link",
          "$place_holder_text_color": "$body_text_color",
          "$locked_text_alpha": 1.0
        }
      },
      {
        "copy_button@common_buttons.light_content_button": {
          "$focus_id": "copy_button",
          "$focus_override_left": "$focus_left",
          "$focus_override_right": "$focus_right",
          "$button_content": "edu_common.share_label",
          "$pressed_button_name": "button.copy_share_link",
          "size": [ "100%y", 24 ]
        }
      }
    ]
  },

  "icon_stack_panel": {
    "type": "stack_panel",
    "size": [ "100%", 10 ],
    "offset": [ 0, 1 ],
    "orientation": "horizontal",
    "$focus_down|default": "copy_button",
    "$wrap_focus_left|default": "copy_button",
    "controls": [
      { "padding_left@common.empty_panel": { "size": [ "fill", "100%" ] } },
      {
        "teams_button@edu_common.default_share_button": {
          "$focus_id": "teams_button",
          "$focus_override_down": "$focus_down",
          "$focus_override_left": "$wrap_focus_left",
          "$share_image": "textures/ui/teams_icon",
          "$button_tts_header": "share.teams.tts",
          "$pressed_button_name": "button.teams_share",
          "$image_size": [ "100%", "100%" ],
          "ignored": "($apple_os and $supports_clipboard_set)"
        }
      },
      {
        "teams_mail_padding@common.empty_panel": {
          "size": [ 12, "100%" ],
          "ignored": "($apple_os and $supports_clipboard_set)"
        }
      },
      {
        "mail_button@edu_common.default_share_button": {
          "$focus_id": "mail_button",
          "$focus_override_down": "$focus_down",
          "$share_image": "textures/ui/mail_icon",
          "$button_tts_header": "share.mail.tts",
          "$pressed_button_name": "button.mail_share",
          "$image_size": [ "100% - 6px", "100% - 4px" ]
        }
      },
      {
        "mail_classrooms_padding@common.empty_panel": {
          "size": [ 12, "100%" ]
        }
      },
      {
        "classrooms_button@edu_common.default_share_button": {
          "$focus_id": "classrooms_button",
          "$focus_override_down": "$focus_down",
          "$share_image": "textures/ui/classrooms_icon",
          "$button_tts_header": "share.classroom.tts",
          "$pressed_button_name": "button.classrooms_share",
          "$image_size": [ "100% - 4px", "100% - 4px" ]
        }
      },
      { "padding_right@common.empty_panel": { "size": [ "fill", "100%" ] } }
    ]
  },

  "default_share_button_contents": {
    "type": "panel",
    "$background_ignored|default": false,
    "controls": [
      {
        "background": {
          "ignored": "$background_ignored",
          "type": "image",
          "texture": "textures/ui/White",
          "color": [ 0.216, 0.216, 0.216 ],
          "alpha": 0.8
        }
      },
      {
        "image": {
          "type": "image",
          "layer": 1,
          "size": "$image_size",
          "texture": "$share_image"
        }
      }
    ]
  },

  "default_share_button@common.button": {
    "size": [ 22, 22 ],
    "controls": [
      {
        "default@edu_common.default_share_button_contents": {
          "$background_ignored": true
        }
      },
      { "hover@edu_common.default_share_button_contents": {} },
      { "pressed@edu_common.default_share_button_contents": {} }
    ]
  },

  "vertical_divider": {
    "type": "panel",
    "size": [ 8, "100%" ],
    "controls": [
      {
        "divider": {
          "type": "image",
          "texture": "textures/ui/vertical_divider",
          "alpha": 0.1,
          "keep_ratio": false,
          "size": [ 2, "100%" ]
        }
      }
    ]
  },

  "horizontal_divider": {
    "type": "panel",
    "size": [ "100%", 8 ],
    "$alpha|default": 0.1,
    "controls": [
      {
        "divider": {
          "type": "image",
          "texture": "textures/ui/horizontal_divider",
          "alpha": "$alpha",
          "keep_ratio": false,
          "size": [ "100%", 2 ]
        }
      }
    ]
  },

  "stack_panel_grid_slot": {
    "type": "panel",
    "size": [ "fill", "100%c" ],
    "controls": [
      {
        "stack_panel_grid_item_panel": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            { "stack_panel_grid_item@$stack_grid_item": {} }
          ],
          "bindings": [
            {
              "binding_type": "collection_details",
              "binding_collection_name": "($grid_collection_prefix + '_column_collection')",
              "binding_collection_prefix": "($grid_collection_prefix + '_column')"
            },
            {
              "binding_type": "collection_details",
              "binding_collection_name": "($grid_collection_prefix + '_row_collection')",
              "binding_collection_prefix": "($grid_collection_prefix + '_row')"
            },
            {
              "binding_name": "('#' + $grid_collection_prefix + '_item_visible')",
              "binding_name_override": "#visible",
              "binding_type": "global"
            }
          ]
        }
      }
    ]
  },

  "stack_panel_grid_row": {
    "type": "stack_panel",
    "size": [ "100%", "100%c" ],
    "anchor_to": "top_middle",
    "anchor_from": "top_middle",
    "controls": [
      {
        "stack_panel_grid_row_item": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "row": {
                "type": "stack_panel",
                "orientation": "horizontal",
                "size": [ "100% + 4px", "100%cm" ],
                "collection_name": "($grid_collection_prefix + '_column_collection')",
                "factory": {
                  "name": "($grid_collection_prefix + '_row_item_factory')",
                  "control_name": "edu_common.stack_panel_grid_slot"
                },
                "bindings": [
                  {
                    "binding_name": "('#' + $grid_collection_prefix + '_column_count')",
                    "binding_name_override": "#collection_length"
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "divider": {
          "type": "panel",
          "size": [ "100%", 11 ],
          "controls": [
            {
              "line": {
                "type": "image",
                "texture": "textures/ui/White",
                "size": [ "100%", 1 ],
                "alpha": 0.05
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "('#' + $grid_collection_prefix + '_divider_visible')",
              "binding_name_override": "#visible",
              "binding_type": "collection",
              "binding_collection_name": "($grid_collection_prefix + '_row_collection')"
            }
          ]
        }
      }
    ]
  },

  // Requires
  // - $grid_collection_prefix
  // - $stack_grid_item
  // - To get position in grid add collection detail bindings for row and column
  // -- "binding_collection_name": "($grid_collection_prefix + '_<row/column>_collection')",
  // -- "binding_collection_prefix": "($grid_collection_prefix + '_<row/column>')"
  //
  "stack_panel_grid": {
    "type": "stack_panel",
    "size": [ "100%", "100%c" ],
    "collection_name": "($grid_collection_prefix + '_row_collection')",
    "orientation": "vertical",
    "factory": {
      "name": "($grid_collection_prefix + '_row_factory')",
      "control_name": "edu_common.stack_panel_grid_row"
    },
    "bindings": [
      {
        "binding_name": "('#' + $grid_collection_prefix + '_row_count')",
        "binding_name_override": "#collection_length"
      }
    ]
  },

  "border": {
    "type": "image",
    "texture": "textures/ui/black_border"
  },

  // Requires
  // - $ignore_page_description
  // - $page_description
  "description_panel": {
    "type": "image",
    "texture": "textures/ui/Black",
    "alpha": 0.7,
    "ignored": "$ignore_page_description",
    "size": [ "100%", "100%cm" ],
    "controls": [
      {
        "border@common.non_interact_focus_border_button": {
          "tts_inherit_siblings": true,
          "$default_focus_border_control": "edu_common.border",
          "size": [ "100%", "100%sm + 10px" ],
          "layer": 1,
          "bindings": [
            {
              "binding_name": "#tts_enabled",
              "binding_name_override": "#enabled"
            }
          ]
        }
      },
      {
        "description": {
          "type": "label",
          "color": "$body_text_color",
          "font_type": "smooth",
          "text": "$page_description",
          "offset": [ 0, -0.5 ],
          "size": [ "100% - 10px", "default" ],
          "layer": 2
        }
      }
    ]
  },

  // Popup dialog and factory
  "edu_share_text_popup@popup_dialog.form_fit_modal_dialog_popup": {
    "$modal_title": "($share_source + '.item.sharepopup.title.simple')",
    "$modal_contents": "edu_common.body_panel",
    "$modal_contents_padding": [ 6, 6 ],
    "$popup_dialog_escape_button_name": "button.close_share_popup"
  },

  "teams_edu_share_text_popup@popup_dialog.form_fit_modal_dialog_popup": {
    "$modal_title": "$teams_advanced_share_header_text",
    "$modal_contents": "edu_common.teams_body_panel",
    "$modal_contents_padding": [ 6, 6 ],
    "$popup_dialog_escape_button_name": "button.close_share_popup"
  },

  "teams_edu_share_resource_popup@popup_dialog.form_fit_modal_dialog_popup": {
    "$modal_title": "$teams_advanced_share_header_text",
    "$modal_contents": "edu_common.teams_body_resource_panel",
    "$modal_contents_padding": [ 6, 6 ],
    "$popup_dialog_escape_button_name": "button.close_share_popup"
  },

  "teams_edu_simple_share_resource_popup@popup_dialog.form_fit_modal_dialog_popup": {
    "$modal_title": "($share_source + '.item.sharepopup.title.simple')",
    "$modal_contents": "edu_common.teams_simple_body_resource_panel",
    "$modal_contents_padding": [ 6, 6 ],
    "$popup_dialog_escape_button_name": "button.close_share_popup"
  },

  "joincode_edu_popup@popup_dialog.form_fit_modal_dialog_popup": {
    "$modal_title": "($share_source + '.item.sharepopup.title.simple')",
    "$modal_contents": "edu_common.joincode_body_panel",
    "$modal_contents_padding": [ 6, 6 ],
    "$popup_dialog_escape_button_name": "button.close_share_popup"
  },

  "manage_sharelink_edu_popup@popup_dialog.form_fit_modal_dialog_popup": {
    "$modal_title": "($share_source + '.item.sharepopup.title.simple')",
    "$modal_contents": "edu_common.manage_sharelink_body_panel",
    "$modal_contents_padding": [ 6, 6 ],
    "$popup_dialog_escape_button_name": "button.close_share_popup"
  },

  "add_resource_dialog@popup_dialog.form_fit_modal_dialog_popup": {
    "$popup_dialog_escape_button_name": "button.cancel_add_resource_button",

    "$modal_title": "($share_source + '.item.sharepopup.title.addResource')",
    "$modal_contents": "edu_common.add_resource_body_panel",
    "$modal_contents_padding": [ 6, 6 ],

    "$popup_type": "popup_dialog.form_fit_screen_with_title_and_close_and_bottom_buttons",
    "$lower_button_control": "edu_common.add_resource_popup_lower_button_panel"
  },

  "share_popup_dialog_factory": {
    "type": "factory",
    "control_ids": {
      "share_link_popup": "@edu_common.edu_share_text_popup",
      "teams_share_link_simple_popup": "@edu_common.teams_edu_simple_share_resource_popup",
      "teams_share_link_popup": "@edu_common.teams_edu_share_text_popup",
      "teams_share_link_resource_popup": "@edu_common.teams_edu_share_resource_popup",
      "joincode_popup": "@edu_common.joincode_edu_popup",
      "add_resource_dialog": "@edu_common.add_resource_dialog"
    }
  },

  "inline_notification": {
    "type": "image",
    "texture": "textures/ui/background_indent_no_top",
    "size": [ "100%", "100%cm" ],
    "layer": 1,
    "$state|default": "info",
    "$icon|default": "textures/ui/WarningGlyph",
    "$icon_size|default": [ 13, 20 ],
    "variables": [
      {
        "requires": "($state = 'info')",
        "$icon": "textures/ui/infobulb",
        "$icon_size": [ 15, 19 ]
      },
      {
        "requires": "($state = 'update')",
        "$icon": "textures/ui/UpdateGlyph",
        "$icon_size": [ 13, 20 ]
      },
      {
        "requires": "($state = 'warning')",
        "$icon": "textures/ui/WarningGlyph",
        "$icon_size": [ 13, 20 ]
      },
      {
        "requires": "($state = 'error')",
        "$icon": "textures/ui/ErrorGlyph",
        "$icon_size": [ 13, 20 ]
      }
    ],
    "controls": [
      {
        "stack": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100% - 6px", "100%cm + 11px" ],
          "offset": [ 3, 5 ],
          "layer": 2,
          "controls": [
            {
              "icon": {
                "type": "image",
                "texture": "$icon",
                "size": "$icon_size",
                "layer": 3
              }
            },
            {
              "spacer": {
                "type": "panel",
                "size": [ 4, "100%sm" ],
                "layer": 3
              }
            },
            {
              "warning_text": {
                "type": "label",
                "color": "$body_text_color",
                "size": [ "fill", "default" ],
                "layer": 3,
                "font_type": "smooth",
                "text": "$warning_text"
              }
            }
          ]
        }
      }
    ]
  },

  "search_button_content": {
    "type": "image",
    "texture": "textures/ui/spyglass_flat",
    "size": [ 12, 12 ]
  },

  "search_bar_and_home_button": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "size": [ "40%", 18 ],
    "offset": [ 0, 1 ],
    "layer": 5,
    "anchor_from": "top_right",
    "anchor_to": "top_right",
    "controls": [
      {
        "search_bar": {
          "type": "panel",
          "size": [ "100%-41px", "100%" ],
          "controls": [
            {
              "search_bar@common.text_edit_box": {
                "size": [ "100%", 16 ],
                "offset": [ 1, 0 ], // Overlaps the search button as per Figma
                "max_length": 50,
                "$placeholder_label_size": [ "100%", 10 ],
                "$place_holder_text": "library.search.placeholder",
                "$text_box_name": "search_text",
                "property_bag": {
                  "#property_field": "#item_name"
                }
              }
            }
          ]
        }
      },
      {
        "search_button@common_buttons.light_glyph_button": {
          "size": [ 18, "100%" ],
          "$pressed_button_name": "button.library_search",
          "$button_content": "edu_common.search_button_content",
          "$button_tts_header": "store.search.button"
        }
      },
      { "search_pad@common.empty_panel": { "size": [ 2, "100%" ] } },
      { "home_button@edu_common.home_button": { "size": [ 18, "100%" ] } },
      { "end_pad@common.empty_panel": { "size": [ 3, "100%" ] } }
    ]
  },

  "hotbar_hint": {
    "type": "panel",
    "ignored": "(not $education_edition)",
    "controls": [
      {
        "inactive_slot_dimmer": {
          "type": "image",
          "texture": "textures/ui/Black",
          "alpha": 0.2,
          "layer": 20
        }
      },
      {
        "bound_key_glyph_background": {
          "type": "image",
          "texture": "textures/ui/Black",
          "alpha": 0.75,
          "layer": 21,
          "size": [ 8, 9 ],
          "offset": [ 1, -3 ],
          "anchor_to": "top_left",
          "anchor_from": "top_left",
          "controls": [
            {
              "bound_key_glyph_text": {
                "type": "label",
                "layer": 22,
                "anchor_to": "center",
                "anchor_from": "center",
                "$hotbar_hint_binding_name|default": "#hotbar_hint_bound_key",
                "$hotbar_hint_binding_condition|default": "none",
                "text": "$hotbar_hint_binding_name",
                "font_size": "normal",
                "color": "$body_text_color",
                "offset": [ 0.25, 0.5 ],
                "bindings": [
                  {
                    "binding_name": "$hotbar_hint_binding_name",
                    "binding_type": "collection",
                    "binding_collection_name": "$hotbar_collection_name",
                    "binding_condition": "$hotbar_hint_binding_condition"
                  }
                ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#hotbar_hint_bound_key_glyph_visible",
              "binding_name_override": "#visible",
              "binding_type": "collection",
              "binding_collection_name": "$hotbar_collection_name"
            }
          ]
        }
      }
    ],
    "bindings": [
      {
        "binding_name": "#hotbar_hint_bound_key",
        "binding_type": "collection",
        "binding_collection_name": "$hotbar_collection_name"
      },
      {
        "binding_name": "#hotbar_hint_visible",
        "binding_name_override": "#visible",
        "binding_type": "collection",
        "binding_collection_name": "$hotbar_collection_name",
        "binding_condition": "always"
      }
    ]
  },

  "view_toggle_content@edu_common": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "size": [ "100%c", 16 ],
    "controls": [
      {
        "button_image_templates": {
          "size": [ "100%y - 2px", "100%" ],
          "type": "image",
          "visible": "$goingToTemplates",
          "texture": "textures/ui/storageIcon",
          "color": "$dark_glyph_toggle_default_color",
          "controls": [
            {
              "image_color_templates": {
                "size": [ "100%", "100%" ],
                "type": "image",
                "visible": "$goingToTemplates",
                "texture": "textures/ui/storageIconColor"
              }
            }
          ]
        }
      },
      //Worlds icon is one complete image, so need 2 separate flows
      {
        "button_image_worlds": {
          "size": [ "100%y - 2px", "100%" ],
          "type": "image",
          "visible": "(not $goingToTemplates)",
          "texture": "textures/ui/worldsIcon"
        }
      },
      {
        "button_label_wrapper": {
          "type": "panel",
          "size": [ "100%c", "100%" ],
          "controls": [
            {
              "button_label": {
                "type": "label",
                "offset": [ 4, 0 ],
                "text": "$toggle_button_label",
                "color": "$body_text_color"
              }
            }
          ]
        }
      },
      { "left_edge_text_padding@common.empty_panel": { "size": [ 4, "100%sm" ] } }
    ]
  },

  "worlds_and_templates_search_bar": {
    //Top level image background, holds a stack panel that organizes elements
    "type": "image",
    "size": [ "100%", 33 ],
    "texture": "textures/ui/edu_worlds_search_bar",
    "controls": [
      {
        "stack_panel": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100%", 30 ],
          "anchor_from": "top_right",
          "anchor_to": "top_right",
          "controls": [
            {
              //Each element needs to be set in a wrapper panel to use offsets
              "search_bar_wrapper": {
                "type": "panel",
                "size": [ "fill", 26 ],
                "controls": [
                  {
                    "search_bar@common.text_edit_box": {
                      "size": [ "100%", 26 ],
                      "offset": [ 4, 3 ],
                      "max_length": 50,
                      "$placeholder_label_size": [ "100%", 10 ],
                      // Variable expected to be overwritten where element is used
                      "$place_holder_text": "$place_holder_text",
                      "$text_box_name": "$text_box_name"
                    }
                  }
                ]
              }
            },
            //3px space + 4 offset of search_bar
            //Will be updated with addition of sort button later
            { "temp_padding@common.empty_panel": { "size": [ 7, "100%sm" ] } },
            //Space for Sort dropdown
            {
              "view_toggle_background": {
                "type": "image",
                "size": [ "100%c", 32 ],
                "texture": "textures/ui/edu_templates_button",
                "controls": [
                  {
                    "stack_panel": {
                      "type": "stack_panel",
                      "orientation": "horizontal",
                      "size": [ "100%c", 26 ],
                      "controls": [
                        { "left_edge_padding@common.empty_panel": { "size": [ 4, "100%sm" ] } },
                        {
                          "view_toggle_button@common_buttons.dark_content_form_fitting_button": {
                            "size": [ "100%c", 26 ],
                            "$pressed_button_name": "button.view_toggle",
                            "$button_offset": [ 0, 0 ],
                            "$button_pressed_offset": [ 0, 0 ],
                            "$toggle_button_label": "$toggle_button_label",
                            "$goingToTemplates": "$goingToTemplates",
                            "$button_content": "edu_common.view_toggle_content"
                          }
                        },
                        { "right_edge_padding@common.empty_panel": { "size": [ 3, "100%sm" ] } }
                      ]
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  }
}
