@openeuropa/bcl-theme-default 0.22.0 → 0.25.0

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

@@ -26,9 +26,9 @@
           ]
         }
       ]
-    },
-    ...
+    }
   ]
+  - attributes (drupal attrs)
 #}
 
 {% set _variant = variant|default('neutral') %}

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

@@ -3,6 +3,7 @@
 {# Parameters:
   - title: (string) (default: '')
   - title_tag: (string) (default: 'h2')
+  - title_link: (link object) (default: {})
   - title_attributes (drupal attrs)
   - helper_text (string) (default: '')
   - antispam (string) (default: '')
@@ -19,14 +20,13 @@
       legend_classes: (string) (default: ''),
    },
   ],
-  [
-     ...
-  ],
-  - submit (object) (default: {}) Array of objects or object of type button
+  - submit (object) (default: {}) Button or Array of button
+  - attributes (drupal attrs)
 #}
 
 {% 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 _helper_text = helper_text|default('') %}
 {% set _items = items|default([]) %}
@@ -41,6 +41,7 @@
   {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
     title: _title,
     title_tag: _title_tag,
+    title_link: _title_link,
     attributes: _title_attributes,
   } only %}
 {% endif %}

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

@@ -2,27 +2,30 @@
 
 {#
   Parameters:
-  - "id" (string) (default: '')
-  - "input_type" (string) (default: 'text')
-  - "label" (string) (default: '')
-  - "helper_text" (string) (default: '')
-  - "helper_id" (string) (default: '')
-  - "checked" (boolean) (default: false)
-  - "disabled" (boolean) (default: false)
-  - "invalid" (boolean) (default: false)
-  - "valid" (boolean) (default: false)
-  - "invalid_feedback" (string) (default: '')
-  - "valid_feedback" (string) (default: '')
-  - "required" (boolean) (default: false)
-  - "readonly" (boolean) (default: false)
-  - "floating" (boolean) (default: false)
-  - "horizontal" (boolean) (default: false)
-  - "horizontal_class" (string) (default: col-sm-10)
-  - "hidden_label" (boolean) (default: false)
-  - "switch" (boolean) (default: false)
-  - "toggle" (boolean) (default: false)
-  - "toggle_variant" (string) (default: 'primary')
-  - "remove_wrapper" (boolean) (default: false)
+  - id (string) (default: '')
+  - input_type (string) (default: 'text')
+  - label (string) (default: '')
+  - required (boolean) (default: false)
+  - checked (boolean) (default: false)
+  - hidden_label (boolean) (default: false)
+  - disabled (boolean) (default: false)
+  - readonly (boolean) (default: false)
+  - invalid (boolean) (default: false)
+  - valid (boolean) (default: false)
+  - invalid_feedback (string) (default: '')
+  - valid_feedback (string) (default: '')
+  - floating (boolean) (default: false)
+  - helper_text (string) (default: '')
+  - helper_text_id (string) (default: '')
+  - placeholder (string) (default: '')
+  - horizontal (boolean) (default: false)
+  - horizontal_class (string) (default: col-sm-10)
+  - horizontal_label_class (string) (default: col-sm-2)
+  - switch (boolean) (default: false)
+  - toggle (boolean) (default: false)
+  - toggle_variant (string) (default: 'primary')
+  - remove_wrapper (boolean) (default: false)
+  - attributes (drupal attrs)
 #}
 
 {% set _id = id|default('') %}
@@ -48,6 +51,7 @@
 {% set _toggle = toggle|default(false) %}
 {% set _toggle_variant = toggle_variant|default('primary') %}
 {% set _remove_wrapper = remove_wrapper|default(false) %}
+
 {% set _label_block = false %}
 {% set _label_class = 'form-label' %}
 {% set _classes = ['form-control'] %}

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

@@ -2,17 +2,18 @@
 
 {#
 Parameters:
-  - "id" (string) (default: '')
-  - "title" (string) (default: '')
-  - "title_tag" (string) (default: 'h2')
-  - "title_attributes" (drupal attrs)
-  - "counter" (string) (default: '')
-  - "toggle_collapsed" (string) (default: '')
-  - "toggle_expanded" (string) (default: '')
-  - "previous_label" (string) (default: '')
-  - "next_label" (string) (default: '')
-  - "max_visible_thumbnails" (int) (default: 5)
-  - "items" (array of objects) format: [
+  - id (string) (default: '')
+  - title (string) (default: '')
+  - title_tag (string) (default: 'h2')
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
+  - counter (string) (default: '')
+  - toggle_collapsed (string) (default: '')
+  - toggle_expanded (string) (default: '')
+  - next_label (string) (default: 'Next')
+  - prev_label (string) (default: 'Previous')
+  - max_visible_thumbnails (int) (default: 5)
+  - items (array of objects) format: [
       {
         thumbnails (string) img path
         media: (string) <img> tag
@@ -21,24 +22,23 @@ Parameters:
         caption_classes (string)
         interval (integer) (default: 0)
       }
-      ...
-    ],
-  - "icon_path" (string) (default: '')
+    ]
+  - icon_path (string) (default: '')
+  - attributes (drupal attrs)
 #}
 
-{# Internal properties #}
-
 {% set _id = id|default('gallery-' ~ random(1000)) %}
 {% 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 _counter = counter|default('') %}
 {% set _toggle_collapsed = toggle_collapsed|default('') %}
 {% set _toggle_expanded = toggle_expanded|default('') %}
 {% set _next_label = next_label|default('Next') %}
 {% set _prev_label = prev_label|default('Previous') %}
-{% set _items = items|default([]) %}
 {% set _max_visible_thumbnails = max_visible_thumbnails|default(5) %}
+{% set _items = items|default([]) %}
 {% set _icon_path = icon_path|default('') %}
 
 {% set _carousel_items = [] %}
@@ -65,6 +65,7 @@ Parameters:
           {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
             title: _title,
             title_tag: _title_tag,
+            title_link: _title_link,
             attributes: _title_attributes,
           } only %}
         {% endif %}

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

@@ -0,0 +1,43 @@
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+
+{% block  content %}
+	{% include  '@oe-bcl/bcl-heading/heading.html.twig' with {
+		title: 'Description',
+		title_tag: 'h2',
+	} only %}
+
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
+	volutpat ultricies massa, a dapibus libero porta nec. Sed facilisis dictum vestibulum. 
+	Fusce commodo hendrerit diam, pretium tempus leo varius sit amet. 
+	Etiam interdum, orci at sagittis luctus, lorem libero tempus mauris, a fermentum libero 
+	orci semper lacus. Duis tristique fringilla magna, eu egestas dolor molestie non. 
+	Fusce commodo hendrerit diam, pretium tempus leo varius sit amet. 
+	Etiam interdum, orci at sagittis luctus, lorem libero tempus mauris, a fermentum libero orci semper lacus. 
+	Duis tristique fringilla magna, eu egestas dolor molestie non.</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse volutpat ultricies massa, 
+	a dapibus libero porta nec. Sed facilisis dictum vestibulum. Fusce commodo hendrerit diam, pretium tempus
+	leo varius sit amet. Etiam interdum, orci at sagittis luctus, lorem libero tempus mauris, a fermentum libero
+	orci semper lacus. Duis tristique fringilla magna, eu egestas dolor molestie non. </p>
+	<p>Lorem ipsum dolor
+	sit amet, consectetur adipiscing elit. Suspendisse volutpat ultricies massa, a dapibus libero porta nec.
+	Sed facilisis dictum vestibulum.
+	Fusce commodo hendrerit diam, pretium tempus leo varius sit amet. Etiam interdum, orci at sagittis luctus, 
+	lorem libero tempus mauris, a fermentum libero orci semper lacus. Duis tristique fringilla magna,
+	eu egestas dolor molestie non. </p>
+
+	{% include  '@oe-bcl/bcl-heading/heading.html.twig' with {
+		title: 'File Downloads',
+		title_tag: 'h2',
+		attributes: create_attribute().addClass('mt-5', 'mb-4'),
+	} only %}
+
+	{% for file in files %}
+		{% if loop.last %}
+			{% set file_classes = 'mt-4' %}
+		{% endif %}
+    <div {{ file_classes ? 'class="' ~ file_classes ~ '"' }}>
+      {% include '@oe-bcl/bcl-file/file.html.twig' with file only %}
+    </div>
+  {% endfor %}
+
+{% endblock %}

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

@@ -0,0 +1,22 @@
+{% extends '@oe-bcl/bcl-base-templates/listing-page.html.twig' %}
+
+{% block content_row %}
+	<div class="col-lg-4 col-md-6 col-12 mb-5">
+  	{% include '@oe-bcl/bcl-search-form/search-form.html.twig' with search only %}
+  </div>
+		{% 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-5 align-items-center border-bottom-md border-top-md border-gray-300 py-5">
+	    {% include '@oe-bcl/bcl-select/select.html.twig' with sortBy only %}
+	    {% include '@oe-bcl/bcl-select/select.html.twig' with itemsPerPage only %}
+	  </div>
+  </div>
+{% endblock %}
+
+{% block content_top %}
+	{% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+	  title: 'Starting with "A" (48)',
+	  title_tag: 'h2',
+	} only %}
+
+{% endblock %}

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

@@ -17,7 +17,7 @@
     {% endif %}
     {% if banner.title is not empty %}
       <div class="p-md-3-5 pt-3 bg-lighter d-md-flex n-mx-container">
-        <h2 class="mb-0 d-inline-block fw-bold">{{ banner.title }}</h2>
+        <h1 class="mb-0 d-inline-block">{{ banner.title }}</h1>
         {% if banner.actions is not empty and banner.actions is iterable %}
         <div class="d-grid d-md-block ms-auto">
           {% for _action in banner.actions %}
@@ -56,10 +56,10 @@
         </div>
       </div>
       <div class="col-md-4">
-        <h4 class="mb-3 pb-2">{{ contact.title }}</h4>
+        <h2 class="mb-3 pb-2">{{ contact.title }}</h2>
         {% if contact.profiles is not empty and contact.profiles is iterable %}
           {% for _profile in contact.profiles %}
-            {% include '@oe-bcl/bcl-user/user-view-compact.html.twig' with _profile only %}
+            {% include '@oe-bcl/bcl-user/user-compact.html.twig' with _profile only %}
           {% endfor %}
         {% endif %}
         {% if contact.more_link is not empty %}
@@ -76,14 +76,14 @@
   {% if recent is not empty and members is not empty %}
   <div class="row mt-3">
     <div class="col-md-8">
-      <h4 class="mb-4 pb-2">{{ recent.title }}</h4>
+      <h2 class="mb-4 pb-2">{{ recent.title }}</h2>
       {% include '@oe-bcl/bcl-recent-activities/recent-activities.html.twig' with recent.block_data only %}
     </div>
     <div class="col-md-4">
-      <h4 class="mt-4 mt-md-0 mb-4 pb-2">{{ members.title}}</h4>
+      <h2 class="mt-4 mt-md-0 mb-4 pb-2">{{ members.title}}</h2>
       {% if members.profiles is not empty and members.profiles is iterable %}
         {% for _profile in members.profiles %}
-          {% include '@oe-bcl/bcl-user/user-view-compact.html.twig' with _profile only %}
+          {% include '@oe-bcl/bcl-user/user-compact.html.twig' with _profile only %}
         {% endfor %}
       {% endif %}
       {% if members.more_link is not empty %}
@@ -93,7 +93,7 @@
   </div>
   {% endif %}
   {% if contributions is not empty %}
-    <h4 class="my-4 pt-3 pb-2">{{ contributions.title}}</h4>
+    <h2 class="my-4 pt-3 pb-2">{{ contributions.title}}</h2>
     {% if contributions.listing is not empty %}
       {% include '@oe-bcl/bcl-listing/listing.html.twig' with contributions.listing only %}
     {% endif %}

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

@@ -4,7 +4,7 @@
 <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">
-      <h2 class="mb-0 d-inline-block fw-bold">{{ banner.title }}</h2>
+      <h1 class="mb-0 d-inline-block">{{ banner.main_title }}</h1>
       {% if banner.actions is not empty and banner.actions is iterable %}
       <div class="d-grid d-md-block ms-auto">
         {% for _action in banner.actions %}

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

@@ -5,31 +5,33 @@
   - navbar (Navbar object) (default: {})
   - project_logo (object) (default: {})
     format: {
-        path: "",
-        alt: "",
-        classes: ""
+        path: '',
+        alt: '',
+        classes: ''
       }
-  - site_name (string) (default: "")
-  - project_link (string) (default: "")
+  - site_name (string) (default: '')
+  - project_link (string) (default: '')
   - head (Navbar object) (default: {})
   - breadcrumbs (Breadcrumbs object) (default: {})
-  - light (boolean) (default: false)
-  - modals (Array of modal objects) (default: [])
   - language_modal (object) (default: {})
+  - modals (Array of modal objects) (default: [])
+  - light (boolean) (default: false)
+  - attributes (drupal attrs)
 #}
 
 {% set _variant = variant|default('neutral') %}
 {% set _navbar = navbar|default({}) %}
 {% set _project_logo = project_logo|default({}) %}
-{% set _project_link = project_link|default('') %}
 {% set _site_name = site_name|default('') %}
-{% set _site_name_classes = 'bcl-header__site-name' %}
+{% set _project_link = project_link|default('') %}
 {% set _head = head|default({}) %}
 {% set _breadcrumbs = breadcrumbs|default({}) %}
 {% set _language_modal = language_modal|default({}) %}
 {% set _modals = modals|default([]) %}
 {% set _light = light|default(false) %}
 
+{% set _site_name_classes = 'bcl-header__site-name' %}
+
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}
 {% endif %}

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

@@ -3,40 +3,38 @@
 {# Parameters:
   - title (string) (default: '')
   - title_tag (string) (default: 'h2')
-  - path (string) (default: '')
-  - link: (object) (default: {})
+  - title_link: (link object) (default: {})
   - attributes (drupal attrs)
 #}
 
 {% set _title = title|default('') %}
-{% set _path = path|default('') %}
 {% set _title_tag = title_tag|default('h2') %}
-{% set _link = link|default({}) %}
+{% set _title_link = title_link|default({}) %}
 
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}
 {%  endif %}
 
 {% if attributes.class is empty %}
-  {% set attributes = attributes.addClass(['fw-bold', 'mb-4']) %}
+  {% set attributes = attributes.addClass(['mb-4']) %}
 {% endif %}
 
 {% set attributes = attributes.addClass(['bcl-heading']) %}
 
-{% if _link is not empty and _title is not empty and _link.label is empty %}
-  {% set _link = _link|merge({ label: _title }) %}
+{% if _title_link is not empty and _title is not empty and _title_link.label is empty %}
+  {% set _title_link = _title_link|merge({ label: _title }) %}
 {% endif %}
 
-{% if _title is not empty or _link is not empty %}
+{% if _title is not empty or _title_link is not empty %}
 <{{ _title_tag }} 
   {{- attributes -}}
 >
-{%- if _link is not empty -%}
-  {% include '@oe-bcl/bcl-link/link.html.twig' with _link only %}
+{%- if _title_link is not empty -%}
+  {% include '@oe-bcl/bcl-link/link.html.twig' with _title_link|merge({ standalone: true }) only %}
 {%- else -%}
   {{- _title -}}
 {%- endif %}
 </{{ _title_tag }}>
 {% endif -%}
 
-{% endspaceless %}
+{% endspaceless %}

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

@@ -4,9 +4,10 @@
   - name (string) (default: '')
   - path (string) (default: '')
   - size (string) (default: 's')
-    - options ["2xs", "xs", "s", "m", "l", "xl", "2xl", "fluid"]
+    - options ['2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', 'fluid']
   - transformation (string) (default: '')
-    - options ["rotate-90", "rotate-180", "rotate-270", "flip-horizontal", "flip-vertical"]
+    - options ['rotate-90', 'rotate-180', 'rotate-270', 'flip-horizontal', 'flip-vertical']
+  - attributes (drupal attrs)
 #}
 
 {% set _name = name|default('') %}

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

@@ -2,17 +2,22 @@
 
 {#
 Parameters:
-  - "title": (string) (default: '')
-  - "full_layout": (boolean) (default: false)
-  - "links": (array of link objects) (default: [])
-  - "content": (string) (default: '')
+  - title: (string) (default: '')
+  - title_tag: (string) (default: 'h3')
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
+  - links: (array of link objects) (default: [])
+  - id (string) (default: 'bcl-inpage-navigation-' random(10))
+  - attributes (drupal attrs)
 #}
 
-{# Internal properties #}
 {% 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 _links = links|default([]) %}
 {% set _content = content|default('') %}
-{% set _id = id|default('bcl-inpage-navigation-' ~ random(5)) %}
+{% set _id = id|default('bcl-inpage-navigation-' ~ random(10)) %}
 {% set _full_layout = full_layout|default(false) %}
 
 {% if attributes is empty %}
@@ -20,28 +25,20 @@ Parameters:
 {% endif %}
 
 {% set attributes = attributes.addClass(['bcl-inpage-navigation', 'position-sticky']).setAttribute('id', _id) %}
+{% set title_attributes = _title_attributes.addClass('mb-0') %}
 
-{# Print the result #}
-{% if _full_layout %}
-<div class="row">
-  <div class="col-md-3 d-none d-md-block">
-{% endif %}
-    <nav {{ attributes }}>
-      {% if _title is defined and _title is not empty %}
-        <h5>{{ _title }}</h5>
-      {% endif %}
-      {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with {
-        'pills': true,
-        'vertical': true,
-        'items': _links,
-      } only %}
-    </nav>
-{% if _full_layout %}
-  </div>
-  <div class="col-md-9">
-    {{ _content }}
-  </div>
-</div>
-{% endif %}
+<nav {{ attributes }}>
+  {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+    title: _title,
+    title_tag: _title_tag,
+    title_link: _title_link,
+    attributes: _title_attributes.addClass('mb-0'),
+  } only %}
+  {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with {
+    'pills': true,
+    'vertical': true,
+    'items': _links,
+  } only %}
+</nav>
 
 {% endspaceless %}

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

@@ -11,7 +11,7 @@
 <div class="container">
   {% if featured_section is defined %}
     <div class="my-4">
-      <h2 class="mb-4 fw-bold">{{ featured_section.title }}</h2>
+      <h2 class="mb-4">{{ featured_section.title }}</h2>
       <div class="row">
         <div class="col-12 col-md-6">
           {{ featured_section.content }}
@@ -37,7 +37,7 @@
 
   {% if activity_featured is defined %}
     <div class="my-4">
-      <h2 class="mb-4 fw-bold">{{ activity_featured.title }}</h2>
+      <h2 class="mb-4">{{ activity_featured.title }}</h2>
       <div class="row">
         <div class="col-12 col-md-6">
           {{ activity_featured.content }}

package/templates/bcl-language-list/language-list-grid.html.twig

@@ -15,8 +15,8 @@
 #}
 
 {% set _items = items|default([]) %}
-{% set _icon_path = icon_path|default('') %}
 {% set _category = category|default('') %}
+{% set _icon_path = icon_path|default('') %}
 
 {% set _columns = [] %}
 {% set _columns = _columns|merge([_items|slice(0, (items|length / 2)|round(0, 'ceil'))]) %}

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

@@ -4,14 +4,15 @@
   - label (string) (default: '')
   - path (string) (default: '#')
   - variant (string) (default: '')
-    - options ["primary", "secondary", "success", "danger", "warning", "info", "light", "dark"]
+    - options ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
   - id (string) (default: '')
   - disabled (boolean) (default: false)
-  - remove_icon_spacers (boolean) (default: false)
   - standalone (boolean) (default: false)
-  - icon (icon object) (default: {}): predefined structure for Icon component
+  - icon (icon object) (default: {})
   - icon_position (string) (default: after)
-    - options ["after", "before"]
+    - options ['after', 'before']
+  - remove_icon_spacers (boolean) (default: false)
+  - attributes (drupal attrs)
 #}
 
 {% set _label = label|default('') %}
@@ -23,6 +24,7 @@
 {% set _icon = icon|default({}) %}
 {% set _icon_position = icon_position|default('after') %}
 {% set _remove_icon_spacers = remove_icon_spacers|default(false) %}
+
 {% set _classes = [] %}
 
 {% if _icon is not empty %}

package/templates/bcl-links-block/links-block.html.twig

@@ -1,32 +1,40 @@
 {% spaceless %}
 
 {# Parameters:
-  - background: (string) (default: "gray")
-    - options ["gray", "transparent"]
-  - variant: (string) (default: "vertical")
-    - options ["vertical", "horizontal"]
-  - title: (string) (default: "")
-  - title_tag: (string) (default: "h2")
+  - title: (string) (default: '')
+  - title_tag: (string) (default: 'h2')
+  - title_link: (link object) (default: {})
   - title_attributes (drupal attrs)
+  - background: (string) (default: 'gray')
+    - options ['gray', 'transparent']
+  - variant: (string) (default: 'vertical')
+    - options ['vertical', 'horizontal']
   - links (array of link objects) (default: [])
+  - attributes (drupal attrs)
 #}
 
-{% set _background = background|default("gray") %}
-{% set _variant = variant|default("vertical") %}
-{% set _title = title|default("") %}
-{% set _title_tag = title_tag|default("h2") %}
-{% set _title_classes = ['fw-bold', 'pb-3', 'mb-3', 'border-bottom'] %}
-{% set _title_attributes = title_attributes ?: create_attribute().addClass(_title_classes) %}
+{% 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 _background = background|default('gray') %}
+{% set _variant = variant|default('vertical') %}
 {% set _links = links|default([])%}
 
+{% set _classes = ['bcl-links-block'] %}
+
+{% set _title_classes = ['pb-3', 'mb-3', 'border-bottom'] %}
+
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}
 {% endif %}
 
-{% if _background == "gray" %}
-  {% set attributes = attributes.addClass(["bg-light", "px-4", "py-3", "rounded-2"]) %}
+{% if _background == 'gray' %}
+  {% set attributes = attributes.addClass(['bg-light', 'px-4', 'py-3', 'rounded-2']) %}
 {% endif %}
 
+{% set attributes = attributes.addClass(_classes) %}
+
 <div
   {{ attributes }}
 >
@@ -34,7 +42,8 @@
     {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
       title: _title,
       title_tag: _title_tag,
-      attributes: _title_attributes,
+      title_link: _title_link,
+      attributes: _title_attributes.addClass(_title_classes),
     } only %}
   {% endif %}
   {% if _links is not empty and _links is iterable %}
@@ -47,17 +56,17 @@
         {% endif %}
         {% set _link = _link|merge({
           clean_class: true,
-          attributes: _link.attributes.addClass(["pb-3", "d-inline-block", "standalone"])
+          attributes: _link.attributes.addClass(['pb-3', 'd-inline-block', 'standalone'])
         }) %}
-        {% set _list_item_classes = "list-unstyled" %}
-        {% if _variant == "horizontal" %}
+        {% set _list_item_classes = 'list-unstyled' %}
+        {% if _variant == 'horizontal' %}
           {% set _list_item_classes = _list_item_classes ~ ' d-inline' %}
         {% endif %}
         {% if loop.last == false %}
           {% set _list_item_classes = _list_item_classes ~ ' me-4-5' %}
         {% endif %}
         <li class="{{ _list_item_classes }}">
-          {% include "@oe-bcl/bcl-link/link.html.twig" with _link only %}
+          {% include '@oe-bcl/bcl-link/link.html.twig' with _link only %}
         </li>
       {% endfor %}
     </ul>