@openeuropa/bcl-theme-default 0.4230.202512021730 → 0.4360.202601141610

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

@@ -21,7 +21,7 @@
   - attributes (drupal attrs)
 #}
 
-{% set _label = label|default('') %}
+{%- set _label = label|default('') %}
 {% set _variant = variant|default('primary') %}
 {% set _size = size|default('md') %}
 {% set _type = type|default('button') %}
@@ -38,58 +38,58 @@
 {% set _clean_class = clean_class ?? false %}
 {% set _remove_icon_spacers = remove_icon_spacers ?? false %}
 
-{% set _classes = [] %}
+{%- set _classes = [] %}
 {% if _clean_class == false %}
-  {% set _classes = _classes|merge(['btn', 'btn-' ~ (_outline ? 'outline-' : '') ~ _variant|e('html_attr')]) %}
-  {% set _classes = _classes|merge(['btn-' ~ _size|e('html_attr')]) %}
+  {%- set _classes = _classes|merge(['btn', 'btn-' ~ (_outline ? 'outline-' : '') ~ _variant|e('html_attr')]) %}
+  {%- set _classes = _classes|merge(['btn-' ~ _size|e('html_attr')]) %}
 {% endif %}
 {% if _text_nowrap %}
-  {% set _classes = _classes|merge(['text-nowrap']) %}
+  {%- set _classes = _classes|merge(['text-nowrap']) %}
 {% endif %}
 {% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 {% if _disabled %}
-  {% set attributes = attributes.setAttribute('disabled', true).setAttribute('aria-disabled', 'true') %}
+  {%- set attributes = attributes.setAttribute('disabled', true).setAttribute('aria-disabled', 'true') %}
 {% endif %}
 {% if _id is not empty %}
-  {% set attributes = attributes.setAttribute('id', _id) %}
+  {%- set attributes = attributes.setAttribute('id', _id) %}
 {% endif %}
 {% if _classes is not empty %}
-  {% set attributes = attributes.addClass(_classes) %}
+  {%- set attributes = attributes.addClass(_classes) %}
 {% endif %}
 {% if _icon_spacing is not empty %}
-  {% set _icon_spacing = _icon_spacing ~ '-' %}
+  {%- set _icon_spacing = _icon_spacing ~ '-' %}
 {% endif %}
 {% set attributes = attributes.setAttribute('type', _type) %}
 {% if _icon is not empty %}
-    {% set _icon = _icon|merge({
+    {%- set _icon = _icon|merge({
         size: "fluid",
       })
     %}
-  {% if _label is not empty and not _remove_icon_spacers %}
-    {% if _icon.attributes is empty %}
-      {% set _icon = _icon|merge({
+  {%- if _label is not empty and not _remove_icon_spacers %}
+    {%- if _icon.attributes is empty %}
+      {%- set _icon = _icon|merge({
           attributes: create_attribute()
         })
       %}
-    {% endif %}
-    {% if _icon_position == 'before' %}
-      {% set _icon = _icon|merge({
+    {%- endif %}
+    {%- if _icon_position == 'before' %}
+      {%- set _icon = _icon|merge({
           attributes: _icon.attributes.addClass('me-' ~ _icon_spacing ~ '2-5')
         })
       %}
-    {% else %}
-      {% set _icon = _icon|merge({
+    {%- else %}
+      {%- set _icon = _icon|merge({
           attributes: _icon.attributes.addClass('ms-' ~ _icon_spacing ~ '2-5')
         })
       %}
-    {% endif %}
-  {% endif %}
+    {%- endif %}
+  {%- endif %}
   {%- set _icon_markup -%}
     {%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon only -%}
   {%- endset -%}
-{% endif %}
+{% endif -%}
 
 <button
   {{ attributes }}
@@ -99,7 +99,7 @@
 {%- endif -%}
 {%- if _assistive_text is not empty -%}
   <span class="visually-hidden">{{- _assistive_text -}}</span>
-{% endif %}
+{%- endif %}
 {%- if _icon_position == 'before' and _icon_markup is defined -%}
   {{ _icon_markup|raw }}
 {%- endif -%}
@@ -108,4 +108,4 @@
   {{ _icon_markup|raw }}
 {%- endif -%}
 </button>
-
+{#--#}

package/templates/bcl-button-group/button-group.html.twig

@@ -9,56 +9,55 @@
   - attributes (drupal attrs)
 #}
 
-{% set _vertical = vertical ?? false %}
+{%- set _vertical = vertical ?? false %}
 {% set _size = size|default('md') %}
 {% set _aria_label = aria_label|default('') %}
 {% set _toolbar = toolbar ?? false %}
 {% set _toolbar_aria_label = toolbar_aria_label|default('') %}
 {% set _items = items|default([]) %}
 
-{% set _classes = ['btn-group'] %}
+{%- set _classes = ['btn-group'] %}
 
-{% if _vertical %}
-  {% set _classes = ['btn-group-vertical'] %}
+{%- if _vertical %}
+  {%- set _classes = ['btn-group-vertical'] %}
 {% endif %}
 
-{% set _classes = _classes|merge(['btn-group-' ~ _size]) %}
+{%- set _classes = _classes|merge(['btn-group-' ~ _size]) %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% if _aria_label is not empty %}
-  {% set attributes = attributes.setAttribute('aria-label', _aria_label) %}
+{%- if _aria_label is not empty %}
+  {%- set attributes = attributes.setAttribute('aria-label', _aria_label) %}
 {% endif %}
 
-{% set attributes = attributes.setAttribute('role', 'group').addClass(_classes) %}
+{%- set attributes = attributes.setAttribute('role', 'group').addClass(_classes) %}
 
-{% if _toolbar %}
+{%- if _toolbar -%}
   <div class="btn-toolbar" role="toolbar"
   {% if _toolbar_aria_label is not empty %}
     aria-label="{{ _toolbar_aria_label }}"
   {% endif %}
   >
-{% endif %}
+{%- endif %}
 {% if _items is not empty %}
-  {% for _items_group in _items %}
+  {%- for _items_group in _items -%}
     <div
       {{ attributes }}
     >
-    {% if _items_group is not empty and _items_group is iterable %}
-      {% for _item in _items_group %}
-        {% if _item.input is defined %}
-          {% include '@oe-bcl/bcl-form-input/form-input.html.twig' with _item only %}
-        {% else %}
-          {% include '@oe-bcl/bcl-button/button.html.twig' with _item only %}
-        {% endif %}
-      {% endfor %}
-    {% endif %}
+    {%- if _items_group is not empty and _items_group is iterable %}
+      {%- for _item in _items_group %}
+        {%- if _item.input is defined %}
+          {%- include '@oe-bcl/bcl-form-input/form-input.html.twig' with _item only %}
+        {%- else %}
+          {%- include '@oe-bcl/bcl-button/button.html.twig' with _item only %}
+        {%- endif %}
+      {%- endfor %}
+    {%- endif -%}
     </div>
-  {% endfor %}
+  {%- endfor %}
 {% endif %}
-{% if _toolbar %}
+{% if _toolbar -%}
   </div>
-{% endif %}
-
+{%- endif -%}

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>
-
+{#--#}