@openeuropa/bcl-theme-default 0.21.0 → 0.23.1

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

@@ -1,21 +1,27 @@
 {% spaceless %}
 
 {# Parameters:
+  - 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"]
-  - title: (string) (default: "")
-  - title_tag: (string) (default: "h2")
   - links (array of link objects) (default: [])
 #}
 
-{% set _background = background|default("gray") %}
-{% set _variant = variant|default("vertical") %}
 {% 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 _title_classes = ['pb-3', 'mb-3', 'border-bottom'] %}
+
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}
 {% endif %}
@@ -28,8 +34,12 @@
   {{ attributes }}
 >
   {% if _title is not empty %}
-    {% set _title_classes = 'fw-bold pb-3 mb-3 border-bottom' %}
-    <{{ _title_tag }} class="{{ _title_classes }}">{{ _title }}</{{ _title_tag }}>
+    {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+      title: _title,
+      title_tag: _title_tag,
+      title_link: _title_link,
+      attributes: _title_attributes.addClass(_title_classes),
+    } only %}
   {% endif %}
   {% if _links is not empty and _links is iterable %}
     <ul class="ps-0 mb-0">

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

@@ -1,20 +1,24 @@
 {% spaceless %}
 
 {# Parameters:
-  - variant: (string) (default: "horizontal") options:
-  [ default-1-col, highlight-1-col, default-2-col, default-3-col, highlight-2-col, highlight-3-col ]
   - title: (string) (default: "")
   - title_tag: (string) (default: "h2")
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
+  - variant: (string) (default: "horizontal") options:
+  [ default-1-col, highlight-1-col, default-2-col, default-3-col, highlight-2-col, highlight-3-col ]
   - items: (array of objects of type card)
   - link: (object of type link)
   - alignment: (string) (default: '') options:
   ['start', 'end', 'center', 'baseline', 'stretch']
 #}
 
-{% set _items = items|default([]) %}
-{% set _variant = variant|default('default-1-col') %}
 {% 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 _items = items|default([]) %}
+{% set _variant = variant|default('default-1-col') %}
 {% set _alignment = alignment|default('') %}
 {% set _link = link|default({}) %}
 {% set _classes = ['bcl-listing', 'bcl-listing--' ~ _variant] %}
@@ -35,10 +39,12 @@
 <div {{ attributes }}>
 
 {% if _title is not empty %}
-  {% set _title_classes = 'fw-bold mb-4' %}
-  <{{ _title_tag }} class="{{ _title_classes }}">
-    {{- _title -}}
-  </{{ _title_tag }}>
+  {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+    title: _title,
+    title_tag: _title_tag,
+    title_link: _title_link,
+    title_attributes: _title_attributes,
+  } only %}
 {% endif %}
 
 {% if _items is not empty %}
@@ -63,6 +69,10 @@
     {% endif %}
     {% set _card_classes = [] %}
     {% set _card_attributes = card.attributes ? card.attributes : create_attribute() %}
+    {% set _card_title_attributes = card.title_attributes ? card.title_attributes : create_attribute() %}
+    {% set _card = _card|merge({
+      title_attributes: _card_title_attributes.addClass(['fs-5'])
+    }) %}
 
     {% if _variant == 'default-1-col' %}
       {% set _card_classes = [

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

@@ -37,6 +37,10 @@
                     .addClass(_classes)
 %}
 
+{% if _static_backdrop %}
+  {% set attributes = attributes.setAttribute('data-bs-backdrop', 'static') %}
+{% endif %}
+
 <div
   {{ attributes }}
 >
@@ -45,7 +49,6 @@
   {{- _fullscreen_responsive ? ' modal-fullscreen-' ~ _fullscreen_responsive ~ '-down' -}}
   {{- _verticaly_centered ? ' modal-dialog-centered' -}}
   {{- _scrollable ? ' modal-dialog-scrollable' -}}"
-  {{- _static_backdrop ? ' data-bs-backdrop="static"' -}}
   >
     <div class="modal-content">
       {% if header is not empty %}

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

@@ -1,12 +1,10 @@
 {% spaceless %}
 
 {# Parameters:
-  - title (object) (default: {}) format: {
-      label (string)
-      id (string) (default: '')
-      heading (string) (1, 2, 3, 4, 5, 6)
-      extra_classes(string) (default: '')
-    }
+  - title: (string) (default: "")
+  - title_tag: (string) (default: "h3")
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
   - placement (string) (default: '') (start, end, top, bottom)
   - id (string) (default: '')
   - body (string) (default: '')
@@ -18,7 +16,10 @@
   - extra_classes_close (string) (default: '')
 #}
 
-{% set _title = title|default({}) %}
+{% set _title = title|default('') %}
+{% set _title_tag = title_tag|default('h3') %}
+{% set _title_link = title_link|default({}) %}
+{% set _title_attributes = title_attributes ?: create_attribute() %}
 {% set _body = body|default('') %}
 {% set _with_close = with_close ?? true %}
 {% set _with_backdrop = with_backdrop ?? true %}
@@ -66,19 +67,15 @@
 <div
   {{ attributes }}
 >
-{% if _with_close or
-  (_title.label is defined and _title.label is not empty)
-%}
+{% if _with_close or _title is not empty %}
   <div class="{{ _class_header }}">
-  {% if _title.label is defined and _title.label is not empty %}
-    <h{{ _title.heading|default(5) }}
-      class="{{ 'offcanvas-title' ~ (_title.extra_classes ? ' ' ~ _title.extra_classes : '') }}"
-    {% if _title.id is defined and _title.id is not empty %}
-      id="{{ _title.id }}"
-    {% endif %}
-    >
-      {{- _title.label -}}
-    </h{{ _title.heading|default(5) }}>
+  {% 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.addClass(['offcanvas-title']),
+    } only %}
   {% endif %}
   {% if _with_close %}
     {% set button_attributes = create_attribute()

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

@@ -11,7 +11,7 @@
   Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
   sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
   </p>
-  <h3 id="item-1" class="fw-bold my-4">Section 1</h3>
+  <h2 id="item-1" class="my-4">Section 1</h2>
   {% if featured_item %}
     {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with featured_item only %}
   {% endif %}
@@ -24,7 +24,7 @@
     {% include '@oe-bcl/bcl-listing/listing.html.twig' with listing only %}
   {% endif %}
 
-  <h3 id="item-2" class="fw-bold my-4">Section 2</h3>
+  <h2 id="item-2" class="my-4">Section 2</h2>
 
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
   a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
@@ -50,7 +50,7 @@
   sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
   </p>
 
-  <h3 id="item-3" class="fw-bold my-4">Section 3</h3>
+  <h2 id="item-3" class="my-4">Section 3</h2>
 
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
   a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,

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

@@ -5,10 +5,10 @@
 {% endblock %}
 
 {% block content %}
-  {% if social_media.main_title is not empty %}
-    <h3
-      class="fw-bold mb-4"
-    >{{- social_media.main_title -}}</h3>
+  {# {% if social_media.main_title is not empty %}
+    <h2
+      class="mb-4"
+    >{{- social_media.main_title -}}</h2>
   {% endif %}
   {% if social_media.links is defined and social_media.links is not empty %}
     <div class="mb-4-5">
@@ -16,12 +16,12 @@
       {% include '@oe-bcl/bcl-link/link.html.twig' with link only %}
     {% endfor %}
     </div>
-  {% endif %}
+  {% endif %} #}
 
   {% if information.main_title is not empty %}
-    <h3
-      class="fw-bold mb-4"
-    >{{- information.main_title -}}</h3>
+    <h2
+      class="mb-4"
+    >{{- information.main_title -}}</h2>
   {% endif %}
   {% if information.content is not empty %}
     <div class="mb-4-5">
@@ -30,9 +30,9 @@
   {% endif %} 
 
   {% if files.main_title is not empty %}
-    <h3
-      class="fw-bold mb-4"
-    >{{- files.main_title -}}</h3>
+    <h2
+      class="mb-4"
+    >{{- files.main_title -}}</h2>
   {% endif %}
   {% if files.listing is defined and files.listing is not empty %}
     <div class="mb-4-5">

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

@@ -33,6 +33,9 @@
 {% if _variant is not empty %}
   {% set _classes = _classes ~ ' bg-' ~ _variant %}
 {% endif %}
+{% if _variant == 'light' %}
+  {% set _classes = _classes ~ ' text-dark' %}
+{% endif %}
 
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}

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

@@ -0,0 +1,70 @@
+{% spaceless %}
+
+
+{#
+  Parameters:
+  - title (heading object) (default: {})
+  - items (array) (default: [])
+    {
+      title: (heading object),
+      content: [
+        description list object
+      ]
+    }
+#}
+
+{% 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 _items = items|default([]) %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set _title_classes = ['my-4-5'] %}
+{% set _title_attributes = _title_attributes.addClass(_title_classes) %}
+
+<div
+  {{ attributes }}
+>
+{% 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 _items is defined and _items is not empty %}
+  {% for _item in _items %}
+    {% if _item.title is not empty %}
+      {% set _item_title_attributes = _item.title_attributes ?: create_attribute() %}
+      {% set _item_title_attributes = _item_title_attributes.addClass(['mb-3']) %}
+      {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+        title: _item.title,
+        title_tag: _item.title_tag|default('h3'),
+        title_link: _item.title_link|default({}),
+        attributes: _item_title_attributes,
+      } only %}
+    {% endif %}
+    {% for _list in _item.content %}
+      {% if _list.attributes is empty %}
+        {% set _list = _list|merge({
+          attributes: create_attribute()
+        }) %}
+      {% endif %}
+      {% if not loop.last %}
+        {% set _list = _list|merge({
+            attributes: _list.attributes.addClass(['border-bottom', 'pb-3'])
+          })
+        %}
+      {% endif %}
+      {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with _list only %}
+    {% endfor %}
+  {% endfor %}
+{% endif %}
+</div>
+
+{% endspaceless %}

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

@@ -5,99 +5,74 @@
 {% endblock %}
 
 {% block content %}
-
-  {% if project_status.main_title is not empty %}
-    <h3
-      class="fw-bold mb-4"
-      {% if project_status.main_title_id is not empty %}
-      id="{{ project_status.main_title_id }}"
-      {% endif %}
-    >{{- project_status.main_title -}}</h3>
+  {% if project_status_title is not empty %}
+    {% set _project_title_attributes = create_attribute().addClass(['mb-4']) %}
+    {% if project_status_id is not empty %}
+      {% set _project_title_attributes = _project_title_attributes.setAttribute('id', project_status_id) %}
+    {% endif %}
+    {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+      title: project_status_title,
+      title_tag: 'h2',
+      attributes: _project_title_attributes,
+    } only %}
   {% endif %}
-  {% include '@oe-bcl/bcl-project-status/project-status.html.twig' with project_status %}
-
-  {% if status_lists.main_title is not empty %}
-    <h3
-      class="fw-bold my-4"
-      {% if status_lists.main_title_id is not empty %}
-      id="{{ status_lists.main_title_id }}"
-      {% endif %}
-    >{{- status_lists.main_title -}}</h3>
+  {% if project_status is not empty %}
+    {% include '@oe-bcl/bcl-project-status/project-status.html.twig' with project_status %}
   {% endif %}
-  {% if status_lists.listing is defined and status_lists.listing is not empty %}
-    {% for lists in status_lists.listing %}
-      {% if lists.title is not empty %}
-      <h4 class="fw-bold mb-3">{{ lists.title }}</h4>
-      {% endif %}
-      {% for list in lists.content %}
-        {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with list only %}
-      {% endfor %}
-    {% endfor %}
+  {% if project_contributions is not empty %}
+    {% include '@oe-bcl/bcl-project-status/project-contributions.html.twig' with project_contributions %}
   {% endif %}
 
-  {% if first_paragraphs is defined and first_paragraphs is not empty %}
-    {% for paragraph in first_paragraphs %}
-        <h3
-          class="fw-bold mb-4 pt-3"
-          id="{{ paragraph.title_id }}"
-        >
-          {{- paragraph.title -}}
-        </h3>
+  {% if status_lists is not empty %}
+    {% include '@oe-bcl/bcl-project/project-lists.html.twig' with status_lists only %}
+  {% endif %}
 
-      {{- paragraph.content -}}
+  {% if first_paragraphs is defined and first_paragraphs is not empty %}
+    {% for _paragraph in first_paragraphs %}
+      {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+        title: _paragraph.title,
+        title_tag: 'h2',
+        attributes: create_attribute().addClass(['mb-4', 'pt-3'])
+                                      .setAttribute('id', _paragraph.title_id),
+      } only %}
+      {{- _paragraph.content -}}
     {% endfor %}
   {% endif %}
 
-  {% if content_lists.main_title is not empty %}
-    <h3
-      class="fw-bold my-4"
-      {% if content_lists.main_title_id is not empty %}
-      id="{{ content_lists.main_title_id }}"
-      {% endif %}
-    >{{- content_lists.main_title -}}</h3>
+  {% if featured_lists is not empty %}
+    {% include '@oe-bcl/bcl-project/project-lists.html.twig' with featured_lists only %}
   {% endif %}
-  {% if content_lists.listing is defined and content_lists.listing is not empty %}
-    {% for lists in content_lists.listing %}
-      {% if lists.title is not empty %}
-      <h4 class="fw-bold mb-3">{{ lists.title }}</h4>
-      {% endif %}
-      {% for list in lists.content %}
-        {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with list only %}
-      {% endfor %}
-    {% endfor %}
+
+  {% if content_lists is not empty %}
+    {% include '@oe-bcl/bcl-project/project-lists.html.twig' with content_lists only %}
   {% endif %}
 
   {% if second_paragraphs is defined and second_paragraphs is not empty %}
-    {% for paragraph in second_paragraphs %}
-      <h3
-        class="fw-bold mb-4 pt-2"
-        id="{{ paragraph.title_id }}"
-      >
-        {{- paragraph.title -}}
-      </h3>
-      {{- paragraph.content -}}
+    {% for _paragraph in second_paragraphs %}
+      {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+        title: _paragraph.title,
+        title_tag: 'h2',
+        attributes: create_attribute().addClass(['mb-4', 'pt-3'])
+                                      .setAttribute('id', _paragraph.title_id),
+      } only %}
+      {{- _paragraph.content -}}
     {% endfor %}
   {% endif %}
 
   {% if gallery.main_title is not empty %}
-    <h3
-      class="fw-bold my-4"
-      {% if gallery.main_title_id is not empty %}
-      id="{{ gallery.main_title_id }}"
-      {% endif %}
-    >{{- gallery.main_title -}}</h3>
+    {% set _gallery_title_attributes = create_attribute().addClass(['my-4']) %}
+    {% if gallery.main_title_id is not empty %}
+      {% set _gallery_title_attributes = _gallery_title_attributes.setAttribute('id', gallery.main_title_id) %}
+    {% endif %}
+    {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+      title: gallery.main_title,
+      title_tag: 'h2',
+      attributes: _gallery_title_attributes,
+    } only %}
   {% endif %}
-  {% if gallery.listing is defined and gallery.listing is not empty %}
-  <div class="mt-3">
-    {% for showcase in gallery.listing %}
-      <div class="mb-2-5 pb-4">
-      {% if showcase.carousel %}
-        {% include '@oe-bcl/bcl-carousel/carousel.html.twig' with showcase only %}
-      {% else %}
-        {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with showcase only %}
-      {% endif %}
-      </div>
-    {% endfor %}
+  {% if gallery is not empty %}
+  <div class="mt-3 mb-4-5">
+    {% include '@oe-bcl/bcl-gallery/gallery.html.twig' with gallery only %}
   </div>
   {% endif %}
 

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

@@ -0,0 +1,56 @@
+{% spaceless %}
+
+{# Parameters:
+  - corporate_contributions (string) (default: '') // value every 5 percent
+  - legend (boolean or object (default: false)
+  - chart (boolean) (default: false)
+
+  Blocks - 
+    project_status_contrib_chart
+    project_status_contrib_legend
+#}
+
+{% set _corporate_contributions = corporate_contributions|default('') %}
+{% set _legend = legend|default(false) %}
+{% set _chart = chart|default(false) %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass([
+  'bcl-project-contributions',
+  'border-bottom',
+  'pb-4',
+  'mb-4'
+]) %}
+
+<div {{ attributes }}>
+  <div class="row">
+
+  {% 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 }}">
+        <span class="circular-progress-left">
+          <span class="circular-progress-bar"></span>
+        </span>
+        <span class="circular-progress-right">
+          <span class="circular-progress-bar"></span>
+        </span>
+      </div>
+    {% endblock %}
+    </div>
+  {% endif %}
+
+  {% if _legend is not empty %}
+    <div class="bcl-project-contributions-legend col-7 col-md-9 align-self-center">
+    {% block project_status_contrib_legend %}
+      {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with _legend only %}
+    {% endblock %}
+    </div>
+  {% endif %}
+  </div> 
+</div>
+
+{% endspaceless %}

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

@@ -1,9 +1,6 @@
 {% spaceless %}
 
 {# Parameters:
-  - title_id (string) (default: "")
-  - title (string) (default: "")
-  - title_tag (string) (default: "h3")
   - status (string) (default: 'planned')
   - start_date (string) (default: '')
   - start_label (string) (default: '')
@@ -12,16 +9,9 @@
   - label (string) (default: '')
   - badge (string) (default: ''),
   - progress (string) (default: '')
-  - corporate_contribution (string) (default: '') // value every 5 percent
-  - chart_legend (object) (default: {})
-
-    Blocks - chart
 #}
 
-{% set _title_id = title_id|default('') %}
-{% set _title = title|default('') %}
 {% set _label = label|default('') %}
-{% set _title_tag = title_tag|default('h3') %}
 {% set _status = status|default('planned') %}
 {% set _charts = charts|default('') %}
 {% set _badge = badge|default('') %}
@@ -30,8 +20,17 @@
 {% set _start_label = start_label|default('') %}
 {% set _end_label = end_label|default('') %}
 {% set _progress = progress|default('') %}
-{% set _corporate_contribution = corporate_contribution|default('') %}
-{% set _chart_legend = chart_legend|default({}) %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass([
+  'bcl-project-status',
+  'border-bottom',
+  'pb-4',
+  'mb-4'
+]) %}
 
 {% set _bgs = {
     ongoing: 'info',
@@ -40,17 +39,7 @@
   } %}
 {% set _bg = _bgs[_status]|default('secondary') %}
 
-
-<{{ _title_tag }}
-  class="fw-bold mb-4"
-  {% if title_id is not empty %}
-    id="{{ title_id }}"
-  {% endif %}
->
-  {{- title -}}
-</{{ _title_tag }}>
-
-<div class="border-bottom pb-4 mb-4">
+<div {{ attributes }}>
   <div class="row">
     <div class="col-12 col-md-3">
     {% if _label is not empty %}
@@ -103,26 +92,7 @@
     </div>
   </div>
 </div>
-{% if _corporate_contribution is not empty and _chart_legend is not empty %}
-<div class="border-bottom pb-4 mb-4">
-  {% block chart %}
-  <div class="row">
-    <div class="col-5 col-md-3">
-      <div class="circular-progress" data-percentage="{{ _corporate_contribution }}">
-        <span class="circular-progress-left">
-          <span class="circular-progress-bar"></span>
-        </span>
-        <span class="circular-progress-right">
-          <span class="circular-progress-bar"></span>
-        </span>
-      </div>
-    </div>
-    <div class="col-7 col-md-9 align-self-center">
-      {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with _chart_legend only %}
-    </div>
-  </div>
-  {% endblock %} 
-</div>
-{% endif %} 
+
+
 
 {% endspaceless %}

package/templates/bcl-recent-activities/recent-activities.html.twig

@@ -40,19 +40,21 @@
     {% endif %}
     {% if _activity.content is not empty and _activity.meta is not empty %}
     <div>
-      {% if _activity.content is not empty %}
+      {%- if _activity.content is not empty -%}
         <p class="mb-2">{{- _activity.content -}}</p>
-      {% endif %}
-      {% if _activity.meta is not empty and _activity.meta is iterable %}
-        {% for _meta in _activity.meta %}
+      {%- endif -%}
+      {%- if _activity.meta is not empty and _activity.meta is iterable -%}
+        {%- for _meta in _activity.meta -%}
         <p class="mb-0">
+        {%-  if _meta.icon is not empty -%}
           {% include '@oe-bcl/bcl-icon/icon.html.twig' with _meta.icon only %}
+        {%- endif -%}
           {{- _meta.label -}}
         </p>
-        {% endfor %}
-      {% endif %}
+        {%- endfor -%}
+      {%- endif -%}
     </div>
-    {% endif %}
+    {%- endif -%}
   </div>
   {% endfor %}
 {% endif %}