{
  "namespace": "csb_banner",

  "csb_banner": {
    "type": "panel",
    "size": [ "100% -8px", "100%cm + 8px" ],
    "controls": [
      {
        "static_button@csb_banner.promo_banner_csb_button": {
          "offset": [ "4px", 0 ],
          "ignored": "$is_animated_banner"

        }
      },
      {
        "animated_button@csb_banner.animated_promo_banner_csb_button": {
          "offset": [ "4px", 0 ],
          "ignored": "(not $is_animated_banner)"
        }
      }
    ]
  },

  "csb_banner_slim": {
    "type": "panel",
    "size": [ "100% -8px", "100%cm + 8px" ],
    "controls": [
      {
        "banner_button@common_buttons.light_content_button": {
          "size": [ "100%", 36 ],
          "offset": [ "4px", 0 ],
          "$pressed_button_name": "button.promotion_page",
          "$button_content": "csb_banner.csb_banner_slim_content",
          "$hover_button_texture": "textures/ui/mpp_banner_background_hover",
          "$default_button_texture": "textures/ui/mpp_banner_background_default",
          "bindings": [
            {
              "binding_type": "$store_factory_collection_details",
              "binding_collection_name": "$store_factory_collection_name",
              "binding_collection_prefix": "$store_factory_collection_prefix"
            },
            {
              "binding_name": "#promo_page_is_ready",
              "binding_name_override": "#enabled"
            }
          ]
        }
      }
    ]
  },

  "csb_banner_portal": {
    "type": "panel",
    "size": [ "100% -8px", "100%cm + 8px" ],
    "controls": [
      {
        "banner_button@common_buttons.light_content_button": {
          "size": [ "100%", 54 ],
          "offset": [ "4px", 0 ],
          "$pressed_button_name": "button.promotion_page",
          "$button_content": "csb_banner.csb_banner_portal_content",
          "$hover_button_texture": "textures/ui/mpp_banner_background_hover",
          "$default_button_texture": "textures/ui/mpp_banner_background_default",
          "bindings": [
            {
              "binding_type": "$store_factory_collection_details",
              "binding_collection_name": "$store_factory_collection_name",
              "binding_collection_prefix": "$store_factory_collection_prefix"
            },
            {
              "binding_name": "#promo_page_is_ready",
              "binding_name_override": "#enabled"
            }
          ]
        }
      }
    ]
  },

  "promo_banner_csb_button@common.button": {
    "$banner_size|default": [ "100%", "8.08%x" ],
    "size": "$banner_size",
    "hover_control": "hover",
    "pressed_control": "hover",
    "default_control": "default",
    "$pressed_button_name": "button.promotion_page",
    "$target_banner_content|default": "csb_banner.csb_banner_content",
    "controls": [
      {
        "default@$target_banner_content": {
          "$banner_texture_name": "#banner_texture_name",
          "$banner_texture_filepath": "#banner_texture_filepath"
        }
      },
      {
        "hover@$target_banner_content": {
          "$banner_texture_name": "#banner_hover_texture_name",
          "$banner_texture_filepath": "#banner_hover_texture_filepath"
        }
      }
    ],
    "bindings": [
      {
        "binding_type": "$store_factory_collection_details",
        "binding_collection_name": "$store_factory_collection_name",
        "binding_collection_prefix": "$store_factory_collection_prefix"
      },
      {
        "binding_name": "#promo_page_is_ready",
        "binding_name_override": "#enabled"
      }
    ]
  },

  "csb_banner_slim_content": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "banner_content@csb_banner.csb_banner_new_content": {
          "$banner_sdl_label_max_size": [ "100%", 36 ],
          "$logo_panel": "csb_banner.slim_logo_panel",
          "$image_asset_factory_size": [ "229%y", "100%" ]
        }
      }
    ]
  },

  "csb_banner_portal_content": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "banner_content@csb_banner.csb_banner_new_content": {
          "$banner_sdl_label_max_size": [ "100%", 54 ],
          "$logo_panel": "csb_banner.portal_logo_panel",
          "$image_asset_factory_size": [ "250%y", "100%" ]
        }
      }
    ]
  },

  "slim_logo_panel": {
    "type": "panel",
    "size": [ "294%y", "100%" ],
    "controls": [
      {
        "mpp_logo": {
          "type": "image",
          "size": [ "100%", "100%" ],
          "texture": "textures/ui/mpp_banner_logo_slim",
          "keep_ratio": true,
          "anchor_from": "center",
          "anchor_to": "center"
        }
      }
    ]
  },

  "portal_logo_panel": {
    "type": "panel",
    "size": [ "214%y", "100%" ],
    "controls": [
      {
        "mpp_logo": {
          "type": "image",
          "size": [ "100%", "100%" ],
          "texture": "textures/ui/mpp_banner_logo_portal",
          "keep_ratio": true
        }
      }
    ]
  },

  "csb_banner_new_content": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "$logo_panel|default": "csb_banner.slim_logo_panel",
    "$banner_sdl_label_max_size|default": ["100%", 36],
    "controls": [
      {
        "text": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100%", "100%" ],
          "layer": 1,
          "controls": [
            {
              "logo_panel@$logo_panel": {}
            },
            {
              "offer_panel": {
                "type": "panel",
                "size": [ "fill", "100%" ],
                "controls": [
                  {
                    "upsell_text@csb_banner.sdl_upsell_text_component_factory": {
                      "$sdl_factory_size": [ "100%", "100%c" ]
                    }
                  }
                ]
              }
            },
            {
              "pixel_art@csb_banner.image_component_factory": {}
            }
          ]
        }
      }
    ]
  },

  "sdl_upsell_text_component_factory@sdl_label.sdl_label_factory": {
    "anchor_from": "left_middle",
    "anchor_to": "left_middle",
    "$sdl_label_size": [ "100%", "default" ],
    "$sdl_label_max_size": "$banner_sdl_label_max_size",
    "$sdl_label_binding_type": "collection",
    "$sdl_label_binding_name": "#maintext_label_from_style",
    "$sdl_label_text_color": "#maintext_label_color",
    "$sdl_label_font_type": "#maintext_label_font_type",
    "$sdl_label_font_scalar": "#maintext_label_font_scale",
    "$sdl_label_alignment": "#maintext_label_alignment",

    "$sdl_factory_bindings": [
      {
        "binding_type": "$store_factory_collection_details",
        "binding_collection_name": "$store_factory_collection_name",
        "binding_collection_prefix": "$store_factory_collection_prefix"
      },
      {
        "binding_name": "#maintext_label_id",
        "binding_type": "collection",
        "binding_collection_name": "$store_factory_collection_name",
        "binding_name_override": "#collection_length"
      }
    ]
  },

  "csb_banner_content": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "banner": {
          "type": "image",
          "size": [ "100%", "100%" ],
          "keep_ratio": true,
          "bindings": [
            {
              "binding_type": "$store_factory_collection_details",
              "binding_collection_name": "$store_factory_collection_name",
              "binding_collection_prefix": "$store_factory_collection_prefix"
            },
            {
              "binding_name": "$banner_texture_name",
              "binding_name_override": "#texture"
            },
            {
              "binding_name": "$banner_texture_filepath",
              "binding_name_override": "#texture_file_system"
            }
          ]
        }
      },
      {
        "text": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100% - 8px", "100%" ],
          "layer": 1,
          "controls": [
            {
              "logo_panel": {
                "type": "panel",
                "size": [ 90, "100%" ],
                "controls": [
                  {
                    "logo@common_csb.csb_header": {
                      "$font_scale_factor": 1.0,
                      "$font_size": "medium",
                      "offset": [ 0, -2 ]
                    }
                  }
                ]
              }
            },
            {
              "offer_panel": {
                "type": "panel",
                "size": [ "fill", "100%" ],
                "controls": [
                  {
                    "offer": {
                      "type": "label",
                      "ignored": "$pocket_screen",
                      "size": [ "100%", "default" ],
                      "max_size": [ "100%", "100%" ],
                      "anchor_from": "center",
                      "anchor_to": "center",
                      "color": "$store_white_text_color",
                      "font_scale_factor": 0.7,
                      "text": "#text",
                      "bindings": [
                        {
                          "binding_name": "#banner_label_text",
                          "binding_name_override": "#text"
                        }
                      ]
                    }
                  }
                ]
              }
            },
            {
              "learn_more_panel": {
                "type": "panel",
                "size": [ "100%c", "100%" ],
                "anchor_from": "right_middle",
                "anchor_to": "right_middle",
                "controls": [
                  {
                    "learn_more": {
                      "type": "stack_panel",
                      "orientation": "horizontal",
                      "size": [ "100%c", "100%cm" ],
                      "controls": [
                        {
                          "more": {
                            "type": "label",
                            "color": "$store_csb_gold_text_color",
                            "font_scale_factor": 0.7,
                            "text": "store.csb.banner.learnMore"
                          }
                        },
                        {
                          "more_chevron": {
                            "type": "label",
                            "color": "$store_csb_gold_text_color",
                            "font_scale_factor": 0.7,
                            "tts_skip_message": true,
                            "text": " >"
                          }
                        }
                      ]
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "animated_promo_banner_csb_button@common.button": {
    "size": [ "100%", "8.08%x" ],
    "hover_control": "hover",
    "pressed_control": "hover",
    "default_control": "default",
    "$pressed_button_name": "button.promotion_page",
    "controls": [
      {
        "default@csb_banner.animated_csb_banner_content": {
          "$banner_texture": "textures/ui/csb_animated_banner_default.png"
        }
      },
      {
        "hover@csb_banner.animated_csb_banner_content": {
          "$banner_texture": "textures/ui/csb_animated_banner_hover.png"
        }
      }
    ],
    "bindings": [
      {
        "binding_type": "$store_factory_collection_details",
        "binding_collection_name": "$store_factory_collection_name",
        "binding_collection_prefix": "$store_factory_collection_prefix"
      },
      {
        "binding_name": "#promo_page_is_ready",
        "binding_name_override": "#enabled"
      }
    ]
  },

  "animated_csb_banner_content": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "banner": {
          "type": "image",
          "layer": 1,
          "size": [ "100%", "100%" ],
          "texture": "$banner_texture",
          "uv_size": [ 396, 32 ],
          "uv": "@csb_banner.csb_banner_animation",
          "keep_ratio": true,
          "disable_anim_fast_forward": true
        }
      },
      {
        "text": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100% - 8px", "100%" ],
          "layer": 1,
          "controls": [
            {
              "logo_panel": {
                "type": "panel",
                "size": [ 125, "100%" ],
                "controls": [
                  {
                    "logo@common_csb.csb_header": {
                      "$font_scale_factor": 1.4,
                      "$font_size": "medium",
                      "offset": [ 0, -2 ]
                    }
                  }
                ]
              }
            },
            {
              "offer_panel": {
                "type": "panel",
                "size": [ "fill", "100%" ],
                "controls": [
                  {
                    "offer": {
                      "type": "label",
                      "ignored": "$pocket_screen",
                      "size": [ "100%", "default" ],
                      "max_size": [ "100%", "100%" ],
                      "anchor_from": "center",
                      "anchor_to": "center",
                      "color": "$store_white_text_color",
                      "font_scale_factor": 0.9,
                      "text": "#text",
                      "bindings": [
                        {
                          "binding_name": "#banner_label_text",
                          "binding_name_override": "#text"
                        }
                      ]
                    }
                  }
                ]
              }
            },
            {
              "learn_more_panel": {
                "type": "panel",
                "size": [ "100%c", "100%" ],
                "anchor_from": "right_middle",
                "anchor_to": "right_middle",
                "controls": [
                  {
                    "learn_more": {
                      "type": "stack_panel",
                      "orientation": "horizontal",
                      "anchor_from": "right_middle",
                      "anchor_to": "right_middle",
                      "size": [ "100%c", "100%cm" ],
                      "controls": [
                        {
                          "more": {
                            "type": "label",
                            "anchor_from": "right_middle",
                            "anchor_to": "right_middle",
                            "color": "$store_csb_gold_text_color",
                            "font_scale_factor": 0.9,
                            "text": "store.csb.banner.learnMore"
                          }
                        },
                        {
                          "more_chevron": {
                            "type": "label",
                            "anchor_from": "right_middle",
                            "anchor_to": "right_middle",
                            "color": "$store_csb_gold_text_color",
                            "font_scale_factor": 0.9,
                            "tts_skip_message": true,
                            "text": " >"
                          }
                        }
                      ]
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "csb_banner_animation": {
    "anim_type": "flip_book",
    "initial_uv": [ 0, 0 ],
    "frame_count": 30,
    "frame_step": 1,
    "fps": 10,
    "reversible": false,
    "orientation": "vertical"
  },

  "still_pixel_art_panel": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "banner": {
          "type": "image",
          "size": [ "100%", "100%" ],
          "keep_ratio": true,
          "bindings": [
            {
              "binding_type": "$store_factory_collection_details",
              "binding_collection_name": "$store_factory_collection_name",
              "binding_collection_prefix": "$store_factory_collection_prefix"
            },
            {
              "binding_name": "#fallback_texture_name",
              "binding_name_override": "#texture"
            },
            {
              "binding_name": "#fallback_texture_filepath",
              "binding_name_override": "#texture_file_system"
            }
          ]
        }
      }
    ]
  },

  "animated_pixel_art_panel": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "mygif": {
          "type": "custom",
          "renderer": "animated_gif_renderer",
          "size": [ "100%", "100%" ],
          "bindings": [
            {
              "binding_type": "$store_factory_collection_details",
              "binding_collection_name": "$store_factory_collection_name",
              "binding_collection_prefix": "$store_factory_collection_prefix"
            },
            {
              "binding_name": "#animated_texture_path",
              "binding_name_override": "#gif_path"
            }
          ]
        }
      }
    ]
  },

  "image_component_factory@csb_banner.image_asset_factory": {
    "anchor_from": "right_middle",
    "anchor_to": "right_middle",

    "$image_asset_factory_bindings": [
      {
        "binding_type": "$store_factory_collection_details",
        "binding_collection_name": "$store_factory_collection_name",
        "binding_collection_prefix": "$store_factory_collection_prefix"
      },
      {
        "binding_name": "#image_type_id",
        "binding_type": "collection",
        "binding_collection_name": "$store_factory_collection_name",
        "binding_name_override": "#collection_length"
      }
    ]
  },

  "image_asset_factory": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "$image_asset_factory_size|default": [ "100%", "100%" ],
    "size": "$image_asset_factory_size",

    "$image_asset_factory_bindings|default": [],

    "factory": {
      "name": "image_asset_factory",
      "control_ids": {
        "animated_asset": "@csb_banner.animated_pixel_art_panel",
        "still_asset": "@csb_banner.still_pixel_art_panel"
      },
      "factory_variables": [
        "$store_factory_collection_details",
        "$store_factory_collection_prefix",
        "$store_factory_collection_name",
        "$image_asset_factory_size"
      ]
    },
    "bindings": "$image_asset_factory_bindings"
  }
}