@openeuropa/bcl-twig-templates 1.12.0 → 1.13.0

package/package.json

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

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

@@ -1,140 +0,0 @@
-{#
-  Parameters:
-  - title (string) (default: '')
-  - title_tag (string) (default: 'h2')
-  - title_link: (link object) (default: {})
-  - title_attributes: (drupal attrs)
-  - id (int) (default: random(10000))
-  - flush (boolean) (default: false)
-  - items (array) (default: []): format: [
-      {
-        title: (string),
-        title_tag: (string),
-        content: (block),
-        stay_open (boolean) (default: false)
-      },
-    ]
-  - expand_button: (button object) (default: {})
-  - collapse_button: (button object) (default: {})
-  - open_item_id (int) (default: 0)
-  - 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 _id = id|default(random(10000)) %}
-{% set _flush = flush ?? false %}
-{% set _items = items|default([]) %}
-{% set _expand_button = expand_button|default({}) %}
-{% set _collapse_button = collapse_button|default({}) %}
-{% set _open_item_id = open_item_id|default(0) %}
-{% set _classes = ['accordion'] %}
-{% if _flush %}
-  {%- set _classes = _classes|merge(['accordion-flush']) %}
-{% endif %}
-
-{%- if attributes is empty %}
-  {%- set attributes = create_attribute() %}
-{% endif %}
-
-{%- set attributes = attributes.addClass(_classes).setAttribute('id', 'accordion-' ~ _id) %}
-
-{%- if _items is not empty -%}
-<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|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']) -%}
-  <div
-    {{ wrapper_attributes }}
-    >
-    {%- 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({
-        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({
-            attributes: create_attribute()
-          })
-        %}
-      {%- 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 -%}
-  </div>
-  {%- 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 -%}
-      <div class="accordion-item">
-        {%- 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()
-                                    .addClass(_button_classes)
-                                    .setAttribute('data-bs-toggle', 'collapse')
-                                    .setAttribute('autocomplete', 'off')
-                                    .setAttribute('data-bs-target', '#collapse-' ~ _id ~ '-' ~ loop.index)
-                                    .setAttribute('aria-controls', 'collapse-' ~ _id ~ '-' ~ loop.index)
-                                    .setAttribute('aria-expanded', open_item ? 'true' : 'false')
-          %}
-          {%- set item_title -%}
-            <span>
-              {{- _item.title -}}
-            </span>
-          {%- endset %}
-          {%- include '@oe-bcl/bcl-button/button.html.twig' with {
-            label: item_title,
-            clean_class: true,
-            attributes: button_attributes
-          } 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 %}
-          data-bs-parent="#accordion-{{ _id }}"
-        {% endif %}
-        >{# -#}
-          <div class="accordion-body">
-            {%- set _content = _item.content|default('') %}
-            {%- block content _content -%}
-          </div>{# -#}
-        </div>{# -#}
-      </div>
-    {%- endfor -%}
-  </div>{# -#}
-</div>
-{%- endif -%}

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

@@ -1,80 +0,0 @@
-{# Parameters:
-  - message (string) (default: '')
-  - heading (string) (default: '')
-  - variant (string) (default: 'primary')
-  - dismissible (boolean) (default: true)
-  - animated_dismiss (boolean) (default: true)
-  - icon_path (string) (default: '')
-  - icon_name (string) (default: '')
-  - attributes (drupal attrs)
-#}
-
-{%- set _message = message|default('') %}
-{% set _heading = heading|default('') %}
-{% set _variant = variant|default('primary') %}
-{% set _dismissible = dismissible ?? true %}
-{% set _animated_dismiss = animated_dismiss ?? true %}
-{% 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 _icon_names = {
-    primary: "info-circle-fill",
-    secondary: "info-circle-fill",
-    success: "check-circle-fill",
-    danger: "dash-circle-fill",
-    warning: "exclamation-triangle-fill",
-    light: "info-circle-fill",
-    info: "info-circle-fill",
-    dark: "info-circle-fill",
-  }
-%}
-
-{%- if _dismissible %}
-  {%- set _classes = _classes|merge(['alert-dismissible']) %}
-{% endif %}
-{% if _animated_dismiss %}
-  {%- set _classes = _classes|merge(['fade', 'show']) %}
-{% endif %}
-
-{%- set _classes = _classes|merge(['text-dark']) %}
-
-{%- set _icon_classes = ['flex-shrink-0 me-3 mt-1 align-self-start' ] %}
-
-{%- if _variant != 'light' %}
-  {%- set _icon_classes = _icon_classes|merge(['text-' ~ _variant]) %}
-{% endif %}
-
-{%- if attributes is empty %}
-  {%- set attributes = create_attribute() %}
-{% endif %}
-
-{%- 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 {
-    name: _icon_name ?: _icon_names[_variant],
-    size: 's',
-    path: _icon_path,
-    attributes: create_attribute().addClass(_icon_classes),
-  } only %}
-{% endif -%}
-  <div class="alert-content flex-grow-1">
-  {%- if _heading is not empty -%}
-    <div class="alert-heading h4">{{ _heading }}</div>
-  {%- endif -%}
-  {%- if _message is not empty -%}
-    {{- _message -}}
-  {%- endif -%}
-  </div>
-{%- if _dismissible -%}
-  <button
-    type="button"
-    class="btn-close"
-    data-bs-dismiss="alert"
-    aria-label="Close"
-  ></button>
-{%- endif -%}
-</div>
-{#--#}

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

@@ -1,75 +0,0 @@
-{# Parameters:
-  - label (string) (default: '')
-  - background: (string) (default: 'primary')
-  - url (string) (default: '')
-  - title (string) (default: '')
-  - dismissible (boolean) (default: false)
-  - assistive_text (string) (default: '')
-  - rounded_pill (boolean) (default: false)
-  - outline (boolean) (default: false)
-  - icon_path (string) (default: '')
-  - attributes (drupal attrs)
-#}
-
-{%- set _label = label|default('') %}
-{% set _background = background|default('primary') %}
-{% set _url = url|default('') %}
-{% set _title = title|default('') %}
-{% set _dismissible = dismissible ?? false %}
-{% set _assistive_text = assistive_text|default('') %}
-{% set _rounded_pill = rounded_pill|default(false) %}
-{% set _outline = outline|default(false) %}
-{% set _icon_path = icon_path|default('') %}
-{% set _classes = ['badge'] %}
-
-{%- if _rounded_pill %}
-  {%- set _classes = _classes|merge(['rounded-pill']) %}
-{% endif %}
-
-{%- if _outline %}
-  {%- set _classes = _classes|merge(['badge-outline-' ~ _background]) %}
-{% else %}
-  {%- set _classes = _classes|merge(['text-bg-' ~ _background]) %}
-{% endif %}
-
-{%- if attributes is empty %}
-  {%- set attributes = create_attribute() %}
-{% endif %}
-
-{%- if _title is not empty -%}
-  {% set attributes = attributes.setAttribute('title', _title) %}
-{%- endif -%}
-
-{% set attributes = attributes.addClass(_classes) %}
-
-{%- set _label %}
-  {%- if _assistive_text is not empty -%}
-  <span class="visually-hidden">
-    {{- _assistive_text -}}
-  </span>
-  {%- endif -%}
-  {{- _label -}}
-  {%- if _dismissible -%}
-  <span class="icon--close" aria-hidden="true">
-    {%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
-      name: "x-circle-fill",
-      size: "xs",
-      path: _icon_path,
-    } only -%}
-  </span>
-  {%- endif -%}
-{% endset %}
-
-{%- if _url is not empty -%}
-  {% include '@oe-bcl/bcl-link/link.html.twig' with {
-    label: _label,
-    path: _url,
-    attributes: attributes,
-  } only %}
-{%- else -%}
-<span
-  {{ attributes }}
->
-  {{- _label -}}
-</span>
-{%- endif -%}

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

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

package/templates/bcl-base-templates/content-type.html.twig

@@ -1,135 +0,0 @@
-{#
-  Parameters:
-  - with_header (boolean) (default: false)
-  - with_footer (boolean) (default: false)
-  - with_banner (boolean) (default: false)
-  - with_sidebar (boolean) (default: false)
-  - sidebar_size (string) (default: 'normal')
-    options: ['normal', 'large']
-  - landing (boolean) (default: false)
-  - content_type (string) (default: '')
-  - attributes (drupal attrs)
-
-  BLOCKS:
-  - header
-  - footer
-  - content
-  - content_row
-  - sidebar
-  - banner
-  - feedback
-  - share
-  - related
-  - messages_area
-#}
-
-{%- set _with_header = header ?? false %}
-{% set _with_footer = footer ?? false %}
-{% set _with_banner = banner ?? false %}
-{% set _with_sidebar = sidebar ?? false %}
-{% set _sidebar_size = sidebar_size|default('normal') %}
-{% set _landing = landing ?? false %}
-{% set _content_type = content_type|default('') %}
-{% set _classes = ['bcl-node-type'] %}
-
-{%- if _with_sidebar %}
-  {%- set _col_classes = {
-    left: [
-      'col-12',
-      'bcl-sidebar',
-    ],
-    right: [
-      'col-12',
-    ],
-  } %}
-
-  {%- if _sidebar_size == 'normal' %}
-    {%- set _col_classes = _col_classes|merge({
-      left: _col_classes.left|merge(['col-lg-3']),
-      right: _col_classes.right|merge(['col-lg-9', 'col-xxl-8']),
-    }) %}
-  {%- endif %}
-
-  {%- if _sidebar_size == 'large' %}
-    {%- set _col_classes = _col_classes|merge({
-      left: _col_classes.left|merge(['col-lg-4']),
-      right: _col_classes.right|merge(['col-lg-8']),
-    }) %}
-  {%- endif %}
-{% endif %}
-
-{%- if _content_type is not empty %}
-  {%- set _classes = _classes|merge(['bcl-' ~ _content_type]) %}
-{% endif %}
-
-{%- if attributes is empty %}
-  {%- set attributes = create_attribute() %}
-{% endif %}
-
-{%- if _with_header %}
-  {%- include '@oe-bcl/bcl-header/header.html.twig' with header only %}
-{% endif -%}
-
-<main {{ attributes }}>
-{%- if messages is defined and messages is not empty %}
-  {%- block messages_area -%}
-  <div class="container">
-    {%- for message in messages %}
-    {%- set message_attributes = create_attribute().addClass(['mt-lg-5', 'mt-2']) %}
-      {%- include '@oe-bcl/bcl-alert/alert.html.twig' with message|merge({
-        attributes: message_attributes,
-      }) only %}
-    {%- endfor -%}
-  </div>
-  {%- endblock %}
-{% endif %}
-
-{%- if _with_banner %}
-  {%- block banner %}
-    {%- include '@oe-bcl/bcl-content-banner/content-banner.html.twig' with banner only %}
-  {%- endblock %}
-{% endif -%}
-
-  <div class="container mt-md-4-75 mt-4">{# -#}
-    <div class="row">
-      {%- block content_row %}
-        {{- content_row }}
-      {%- endblock %}
-    {%- if _with_sidebar -%}
-      <div class="{{ _col_classes.left|join(' ') }}">
-        {%- block sidebar %}{% endblock -%}
-      </div>{# -#}
-      <div class="{{ _col_classes.right|join(' ') }}">
-    {%- else %}
-      {%- if _landing -%}
-      <div class="col-12">
-      {%- else -%}
-      <div class="col-lg-10 col-xl-9 col-xxl-8">
-      {%- endif %}
-    {%- endif %}
-      {%- block content_top %}
-        {{- content_top }}
-      {%- endblock %}
-      {%- block content %}
-        {{- content }}
-      {%- endblock %}
-      {%- block content_bottom %}
-        {{- content_bottom }}
-      {%- endblock %}
-      {%- block related %}
-        {{- related }}
-      {%- endblock %}
-      {%- block share %}
-        {{- share }}
-      {%- endblock -%}
-    </div>{# -#}
-  </div>{# -#}
-</main>
-
-{%- block feedback %}
-  {{- feedback }}
-{%- endblock %}
-
-{%- if _with_footer %}
-  {%- include '@oe-bcl/bcl-footer/footer.html.twig' with footer only %}
-{% endif -%}