langcode: en
status: true
dependencies:
  config:
    - field.field.media.image.field_media_image
    - field.field.media.svg_image.field_media_svg_image
    - image.style.canvas_parametrized_width
    - media.type.image
    - media.type.svg_image
  module:
    - file
    - media
    - media_library
    - options
  theme:
    - haven_theme
label: 'Hero side-by-side'
id: sdc.haven_theme.hero-side-by-side
source: sdc
source_local_id: 'haven_theme:hero-side-by-side'
provider: haven_theme
active_version: 7b3e4a0b87c54bc7
versioned_properties:
  active:
    settings:
      prop_field_definitions:
        hero_flex_direction_mobile:
          required: true
          field_type: list_string
          field_storage_settings:
            allowed_values_function: canvas_load_allowed_values_for_component_prop
          field_instance_settings: {  }
          field_widget: options_select
          default_value:
            -
              value: vertical
          expression: ℹ︎list_string␟value
        background:
          required: false
          field_type: list_string
          field_storage_settings:
            allowed_values_function: canvas_load_allowed_values_for_component_prop
          field_instance_settings: {  }
          field_widget: options_select
          default_value: null
          expression: ℹ︎list_string␟value
        padding:
          required: false
          field_type: boolean
          field_storage_settings: {  }
          field_instance_settings: {  }
          field_widget: boolean_checkbox
          default_value:
            -
              value: false
          expression: ℹ︎boolean␟value
        image_size:
          required: false
          field_type: list_string
          field_storage_settings:
            allowed_values_function: canvas_load_allowed_values_for_component_prop
          field_instance_settings: {  }
          field_widget: options_select
          default_value:
            -
              value: '4:3'
          expression: ℹ︎list_string␟value
        image_position:
          required: true
          field_type: list_string
          field_storage_settings:
            allowed_values_function: canvas_load_allowed_values_for_component_prop
          field_instance_settings: {  }
          field_widget: options_select
          default_value:
            -
              value: left
          expression: ℹ︎list_string␟value
        media:
          required: false
          field_type: entity_reference
          field_storage_settings:
            target_type: media
          field_instance_settings:
            handler: 'default:media'
            handler_settings:
              target_bundles:
                image: image
                svg_image: svg_image
          field_widget: media_library_widget
          default_value: {  }
          expression: 'ℹ︎entity_reference␟entity␜[␜entity:media:image␝field_media_image␞␟{src↠src_with_alternate_widths,alt↠alt,width↠width,height↠height}][␜entity:media:svg_image␝field_media_svg_image␞␟{src↠src_with_alternate_widths,alt↠alt,width↠width,height↠height}]'
    fallback_metadata:
      slot_definitions:
        hero_slot:
          title: Content
