@openeuropa/bcl-twig-templates 0.4230.202512021730 → 0.4360.202601141610

package/package.json

@@ -2,7 +2,7 @@
   "name": "@openeuropa/bcl-twig-templates",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "0.4230.202512021730",
+  "version": "0.4360.202601141610",
   "description": "OE Bcl Twig Templates",
   "publishConfig": {
     "access": "public"
@@ -11,71 +11,71 @@
     "hoistingLimits": "workspaces"
   },
   "devDependencies": {
-    "@openeuropa/bcl-accordion": "^0.4230.202512021730",
-    "@openeuropa/bcl-alert": "^0.4230.202512021730",
-    "@openeuropa/bcl-badge": "^0.4230.202512021730",
-    "@openeuropa/bcl-banner": "^0.4230.202512021730",
-    "@openeuropa/bcl-base-templates": "^0.4230.202512021730",
-    "@openeuropa/bcl-blockquote": "^0.4230.202512021730",
-    "@openeuropa/bcl-breadcrumb": "^0.4230.202512021730",
-    "@openeuropa/bcl-button": "^0.4230.202512021730",
-    "@openeuropa/bcl-button-group": "^0.4230.202512021730",
-    "@openeuropa/bcl-card": "^0.4230.202512021730",
-    "@openeuropa/bcl-card-layout": "^0.4230.202512021730",
-    "@openeuropa/bcl-carousel": "^0.4230.202512021730",
-    "@openeuropa/bcl-contact-form": "^0.4230.202512021730",
-    "@openeuropa/bcl-content-banner": "^0.4230.202512021730",
-    "@openeuropa/bcl-date-block": "^0.4230.202512021730",
-    "@openeuropa/bcl-description-list": "^0.4230.202512021730",
-    "@openeuropa/bcl-dropdown": "^0.4230.202512021730",
-    "@openeuropa/bcl-event": "^0.4230.202512021730",
-    "@openeuropa/bcl-fact-figures": "^0.4230.202512021730",
-    "@openeuropa/bcl-featured-media": "^0.4230.202512021730",
-    "@openeuropa/bcl-file": "^0.4230.202512021730",
-    "@openeuropa/bcl-footer": "^0.4230.202512021730",
-    "@openeuropa/bcl-form": "^0.4230.202512021730",
-    "@openeuropa/bcl-form-input": "^0.4230.202512021730",
-    "@openeuropa/bcl-gallery": "^0.4230.202512021730",
-    "@openeuropa/bcl-glossary": "^0.4230.202512021730",
-    "@openeuropa/bcl-group": "^0.4230.202512021730",
-    "@openeuropa/bcl-header": "^0.4230.202512021730",
-    "@openeuropa/bcl-heading": "^0.4230.202512021730",
-    "@openeuropa/bcl-icon": "^0.4230.202512021730",
-    "@openeuropa/bcl-inpage-navigation": "^0.4230.202512021730",
-    "@openeuropa/bcl-landing-page": "^0.4230.202512021730",
-    "@openeuropa/bcl-language-list": "^0.4230.202512021730",
-    "@openeuropa/bcl-language-switcher": "^0.4230.202512021730",
-    "@openeuropa/bcl-link": "^0.4230.202512021730",
-    "@openeuropa/bcl-links-block": "^0.4230.202512021730",
-    "@openeuropa/bcl-list-group": "^0.4230.202512021730",
-    "@openeuropa/bcl-listing": "^0.4230.202512021730",
-    "@openeuropa/bcl-mega-menu": "^0.4230.202512021730",
-    "@openeuropa/bcl-modal": "^0.4230.202512021730",
-    "@openeuropa/bcl-multilingual": "^0.4230.202512021730",
-    "@openeuropa/bcl-navbar": "^0.4230.202512021730",
-    "@openeuropa/bcl-navigation": "^0.4230.202512021730",
-    "@openeuropa/bcl-news": "^0.4230.202512021730",
-    "@openeuropa/bcl-offcanvas": "^0.4230.202512021730",
-    "@openeuropa/bcl-page": "^0.4230.202512021730",
-    "@openeuropa/bcl-pagination": "^0.4230.202512021730",
-    "@openeuropa/bcl-pagination-v2": "^0.4230.202512021730",
-    "@openeuropa/bcl-person": "^0.4230.202512021730",
-    "@openeuropa/bcl-placeholder": "^0.4230.202512021730",
-    "@openeuropa/bcl-progress": "^0.4230.202512021730",
-    "@openeuropa/bcl-project": "^0.4230.202512021730",
-    "@openeuropa/bcl-project-status": "^0.4230.202512021730",
-    "@openeuropa/bcl-recent-activities": "^0.4230.202512021730",
-    "@openeuropa/bcl-search": "^0.4230.202512021730",
-    "@openeuropa/bcl-search-form": "^0.4230.202512021730",
-    "@openeuropa/bcl-select": "^0.4230.202512021730",
-    "@openeuropa/bcl-spinner": "^0.4230.202512021730",
-    "@openeuropa/bcl-subscription": "^0.4230.202512021730",
-    "@openeuropa/bcl-subscription-block": "^0.4230.202512021730",
-    "@openeuropa/bcl-table": "^0.4230.202512021730",
-    "@openeuropa/bcl-textarea": "^0.4230.202512021730",
-    "@openeuropa/bcl-timeline": "^0.4230.202512021730",
-    "@openeuropa/bcl-toasts": "^0.4230.202512021730",
-    "@openeuropa/bcl-user": "^0.4230.202512021730",
+    "@openeuropa/bcl-accordion": "^0.4360.202601141610",
+    "@openeuropa/bcl-alert": "^0.4360.202601141610",
+    "@openeuropa/bcl-badge": "^0.4360.202601141610",
+    "@openeuropa/bcl-banner": "^0.4360.202601141610",
+    "@openeuropa/bcl-base-templates": "^0.4360.202601141610",
+    "@openeuropa/bcl-blockquote": "^0.4360.202601141610",
+    "@openeuropa/bcl-breadcrumb": "^0.4360.202601141610",
+    "@openeuropa/bcl-button": "^0.4360.202601141610",
+    "@openeuropa/bcl-button-group": "^0.4360.202601141610",
+    "@openeuropa/bcl-card": "^0.4360.202601141610",
+    "@openeuropa/bcl-card-layout": "^0.4360.202601141610",
+    "@openeuropa/bcl-carousel": "^0.4360.202601141610",
+    "@openeuropa/bcl-contact-form": "^0.4360.202601141610",
+    "@openeuropa/bcl-content-banner": "^0.4360.202601141610",
+    "@openeuropa/bcl-date-block": "^0.4360.202601141610",
+    "@openeuropa/bcl-description-list": "^0.4360.202601141610",
+    "@openeuropa/bcl-dropdown": "^0.4360.202601141610",
+    "@openeuropa/bcl-event": "^0.4360.202601141610",
+    "@openeuropa/bcl-fact-figures": "^0.4360.202601141610",
+    "@openeuropa/bcl-featured-media": "^0.4360.202601141610",
+    "@openeuropa/bcl-file": "^0.4360.202601141610",
+    "@openeuropa/bcl-footer": "^0.4360.202601141610",
+    "@openeuropa/bcl-form": "^0.4360.202601141610",
+    "@openeuropa/bcl-form-input": "^0.4360.202601141610",
+    "@openeuropa/bcl-gallery": "^0.4360.202601141610",
+    "@openeuropa/bcl-glossary": "^0.4360.202601141610",
+    "@openeuropa/bcl-group": "^0.4360.202601141610",
+    "@openeuropa/bcl-header": "^0.4360.202601141610",
+    "@openeuropa/bcl-heading": "^0.4360.202601141610",
+    "@openeuropa/bcl-icon": "^0.4360.202601141610",
+    "@openeuropa/bcl-inpage-navigation": "^0.4360.202601141610",
+    "@openeuropa/bcl-landing-page": "^0.4360.202601141610",
+    "@openeuropa/bcl-language-list": "^0.4360.202601141610",
+    "@openeuropa/bcl-language-switcher": "^0.4360.202601141610",
+    "@openeuropa/bcl-link": "^0.4360.202601141610",
+    "@openeuropa/bcl-links-block": "^0.4360.202601141610",
+    "@openeuropa/bcl-list-group": "^0.4360.202601141610",
+    "@openeuropa/bcl-listing": "^0.4360.202601141610",
+    "@openeuropa/bcl-mega-menu": "^0.4360.202601141610",
+    "@openeuropa/bcl-modal": "^0.4360.202601141610",
+    "@openeuropa/bcl-multilingual": "^0.4360.202601141610",
+    "@openeuropa/bcl-navbar": "^0.4360.202601141610",
+    "@openeuropa/bcl-navigation": "^0.4360.202601141610",
+    "@openeuropa/bcl-news": "^0.4360.202601141610",
+    "@openeuropa/bcl-offcanvas": "^0.4360.202601141610",
+    "@openeuropa/bcl-page": "^0.4360.202601141610",
+    "@openeuropa/bcl-pagination": "^0.4360.202601141610",
+    "@openeuropa/bcl-pagination-v2": "^0.4360.202601141610",
+    "@openeuropa/bcl-person": "^0.4360.202601141610",
+    "@openeuropa/bcl-placeholder": "^0.4360.202601141610",
+    "@openeuropa/bcl-progress": "^0.4360.202601141610",
+    "@openeuropa/bcl-project": "^0.4360.202601141610",
+    "@openeuropa/bcl-project-status": "^0.4360.202601141610",
+    "@openeuropa/bcl-recent-activities": "^0.4360.202601141610",
+    "@openeuropa/bcl-search": "^0.4360.202601141610",
+    "@openeuropa/bcl-search-form": "^0.4360.202601141610",
+    "@openeuropa/bcl-select": "^0.4360.202601141610",
+    "@openeuropa/bcl-spinner": "^0.4360.202601141610",
+    "@openeuropa/bcl-subscription": "^0.4360.202601141610",
+    "@openeuropa/bcl-subscription-block": "^0.4360.202601141610",
+    "@openeuropa/bcl-table": "^0.4360.202601141610",
+    "@openeuropa/bcl-textarea": "^0.4360.202601141610",
+    "@openeuropa/bcl-timeline": "^0.4360.202601141610",
+    "@openeuropa/bcl-toasts": "^0.4360.202601141610",
+    "@openeuropa/bcl-user": "^0.4360.202601141610",
     "copyfiles": "2.4.1",
     "rimraf": "6.0.1"
   },
@@ -98,5 +98,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "19735e328b2b53ccefbcc6829e2aaf149a2c438c"
+  "gitHead": "2caf9255f88587416f6e83e572a1f20e4cf206f5"
 }

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

@@ -20,7 +20,7 @@
   - attributes (drupal attrs)
 #}
 
-{% set _title = title|default('') %}
+{%- set _title = title|default('') %}
 {% set _title_tag = title_tag|default('h2') %}
 {% set _title_link = title_link|default({}) %}
 {% set _title_attributes = title_attributes ?: create_attribute() %}
@@ -32,16 +32,16 @@
 {% set _open_item_id = open_item_id|default(0) %}
 {% set _classes = ['accordion'] %}
 {% if _flush %}
-  {% set _classes = _classes|merge(['accordion-flush']) %}
+  {%- set _classes = _classes|merge(['accordion-flush']) %}
 {% endif %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(_classes).setAttribute('id', 'accordion-' ~ _id) %}
+{%- set attributes = attributes.addClass(_classes).setAttribute('id', 'accordion-' ~ _id) %}
 
-{% if _items is not empty %}
+{%- if _items is not empty -%}
 <div
   {{ attributes }}
 >
@@ -55,52 +55,52 @@
   {%- endif -%}
 
   {% if _items|length > 1 and (_expand_button is not empty or _collapse_button is not empty) %}
-  {% set wrapper_attributes = create_attribute().addClass(['d-flex', 'justify-content-end', 'gap-3', 'mb-3']) %}
+  {%- set wrapper_attributes = create_attribute().addClass(['d-flex', 'justify-content-end', 'gap-3', 'mb-3']) -%}
   <div
     {{ wrapper_attributes }}
     >
-    {% if _expand_button is not empty %}
-      {% if _expand_button.attributes is empty %}
-        {% set _expand_button = _expand_button|merge({
+    {%- if _expand_button is not empty %}
+      {%- if _expand_button.attributes is empty %}
+        {%- set _expand_button = _expand_button|merge({
             attributes: create_attribute()
           })
         %}
-      {% endif %}
-      {% include '@oe-bcl/bcl-button/button.html.twig' with _expand_button|merge({
+      {%- endif %}
+      {%- include '@oe-bcl/bcl-button/button.html.twig' with _expand_button|merge({
         attributes: _expand_button.attributes
                     .setAttribute('data-target', 'accordion-' ~ _id)
                     .setAttribute('data-action', 'expand')
       }) only %}
-    {% endif %}
-    {% if _collapse_button is not empty %}
-      {% if _collapse_button.attributes is empty %}
-        {% set _collapse_button = _collapse_button|merge({
+    {%- endif %}
+    {%- if _collapse_button is not empty %}
+      {%- if _collapse_button.attributes is empty %}
+        {%- set _collapse_button = _collapse_button|merge({
             attributes: create_attribute()
           })
         %}
-      {% endif %}
-      {% include '@oe-bcl/bcl-button/button.html.twig' with _collapse_button|merge({
+      {%- endif %}
+      {%- include '@oe-bcl/bcl-button/button.html.twig' with _collapse_button|merge({
         attributes: _collapse_button.attributes
                     .setAttribute('data-target', 'accordion-' ~ _id)
                     .setAttribute('data-action', 'collapse')
       }) only %}
-    {% endif %}
+    {%- endif -%}
   </div>
-  {% endif %}
+  {%- endif -%}
   <div class="accordion-items-wrapper">
-    {% for _item in _items %}
-      {% set _open_item = _open_item_id == loop.index %}
-      {% set _button_classes = ['accordion-button'] %}
-      {% if not _open_item %}
-        {% set _button_classes = _button_classes|merge(['collapsed']) %}
-      {% endif %}
+    {%- for _item in _items %}
+      {%- set _open_item = _open_item_id == loop.index %}
+      {%- set _button_classes = ['accordion-button'] %}
+      {%- if not _open_item %}
+        {%- set _button_classes = _button_classes|merge(['collapsed']) %}
+      {%- endif -%}
       <div class="accordion-item">
-        {%- set _item_title_tag = _item.title_tag|default('h2') %}
-        <{{ _item_title_tag }} 
-          class="accordion-header" 
+        {%- set _item_title_tag = _item.title_tag|default('h2') -%}
+        <{{ _item_title_tag }}
+          class="accordion-header"
           id="heading-{{ _id }}-{{ loop.index }}"
         >
-          {% set button_attributes = create_attribute()
+          {%- set button_attributes = create_attribute()
                                     .addClass(_button_classes)
                                     .setAttribute('data-bs-toggle', 'collapse')
                                     .setAttribute('autocomplete', 'off')
@@ -108,34 +108,33 @@
                                     .setAttribute('aria-controls', 'collapse-' ~ _id ~ '-' ~ loop.index)
                                     .setAttribute('aria-expanded', open_item ? 'true' : 'false')
           %}
-          {% set item_title %}
+          {%- set item_title -%}
             <span>
               {{- _item.title -}}
             </span>
-          {% endset %}
-          {% include '@oe-bcl/bcl-button/button.html.twig' with {
+          {%- endset %}
+          {%- include '@oe-bcl/bcl-button/button.html.twig' with {
             label: item_title,
             clean_class: true,
             attributes: button_attributes
-          } only %}
-        </{{ _item_title_tag }}>
+          } only -%}
+        </{{ _item_title_tag }}>{# -#}
         <div
           id="collapse-{{ _id }}-{{ loop.index }}"
           class="accordion-collapse collapse{{ _open_item ? ' show' }}"
           aria-labelledby="heading-{{ _id }}-{{ loop.index }}"
           role="region"
-        {% if not _item.stay_open and _expand_button is empty  %}
+        {% if not _item.stay_open and _expand_button is empty %}
           data-bs-parent="#accordion-{{ _id }}"
         {% endif %}
-        >
+        >{# -#}
           <div class="accordion-body">
             {%- set _content = _item.content|default('') %}
             {%- block content _content -%}
-          </div>
-        </div>
+          </div>{# -#}
+        </div>{# -#}
       </div>
-    {% endfor %}
-  </div>
+    {%- endfor -%}
+  </div>{# -#}
 </div>
-{% endif %}
-
+{%- endif -%}

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

@@ -9,7 +9,7 @@
   - attributes (drupal attrs)
 #}
 
-{% set _message = message|default('') %}
+{%- set _message = message|default('') %}
 {% set _heading = heading|default('') %}
 {% set _variant = variant|default('primary') %}
 {% set _dismissible = dismissible ?? true %}
@@ -17,7 +17,7 @@
 {% set _icon_path = icon_path|default('') %}
 {% set _icon_name = icon_name|default('') %}
 
-{% set _classes = ['alert', 'alert-' ~ _variant|e('html_attr'), 'd-flex', 'align-items-center'] %}
+{%- set _classes = ['alert', 'alert-' ~ _variant|e('html_attr'), 'd-flex', 'align-items-center'] %}
 {% set _icon_names = {
     primary: "info-circle-fill",
     secondary: "info-circle-fill",
@@ -30,36 +30,36 @@
   }
 %}
 
-{% if _dismissible %}
-  {% set _classes = _classes|merge(['alert-dismissible']) %}
+{%- if _dismissible %}
+  {%- set _classes = _classes|merge(['alert-dismissible']) %}
 {% endif %}
 {% if _animated_dismiss %}
-  {% set _classes = _classes|merge(['fade', 'show']) %}
+  {%- set _classes = _classes|merge(['fade', 'show']) %}
 {% endif %}
 
-{% set _classes = _classes|merge(['text-dark']) %}
+{%- set _classes = _classes|merge(['text-dark']) %}
 
-{% set _icon_classes = ['flex-shrink-0 me-3 mt-1 align-self-start' ] %}
+{%- set _icon_classes = ['flex-shrink-0 me-3 mt-1 align-self-start' ] %}
 
-{% if _variant != 'light' %}
-  {% set _icon_classes = _icon_classes|merge(['text-' ~ _variant]) %}
+{%- if _variant != 'light' %}
+  {%- set _icon_classes = _icon_classes|merge(['text-' ~ _variant]) %}
 {% endif %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(_classes).setAttribute('role', 'alert') %}
+{%- set attributes = attributes.addClass(_classes).setAttribute('role', 'alert') -%}
 
 <div {{ attributes }}>
-{% if _icon_path is not empty %}
-  {% include '@oe-bcl/bcl-icon/icon.html.twig' with {
+{%- if _icon_path is not empty %}
+  {%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
     name: _icon_name ?: _icon_names[_variant],
     size: 's',
     path: _icon_path,
     attributes: create_attribute().addClass(_icon_classes),
   } only %}
-{% endif %}
+{% endif -%}
   <div class="alert-content flex-grow-1">
   {%- if _heading is not empty -%}
     <div class="alert-heading h4">{{ _heading }}</div>
@@ -73,8 +73,8 @@
     type="button"
     class="btn-close"
     data-bs-dismiss="alert"
-    aria-label="Close">
-  </button>
+    aria-label="Close"
+  ></button>
 {%- endif -%}
 </div>
-
+{#--#}

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

@@ -11,7 +11,7 @@
   - attributes (drupal attrs)
 #}
 
-{% set _label = label|default('') %}
+{%- set _label = label|default('') %}
 {% set _background = background|default('primary') %}
 {% set _url = url|default('') %}
 {% set _title = title|default('') %}
@@ -22,18 +22,18 @@
 {% set _icon_path = icon_path|default('') %}
 {% set _classes = ['badge'] %}
 
-{% if _rounded_pill %}
-  {% set _classes = _classes|merge(['rounded-pill']) %}
+{%- if _rounded_pill %}
+  {%- set _classes = _classes|merge(['rounded-pill']) %}
 {% endif %}
 
-{% if _outline %}
-  {% set _classes = _classes|merge(['badge-outline-' ~ _background]) %}
+{%- if _outline %}
+  {%- set _classes = _classes|merge(['badge-outline-' ~ _background]) %}
 {% else %}
-  {% set _classes = _classes|merge(['text-bg-' ~ _background]) %}
+  {%- set _classes = _classes|merge(['text-bg-' ~ _background]) %}
 {% endif %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
 {%- if _title is not empty -%}
@@ -42,7 +42,7 @@
 
 {% set attributes = attributes.addClass(_classes) %}
 
-{% set _label %}
+{%- set _label %}
   {%- if _assistive_text is not empty -%}
   <span class="visually-hidden">
     {{- _assistive_text -}}
@@ -51,11 +51,11 @@
   {{- _label -}}
   {%- if _dismissible -%}
   <span class="icon--close" aria-hidden="true">
-    {% include '@oe-bcl/bcl-icon/icon.html.twig' with {
+    {%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
       name: "x-circle-fill",
       size: "xs",
       path: _icon_path,
-    } only %}
+    } only -%}
   </span>
   {%- endif -%}
 {% endset %}
@@ -73,4 +73,3 @@
   {{- _label -}}
 </span>
 {%- endif -%}
-

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

@@ -14,7 +14,7 @@
   - attributes (drupal attrs)
 #}
 
-{% set _title = title|default('') %}
+{%- set _title = title|default('') %}
 {% set _title_tag = title_tag|default('div') %}
 {% set _title_link = title_link|default({}) %}
 {% set _title_attributes = title_attributes ?: create_attribute() %}
@@ -27,67 +27,67 @@
 {% set _fixed_height = fixed_height ?? false %}
 {% set _content_classes = content_classes|default('') %}
 
-{% set _content_class = 'bcl-banner__content' %}
+{%- set _content_class = 'bcl-banner__content' %}
 {% if _content_classes is not empty %}
-  {% set _content_class = _content_class ~ " " ~ _content_classes %}
+  {%- set _content_class = _content_class ~ " " ~ _content_classes %}
 {% endif %}
 
-{% set _title_classes = ['display-6'] %}
+{%- set _title_classes = ['display-6'] %}
 {% if _description is not empty or _link is not empty %}
-  {% set _title_classes = _title_classes|merge(['mb-3']) %}
+  {%- set _title_classes = _title_classes|merge(['mb-3']) %}
 {% endif %}
 
-{% set _title_attributes = _title_attributes.addClass(_title_classes) %}
+{%- set _title_attributes = _title_attributes.addClass(_title_classes) %}
 
-{% set _classes = ['bcl-banner'] %}
+{%- set _classes = ['bcl-banner'] %}
 
-{% if _shade %}
-  {% set _classes = _classes|merge(['shade']) %}
+{%- if _shade %}
+  {%- set _classes = _classes|merge(['shade']) %}
 {% endif %}
 
-{% if _image and not _shade %}
-  {% set _classes = _classes|merge(['overlay']) %}
+{%- if _image and not _shade %}
+  {%- set _classes = _classes|merge(['overlay']) %}
 {% endif %}
 
-{% if _hero %}
-  {% set _classes = _classes|merge(['hero']) %}
+{%- if _hero %}
+  {%- set _classes = _classes|merge(['hero']) %}
 {% endif %}
 
-{% if _full_width %}
-  {% set _classes = _classes|merge(['full-width']) %}
+{%- if _full_width %}
+  {%- set _classes = _classes|merge(['full-width']) %}
 {% endif %}
 
-{% if _fixed_height %}
-  {% set _classes = _classes|merge(['fixed-height']) %}
+{%- if _fixed_height %}
+  {%- set _classes = _classes|merge(['fixed-height']) %}
 {% 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 _image is not empty %}
+  {%- if _image is not empty -%}
     <div class="bcl-banner__image" style="background-image:url({{ _image }})"></div>
-  {% endif %}
-  <div class="container">
+  {%- endif -%}
+  <div class="container">{# -#}
     <div class="{{ _content_class }}">
-      {% if _title is not empty %}
-        {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+      {%- if _title is not empty %}
+        {%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
           title: _title,
           title_tag: _title_tag,
           title_link: _title_link,
           attributes: _title_attributes,
         } only %}
-      {% endif %}
-    {% if _description is not empty %}
+      {%- endif %}
+    {%- if _description is not empty -%}
       <p class="mb-4">{{ _description }}</p>
-    {% endif %}
-    {% if _link.path %}
-      {% include '@oe-bcl/bcl-link/link.html.twig' with _link only %}
-    {% endif %}
-    </div>
-  </div>
+    {%- endif %}
+    {%- if _link.path %}
+      {%- include '@oe-bcl/bcl-link/link.html.twig' with _link only %}
+    {%- endif -%}
+    </div>{# -#}
+  </div>{# -#}
 </div>
-
+{#--#}