name: vitec/featured-content
group: vitec_custom_components
prefixFields: true
prefixType: vendor

fields:
  # ──────────────────────────────────────────────────────────────────────
  - identifier: tab_content
    type: Tab
    label: Content

  - identifier: header_section
    type: Palette
    label: Header
    fields:
      - identifier: header
        useExistingField: true
        required: true
      - type: Linebreak
      - identifier: header_layout
        useExistingField: true
      - identifier: header_position
        useExistingField: true
      - identifier: date
        useExistingField: true
      - type: Linebreak
      - identifier: header_link
        useExistingField: true
      - type: Linebreak
      - identifier: subheader
        useExistingField: true

  - identifier: bodytext
    useExistingField: true
    enableRichtext: true

  - identifier: cta
    type: Link
    allowedTypes:
      - page
      - url
      - file
      - email

  - identifier: cta_label
    type: Text
    default: 'Learn more'
    max: 30

  - identifier: Vitec/ButtonStyle
    type: Basic

  - identifier: featured_layout
    type: Select
    renderType: selectSingle
    default: text_left
    items:
      - label: Text left, media right
        value: text_left
      - label: Text right, media left
        value: text_right

  # ──────────────────────────────────────────────────────────────────────
  - identifier: tab_media
    type: Tab
    label: Media

  - identifier: featured_image
    type: File
    minitems: 0
    maxitems: 1
    allowed: common-image-types
    extendedPalette: true

  - identifier: featured_video
    type: File
    minitems: 0
    maxitems: 1
    allowed: mp4,webm,ogv,mov,m4v

  - identifier: featured_video_poster
    type: File
    minitems: 0
    maxitems: 1
    allowed: common-image-types

  - identifier: featured_video_autoplay
    type: Checkbox
    default: 0

  - identifier: featured_video_loop
    type: Checkbox
    default: 0

  - identifier: featured_video_muted
    type: Checkbox
    default: 1

  # ──────────────────────────────────────────────────────────────────────
  - identifier: tab_overlay
    type: Tab
    label: Overlay

  - identifier: overlay_color
    type: Color
    valuePicker:
      items:
        - label: 'VITEC Blue'
          value: '#26358C'

  - identifier: overlay_opacity
    type: Number
    format: decimal
    default: 0.4
    range:
      lower: 0
      upper: 1
    slider:
      step: 0.05
      width: 200

  # Horizontal position, not a vertical one: this element is wide rather than
  # tall, so the overlay runs across the width. 0 = gradient starts at the very
  # left edge (overlay covers everything from there), 100 = it starts at the
  # right edge. Which side is covered follows featured_layout, so the text side
  # stays readable.
  - identifier: overlay_gradient_start
    type: Number
    default: 50
    range:
      lower: 0
      upper: 100
    slider:
      step: 1
      width: 300