@openeuropa/bcl-twig-templates 0.4230.202512021730 → 0.4360.202601141610

package/templates/bcl-card/card.html.twig

@@ -49,8 +49,8 @@
     - card_links
 #}
 
-{% set _title = title|default('') %}
-{% set _title_tag = title_tag|default('h1') %}
+{%- set _title = title|default('') %}
+{% set _title_tag = title_tag|default('div') %}
 {% set _title_link = title_link|default({}) %}
 {% set _title_attributes = title_attributes ?: create_attribute() %}
 {% set _subtitle = subtitle|default({}) %}
@@ -75,112 +75,112 @@
 {% set _badges = badges|default([]) %}
 {% set _links = links|default([]) %}
 
-{% set _classes = ['card'] %}
+{%- set _classes = ['card'] %}
 {% if _text_color is not empty %}
-  {% set _classes = _classes|merge(['text-' ~ _text_color]) %}
+  {%- set _classes = _classes|merge(['text-' ~ _text_color]) %}
 {% endif %}
 {% if _variant is not empty %}
-  {% set _classes = _classes|merge(['text-bg-' ~ _variant]) %}
+  {%- set _classes = _classes|merge(['text-bg-' ~ _variant]) %}
 {% endif %}
 {% if _border_variant is not empty %}
-  {% set _classes = _classes|merge(['border-' ~ _border_variant]) %}
+  {%- set _classes = _classes|merge(['border-' ~ _border_variant]) %}
 {% endif %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% set _body_classes = 'card-body' %}
+{%- set _body_classes = 'card-body' %}
 {% if _extra_classes_body is not empty %}
-  {% set _body_classes = _body_classes ~ ' ' ~ _extra_classes_body %}
+  {%- set _body_classes = _body_classes ~ ' ' ~ _extra_classes_body %}
 {% endif %}
 
-{% set _header_classes = 'card-header' %}
+{%- set _header_classes = 'card-header' %}
 {% if _extra_classes_header is not empty %}
-  {% set _header_classes = _header_classes ~ ' ' ~ _extra_classes_header %}
+  {%- set _header_classes = _header_classes ~ ' ' ~ _extra_classes_header %}
 {% endif %}
 
-{% set _footer_classes = 'card-footer' %}
+{%- set _footer_classes = 'card-footer' %}
 {% if _extra_classes_footer is not empty %}
-  {% set _footer_classes = _footer_classes ~ ' ' ~ _extra_classes_footer %}
+  {%- set _footer_classes = _footer_classes ~ ' ' ~ _extra_classes_footer %}
 {% endif %}
 
-{% set _row_classes = 'row' %}
+{%- set _row_classes = 'row' %}
 {% if _horizontal_grid.gutter is not empty %}
-  {% set _row_classes = _row_classes ~ ' g-' ~ _horizontal_grid.gutter %}
+  {%- set _row_classes = _row_classes ~ ' g-' ~ _horizontal_grid.gutter %}
 {% endif %}
 
-{% set attributes = attributes.addClass(_classes) %}
+{%- set attributes = attributes.addClass(_classes) -%}
 
 <article
   {{ attributes }}
 >
-{% if _card_header is not empty %}
+{%- if _card_header is not empty -%}
   <div class='{{ _header_classes }}'>
     {{- _card_header -}}
   </div>
-{% endif %}
-{% if _horizontal %}
+{%- endif %}
+{% if _horizontal -%}
   <div class='{{ _row_classes }}'>
-{% endif %}
+{%- endif %}
 {% if _image is not empty and _image.position != 'bottom' %}
-  {% set _img_class = 'card-img-top' %}
-  {% if _image.position == 'background' %}
-    {% set _img_class = 'card-img' %}
-  {% endif %}
-  {% if _image.rounded is not empty %}
-    {% set _img_class = _img_class ~ ' rounded-' ~ _image.rounded %}
-  {% elseif _horizontal %}
-    {% if attributes.hasClass('border-0') %}
-      {% set _img_class = _img_class ~ ' rounded-1' %}
-    {% else %}
-      {% set _img_class = _img_class ~ ' rounded-0 rounded-start' %}
-    {% endif %}
-  {% elseif _card_header is not empty %}
-    {% set _img_class = _img_class ~ ' rounded-0' %}
-  {% endif %}
-  {% if _image.classes is not empty %}
-    {% set _img_class = _img_class ~ " " ~ _image.classes %}
-  {% endif %}
+  {%- set _img_class = 'card-img-top' %}
+  {%- if _image.position == 'background' %}
+    {%- set _img_class = 'card-img' %}
+  {%- endif %}
+  {%- if _image.rounded is not empty %}
+    {%- set _img_class = _img_class ~ ' rounded-' ~ _image.rounded %}
+  {%- elseif _horizontal %}
+    {%- if attributes.hasClass('border-0') %}
+      {%- set _img_class = _img_class ~ ' rounded-1' %}
+    {%- else %}
+      {%- set _img_class = _img_class ~ ' rounded-0 rounded-start' %}
+    {%- endif %}
+  {%- elseif _card_header is not empty %}
+    {%- set _img_class = _img_class ~ ' rounded-0' %}
+  {%- endif %}
+  {%- if _image.classes is not empty %}
+    {%- set _img_class = _img_class ~ " " ~ _image.classes %}
+  {%- endif %}
 {% endif %}
-{% if _horizontal and (_image is not empty or _date is not empty)  %}
-  <div class='{{ _horizontal_grid.left_col_classes  }}'>
-{% endif %}
-  {% if _date is not empty %}
-    {% block card_date %}
-      {% include '@oe-bcl/bcl-date-block/date-block.html.twig' with _date only %}
-    {% endblock %}
-  {% elseif _image is not empty and _image.position != "bottom" %}
+{% if _horizontal and (_image is not empty or _date is not empty) -%}
+  <div class='{{ _horizontal_grid.left_col_classes }}'>
+{%- endif %}
+  {%- if _date is not empty %}
+    {%- block card_date %}
+      {%- include '@oe-bcl/bcl-date-block/date-block.html.twig' with _date only %}
+    {%- endblock %}
+  {%- elseif _image is not empty and _image.position != "bottom" -%}
     <img
       src="{{ _image.path }}"
       alt="{{ _image.alt }}"
       class="{{ _img_class }}"
     >
-  {% endif %}
-{% if _horizontal and (_image is not empty or _date is not empty) %}
+  {%- endif %}
+{% if _horizontal and (_image is not empty or _date is not empty) -%}
   </div>
-{% endif %}
-{% if _image.position == 'background' %}
+{%- endif %}
+{% if _image.position == 'background' -%}
   <div class="card-img-overlay">
-{% endif %}
-{% if _horizontal %}
+{%- endif %}
+{% if _horizontal -%}
 <div class='{{ _horizontal_grid.right_col_classes }}'>
-{% endif %}
+{%- endif -%}
   <div class='{{ _body_classes }}'>
-  {% if _title is not empty %}
-    {% if _title_attributes.class is empty %}
-      {% set _title_attributes = _title_attributes.addClass('fs-4') %}
-    {% endif %}
-    {% set _title_attributes = _title_attributes.addClass('card-title') %}
-    {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+  {%- if _title is not empty %}
+    {%- if _title_attributes.class is empty %}
+      {%- set _title_attributes = _title_attributes.addClass('h4') %}
+    {%- endif %}
+    {%- set _title_attributes = _title_attributes.addClass('card-title') %}
+    {%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
       title: _title,
       title_tag: _title_tag,
       title_link: _title_link,
       attributes: _title_attributes,
     } only %}
-  {% endif %}
+  {%- endif %}
   {%- if _subtitle is not empty -%}
-    {% set _subtitle_tag = _subtitle.tag ?? 'h6' %}
+    {% set _subtitle_tag = _subtitle.tag ?? 'h6' -%}
     <{{ _subtitle_tag }}
       class='card-subtitle{{ _subtitle.classes ? ' ' ~ _subtitle.classes }}'
     >
@@ -188,7 +188,7 @@
     </{{ _subtitle_tag }}>
   {%- endif -%}
   {%- if _text is not empty -%}
-    {% set _text_tag = _text.tag ?? 'p' %}
+    {% set _text_tag = _text.tag ?? 'p' -%}
     <{{ _text_tag }}
       class='card-text{{ _text.classes ? ' ' ~ _text.classes }}'
     >
@@ -201,72 +201,72 @@
   {% block card_badges %}
     {%- if _badges is not empty and _badges is iterable -%}
       <div class="mt-2-5">
-      {% for _badge in _badges %}
-        {% if _badge.attributes is empty %}
-          {% set _badge = _badge|merge({
+      {%- for _badge in _badges %}
+        {%- if _badge.attributes is empty %}
+          {%- set _badge = _badge|merge({
             attributes: create_attribute()
           }) %}
-        {% endif %}
-        {% set _badge = _badge|merge({
+        {%- endif %}
+        {%- set _badge = _badge|merge({
             attributes: _badge.attributes.addClass('mb-2')
           })
         %}
-        {% if not loop.last %}
-          {% set _badge = _badge|merge({
+        {%- if not loop.last %}
+          {%- set _badge = _badge|merge({
               attributes: _badge.attributes.addClass('me-2')
             })
           %}
-        {% endif %}
-        {% include '@oe-bcl/bcl-badge/badge.html.twig' with _badge only %}
-        
-      {% endfor %}
+        {%- endif %}
+        {%- include '@oe-bcl/bcl-badge/badge.html.twig' with _badge only %}
+
+      {%- endfor -%}
       </div>
     {%- endif -%}
   {% endblock %}
-  {% block card_links %}
+  {%- block card_links %}
     {%- if _links is not empty and _links is iterable -%}
       <div class="mt-2-5 mb-2">
-      {% for _link in _links %}
+      {%- for _link in _links -%}
         <div class="mb-3 mb-md-0 d-block d-md-inline-block me-md-4-5">
-          {% include '@oe-bcl/bcl-link/link.html.twig' with _link only %}
+          {%- include '@oe-bcl/bcl-link/link.html.twig' with _link only -%}
         </div>
-      {% endfor %}
+      {%- endfor -%}
       </div>
     {%- endif -%}
-  {% endblock %}
+  {% endblock -%}
   </div>
-{% if _horizontal %}
+{%- if _horizontal -%}
 </div>
-{% endif %}
+{%- endif %}
 {% if _image is not empty %}
-  {% if _image.position == 'background' %}
+  {%- if _image.position == 'background' -%}
   </div>
-  {% endif %}
-  {% set _img_class = "card-img-bottom" %}
-  {% if _image.classes is not empty %}
-    {% set _img_class = _img_class ~ " " ~ _image.classes %}
-  {% endif %}
-  {% if _image.position == 'bottom' %}
-    {% if _horizontal %}
+  {%- endif %}
+  {%- set _img_class = "card-img-bottom" %}
+  {%- if _image.classes is not empty %}
+    {%- set _img_class = _img_class ~ " " ~ _image.classes %}
+  {%- endif %}
+  {%- if _image.position == 'bottom' %}
+    {%- if _horizontal -%}
     <div class="col-4">
-    {% endif %}
+    {%- endif -%}
     <img
       src="{{ _image.path }}"
       alt="{{ _image.alt }}"
       class="{{ _img_class }}"
     >
-    {% if _horizontal %}
+    {%- if _horizontal -%}
     </div>
-    {% endif %}
-  {% endif %}
+    {%- endif %}
+  {%- endif %}
 {% endif %}
-{% if _horizontal %}
+{% if _horizontal -%}
   </div>
-{% endif %}
-{% if _card_footer is not empty %}
+{%- endif %}
+{% if _card_footer is not empty -%}
   <div class="{{ _footer_classes }}">
     {{- _card_footer -}}
   </div>
-{% endif %}
+{%- endif -%}
 </article>
-
+{#--#}

package/templates/bcl-card-layout/card-layout.html.twig

@@ -18,7 +18,7 @@
     - card_layout_card
 #}
 
-{% set _type = type|default('group') %}
+{%- set _type = type|default('group') %}
 {% set _items = items|default([]) %}
 {% set _grid_columns = grid_columns|default(1) %}
 {% set _responsiveness = responsiveness|default('md') %}
@@ -27,58 +27,58 @@
 {% set _equal_height = equal_height ?? false %}
 {% set _cols_extra_classes = cols_extra_classes|default('') %}
 
-{% set _cols_classes = 'col' %}
+{%- set _cols_classes = 'col' %}
 
-{% if _cols_extra_classes is not empty %}
-  {% set _cols_classes = _cols_classes ~ ' ' ~ _cols_extra_classes %}
+{%- if _cols_extra_classes is not empty %}
+  {%- set _cols_classes = _cols_classes ~ ' ' ~ _cols_extra_classes %}
 {% endif %}
 {% if _type == 'group' %}
-  {% set _classes = ['card-group'] %}
+  {%- set _classes = ['card-group'] %}
 {% elseif type == 'grid' or type == 'masonry' %}
-  {% set _classes = ['row', 'row-cols-' ~ _grid_columns] %}
-  {% if _responsive_columns is not empty %}
-    {% set _classes = _classes|merge(['row-cols-' ~ _responsiveness ~ '-' ~ _responsive_columns]) %}
-  {% endif %}
-  {% if _gutter is not empty %}
-    {% set _classes = _classes|merge(['g-' ~ _gutter]) %}
-  {% endif %}
+  {%- set _classes = ['row', 'row-cols-' ~ _grid_columns] %}
+  {%- if _responsive_columns is not empty %}
+    {%- set _classes = _classes|merge(['row-cols-' ~ _responsiveness ~ '-' ~ _responsive_columns]) %}
+  {%- endif %}
+  {%- if _gutter is not empty %}
+    {%- set _classes = _classes|merge(['g-' ~ _gutter]) %}
+  {%- endif %}
 {% endif %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(_classes) %}
+{%- set attributes = attributes.addClass(_classes) -%}
 
 <div
   {{ attributes }}
-  {% if _type == 'masonry' %}
+  {%- if _type == 'masonry' %}
     data-masonry='{"percentPosition": true }'
   {% endif %}
 >
-{% if _items is not empty and _items is iterable %}
-  {% for _item in _items %}
-    {% if _item.attributes is empty %}
-      {% set _item = _item|merge({
+{%- if _items is not empty and _items is iterable %}
+  {%- for _item in _items %}
+    {%- if _item.attributes is empty %}
+      {%- set _item = _item|merge({
         attributes: create_attribute()
       }) %}
-    {% endif %}
-    {% if _equal_height %}
-      {% set _item = _item|merge({
+    {%- endif %}
+    {%- if _equal_height %}
+      {%- set _item = _item|merge({
           attributes: _item.attributes.addClass('h-100')
         })
       %}
-    {% endif %}
-    {% if _type == 'grid' or _type == 'masonry' %}
+    {%- endif %}
+    {%- if _type == 'grid' or _type == 'masonry' -%}
       <div class="{{ _cols_classes }}">
-    {% endif %}
-      {% block card_layout_card %}
-        {% include '@oe-bcl/bcl-card/card.html.twig' with _item only %}
-      {% endblock %}
-    {% if _type == 'grid' or _type == 'masonry' %}
+    {%- endif %}
+      {%- block card_layout_card %}
+        {%- include '@oe-bcl/bcl-card/card.html.twig' with _item only %}
+      {%- endblock %}
+    {%- if _type == 'grid' or _type == 'masonry' -%}
       </div>
-    {% endif %}
-  {% endfor %}
-{% endif %}
+    {%- endif %}
+  {%- endfor %}
+{% endif -%}
 </div>
-
+{#--#}

package/templates/bcl-carousel/carousel.html.twig

@@ -12,7 +12,7 @@
       image: (string) <img> tag
       caption (string)
       caption_classes (string)
-      caption_title (string) 
+      caption_title (string)
       interval (integer) (default: 0)
      }
    ],
@@ -26,7 +26,7 @@
   - attributes (drupal attrs)
 #}
 
-{% set _title = title|default('') %}
+{%- set _title = title|default('') %}
 {% set _title_tag = title_tag|default('h2') %}
 {% set _title_link = title_link|default({}) %}
 {% set _title_attributes = title_attributes ?: create_attribute() %}
@@ -43,36 +43,36 @@
 {% set _rounded_indicators = rounded_indicators ?? false %}
 {% set _disable_touch = disable_touch ?? false %}
 
-{% set _classes = ['carousel', 'slide'] %}
+{%- set _classes = ['carousel', 'slide'] %}
 
-{% if _fade %}
-  {% set _classes = _classes|merge(['carousel-fade']) %}
+{%- if _fade %}
+  {%- set _classes = _classes|merge(['carousel-fade']) %}
 {% endif %}
 {% if _dark %}
-  {% set _classes = _classes|merge(['carousel-dark']) %}
+  {%- set _classes = _classes|merge(['carousel-dark']) %}
 {% endif %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% if _id is not empty %}
-  {% set attributes = attributes.setAttribute('id', _id) %}
+{%- if _id is not empty %}
+  {%- set attributes = attributes.setAttribute('id', _id) %}
 {% endif %}
 
-{% if _autoplay %}
-  {% set attributes = attributes.setAttribute('data-bs-ride', 'carousel') %}
+{%- if _autoplay %}
+  {%- set attributes = attributes.setAttribute('data-bs-ride', 'carousel') %}
 {% endif %}
 
-{% if _disable_touch %}
-  {% set attributes = attributes.setAttribute('data-bs-touch', 'false') %}
+{%- if _disable_touch %}
+  {%- set attributes = attributes.setAttribute('data-bs-touch', 'false') %}
 {% endif %}
 
-{% if _rounded_indicators %}
-  {% set attributes = attributes.addClass('rounded-indicators') %}
+{%- if _rounded_indicators %}
+  {%- set attributes = attributes.addClass('rounded-indicators') %}
 {% endif %}
 
-{% set attributes = attributes.addClass(_classes) %}
+{%- set attributes = attributes.addClass(_classes) %}
 
 {%- if _title is not empty -%}
   {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
@@ -86,92 +86,92 @@
 <div
   {{ attributes }}
 >
-{% if _with_indicators %}
+{%- if _with_indicators -%}
   <div class="carousel-indicators d-none d-md-flex">
-  {% for _i in 0..(_items|length - 1) %}
-    {% set button_attributes = create_attribute()
+  {%- for _i in 0..(_items|length - 1) %}
+    {%- set button_attributes = create_attribute()
                               .setAttribute('aria-label', 'Slide ' ~ (_i + 1))
                               .setAttribute('data-bs-target', '#' ~ _id)
                               .setAttribute('data-bs-slide-to', _i)
     %}
-    {% if loop.index == _active_item %}
-      {% set button_attributes = button_attributes.setAttribute('aria-current', true).addClass(['active']) %}
-    {% endif %}
-    {% include '@oe-bcl/bcl-button/button.html.twig' with {
+    {%- if loop.index == _active_item %}
+      {%- set button_attributes = button_attributes.setAttribute('aria-current', true).addClass(['active']) %}
+    {%- endif %}
+    {%- include '@oe-bcl/bcl-button/button.html.twig' with {
       clean_class: true,
       attributes: button_attributes
     } only %}
-  {% endfor %}
+  {%- endfor -%}
   </div>
-{% endif %}
+{%- endif -%}
   <div class="carousel-inner">
-  {% if _items is not empty and _items is iterable %}
-    {% for _item in items %}
-    {% set _item_classes = 'carousel-item' %}
-    {% if loop.index == _active_item %}
-      {% set _item_classes = _item_classes ~ ' active' %}
-    {% endif %}
+  {%- if _items is not empty and _items is iterable %}
+    {%- for _item in items %}
+    {%- set _item_classes = 'carousel-item' %}
+    {%- if loop.index == _active_item %}
+      {%- set _item_classes = _item_classes ~ ' active' %}
+    {%- endif -%}
     <div
       class="{{ _item_classes }}"
     {% if _item.interval is defined %}
       data-bs-interval="{{ _item.interval }}"
     {% endif %}
     >
-    {% if _item.image is defined and _item.image is not empty %}
-      {{ _item.image }}
-    {% endif %}
-    {% if (_item.caption is defined and _item.caption is not empty) or (_item.link is defined and _item.link is not empty) or (_item.caption_title is defined and _item.caption_title is not empty) %}
-      {% set _caption_classes = 'carousel-caption' %}
-      {% if _item.caption is not empty and _item.link is empty %}
-        {% set _caption_classes = _caption_classes ~ ' d-none d-md-block' %}
-      {% endif %}
+    {%- if _item.image is defined and _item.image is not empty %}
+      {{- _item.image }}
+    {%- endif %}
+    {%- if (_item.caption is defined and _item.caption is not empty) or (_item.link is defined and _item.link is not empty) or (_item.caption_title is defined and _item.caption_title is not empty) %}
+      {%- set _caption_classes = 'carousel-caption' %}
+      {%- if _item.caption is not empty and _item.link is empty %}
+        {%- set _caption_classes = _caption_classes ~ ' d-none d-md-block' %}
+      {%- endif -%}
       <div
         class="{{ _caption_classes }}"
       >
-        {% if _item.caption is not empty or _item.caption_title is not empty %}
-          {% if _item.caption_classes is defined and _item.caption_classes is not empty %}
+        {%- if _item.caption is not empty or _item.caption_title is not empty %}
+          {%- if _item.caption_classes is defined and _item.caption_classes is not empty -%}
             <div class="{{ _item.caption_classes }}">
-          {% endif %}
-          {% if _item.caption_title is not empty %}
+          {%- endif %}
+          {%- if _item.caption_title is not empty -%}
             <div class="fs-5">{{ _item.caption_title }}</div>
-          {% endif %}
+          {%- endif %}
             {{- _item.caption -}}
-          {% if _item.caption_classes is defined and _item.caption_classes is not empty %}
+          {% if _item.caption_classes is defined and _item.caption_classes is not empty -%}
             </div>
-          {% endif %}
-        {% endif %}
-        {% if _item.link is defined and _item.link is not empty %}
-          {% include '@oe-bcl/bcl-link/link.html.twig' with _item.link only %}
-        {% endif %}
+          {%- endif %}
+        {%- endif %}
+        {%- if _item.link is defined and _item.link is not empty %}
+          {%- include '@oe-bcl/bcl-link/link.html.twig' with _item.link only %}
+        {%- endif -%}
       </div>
-    {% endif %}
+    {%- endif -%}
     </div>
-    {% endfor %}
-  {% endif %}
+    {%- endfor %}
+  {%- endif -%}
   </div>
-{% if _with_controls %}
+{%- if _with_controls -%}
   <button
     class="carousel-control-prev"
     type="button"
     data-bs-target="#{{ _id }}"
     data-bs-slide="prev"
-  >
+  >{# -#}
     <span class="carousel-control-prev-icon"></span>
-  {% if _prev_label is not empty %}
+  {%- if _prev_label is not empty -%}
     <span class="visually-hidden">{{ _prev_label }}</span>
-  {% endif %}
-  </button>
+  {%- endif -%}
+  </button>{# -#}
   <button
     class="carousel-control-next"
     type="button"
     data-bs-target="#{{ _id }}"
     data-bs-slide="next"
-  >
+  >{# -#}
     <span class="carousel-control-next-icon"></span>
-  {% if _next_label is not empty %}
+  {%- if _next_label is not empty -%}
     <span class="visually-hidden">{{ _next_label }}</span>
-  {% endif %}
+  {%- endif -%}
   </button>
-{% endif %}
+{%- endif -%}
 </div>
-
+{#--#}

package/templates/bcl-contact-form/contact-form.html.twig

@@ -1,5 +1,5 @@
 {% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
 
 {%- block content %}
-  {% include '@oe-bcl/bcl-form/form.html.twig' with form only %}
+  {%- include '@oe-bcl/bcl-form/form.html.twig' with form only %}
 {%- endblock -%}