bs-collapse:
  label: Collapse
  namespace: Molecules/Bootstrap
  use: '@molecules/tm-bs/collapse/collapse.twig'
  description: A collapsible item.
  libraries:
    - collapse_lib:
        css:
          component:
            ../styles/collapse.css: {weight: 10}
  fields:
    label:
      type: text
      label: Open Label
      description: The collapse trigger.
      preview:
        faker: lorem.word
    hide_label:
      type: text
      label: Hide label
      description: The collapse trigger content to show when it is open. Leave empty to only show the label at all times.
      preview: ''
    content:
      type: text
      label: Content
      description: The collapsed content.
      preview:
        faker: lorem.paragraph
    aiid:
      type: text
      label: Item ID
      description: ID of the collapse
      preview: abc
  settings:
    toggle:
      type: select
      label: Toggle
      description: The icon used for collapse.
      options:
        sign: Sign
        chevron: Chevron
    active:
      type: boolean
      label: Active
      description: Whether the item is open or not.
      default_value: false
      preview: false
    content_first:
      type: boolean
      label: Content first
      description: Whether the content comes before the toggle or not.
      default_value: false
      preview: false
    level:
      type: select
      label: Level
      description: Block or inline (flex or inline-flex).
      default_value: block
      preview: inline
      options:
        block: Block
        inline: inline
    content_class:
      type: textfield
      label: Content class
      description: Content class
    content_attributes:
      type: attributes
      label: Content attributes
      description: Content attributes
    link_attributes:
      type: attributes
      label: Link attributes
      description: Link attributes
    link_class:
      type: textfield
      label: Link class
      description: Link class
    tag_name:
      type: textfield
      label: Tag name
      description: Tag name
      default_value: span
      preview: span
    content_fade:
      type: boolean
      label: Content fade
      description: Whether the content should fade in/out.
      default_value: false
      preview: false

  variants:
    __default:
      label: Default
      description: Default
    simple:
      label: Simple with chevron
      description: Simple with chevron
      settings:
        toggle: chevron
        level: inline
    c_sign:
      label: With sign toggle
      description: With sign toggle
      settings:
        toggle: sign
        link_class: aci-a-link
        content_class: aci-a-content
        tag_name: h3
    c_chevron:
      label: With chevron toggle
      description: With chevron toggle
      settings:
        toggle: chevron
        link_class: aci-a-link
        content_class: aci-a-content
        tag_name: h3
