@openeuropa/bcl-theme-joinup 0.1.202408021145

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

@@ -0,0 +1,199 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - title: (string) (default: '')
+  - title_tag: (string) (default: 'h2')
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
+  - items: (card[])
+  - variant: (string) (default: 'default-1-col')
+    options [ default-1-col, highlight-1-col, default-2-col, default-3-col, highlight-2-col, highlight-3-col ]
+  - link: (object of type link)
+  - alignment: (string) (default: '')
+    options ['start', 'end', 'center', 'baseline', 'stretch']
+  - image_size: (string) (default: '')
+    options ['small', 'large', 'extra-large']
+  - 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 _items = items|default([]) %}
+{% set _variant = variant|default('default-1-col') %}
+{% set _link = link|default({}) %}
+{% set _alignment = alignment|default('') %}
+{% set _image_size = image_size|default('') %}
+
+{% set _classes = ['bcl-listing', 'bcl-listing--' ~ _variant] %}
+{% set _cards = [] %}
+{% set _card_layout = {
+  type: 'grid',
+  responsiveness: 'md',
+  gutter: '4',
+  attributes: create_attribute(),
+} %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_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,
+    title_attributes: _title_attributes,
+  } only %}
+{% endif %}
+
+{% if _items is not empty %}
+  {% for _card in _items %}
+    {% set  _alignment_class = '' %}
+    {% set _image_classes = _card.image.classes ?: '' %}
+    {% set _start_col_classes = 'bcl-card-start-col mb-3 mb-lg-0' %}
+    {% set _end_col_classes = 'col-12 col-md' %}
+    {% if _image_size is not empty %}
+      {% set _start_col_classes = _start_col_classes ~ ' bcl-size-' ~ _image_size %}
+    {% endif %}
+    {% if 'd-none' in _image_classes %}
+      {% set _start_col_classes = _start_col_classes ~ ' d-none d-md-block' %}
+    {% endif %}
+    {% if _alignment is not empty %}
+      {% set _alignment_class = ' align-self-' ~ _alignment %}
+    {% 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' or _variant == 'default-2-col' or _variant == 'default-3-col'  %}
+      {% set _card_classes = [
+        'listing-item',
+        'border-bottom',
+        'border-md-0',
+        'border-0',
+      ] %}
+      {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
+      {% set _card = _card|merge({
+        horizontal: true,
+        extra_classes_body: 'p-0 pb-md-0 pb-3',
+        attributes: _card_attributes,
+        horizontal_grid: {
+          left_col_classes: _start_col_classes ~ _alignment_class,
+          right_col_classes: _end_col_classes ~ _alignment_class,
+        }
+      }) %}
+    
+      {% if _variant == 'default-2-col' %}
+        {% set _card_layout = _card_layout|merge({
+          responsive_columns: 2,
+        }) %}
+      {% elseif _variant == 'default-3-col' %}
+        {% set _card_layout = _card_layout|merge({
+          attributes: _card_layout.attributes.addClass(['row-cols-md-2']),
+          responsive_columns: 3,
+          responsiveness: 'xl',
+        }) %}
+      {% endif %}
+    {% endif %}
+
+    {% if _variant == 'highlight-1-col' %}
+      {% set _card_classes = [
+        'listing-item--highlight',
+        'border-0',
+        'bg-lighter'
+      ] %}
+     {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
+     {% set _card = _card|merge({
+         wrapper_class: 'col',
+         attributes: _card_attributes,
+      }) %}
+      {% if _card.image is defined and _card.image is not empty %}
+        {% set _card = _card|merge({
+          extra_classes_body: "pt-0",
+        }) %}
+      {% endif %}
+      {% set _card_layout = _card_layout|merge({
+        cols_extra_classes: 'mt-4-5',
+      }) %}
+      {% if _card.image is not empty %}
+        {% set _image_classes = _card.image.classes ?: '' %}
+        {% if not _alignment == 'center' %}
+          {% set _image_classes = _image_classes ? _image_classes ~ ' mb-3' : 'mb-3' %}
+        {% endif %}
+        {% set _card = _card|merge({image: _card.image|merge({
+          classes: _image_classes,
+        })}) %}
+      {% endif %}
+
+    {% endif %}
+
+    {% if _variant == 'highlight-2-col' or variant == 'highlight-3-col' %}
+      {% set _card_classes  = [
+        'listing-item--highlight',
+        'border-0',
+        'bg-lighter',
+        'h-100',
+        'rounded-2'
+      ] %}
+      {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
+      {% set _card = _card|merge({
+        wrapper_class: 'col',
+        attributes: _card_attributes,
+      }) %}
+      {% if _card.image is defined and _card.image is not empty %}
+        {% set _card = _card|merge({
+          extra_classes_body: 'pt-0',
+        }) %}
+      {% endif %}
+      {% if _card.image is not empty %}
+        {% set _image_classes = _card.image.classes ?: '' %}
+        {% if not _alignment == 'center' %}
+          {% set _image_classes = _image_classes ? _image_classes ~ ' mb-3' : 'mb-3' %}
+        {% endif %}
+        {% set _card = _card|merge({image: _card.image|merge({
+          classes: _image_classes,
+        })}) %}
+      {% endif %}
+      {% set _card_layout = _card_layout|merge({ gutter: '4' }) %}
+      {% if variant == 'highlight-2-col' %}
+        {% set _card_layout = _card_layout|merge({ responsive_columns: 2 }) %}
+      {% else %}
+        {% set _card_layout = _card_layout|merge({ responsive_columns: 3 }) %}
+      {% endif %}
+    {% endif %}
+
+    {% if _card.image is empty and _card.date is empty %}
+      {% set _card = _card|merge({
+        horizontal: false,
+      }) %}
+    {% endif %}
+
+    {% set _cards = _cards|merge([_card]) %}
+  {% endfor %}
+{% endif %}
+
+  {% include "@oe-bcl/bcl-card-layout/card-layout.html.twig" with _card_layout|merge({ items: _cards }) only %}
+
+{% if _link is not empty %}
+  {% set _link_attributes = _link.attributes ? _link.attributes : create_attribute() %}
+  {% set _link_attributes = _link_attributes.addClass(['mt-3-5', 'd-inline-block']) %}
+  {% include '@oe-bcl/bcl-link/link.html.twig' with _link|merge({
+    attributes: _link_attributes,
+    icon: _link.icon|merge({
+      name: 'chevron-right',
+      size: 'xs',
+    }),
+  }) only %}
+{% endif %}
+</div>
+
+{% endapply %}

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

@@ -0,0 +1,82 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - size (string) default('')
+    options: sm, lg, xl, fullscreen
+  - id (boolean) (default: modal-random(1000))
+  - fullscreen_responsive (string) (default: '')
+    options: sm, md, lg, xl, xxl
+  - static_backdrop (boolean) (default: false)
+  - verticaly_centered (boolean) (default: false)
+  - scrollable (boolean) (default: false)
+  - header (block) (default: '')
+  - messages (block) (default: '')
+  - body (block) (default: '')
+  - footer (block) (default: '')
+  - attributes (drupal attrs)
+  
+  Blocks
+    - header
+    - messages
+    - body
+    - footer
+#}
+
+{% set _size =  size|default('') %}
+{% set _id = id|default('modal-' ~ random(1000)) %}
+{% set _fullscreen_responsive =  fullscreen_responsive|default('') %}
+{% set _static_backdrop = static_backdrop ?? false %}
+{% set _verticaly_centered = verticaly_centered ?? false %}
+{% set _scrollable = scrollable ?? false %}
+{% set _header = header|default('') %}
+{% set _messages = messages|default('') %}
+{% set _body = body|default('') %}
+{% set _footer = footer|default('') %}
+
+{% set _classes = ['modal', 'fade'] %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes
+                    .setAttribute('id', _id)
+                    .setAttribute('tabindex', '-1')
+                    .setAttribute('aria-hidden', 'true')
+                    .setAttribute('aria-label', _id ~ 'Label')
+                    .addClass(_classes)
+%}
+
+{% if _static_backdrop %}
+  {% set attributes = attributes.setAttribute('data-bs-backdrop', 'static') %}
+{% endif %}
+
+<div
+  {{ attributes }}
+>
+  <div class="modal-dialog
+  {{- _size ? ' modal-' ~ size -}}
+  {{- _fullscreen_responsive ? ' modal-fullscreen-' ~ _fullscreen_responsive ~ '-down' -}}
+  {{- _verticaly_centered ? ' modal-dialog-centered' -}}
+  {{- _scrollable ? ' modal-dialog-scrollable' -}}"
+  >
+    <div class="modal-content">
+      {% if header is not empty %}
+      <div class="modal-header">
+        {%- block header _header -%}
+      </div>
+      {% endif %}
+      {%- block messages _messages -%}
+      <div class="modal-body">
+        {%- block body _body -%}
+      </div>
+      {% if footer is not empty %}
+      <div class="modal-footer">
+        {%- block footer _footer -%}
+      </div>
+      {% endif %}
+    </div>
+  </div>
+</div>
+
+{% endapply %}

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

@@ -0,0 +1,109 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - collapse_id (string) (default: '')
+  - background (string) (default: '')
+  - brand (object) (default: {})
+    format: {
+      src: '',
+      alt: '',
+      class: '',
+      label: '', (optional: only for string label)
+      link: '',
+    }
+  - navigation (object Navigation) (default: {})
+  - form (object Form) (default: {})
+  - expand (string) (default: 'lg')
+    options: ['sm', 'md', 'lg']
+  - color_set (string) (default: 'light')
+    options ['light', 'dark']
+  - disable_collapse (boolean) (default: false)
+  - attributes (drupal attrs)
+
+  Blocks
+    - branding
+    - navigation
+    - right
+#}
+
+{% set _collapse_id = collapse_id|default('') %}
+{% set _background = background|default('') %}
+{% set _brand = brand|default({}) %}
+{% set _navigation = navigation|default({}) %}
+{% set _form = form|default({}) %}
+{% set _expand = expand|default('lg') %}
+{% set _color_set = color_set|default('light') %}
+{% set _disable_collapse = disable_collapse ?? false %}
+
+{% set _classes = ['navbar', 'navbar-expand-' ~ _expand] %}
+{% if _background is not empty %}
+  {% set _classes = _classes|merge(['bg-' ~ _background]) %}
+{% endif %}
+{% if _color_set is not empty %}
+  {% set _classes = _classes|merge(['navbar-' ~ _color_set]) %}
+{% endif %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+<nav
+  {{ attributes }}
+>
+  <div class='container'>
+  {% block branding %}
+    {% if _brand is not empty %}
+      <a class='navbar-brand' href='{{ _brand.link }}'>
+      {% for logo in _brand.logos %}
+        <img
+          src='{{ logo.src }}'
+          {% if logo.alt is not empty %}
+          alt='{{ logo.alt }}'
+          {% endif %}
+          {% if logo.class is not empty %}
+          class='{{ logo.class }}'
+          {% endif %}
+        />
+      {% endfor %}
+    {%- if _brand.label is defined -%}
+    <div class="h5 ms-4-5 d-none d-lg-inline-block">
+      {{- _brand.label -}}
+      </div>
+    {% endif %}
+      </a>
+    {% endif %}
+  {% endblock %}
+
+  {% if not _disable_collapse %}
+    <button
+      class="navbar-toggler"
+      type="button"
+      data-bs-toggle="collapse"
+      data-bs-target='#{{ _collapse_id }}'
+      aria-controls='{{ _collapse_id }}'
+      aria-expanded="false"
+      aria-label="Toggle navigation"
+    >
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id='{{ _collapse_id }}'>
+  {% endif %}
+  {% block navigation %}
+    {% if _navigation is not empty %}
+      {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with _navigation only %}
+    {% endif %}
+  {%  endblock %}
+  {% block right %}
+    {% if _form is not empty %}
+      {% include '@oe-bcl/bcl-form/form.html.twig' with _form only %}
+    {% endif %}
+  {%  endblock %}
+  {% if not _disable_collapse %}
+    </div>
+  {% endif %}
+  </div>
+</nav>
+
+{% endapply %}

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

@@ -0,0 +1,179 @@
+{% import _self as navigation %}
+{% apply spaceless %}
+
+{# Parameters:
+  - id (string) (default: '')
+  - pills (boolean) (default: false)
+  - tabs (boolean) (default: false) - If tabs is set to true, the nav should also be set to true for accessibility reasons
+  - vertical (boolean) (default: false)
+  - full_width (boolean) (default: false)
+  - alignment (string) (default: '')
+    - options ['start', 'center', 'end']
+  - tabs_content (boolean) (default: false)
+  - nav (boolean) (default: false)
+  - navbar (boolean) (default: false)
+  - items (object[])
+    format: [
+      {
+        - link or button
+        - active (boolean)
+        - button (boolean) - set to button
+        - content (string) - content for tab
+        - navigation (navigation Object)
+      }
+    ]
+  - attributes (drupal attrs)
+#}
+
+{# Define main macro #}
+{% macro render(items, pills, tabs, tabs_content, vertical, full_width, alignment, id, nav, navbar, attributes) %}
+{% apply spaceless %}
+  {% import _self as navigation %}
+
+  {% set _id = id|default('') %}
+  {% set _pills = pills ?? false %}
+  {% set _tabs = tabs ?? false %}
+  {% set _vertical = vertical ?? false %}
+  {% set _full_width = full_width ?? false %}
+  {% set _alignment = alignment|default('') %}
+  {% set _tabs_content = tabs_content ?? false %}
+  {% set _nav = nav ?? false %}
+  {% set _navbar = navbar ?? false %}
+  {% set _items = items|default([]) %}
+
+  {% if _navbar %}
+    {% set _classes = ['navbar-nav'] %}
+  {% else %}
+    {% set _classes = ['nav'] %}
+  {% endif %}
+  {% if _pills %}
+    {% set _classes = _classes|merge(['nav-pills']) %}
+  {% endif %}
+  {% if _tabs %}
+    {% set _classes = _classes|merge(['nav-tabs']) %}
+  {% endif %}
+  {% if _vertical %}
+    {% set _classes = _classes|merge(['flex-column']) %}
+  {% endif %}
+  {% if _full_width %}
+    {% set _classes = _classes|merge(['nav-fill']) %}
+  {% endif %}
+  {% if _alignment is not empty %}
+    {% set _classes = _classes|merge(['justify-content-' ~ _alignment]) %}
+  {% endif %}
+
+  {% if attributes is empty %}
+    {% set attributes = create_attribute() %}
+  {% endif %}
+
+  {% if _id is not empty %}
+    {% set attributes = attributes.setAttribute('id', _id) %}
+  {% endif %}
+
+  {% if _tabs %}
+    {% set attributes = attributes.setAttribute('role', 'tablist') %}
+  {% endif %}
+  {% set attributes = attributes.addClass(_classes) %}
+
+  {% if _nav %}
+  <nav
+    {{ attributes }}
+  >
+  {% else %}
+  <ul
+    {{ attributes }}
+  >
+  {% endif %}
+    {% if _items is not empty and _items is iterable %}
+      {% for _item in items %}
+        {% set _nav_class = 'nav-item' %}
+        {% if _item.dropdown %}
+          {% set _nav_class = _nav_class ~ ' dropdown' %}
+          {% set _item = _item|merge({remove_wrapper: true}) %}
+        {% endif %}
+        {% if _item.dropdown %}
+          {% set _item_classes = [] %}
+        {% else %}
+          {% set _item_classes = ['nav-link'] %}
+        {% endif %}
+        {% if _item.active %}
+          {% set _item_classes = _item_classes|merge(['active']) %}
+        {% endif %}
+        {% if _item.attributes is empty %}
+          {% set _item = _item|merge({
+            attributes: create_attribute()
+          }) %}
+        {% endif %}
+        {% set _item = _item|merge({
+          attributes: _item.attributes.addClass(_item_classes),
+          clean_class: true}) %}
+        {% if not _nav %}
+        <li
+          class="{{ _nav_class }}"
+          {% if _tabs %}
+            role="tab"
+          {% endif %}
+        >
+        {% elseif _tabs and _item.dropdown is not defined %}
+          {% set _item = _item|merge({
+            attributes: _item.attributes.setAttribute("role", "tab"),
+            }) 
+          %}
+        {% endif %}
+        {% if _item.dropdown is defined %}
+          {% include '@oe-bcl/bcl-dropdown/dropdown.html.twig' with _item only %}
+        {% elseif _item.button is defined %}
+          {% include '@oe-bcl/bcl-button/button.html.twig' with _item only %}
+        {% else %}
+          {% include '@oe-bcl/bcl-link/link.html.twig' with _item only %}
+        {% endif %}
+        {% if _item.navigation is defined and _item.navigation.items is not empty and _item.navigation.items is iterable %}
+          {{ navigation.render(
+            _item.navigation.items,
+            _item.navigation.pills,
+            _item.navigation.tabs,
+            _item.navigation.tabs_content,
+            _item.navigation.vertical,
+            _item.navigation.full_width,
+            _item.navigation.alignment,
+            _item.navigation.id,
+            _item.navigation.nav,
+            _item.navigation.navbar,
+            _item.navigation.attributes
+            ) }}
+        {% endif %}
+        {% if not _nav %}
+        </li>
+        {% endif %}
+      {% endfor %}
+    {% endif %}
+  {% if _nav %}
+  </nav>
+  {% else %}
+  </ul>
+  {% endif %}
+  {% if _tabs_content %}
+  <div class="tab-content">
+    {%- block contents -%}
+      {% if _items is not empty and _items is iterable %}
+        {% for _item in _items %}
+          {% if _item.content is not empty %}
+            {% set _content_class = 'tab-pane fade' %}
+            {% if _item.active %}
+              {% set _content_class = _content_class ~ ' show active' %}
+            {% endif %}
+            <div class="{{ _content_class }}" id="{{ _item.target }}" role="tabpanel" aria-labelledby="{{ _item.id }}">
+              {{- _item.content -}}
+            </div>
+          {% endif %}
+        {% endfor %}
+      {% endif %}
+    {%- endblock -%}
+  </div>
+  {% endif %}
+{% endapply %}
+{% endmacro %}
+
+{{ navigation.render(items, pills, tabs, tabs_content, vertical, full_width, alignment, id, nav, navbar, attributes) }}
+
+{% endapply %}

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

@@ -0,0 +1,119 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - title: (string) (default: '')
+  - title_tag: (string) (default: 'h2')
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
+  - placement (string) (default: '') (start, end, top, bottom)
+  - id (string) (default: '')
+  - body (string) (default: '')
+  - with_body_scroll (boolean) (default: false)
+  - with_backdrop (boolean) (default: true)
+  - with_close (boolean) (default: true)
+  - close_aria_label (default: '')
+  - extra_classes_body (string) (default: '')
+  - extra_classes_header (string) (default: '')
+  - extra_classes_close (string) (default: '')
+  - responsiveness (string) (default: '')
+    options: ['sm', 'md', 'lg', 'xl', 'xxl']
+  - 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 _placement = placement|default('') %}
+{% set _id = id|default('') %}
+{% set _body = body|default('') %}
+{% set _with_body_scroll = with_body_scroll ?? false %}
+{% set _with_backdrop = with_backdrop ?? true %}
+{% set _with_close = with_close ?? true %}
+{% set _close_aria_label = close_aria_label|default('') %}
+{% set _extra_classes_body = extra_classes_body|default('') %}
+{% set _extra_classes_header = extra_classes_header|default('') %}
+{% set _extra_classes_close = extra_classes_close|default('') %}
+{% set _responsiveness = responsiveness|default('') %}
+
+{% if _responsiveness is not empty %}
+ {% set _classes = ['offcanvas-' ~ _responsiveness] %}
+{% else %}
+ {% set _classes = ['offcanvas'] %}
+{% endif %}
+
+{% set _class_body = 'offcanvas-body' ~ (_extra_classes_body ? ' ' ~ _extra_classes_body : '') %}
+{% set _class_header = 'offcanvas-header' ~ (_extra_classes_header ? ' ' ~ _extra_classes_header : '') %}
+
+{% if _placement is not empty %}
+ {% set _classes = _classes|merge(['offcanvas-' ~ _placement]) %}
+{% endif %}
+
+{% if _title is not empty %}
+  {% set _aria_labelled = _title.id|default('') %}
+{% endif %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if _aria_labelled is defined and _aria_labelled is not empty %}
+  {% set attributes = attributes.setAttribute('aria-labelledby', _aria_labelled) %}
+{% endif %}
+
+{% if _id is not empty %}
+ {% set attributes = attributes.setAttribute('id', _id) %}
+{% endif %}
+
+{% if _with_body_scroll %}
+ {% set attributes = attributes.setAttribute('data-bs-scroll', 'true') %}
+{% endif %}
+
+{% if not _with_backdrop %}
+ {% set attributes = attributes.setAttribute('data-bs-backdrop', 'false') %}
+{% endif %}
+
+{% set attributes = attributes.setAttribute('tabindex', '-1').addClass(_classes) %}
+
+<div
+  {{ attributes }}
+>
+{% if _with_close or _title is not empty %}
+  <div class="{{ _class_header }}">
+  {% 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()
+                              .addClass(['btn-close', 'text-reset'])
+                              .setAttribute('data-bs-dismiss', 'offcanvas')
+                              .setAttribute('data-bs-target', '#' ~ _id)
+                              .setAttribute('aria-label', _close_aria_label)
+    %}
+    {% if _extra_classes_close is not empty %}
+      {% set button_attributes = button_attributes.addClass(_extra_classes_close) %}
+    {% endif %}
+    {%- include '@oe-bcl/bcl-button/button.html.twig' with {
+        attributes: button_attributes,
+        clean_class: true
+      } only -%}
+  {% endif %}
+  </div>
+{% endif %}
+{%- if _body is not empty -%}
+  <div class="{{ _class_body }}">
+{%- endif -%}
+  {%- block body -%}
+    {{ _body }}
+  {%- endblock -%}
+{%- if _body is not empty -%}
+  </div>
+{%- endif -%}
+</div>
+
+{% endapply %}