Chris@0: {#
Chris@0: /**
Chris@0:  * @file
Chris@0:  * Theme override for a fieldset element and its children.
Chris@0:  *
Chris@0:  * Available variables:
Chris@0:  * - attributes: HTML attributes for the fieldset element.
Chris@0:  * - errors: (optional) Any errors for this fieldset element, may not be set.
Chris@0:  * - required: Boolean indicating whether the fieldeset element is required.
Chris@0:  * - legend: The legend element containing the following properties:
Chris@0:  *   - title: Title of the fieldset, intended for use as the text of the legend.
Chris@0:  *   - attributes: HTML attributes to apply to the legend.
Chris@0:  * - description: The description element containing the following properties:
Chris@0:  *   - content: The description content of the fieldset.
Chris@0:  *   - attributes: HTML attributes to apply to the description container.
Chris@0:  * - children: The rendered child elements of the fieldset.
Chris@0:  * - prefix: The content to add before the fieldset children.
Chris@0:  * - suffix: The content to add after the fieldset children.
Chris@0:  *
Chris@0:  * @see template_preprocess_fieldset()
Chris@0:  */
Chris@0: #}
Chris@0: {%
Chris@0:   set classes = [
Chris@0:     'js-form-item',
Chris@0:     'form-item',
Chris@0:     'js-form-wrapper',
Chris@0:     'form-wrapper',
Chris@0:   ]
Chris@0: %}
Chris@0: <fieldset{{ attributes.addClass(classes) }}>
Chris@0:   {%
Chris@0:     set legend_span_classes = [
Chris@0:       'fieldset-legend',
Chris@0:       required ? 'js-form-required',
Chris@0:       required ? 'form-required',
Chris@0:     ]
Chris@0:   %}
Chris@0:   {#  Always wrap fieldset legends in a <span> for CSS positioning. #}
Chris@0:   <legend{{ legend.attributes }}>
Chris@0:     <span{{ legend_span.attributes.addClass(legend_span_classes) }}>{{ legend.title }}</span>
Chris@0:   </legend>
Chris@0:   <div class="fieldset-wrapper">
Chris@0:     {% if errors %}
Chris@0:       <div class="form-item--error-message">
Chris@0:         <strong>{{ errors }}</strong>
Chris@0:       </div>
Chris@0:     {% endif %}
Chris@0:     {% if prefix %}
Chris@0:       <span class="field-prefix">{{ prefix }}</span>
Chris@0:     {% endif %}
Chris@0:     {{ children }}
Chris@0:     {% if suffix %}
Chris@0:       <span class="field-suffix">{{ suffix }}</span>
Chris@0:     {% endif %}
Chris@0:     {% if description.content %}
Chris@0:       <div{{ description.attributes.addClass('description') }}>{{ description.content }}</div>
Chris@0:     {% endif %}
Chris@0:   </div>
Chris@0: </fieldset>