@openeuropa/bcl-theme-joinup 0.3821.202510100015 → 0.3880.202510091030

package/package.json

@@ -2,7 +2,7 @@
   "name": "@openeuropa/bcl-theme-joinup",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "0.3821.202510100015",
+  "version": "0.3880.202510091030",
   "description": "OE - BCL theme joinup",
   "scripts": {
     "align-templates": "lerna --scope \"@openeuropa/bcl-twig-templates\" run prepublish",
@@ -20,23 +20,23 @@
     "update:templates": "npm-run-all -s align-templates build:copy"
   },
   "devDependencies": {
-    "@babel/core": "7.28.4",
-    "@babel/plugin-transform-runtime": "7.28.3",
-    "@babel/preset-env": "7.28.3",
+    "@babel/core": "7.27.4",
+    "@babel/plugin-transform-runtime": "7.27.4",
+    "@babel/preset-env": "7.27.2",
     "@babel/preset-react": "7.27.1",
     "@ecl/resources-ec-logo": "3.7.1",
     "@ecl/resources-eu-logo": "3.7.1",
     "@ecl/resources-flag-icons": "3.7.1",
-    "@fontsource/roboto": "5.2.8",
-    "@openeuropa/bcl-bootstrap": "^0.3821.202510100015",
-    "@openeuropa/bcl-builder": "^0.3821.202510100015",
-    "@openeuropa/bcl-theme-default": "^0.3821.202510100015",
-    "@openeuropa/bcl-twig-templates": "^0.3821.202510100015",
+    "@fontsource/roboto": "5.1.1",
+    "@openeuropa/bcl-bootstrap": "^0.3880.202510091030",
+    "@openeuropa/bcl-builder": "^0.3880.202510091030",
+    "@openeuropa/bcl-theme-default": "^0.3880.202510091030",
+    "@openeuropa/bcl-twig-templates": "^0.3880.202510091030",
     "@rollup/plugin-replace": "6.0.2",
     "copyfiles": "2.4.1",
-    "cross-env": "10.1.0",
+    "cross-env": "7.0.3",
     "flag-icons": "6.9.2",
-    "glob": "11.0.3",
+    "glob": "11.0.1",
     "npm-run-all": "4.1.5",
     "slim-select": "1.27.1"
   },
@@ -57,5 +57,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "6a890344c1b3fed3b4f049080c3e30cc55b42b9d"
+  "gitHead": "eb2325d947a08af67abe26062ee1229a008581af"
 }

package/templates/bcl-base-templates/listing-page.html.twig

@@ -8,16 +8,20 @@
   - pagination (object) (default: {})
   - sidebar (object) (default: '')
 #}
-{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
 
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
+
+{% set _title = title|default('') %}
+{% set _title_tag = title_tag|default('h2') %}
+{% set _title_link = title_link|default({}) %}
+{% set _title_attributes = title_attributes ?: create_attribute() %}
 {% set _listing = listing|default({}) %}
+{% set _pagination = pagination|default({}) %}
+{% set _sidebar = sidebar|default({}) %}
+
+{% set _title_attributes = _title_attributes ?: create_attribute() %}
 
-{%- block content_top %}
-  {% set _title = title|default('') %}
-  {% set _title_tag = title_tag|default('h2') %}
-  {% set _title_link = title_link|default({}) %}
-  {% set _title_attributes = title_attributes ?: create_attribute() %}
-  {% set _title_attributes = _title_attributes ?: create_attribute() %}
+{% block content_top %}
 {% if filter_button %}
   {% include '@oe-bcl/bcl-button/button.html.twig' with filter_button only %}
 {% endif %}
@@ -25,7 +29,7 @@
     <div class="col-md-6 col-lg-8 align-self-center">
       {% if _title is not empty %}
         {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
-          title: _title ~ ' (' ~ (_listing.items|length) ~ ')',
+          title: _title ~ ' (' ~ listing.items.length ~ ')',
           title_tag: _title_tag,
           title_link: _title_link,
           attributes: _title_attributes.addClass(['mb-0', 'text-capitalize']),
@@ -50,23 +54,21 @@
     </div>
   </div>
   <hr class="d-none d-md-block mb-4-75"/>
-{%- endblock -%}
+{% endblock %}
 
-{%- block content %}
+{% block content %}
   {% if _listing is not empty %}
     {% include '@oe-bcl/bcl-listing/listing.html.twig' with  _listing only %}
   {% endif %}
-{%- endblock -%}
+{% endblock %}
 
-{%- block content_bottom %}
-  {% set _pagination = pagination|default({}) %}
+{% block content_bottom %}
   {% if _pagination is not empty %}
     <hr class="d-none d-md-block mt-4-5">
     {% include '@oe-bcl/bcl-pagination/pagination.html.twig' with _pagination only %}
   {% endif %}
-{%- endblock -%}
+{% endblock %}
 
-{%- block sidebar %}
-  {% set _sidebar = sidebar|default({}) %}
+{% block sidebar %}
   {% include '@oe-bcl/bcl-base-templates/sidebar-search.html.twig' with _sidebar only %}
-{%- endblock -%}
+{% endblock %}

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

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

package/templates/bcl-content-banner/content-banner.html.twig

@@ -92,9 +92,6 @@
 {% if _date is not empty %}
   {% set _left_col_classes = 'bcl-card-start-col' %}
   {% set _right_col_classes = 'col-12 col-md col-xxl-9' %}
-  {% if _image is empty %}
-    {% set _body_classes = 'pt-4 pt-md-0 px-0 px-md-1-5 pb-0' %}
-  {% endif %}
 {% endif %}
 {% if _image is empty and _date is empty %}
   {% set _right_col_classes = 'col-lg-10 col-xl-9 col-xxl-8' %}

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

@@ -42,7 +42,6 @@
 {% set _alignment = alignment|default('') %}
 {% set _dark = dark ?? false %}
 {% set _remove_wrapper = remove_wrapper ?? false %}
-{% set _inside_navigation = inside_navigation ?? false %}
 {% set _items = items|default([]) %}
 
 {% set _class = 'dropdown' %}
@@ -76,18 +75,14 @@
                       .setAttribute('id', _id)
 }) %}
 
-{% if not _inside_navigation %}
-  {% if _link %}
-    {% set _trigger = _trigger|merge({
-      attributes: _trigger.attributes.setAttribute('role', 'button') 
-    }) %}
-  {% else %}
-    {% set _trigger = _trigger|merge({
-      attributes: _trigger.attributes.setAttribute('autocomplete', 'off') 
-    }) %}
-  {% endif %}
+{% if _link %}
+  {% set _trigger = _trigger|merge({
+    attributes: _trigger.attributes.setAttribute('role', 'button') 
+  }) %}
 {% else %}
-  {% set attributes = attributes.setAttribute('aria-hidden', 'true').setAttribute('role', 'presentation') %}
+  {% set _trigger = _trigger|merge({
+    attributes: _trigger.attributes.setAttribute('autocomplete', 'off') 
+  }) %}
 {% endif %}
 
 {% if not _remove_wrapper %}

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

@@ -1,10 +1,10 @@
-{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
 
-{%- block sidebar %}
+{% block sidebar %}
   {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
-{%- endblock -%}
+{% endblock %}
 
-{%- block content %}
+{% block content %}
   {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with details_list only %}
 
   <h2 id="item-1" class="my-4">Description</h2>
@@ -21,4 +21,4 @@
   <h2 id="item-2" class="my-4">Related documents</h2>
   {% include '@oe-bcl/bcl-file/file.html.twig' with files[0] only %}
   {% include '@oe-bcl/bcl-file/file.html.twig' with files[1] only %}
-{%- endblock -%}
+{% endblock %}

package/templates/bcl-glossary/glossary-detail.html.twig

@@ -1,6 +1,6 @@
-{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
 
-{%- block  content %}
+{% block  content %}
 	{% include  '@oe-bcl/bcl-heading/heading.html.twig' with {
 		title: 'Description',
 		title_tag: 'h2',
@@ -38,5 +38,6 @@
     <div {{ file_classes ? 'class="' ~ file_classes ~ '"' }}>
       {% include '@oe-bcl/bcl-file/file.html.twig' with file only %}
     </div>
-	{% endfor %}
-{%- endblock -%}
+  {% endfor %}
+
+{% endblock %}

package/templates/bcl-glossary/glossary-listing.html.twig

@@ -1,6 +1,6 @@
-{% extends '@oe-bcl/bcl-base-templates/listing-page.html.twig' -%}
+{% extends '@oe-bcl/bcl-base-templates/listing-page.html.twig' %}
 
-{%- block content_row %}
+{% block content_row %}
 		{% include '@oe-bcl/bcl-pagination/pagination.html.twig' with glossary only %}
 	<div class="col-12">
 	  <div class="d-md-flex justify-content-end mb-md-4-75 align-items-center border-bottom-md border-top-md border-gray-300 py-3">
@@ -8,12 +8,12 @@
 	    {% include '@oe-bcl/bcl-select/select.html.twig' with itemsPerPage only %}
 	  </div>
   </div>
-{%- endblock -%}
+{% endblock %}
 
-{%- block content_top %}
+{% block content_top %}
 	{% include '@oe-bcl/bcl-heading/heading.html.twig' with {
 	  title: 'Starting with "A" (48)',
 	  title_tag: 'h2',
 	} only %}
 
-{%- endblock -%}
+{% endblock %}

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

@@ -1,6 +1,6 @@
-{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
 
-{%- block banner %}
+{% block banner %}
 <div class="container">
   {% if banner is not empty %}
   <div class="mt-4 mt-md-5">
@@ -70,9 +70,9 @@
   </div>
   {% endif %}
 </div>
-{%- endblock -%}
+{% endblock %}
 
-{%- block content %}
+{% block content %}
   {% if recent is not empty and members is not empty %}
   <div class="row mt-3">
     <div class="col-md-8">
@@ -98,4 +98,4 @@
       {% include '@oe-bcl/bcl-listing/listing.html.twig' with contributions.listing only %}
     {% endif %}
   {% endif %}
-{%- endblock -%}
+{% endblock %}

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

@@ -1,6 +1,6 @@
-{% extends "@oe-bcl/bcl-base-templates/listing-page.html.twig" -%}
+{% extends "@oe-bcl/bcl-base-templates/listing-page.html.twig" %}
 
-{%- block banner %}
+{% block banner %}
 <div class="container mt-4 mt-md-5">
   <div class="col-xxl-11">
     <div class="p-md-3-5 pt-3 bg-lighter d-md-flex n-mx-container">
@@ -24,4 +24,4 @@
   {% endif %}
   </div>
 </div>
-{%- endblock -%}
+{% endblock %}

package/templates/bcl-landing-page/landing-page.html.twig

@@ -1,11 +1,13 @@
-{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
 
-{%- block banner %}
+{% block banner %}
   {% if banner is defined %}
     {% include '@oe-bcl/bcl-banner/banner.html.twig' with banner only %}
   {% endif %}
-{%- endblock -%}
-{%- block content %}
+{% endblock %}
+
+{% block content %}
+
 <div class="container">
   {% if featured_section is defined %}
     <div class="my-4">
@@ -53,4 +55,5 @@
     </div>
   {% endif %}
 </div>
-{%- endblock -%}
+
+{% endblock %}

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

@@ -14,7 +14,10 @@
   - body (block) (default: '')
   - footer (block) (default: '')
   - attributes (drupal attrs)
-  
+  - header_attributes (drupal attrs)
+  - body_attributes (drupal attrs)
+  - footer_attributes (drupal attrs)
+
   Blocks
     - header
     - messages
@@ -29,9 +32,12 @@
 {% set _verticaly_centered = verticaly_centered ?? false %}
 {% set _scrollable = scrollable ?? false %}
 {% set _header = header|default('') %}
+{% set _header_attributes = header_attributes ?: create_attribute() %}
 {% set _messages = messages|default('') %}
 {% set _body = body|default('') %}
+{% set _body_attributes = body_attributes ?: create_attribute() %}
 {% set _footer = footer|default('') %}
+{% set _footer_attributes = footer_attributes ?: create_attribute() %}
 
 {% set _classes = ['modal', 'fade'] %}
 
@@ -62,16 +68,22 @@
   >
     <div class="modal-content">
       {% if header is not empty %}
-      <div class="modal-header">
+      <div
+        {{- _header_attributes.addClass(['modal-header']) -}}
+      >
         {%- block header _header -%}
       </div>
       {% endif %}
       {%- block messages _messages -%}
-      <div class="modal-body">
+      <div
+          {{- _body_attributes.addClass(['modal-body']) -}}
+      >
         {%- block body _body -%}
       </div>
       {% if footer is not empty %}
-      <div class="modal-footer">
+      <div
+          {{- _footer_attributes.addClass(['modal-footer']) -}}
+      >
         {%- block footer _footer -%}
       </div>
       {% endif %}

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

@@ -121,14 +121,6 @@
           %}
         {% endif %}
         {% if _item.dropdown is defined %}
-            {% if _tabs %}
-              {% set _item = _item|merge({
-                inside_navigation: true,
-                trigger: _item.trigger|merge({
-                  attributes: _item.trigger.attributes.setAttribute("role", "tab"),
-                }),
-              }) %}
-            {% endif %}
           {% include '@oe-bcl/bcl-dropdown/dropdown.html.twig' with _item only %}
         {% elseif _item.button is defined %}
           {% include '@oe-bcl/bcl-button/button.html.twig' with _item only %}

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

@@ -1,10 +1,10 @@
-{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
 
-{%- block sidebar %}
+{% block sidebar %}
   {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
-{%- endblock -%}
+{% endblock %}
 
-{%- block content %}
+{% block content %}
   <p id="content">{{ get_dummy_text(6) }}
   </p>
   <h2 id="item-1" class="my-4">Section 1</h2>
@@ -42,4 +42,4 @@
 
   {% include '@oe-bcl/bcl-file/file.html.twig' with files[0] only %}
   {% include '@oe-bcl/bcl-file/file.html.twig' with files[1] only %}
-{%- endblock -%}
+{% endblock %}

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

@@ -1,10 +1,10 @@
-{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
 
-{%- block sidebar %}
+{% block sidebar %}
   {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
-{%- endblock -%}
+{% endblock %}
 
-{%- block content %}
+{% block content %}
   {% if information.main_title is not empty %}
     <h2
       class="mb-4"
@@ -26,4 +26,4 @@
       {% include '@oe-bcl/bcl-file/file.html.twig' with file only %}
     {% endfor %}
   {% endif %}
-{%- endblock -%}
+{% endblock %}

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

@@ -1,10 +1,10 @@
-{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
 
-{%- block sidebar %}
+{% block sidebar %}
   {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
-{%- endblock -%}
+{% endblock %}
 
-{%- block content %}
+{% block content %}
   {% if project_status is not empty %}
     {% if project_status_title is not empty %}
       {% set _project_title_attributes = create_attribute().addClass(['mb-4']) %}
@@ -62,11 +62,11 @@
   {% endif %}
 
   {% if social_block is not empty %}
-    {%- block social_block %}
+    {% block social_block %}
       {{ social_buttons }}
       {% include '@oe-bcl/bcl-button/button.html.twig' with button_social_modal only %}
       {% include '@oe-bcl/bcl-modal/modal.html.twig' with social_modal only %}
-    {%- endblock -%}
+    {% endblock %}
   {% endif %}
 
-{%- endblock -%}
+{% endblock %}

package/templates/bcl-project-status/project-contributions.html.twig

@@ -28,7 +28,7 @@
 <div {{ attributes }}>
   <div class="row">
 
-  {% if _chart %}
+  {% if _chart is not empty %}
     <div class="bcl-project-contributions-chart col-5 col-md-3">
     {% block project_status_contrib_chart %}
       <div class="circular-progress" data-percentage="{{ _corporate_contributions }}">

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

@@ -1,6 +1,6 @@
-{% extends "@oe-bcl/bcl-base-templates/listing-page.html.twig" -%}
+{% extends "@oe-bcl/bcl-base-templates/listing-page.html.twig" %}
 
-{%- block banner %}
+{% block banner %}
 {% if banner.search_bar is defined %}
   <div class="bg-lighter pt-3 pb-4 pb-lg-3">
     <div class="container">
@@ -19,4 +19,4 @@
     </div>
   </div>
 {% endif %}
-{%- endblock -%}
+{% endblock %}

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

@@ -1,10 +1,10 @@
-{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
 
-{%- block sidebar %}
+{% block sidebar %}
   {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
-{%- endblock -%}
+{% endblock %}
 
-{%- block content_bottom %}
+{% block content_bottom %}
   {% include '@oe-bcl/bcl-subscription-block/subscription-block.html.twig' with subscription only %}
   {% include '@oe-bcl/bcl-subscription/subscription-modal.html.twig' with modal only %}
-{%- endblock -%}
+{% endblock %}

package/templates/bcl-toast/toasts.html.twig

@@ -10,6 +10,11 @@
   - toasts (object[]) format: [
     {
       - body (string) (default: '')
+      - body_attributes (drupal attrs)
+      - header (string) (default: '')
+      - header_attributes (drupal attrs)
+      - button_attributes (drupal attrs)
+      - custom_content (string) (default: '')
       - role (string) (default: 'alert')
       - with_close (boolean) (default: true)
       - autohide (boolean) (default: false)
@@ -66,6 +71,9 @@
     {% set _with_body_wrapper = _toast.with_body_wrapper ?? false %}
     {% set _body_wrapper_classes = _toast.body_wrapper_classes|default('') %}
     {% set _toast_attributes = _toast.attributes ?: create_attribute() %}
+    {% set _body_attributes = _toast.body_attributes ?: create_attribute() %}
+    {% set _header_attributes = _toast.header_attributes ?: create_attribute() %}
+    {% set _button_attributes = _toast.button_attributes ?: create_attribute() %}
     {% set _toast_attributes =  _toast_attributes.addClass(_classes).setAttribute('aria-atomic', 'true') %}
     {% if _aria_live is not empty %}
       {% set _toast_attributes = _toast_attributes.setAttribute('aria-live', _aria_live) %}
@@ -82,16 +90,16 @@
     {% if _with_close or
       (_toast.header is defined and _toast.header is not empty)
     %}
-    <div class="toast-header">
+    <div{{ _header_attributes.addClass(['toast-header']) }}>
     {{- _toast.header|default('') -}}
     {% if _with_close %}
-      {% set button_attributes = create_attribute()
+      {% set _button_attributes = _button_attributes
                                 .addClass(['btn-close'])
                                 .setAttribute('aria-label', 'close')
                                 .setAttribute('data-bs-dismiss', 'toast')
       %}
       {%- include '@oe-bcl/bcl-button/button.html.twig' with {
-        attributes: button_attributes,
+        attributes: _button_attributes,
         clean_class: true
       } only -%}
     {% endif %}
@@ -104,12 +112,13 @@
     {% endif %}
     >
   {% endif %}
-    <div class="toast-body">
+    <div{{ _body_attributes.addClass(['toast-body']) }}>
       {{- _body -}}
     </div>
   {% if _with_body_wrapper %}
     </div>
   {% endif %}
+  {{- _toast.custom_content|default('') -}}
   </div>
   {% endfor %}
 {% endif %}

package/templates/bcl-user/user-terms.html.twig

@@ -1,6 +1,6 @@
-{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
 
-{%- block content %}
+{% block content %}
   {{ get_dummy_text(4, true) }}
   <ul class="mb-4-5">
     <li>{{ get_dummy_text() }}</li>
@@ -8,4 +8,4 @@
     <li>{{ get_dummy_text() }}</li>
   </ul>
   {% include '@oe-bcl/bcl-form/form.html.twig' with terms_form only %}
-{%- endblock -%}
+{% endblock %}

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

@@ -1,6 +1,6 @@
-{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
 
-{%- block content %}
+{% block content %}
   {% include "@oe-bcl/bcl-navigation/navigation.html.twig" with navigation only %}
   <div class="tab-content">
     <div class="tab-pane fade show active" id="view" role="tabpanel" aria-labelledby="view-tab">
@@ -134,4 +134,4 @@
       {% include '@oe-bcl/bcl-form/form.html.twig' with cancel.form only %}
     </div>
   </div>
-{%- endblock -%}
+{% endblock %}