@openeuropa/bcl-theme-default 0.15.0 → 0.19.0

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

@@ -2,6 +2,7 @@
 
 {#
   Parameters:
+  - "id" (string) (default: '')
   - "label" (string) (default: '')
   - "hidden_label" (boolean) (default: false)
   - "helper_text" (string) (default: '')
@@ -18,6 +19,7 @@
 #}
 
 {% set _classes = ['form-select'] %}
+{% set _id = id|default('') %}
 {% set _disabled = disabled|default(false) %}
 {% set _options = options|default([]) %}
 {% set _aria_label = aria_label|default('') %}
@@ -55,6 +57,10 @@
   {% set attributes = attributes.setAttribute('aria-label', _aria_label) %}
 {% endif %}
 
+{% if _id is not empty %}
+  {% set attributes = attributes.setAttribute('id', _id) %}
+{% endif %}
+
 {% if _disabled %}
   {% set attributes = attributes.setAttribute('disabled', true) %}
 {% endif %}

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

@@ -81,6 +81,10 @@
   {% set _classes = _classes|merge(['table-borderless']) %}
 {% endif %}
 
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
 {% set attributes = attributes.addClass(_classes) %}
 
 {% if _table_responsive is not empty %}

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

@@ -9,7 +9,7 @@ Parameters:
     - "from": (integer) (default: items.length) Item index after which to start hiding timeline items
     - "to": (integer) (default: items.length) Item index after which to resume displaying timeline items
   - title: (string) (default: "")
-  - title_tag: (string) (default: "h4")
+  - title_tag: (string) (default: "h2")
   - "items" (array) (default: []):
     - "id": (string) (default: '')
     - "label": (string) (default: '')
@@ -22,7 +22,7 @@ Parameters:
 
 {% set _id = id|default(random(1000)) %}
 {% set _title = title|default('') %}
-{% set _title_tag = title_tag|default('h4') %}
+{% set _title_tag = title_tag|default('h2') %}
 {% set _items = items|default([]) %}
 {% set _icons_path = icons_path|default('') %}
 {% set _toggle_collapsed = toggle_collapsed|default('') %}
@@ -31,6 +31,10 @@ Parameters:
 {% set _hide_to = hide.to|default(items|length) %}
 {% set _toggler = false %}
 
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
 {% set attributes = attributes.addClass('bcl-timeline') %}
 
 {# Internal logic - Process properties #}

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

@@ -32,6 +32,10 @@
   {% set _container_classes = _container_classes ~ ' ' ~ container_classes %}
 {% endif %}
 
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
 {# wrapper #}
 {% if _with_wrapper %}
   {% set attributes = attributes.setAttribute('aria-atomic', "true") %}
@@ -82,6 +86,7 @@
     {% if _with_close %}
       {% set button_attributes = create_attribute()
                                 .addClass(['btn-close'])
+                                .setAttribute('aria-label', 'close')
                                 .setAttribute('data-bs-dismiss', 'toast')
       %}
       {%- include '@oe-bcl/bcl-button/button.html.twig' with {

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

@@ -12,7 +12,11 @@
   - infos (array of strings) (default: [])
 #}
 
-{% set attributes = create_attribute().addClass(["d-flex", "mb-3"]) %}
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(["d-flex", "mb-3"]) %}
 
 <div
   {{ attributes }}

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

@@ -12,7 +12,7 @@
     </div>
   </div>
   <div class="my-3">
-    <h4 class="fw-bold mb-4">Personal information</h4>
+    <h3 class="fw-bold mb-4">Personal information</h3>
     <div class="row">
       <div class="col-12 col-md-6">
         <div class="row">
@@ -61,7 +61,7 @@
     </div>
   </div>
   <div class="my-3">
-    <h4 class="fw-bold mb-4">Professional information</h4>
+    <h3 class="fw-bold mb-4">Professional information</h3>
     <div class="row">
       <div class="col-12 col-md-6">
         <div class="row">