yamlform.yamlform.test_form_states_triggers.yml in YAML Form 8

tests/modules/yamlform_test/config/install/yamlform.yamlform.test_form_states_triggers.yml

File

tests/modules/yamlform_test/config/install/yamlform.yamlform.test_form_states_triggers.yml

langcode: en
status: false
dependencies:
  enforced:
    module:
      - yamlform_test
uid: null
template: false
id: test_form_states_triggers
title: 'Test: Form API #states: Triggers and Operators'
description: 'Test Drupal''s #states API triggers (empty, checked, value, and collapsed).'
elements: |
  checked:
    '#type': details
    '#title': 'Test Trigger: Checked'
    checked_trigger:
      '#type': checkbox
      '#title': 'Trigger checked'
    checked_markup:
      '#type': markup
      '#markup': 'Checked triggered'
      '#states':
        visible:
          ':input[name="checked_trigger"]':
            checked: true
  checked_multiple_and:
    '#type': details
    '#title': 'Test Trigger: Checked multiple using AND operator'
    checked_multiple_and_trigger:
      '#type': checkboxes
      '#title': 'Trigger multiple checked using AND operator'
      '#options':
        one: 'One (show)'
        two: 'Two (show)'
        three: 'Three (hide)'
    checked_multiple_and_markup:
      '#type': markup
      '#markup': 'Checked multiple triggered using AND operator'
      '#states':
        visible:
          - ':input[name="checked_multiple_and_trigger[one]"]':
              checked: true
          - ':input[name="checked_multiple_and_trigger[two]"]':
              checked: true
  checked_multiple_or:
    '#type': details
    '#title': 'Test Trigger: Checked multiple using OR operator'
    checked_multiple_or_trigger:
      '#type': checkboxes
      '#title': 'Trigger multiple checked using OR operator'
      '#options':
        one: 'One (show)'
        two: 'Two (show)'
        three: 'Three (hide)'
    checked_multiple_or_markup:
      '#type': markup
      '#markup': 'Checked multiple using OR operator triggered'
      '#states':
        visible:
          - ':input[name="checked_multiple_or_trigger[one]"]':
              checked: true
          - ':input[name="checked_multiple_or_trigger[two]"]':
              checked: true
  checked_multiple_xor:
    '#type': details
    '#title': 'Test Trigger: Checked multiple using XOR operator'
    checked_multiple_xor_trigger:
      '#type': checkboxes
      '#title': 'Trigger multiple checked using XOR operator'
      '#options':
        one: 'One (show)'
        two: 'Two (show)'
        three: 'Three (hide)'
    checked_multiple_xor_markup:
      '#type': markup
      '#markup': 'Checked multiple using XOR operator triggered'
      '#states':
        visible:
          - ':input[name="checked_multiple_xor_trigger[one]"]':
              checked: true
          - xor
          - ':input[name="checked_multiple_xor_trigger[two]"]':
              checked: true
  value:
    '#type': details
    '#title': 'Test Trigger: Value'
    '#open': true
    value_trigger:
      '#type': select
      '#title': 'Trigger value'
      '#options':
        hide: hide
        show: show
    value_markup:
      '#type': markup
      '#markup': 'Value triggered'
      '#states':
        visible:
          ':input[name="value_trigger"]':
            value: show
  filled:
    '#type': details
    '#title': 'Test Trigger: Filled'
    filled_trigger:
      '#type': textfield
      '#title': 'Trigger filled'
    filled_markup:
      '#type': markup
      '#markup': 'Filled triggered'
      '#states':
        visible:
          ':input[name="filled_trigger"]':
            filled: true
  collapsed:
    '#type': details
    '#title': 'Test Trigger: Collapsed'
    '#description': 'Below example is not working.'
    collapsed_trigger:
      '#type': details
      '#title': 'Trigger collapsed'
    collapsed_markup:
      '#type': markup
      '#markup': 'Collapsed triggered'
      '#states':
        visible:
          'details[data-yamlform-key="collapsed_trigger"]':
            collapsed: true
css: ''
javascript: ''
settings:
  page: true
  page_submit_path: ''
  page_confirm_path: ''
  form_submit_label: ''
  form_submit_attributes: {  }
  form_exception_message: ''
  form_closed_message: ''
  form_confidential: false
  form_confidential_message: ''
  form_prepopulate: false
  form_prepopulate_source_entity: false
  form_novalidate: false
  form_unsaved: false
  form_disable_back: false
  form_autofocus: false
  form_details_toggle: false
  wizard_progress_bar: true
  wizard_progress_pages: false
  wizard_progress_percentage: false
  wizard_next_button_label: ''
  wizard_next_button_attributes: {  }
  wizard_prev_button_label: ''
  wizard_prev_button_attributes: {  }
  wizard_start_label: ''
  wizard_complete: true
  wizard_complete_label: ''
  preview: 0
  preview_next_button_label: ''
  preview_next_button_attributes: {  }
  preview_prev_button_label: ''
  preview_prev_button_attributes: {  }
  preview_message: ''
  draft: false
  draft_auto_save: false
  draft_button_label: ''
  draft_button_attributes: {  }
  draft_saved_message: ''
  draft_loaded_message: ''
  confirmation_type: page
  confirmation_message: ''
  confirmation_url: ''
  confirmation_attributes: {  }
  confirmation_back: true
  confirmation_back_label: ''
  confirmation_back_attributes: {  }
  limit_total: null
  limit_total_message: ''
  limit_user: null
  limit_user_message: ''
  entity_limit_total: null
  entity_limit_user: null
  results_disabled: false
  results_disabled_ignore: false
  token_update: false
access:
  create:
    roles:
      - anonymous
      - authenticated
    users: {  }
  view_any:
    roles: {  }
    users: {  }
  update_any:
    roles: {  }
    users: {  }
  delete_any:
    roles: {  }
    users: {  }
  purge_any:
    roles: {  }
    users: {  }
  view_own:
    roles: {  }
    users: {  }
  update_own:
    roles: {  }
    users: {  }
  delete_own:
    roles: {  }
    users: {  }
handlers: {  }