@nationalarchives/frontend 0.1.46 → 0.1.48

package/nationalarchives/components/picture/template.njk

@@ -4,26 +4,26 @@
 <figure class="tna-picture {{ containerClasses | join(' ') }}" data-module="tna-picture"{% if params.informationLabelOpen %} data-informationlabelopen="{{ params.informationLabelOpen }}"{% endif %}{% if params.informationLabelClose %} data-informationlabelclose="{{ params.informationLabelClose }}"{% endif %}{% for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
   <div class="tna-picture__image-wrapper tna-background-tint">
     <picture>
-    {%- for source in params.sources -%}
+    {%- for source in params.sources %}
       <source class="tna-picture__image" media="{{ source.media }}" srcset="{{ source.src }}" width="{{ source.width }}" height="{{ source.height }}">
-    {%- endfor -%}
+    {%- endfor %}
       <img class="tna-picture__image" width="{{ params.width }}" height="{{ params.height }}" src="{{ params.src }}" alt="{{ params.alt }}" loading="lazy">
     </picture>
   </div>
-{%- if params.information -%}
+{%- if params.information %}
   <div class="tna-picture__transcript">
-  {%- if params.information | length > 1 -%}
+  {%- if params.information | length > 1 %}
     {{ tnaTabs({
       items: params.information
     }) }}
-  {%- else -%}
+  {%- else %}
     {{ params.information[0]['body'] | safe }}
-  {%- endif -%}
+  {%- endif %}
   </div>
-{%- endif -%}
-{%- if params.caption -%}
+{%- endif %}
+{%- if params.caption %}
   <figcaption class="tna-picture__caption">
       {{ params.caption | safe }}
   </figcaption>
-{%- endif -%}
+{%- endif %}
 </figure>

package/nationalarchives/components/quick-filters/template.njk

@@ -1,8 +1,8 @@
 {%- set containerClasses = [params.classes] if params.classes else [] -%}
 <ul class="tna-quick-filters{% if params.stack %} tna-quick-filters--stacked{% endif %} {{ containerClasses | join(' ') }}"{% for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
-  {%- for item in params.items -%}
+  {%- for item in params.items %}
   <li class="tna-quick-filters__item{%- if item.selected %} tna-quick-filters__item--selected{% endif %}">
     <a href="{{ item.href }}" {%- if item.title %} title="{{ item.title }}"{% endif %} class="tna-quick-filters__link">{{ item.label }}</a>
   </li>
-  {%- endfor -%}
+  {%- endfor %}
 </ul>

package/nationalarchives/components/radios/radios.njk

@@ -1,12 +1,12 @@
-{% macro tnaRadiosElement(params, extraAttributes) %}
-  <div class="tna-radios{% if params.small or params.inline %} tna-radios--small{% endif %}{% if params.inline %} tna-radios--inline{% endif %}">
-    {%- for item in params.items %}
-    <div class="tna-radios__item">
-      <input type="radio" id="{{ params.id }}-{{ item.value }}" value="{{ item.value }}" name="{{ params.name }}"{% for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}{% for attribute, value in extraAttributes %} {{ attribute }}="{{ value }}"{% endfor %}{% if params.selected and item.value === params.selected %} checked{% endif %}>
-      <label for="{{ params.id }}-{{ item.value }}" class="tna-radios__item-label">
-        {{ item.text }}
-      </label>
-    </div>
-    {%- endfor %}
+{%- macro tnaRadiosElement(params, extraAttributes) -%}
+<div class="tna-radios{% if params.small or params.inline %} tna-radios--small{% endif %}{% if params.inline %} tna-radios--inline{% endif %}">
+  {%- for item in params.items %}
+  <div class="tna-radios__item">
+    <input type="radio" id="{{ params.id }}-{{ item.value }}" value="{{ item.value }}" name="{{ params.name }}"{% for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}{% for attribute, value in extraAttributes %} {{ attribute }}="{{ value }}"{% endfor %}{% if params.selected and item.value === params.selected %} checked{% endif %}>
+    <label for="{{ params.id }}-{{ item.value }}" class="tna-radios__item-label">
+      {{ item.text }}
+    </label>
   </div>
-{% endmacro %}
+  {%- endfor %}
+</div>
+{%- endmacro %}

package/nationalarchives/components/radios/template.njk

@@ -21,6 +21,6 @@
       <span class="tna-!--visually-hidden">Error:</span> {{ params.error.text }}
     </p>
     {%- endif %}
-    {{ tnaRadiosElement(params) }}
+    {{ tnaRadiosElement(params) | indent(4) }}
   </fieldset>
 </div>

package/nationalarchives/components/tabs/template.njk

@@ -4,17 +4,17 @@
 {%- endif -%}
 <div class="tna-tabs {{ containerClasses | join(' ') }}" data-module="tna-tabs"{% for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
   <ul class="tna-tabs__list">
-  {% for item in params.items %}
+  {%- for item in params.items %}
     <li class="tna-tabs__list-item">
       <a href="#{{ item.id }}" class="tna-tabs__list-item-link" id="{{ item.id }}-tab">{{ item.title }}</a>
     </li>
-  {% endfor %}
+  {%- endfor %}
   </ul>
   <div class="tna-tabs__items">
-  {% for item in params.items %}
+  {%- for item in params.items %}
     <section id="{{ item.id }}" class="tna-tabs__item">
       {{ item.body | safe }}
     </section>
-  {% endfor %}
+  {%- endfor %}
   </div>
 </div>

package/nationalarchives/components/text-input/template.njk

@@ -22,5 +22,5 @@
     </p>
     {%- endif %}
   </div>
-  {{ tnaTextInputElement(params) }}
+  {{ tnaTextInputElement(params) | indent(4) }}
 </div>

package/nationalarchives/components/text-input/text-input.njk

@@ -1,10 +1,10 @@
-{% macro tnaTextInputElement(params, extraAttributes) %}
-  {%- set inputClasses = [params.classes] if params.classes else [] -%}
-  <input type="text" id="{{ params.id }}" class="tna-text-input{% if params.size %} tna-text-input--{{ params.size }}{% endif %} {{ inputClasses | join(' ') }}" name="{{ params.name }}" value="{{ params.value }}" spellcheck="{{ params.spellcheck if params.spellcheck else false }}"
-  {%- if params.hint or params.error %} aria-describedby="{%- if params.hint -%}{{ params.id }}-hint{%- endif %} {% if params.error -%}{{ params.id }}-error{%- endif -%}"{%- endif %}
-  {%- if params.maxLength %} maxlength="{{ params.maxLength }}"{% endif %}
-  {%- if params.autofill %} autofill="{{ params.autofill }}"{% endif %}
-  {%- if params.inputmode %} inputmode="{{ params.inputmode }}"{% endif %}
-  {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}
-  {%- for attribute, value in extraAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
-{% endmacro %}
+{%- macro tnaTextInputElement(params, extraAttributes) -%}
+{%- set inputClasses = [params.classes] if params.classes else [] -%}
+<input type="text" id="{{ params.id }}" class="tna-text-input{% if params.size %} tna-text-input--{{ params.size }}{% endif %} {{ inputClasses | join(' ') }}" name="{{ params.name }}" value="{{ params.value }}" spellcheck="{{ params.spellcheck if params.spellcheck else false }}"
+{%- if params.hint or params.error %} aria-describedby="{%- if params.hint -%}{{ params.id }}-hint{%- endif %} {% if params.error -%}{{ params.id }}-error{%- endif -%}"{%- endif %}
+{%- if params.maxLength %} maxlength="{{ params.maxLength }}"{% endif %}
+{%- if params.autofill %} autofill="{{ params.autofill }}"{% endif %}
+{%- if params.inputmode %} inputmode="{{ params.inputmode }}"{% endif %}
+{%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}
+{%- for attribute, value in extraAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+{%- endmacro %}