{
  "namespace": "world_panorama",

  // This is what is referenced in the mashup screen
  "map_pack_tab_content": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "controls": [
      { "pan_left@world_panorama.pan_left_button": {} },
      { "screenshot@world_panorama.panorama_input_panel": {} },
      { "pan_right@world_panorama.pan_right_button": {} }
    ]
  },

  "panorama_input_panel": {
    "type": "input_panel",
    "size": [ "100% - 38px", "100%" ],
    "layer": 2,
    "gesture_tracking_button": "button.scroll_map",
    "focus_enabled":  true,
    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "button.scroll_map",
        "mapping_type": "pressed",
        "button_up_right_of_first_refusal": true
      }
    ],
    "controls": [
      {
        "image_border@common.square_image_border_white": {
          "color": [ 0, 0, 0 ],
          "layer": 4,
          "controls": [
            {
              "key_art": {
                "type": "custom",
                "renderer": "panorama_renderer",
                "rotation": "gesture_x",
                "size": [ "100% - 2px", "100% - 2px" ],
                "bilinear": true,
                "bindings": [
                  {
                    "binding_name": "#panorama_texture",
                    "binding_name_override": "#texture"
                  },
                  {
                    "binding_name": "#panorama_texture_file_system",
                    "binding_name_override": "#texture_file_system"
                  },
                  {
                    "binding_name": "#panorama_view",
                    "binding_type": "global"
                  },
                  {
                    "binding_name": "#panorama_view",
                    "binding_type": "global"
                  },
                  {
                    "binding_type": "view",
                    "source_control_name": "screenshot",
                    "source_property_name": "#gesture_mouse_delta_x",
                    "target_property_name": "#gesture_mouse_delta_x"
                  }
                ]
              }
            },
            {
              "progress_loading@common_store.progress_loading": {
                "layer": 2,
                "$source_control_name": "key_art",
                "$source_property_name": "(#texture = '')"
              }
            }
          ]
        }
      }
    ]
  },

  "pan_left_button@common_store.cycle_pack_left_button": {
    "size": [ 20, "100%" ],
    "layer": 3,
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "$chevron_image_name": "textures/ui/chevron_left",
    "$pressed_button_name": "button.pan_left",
    "$cycle_pack_button_collection_type|default": "none",
    "$cycle_pack_button_collection|default": "",
    "$gamepad_helper_icon_size": [ 15, 15 ],
    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "$pressed_button_name",
        "mapping_type": "pressed",
        "button_up_right_of_first_refusal": true
      },
      {
        "from_button_id": "button.menu_ok",
        "to_button_id": "$pressed_button_name",
        "mapping_type": "focused",
        "button_up_right_of_first_refusal": true
      },
      {
        "from_button_id": "button.menu_tab_left",
        "to_button_id": "$pressed_button_name",
        "mapping_type": "global"
      }
    ]
  },

  "pan_right_button@common_store.cycle_pack_right_button": {
    "size": [ 20, "100%" ],
    "layer": 3,
    "anchor_from": "top_right",
    "anchor_to": "top_right",
    "$chevron_image_name": "textures/ui/chevron_right",
    "$pressed_button_name": "button.pan_right",
    "$cycle_pack_button_collection_type|default": "none",
    "$cycle_pack_button_collection|default": "",
    "$gamepad_helper_icon_size": [ 15, 15 ],
    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "$pressed_button_name",
        "mapping_type": "pressed",
        "button_up_right_of_first_refusal": true
      },
      {
        "from_button_id": "button.menu_ok",
        "to_button_id": "$pressed_button_name",
        "mapping_type": "focused",
        "button_up_right_of_first_refusal": true
      },
      {
        "from_button_id": "button.menu_tab_right",
        "to_button_id": "$pressed_button_name",
        "mapping_type": "global"
      }
    ]
  }
}