@openeuropa/bcl-theme-joinup 1.10.0 → 1.10.2

package/package.json

@@ -2,7 +2,7 @@
   "name": "@openeuropa/bcl-theme-joinup",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "description": "OE - BCL theme joinup",
   "scripts": {
     "align-templates": "lerna --scope \"@openeuropa/bcl-twig-templates\" run prepublish",
@@ -20,18 +20,18 @@
     "update:templates": "npm-run-all -s align-templates build:copy"
   },
   "devDependencies": {
-    "@babel/core": "7.26.9",
-    "@babel/plugin-transform-runtime": "7.26.9",
-    "@babel/preset-env": "7.26.9",
-    "@babel/preset-react": "7.26.3",
+    "@babel/core": "7.27.1",
+    "@babel/plugin-transform-runtime": "7.27.1",
+    "@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.1.1",
-    "@openeuropa/bcl-bootstrap": "^1.10.0",
-    "@openeuropa/bcl-builder": "^1.10.0",
-    "@openeuropa/bcl-theme-default": "^1.10.0",
-    "@openeuropa/bcl-twig-templates": "^1.10.0",
+    "@openeuropa/bcl-bootstrap": "^1.10.2",
+    "@openeuropa/bcl-builder": "^1.10.2",
+    "@openeuropa/bcl-theme-default": "^1.10.2",
+    "@openeuropa/bcl-twig-templates": "^1.10.2",
     "@rollup/plugin-replace": "6.0.2",
     "copyfiles": "2.4.1",
     "cross-env": "7.0.3",
@@ -57,5 +57,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "f83c1567b2ce60d7ccc564820bdb29ca58a26ad0"
+  "gitHead": "d4bb50f58dd038748c618cc2f7bff2674f0b1f2a"
 }

package/src/scss/oe-bcl-joinup.scss

@@ -81,6 +81,7 @@
 @import "@openeuropa/bcl-theme-default/src/scss/spinners";
 @import "@openeuropa/bcl-theme-default/src/scss/badge";
 @import "@openeuropa/bcl-theme-default/src/scss/multiselect";
+@import "@openeuropa/bcl-theme-default/src/scss/multiselect-2";
 @import "@openeuropa/bcl-theme-default/src/scss/breadcrumb";
 @import "@openeuropa/bcl-theme-default/src/scss/banners";
 @import "@openeuropa/bcl-theme-default/src/scss/timeline";

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

@@ -6,7 +6,7 @@
   - title_tag (string) (default: 'h2')
   - title_link: (link object) (default: {})
   - title_attributes: (drupal attrs)
-  - id (int) (default: random(1000))
+  - id (int) (default: random(10000))
   - flush (boolean) (default: false)
   - items (array) (default: []): format: [
       {
@@ -26,7 +26,7 @@
 {% set _title_tag = title_tag|default('h2') %}
 {% set _title_link = title_link|default({}) %}
 {% set _title_attributes = title_attributes ?: create_attribute() %}
-{% set _id = id|default(random(1000)) %}
+{% set _id = id|default(random(10000)) %}
 {% set _flush = flush ?? false %}
 {% set _items = items|default([]) %}
 {% set _expand_button = expand_button|default({}) %}
@@ -110,8 +110,13 @@
                                     .setAttribute('aria-controls', 'collapse-' ~ _id ~ '-' ~ loop.index)
                                     .setAttribute('aria-expanded', open_item ? 'true' : 'false')
           %}
+          {% set item_title %}
+            <span>
+              {{- _item.title -}}
+            </span>
+          {% endset %}
           {% include '@oe-bcl/bcl-button/button.html.twig' with {
-            label: _item.title,
+            label: item_title,
             clean_class: true,
             attributes: button_attributes
           } only %}

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

@@ -1,7 +1,7 @@
 {% apply spaceless %}
 
 {# Parameters:
-  - id (string) (default: dropdown-random(1000))
+  - id (string) (default: dropdown-random(10000))
   - trigger (link or button)
   - link (boolean) (default: false)
   - direction (string) (default: '')

package/templates/bcl-file/file-translations.html.twig

@@ -1,7 +1,7 @@
 {% apply spaceless %}
 
 {# Parameters:
-  - id (string) (default: language-dropdown-random(1000))
+  - id (string) (default: language-dropdown-random(10000))
   - label (string) (default: '')
   - icon_path (string) (default: '')
   - items (string) (default: [])
@@ -15,7 +15,7 @@
     ]
 #}
 
-{% set _id = id|default('language-dropdown' ~ random(1000)) %}
+{% set _id = id|default('language-dropdown' ~ random(10000)) %}
 {% set _label = label|default('') %}
 {% set _icon_path = icon_path|default('') %}
 {% set _items = items|default([]) %}

package/templates/bcl-gallery/gallery-item.html.twig

@@ -30,6 +30,7 @@ Parameters:
 {% set attributes = attributes.addClass(['bcl-gallery__item', 'd-block', 'w-100', 'img-fluid'])
                               .setAttribute('data-bs-target', '#' ~ _carousel_id)
                               .setAttribute('data-bs-slide-to', _carousel_anchor)
+                              .setAttribute('tabindex', '0')
 %}
 
 <a 

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

@@ -2,7 +2,7 @@
 
 {#
 Parameters:
-  - id (string) (default: gallery-random(1000))
+  - id (string) (default: gallery-random(10000))
   - title (string) (default: '')
   - title_tag (string) (default: 'h2')
   - title_link: (link object) (default: {})
@@ -28,7 +28,7 @@ Parameters:
     carousel
 #}
 
-{% set _id = id|default('gallery-' ~ random(1000)) %}
+{% set _id = id|default('gallery-' ~ random(10000)) %}
 {% set _title = title|default('') %}
 {% set _title_tag = title_tag|default('h2') %}
 {% set _title_link = title_link|default({}) %}

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

@@ -7,8 +7,8 @@ Parameters:
   - title_link: (link object) (default: {})
   - title_attributes (drupal attrs)
   - links: (link[]) (default: [])
-  - id (string) (default: bcl-inpage-navigation-random(100))
-  - dropdown_id (string) (default: bcl-inpage-navigation-dropdown-random(100))
+  - id (string) (default: bcl-inpage-navigation-random(10000))
+  - dropdown_id (string) (default: bcl-inpage-navigation-dropdown-random(10000))
   - dynamic_active: (boolean) (default: false)
   - icon_path (string) (default: '')
   - attributes (drupal attrs)
@@ -19,9 +19,9 @@ Parameters:
 {% set _title_link = title_link|default({}) %}
 {% set _title_attributes = title_attributes ?: create_attribute() %}
 {% set _links = links|default([]) %}
-{% set _id = id|default('bcl-inpage-navigation-' ~ random(100)) %}
+{% set _id = id|default('bcl-inpage-navigation-' ~ random(10000)) %}
 {% set _icon_path = icon_path|default('') %}
-{% set _dropdown_id = dropdown_id|default('bcl-inpage-navigation-dropdown' ~ random(100)) %}
+{% set _dropdown_id = dropdown_id|default('bcl-inpage-navigation-dropdown' ~ random(10000)) %}
 {% set _dyanmic_active = dynamic_active|default(false) %}
 
 {% if attributes is empty %}
@@ -29,8 +29,8 @@ Parameters:
 {% endif %}
 
 {% set attributes = attributes.addClass(['bcl-inpage-navigation', 'position-sticky']).setAttribute('id', _id) %}
-{% set title_attributes = _title_attributes.addClass('mb-0') %}
-{% set _title_content %}
+{% set title_attributes = _title_attributes.addClass(['mb-0', 'd-none', 'd-md-block']) %}
+{% set _button_content %}
   {{ _title }}
   {%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
     name: 'chevron-down',
@@ -51,13 +51,17 @@ Parameters:
                               .setAttribute('type', 'button')
                               .setAttribute('id', _dropdown_id)
                               .setAttribute('data-bs-toggle', 'dropdown')
-                              .addClass(['dropdown-toggle']) %}
+                              .addClass(['dropdown-toggle', 'h2', 'd-md-none']) %}
+  {% include '@oe-bcl/bcl-button/button.html.twig' with {
+    label: _button_content,
+    clean_class: true,
+    attributes: trigger_attributes,
+  } only %}
   {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
-    title: _title_content,
+    title: _title,
     title_tag: _title_tag,
     title_link: _title_link,
-    attributes: _title_attributes
-                .merge(trigger_attributes),
+    attributes: _title_attributes,
   } only %}
   <div class="dropdown-menu" aria-labelledby="{{ _dropdown_id }}">
     {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with {

package/templates/bcl-language-switcher/language-switcher.html.twig

@@ -1,13 +1,13 @@
 {% apply spaceless %}
 
 {# Parameters:
-  - id (string) (default: collapse-random(1000), optional)
+  - id (string) (default: collapse-random(10000), optional)
   - message (alert object) (default: {})
   - expandable (button object) (default: {})
   - languages (link[]) (default: [])
 #}
 
-{% set _id = id|default('collapse-' ~ random(1000)) %}
+{% set _id = id|default('collapse-' ~ random(10000)) %}
 {% set _message = message|default({}) %}
 {% set _expandable = expandable|default({}) %}
 {% set _languages = languages|default([]) %}

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

@@ -3,7 +3,7 @@
 {# Parameters:
   - size (string) default('')
     options: sm, lg, xl, fullscreen
-  - id (boolean) (default: modal-random(1000))
+  - id (boolean) (default: modal-random(10000))
   - fullscreen_responsive (string) (default: '')
     options: sm, md, lg, xl, xxl
   - static_backdrop (boolean) (default: false)
@@ -23,7 +23,7 @@
 #}
 
 {% set _size =  size|default('') %}
-{% set _id = id|default('modal-' ~ random(1000)) %}
+{% set _id = id|default('modal-' ~ random(10000)) %}
 {% set _fullscreen_responsive =  fullscreen_responsive|default('') %}
 {% set _static_backdrop = static_backdrop ?? false %}
 {% set _verticaly_centered = verticaly_centered ?? false %}

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

@@ -2,7 +2,7 @@
 
 {#
 Parameters:
-  - id: (integer) (default: random(1000))
+  - id: (integer) (default: random(10000))
   - title: (string) (default: '')
   - title_tag: (string) (default: 'h2')
   - title_link: (link object) (default: {})
@@ -25,7 +25,7 @@ Parameters:
   - icon_path (string) (default: ''): file containing the svg icons
 #}
 
-{% set _id = id|default(random(1000)) %}
+{% set _id = id|default(random(10000)) %}
 {% set _title = title|default('') %}
 {% set _title_tag = title_tag|default('h2') %}
 {% set _title_link = title_link|default({}) %}