+ {%- 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']) %}
+
+ {% 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 %}
+
+ {% 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 %}
+
+{% 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 %}
+
+ {%- if _heading is not empty -%}
+
{{ _heading }}
+ {%- endif -%}
+ {%- if _message is not empty -%}
+ {{- _message -}}
+ {%- endif -%}
+
+{%- if _dismissible -%}
+
+{%- endif -%}
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-badge/bcl-badge.html.twig b/assets/bcl/bcl-badge/bcl-badge.html.twig
new file mode 100644
index 000000000..47cba476c
--- /dev/null
+++ b/assets/bcl/bcl-badge/bcl-badge.html.twig
@@ -0,0 +1,79 @@
+{% apply spaceless %}
+
+{# 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 -%}
+
+ {{- _assistive_text -}}
+
+ {%- endif -%}
+ {{- _label -}}
+ {%- if _dismissible -%}
+
+ {% include '@oe-bcl/bcl-icon/icon.html.twig' with {
+ name: "x-circle-fill",
+ size: "xs",
+ path: _icon_path,
+ } only %}
+
+ {%- endif -%}
+{% endset %}
+
+{%- if _url is not empty -%}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with {
+ label: _label,
+ path: _url,
+ attributes: attributes,
+ } only %}
+{%- else -%}
+
+ {{- _label -}}
+
+{%- endif -%}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-banner/bcl-banner.html.twig b/assets/bcl/bcl-banner/bcl-banner.html.twig
new file mode 100644
index 000000000..8f3012e62
--- /dev/null
+++ b/assets/bcl/bcl-banner/bcl-banner.html.twig
@@ -0,0 +1,96 @@
+{% apply spaceless %}
+
+{# 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) tag
+ - 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 _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) %}
+
+
+ {% if _image is not empty %}
+
+ {% endif %}
+
+
+ {% 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 %}
+
{{ _description }}
+ {% endif %}
+ {% if _link.path %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _link only %}
+ {% endif %}
+
+
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-base-templates/bcl-content-type.html.twig b/assets/bcl/bcl-base-templates/bcl-content-type.html.twig
new file mode 100644
index 000000000..a6da669ff
--- /dev/null
+++ b/assets/bcl/bcl-base-templates/bcl-content-type.html.twig
@@ -0,0 +1,139 @@
+{% apply spaceless %}
+
+{#
+ 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 %}
+
+
+{% if messages is defined and messages is not empty %}
+ {% block messages_area %}
+
+ {% 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 %}
+
+ {% endblock %}
+{% endif %}
+
+{% if _with_banner %}
+ {% block banner %}
+ {% include '@oe-bcl/bcl-content-banner/content-banner.html.twig' with banner only %}
+ {% endblock %}
+{% endif %}
+
+
+{% if _attribution is not empty %}
+
+ {{- _attribution -}}
+ {% if _cite is not empty %}
+ {{- _cite -}}
+ {% endif %}
+
+{% endif %}
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-breadcrumb/bcl-breadcrumb.html.twig b/assets/bcl/bcl-breadcrumb/bcl-breadcrumb.html.twig
new file mode 100644
index 000000000..f4685526a
--- /dev/null
+++ b/assets/bcl/bcl-breadcrumb/bcl-breadcrumb.html.twig
@@ -0,0 +1,62 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - links (link[]) (default: [])
+ - icon_path (string) (default: '')
+ - attributes (drupal attrs)
+#}
+
+{% set _links = links|default([]) %}
+{% set _icon_path = icon_path|default('') %}
+
+{% set _classes = 'breadcrumb' %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.setAttribute('aria-label', 'breadcrumb') %}
+
+{% if _links is not empty %}
+
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-button-group/bcl-button-group.html.twig b/assets/bcl/bcl-button-group/bcl-button-group.html.twig
new file mode 100644
index 000000000..090434ccf
--- /dev/null
+++ b/assets/bcl/bcl-button-group/bcl-button-group.html.twig
@@ -0,0 +1,67 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - vertical (boolean) (default: false)
+ - size (string) (default: 'md')
+ - options ['sm', 'md', 'lg']
+ - aria_label (string) (default: '')
+ - toolbar (boolean) (default: false)
+ - toolbar_aria_label (string) (default: '')
+ - items (button[] or input[] - if input key is present) (default: [])
+ - attributes (drupal attrs)
+#}
+
+{% set _vertical = vertical ?? false %}
+{% set _size = size|default('md') %}
+{% set _aria_label = aria_label|default('') %}
+{% set _toolbar = toolbar ?? false %}
+{% set _toolbar_aria_label = toolbar_aria_label|default('') %}
+{% set _items = items|default([]) %}
+
+{% set _classes = ['btn-group'] %}
+
+{% if _vertical %}
+ {% set _classes = ['btn-group-vertical'] %}
+{% endif %}
+
+{% set _classes = _classes|merge(['btn-group-' ~ _size]) %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if _aria_label is not empty %}
+ {% set attributes = attributes.setAttribute('aria-label', _aria_label) %}
+{% endif %}
+
+{% set attributes = attributes.setAttribute('role', 'group').addClass(_classes) %}
+
+{% if _toolbar %}
+
+{% endif %}
+{% if _items is not empty %}
+ {% for _items_group in _items %}
+
+ {% if _items_group is not empty and _items_group is iterable %}
+ {% for _item in _items_group %}
+ {% if _item.input is defined %}
+ {% include '@oe-bcl/bcl-form-input/form-input.html.twig' with _item only %}
+ {% else %}
+ {% include '@oe-bcl/bcl-button/button.html.twig' with _item only %}
+ {% endif %}
+ {% endfor %}
+ {% endif %}
+
+ {% endfor %}
+{% endif %}
+{% if _toolbar %}
+
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-button/bcl-button.html.twig b/assets/bcl/bcl-button/bcl-button.html.twig
new file mode 100644
index 000000000..547355a8c
--- /dev/null
+++ b/assets/bcl/bcl-button/bcl-button.html.twig
@@ -0,0 +1,113 @@
+{% apply spaceless %}
+
+{#
+ Parameters:
+ - label (string) (default: '')
+ - variant (string) (default: 'primary')
+ - size (string) (default: 'md')
+ - options ['sm', 'md', 'lg']
+ - type (string) (default: 'button')
+ - outline (boolean) (default: false)
+ - disabled (boolean) (default: false)
+ - text_nowrap (boolean) (default: false)
+ - assistive_text (string) (default: '')
+ - id (string) (default: '')
+ - icon (icon object) (default: {})
+ - icon_position (string) (default: after)
+ - options ['after', 'before']
+ - icon_spacing (string) (default: '')
+ - options ['sm', 'md', 'lg']
+ - spinner (spinner object) (default: {})
+ - show_spinner (boolean) (default: false)
+ - clean_class (boolean) (default: false)
+ - attributes (drupal attrs)
+#}
+
+{% set _label = label|default('') %}
+{% set _variant = variant|default('primary') %}
+{% set _size = size|default('md') %}
+{% set _type = type|default('button') %}
+{% set _outline = outline ?? false %}
+{% set _disabled = disabled ?? false %}
+{% set _text_nowrap = text_nowrap ?? false %}
+{% set _assistive_text = assistive_text|default('') %}
+{% set _id = id|default('') %}
+{% set _icon = icon|default({}) %}
+{% set _icon_position = icon_position|default('after') %}
+{% set _icon_spacing = icon_spacing|default('') %}
+{% set _spinner = spinner|default({}) %}
+{% set _show_spinner = show_spinner ?? false %}
+{% set _clean_class = clean_class ?? false %}
+
+{% set _classes = [] %}
+{% if _clean_class == false %}
+ {% set _classes = _classes|merge(['btn', 'btn-' ~ (_outline ? 'outline-' : '') ~ _variant|e('html_attr')]) %}
+ {% set _classes = _classes|merge(['btn-' ~ _size|e('html_attr')]) %}
+{% endif %}
+{% if _text_nowrap %}
+ {% set _classes = _classes|merge(['text-nowrap']) %}
+{% endif %}
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+{% if _disabled %}
+ {% set attributes = attributes.setAttribute('disabled', true).setAttribute('aria-disabled', 'true') %}
+{% endif %}
+{% if _id is not empty %}
+ {% set attributes = attributes.setAttribute('id', _id) %}
+{% endif %}
+{% if _classes is not empty %}
+ {% set attributes = attributes.addClass(_classes) %}
+{% endif %}
+{% if _icon_spacing is not empty %}
+ {% set _icon_spacing = _icon_spacing ~ '-' %}
+{% endif %}
+{% set attributes = attributes.setAttribute('type', _type) %}
+{% if _icon is not empty %}
+ {% set _icon = _icon|merge({
+ size: "fluid",
+ })
+ %}
+ {% if _label is not empty %}
+ {% if _icon.attributes is empty %}
+ {% set _icon = _icon|merge({
+ attributes: create_attribute()
+ })
+ %}
+ {% endif %}
+ {% if _icon_position == 'before' %}
+ {% set _icon = _icon|merge({
+ attributes: _icon.attributes.addClass('me-' ~ _icon_spacing ~ '2-5')
+ })
+ %}
+ {% else %}
+ {% set _icon = _icon|merge({
+ attributes: _icon.attributes.addClass('ms-' ~ _icon_spacing ~ '2-5')
+ })
+ %}
+ {% endif %}
+ {% endif %}
+ {%- set _icon_markup -%}
+ {%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon only -%}
+ {%- endset -%}
+{% endif %}
+
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-card-layout/bcl-card-layout.html.twig b/assets/bcl/bcl-card-layout/bcl-card-layout.html.twig
new file mode 100644
index 000000000..3bf50afca
--- /dev/null
+++ b/assets/bcl/bcl-card-layout/bcl-card-layout.html.twig
@@ -0,0 +1,87 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - type (string) (default: 'group')
+ options: ['group', 'grid', 'masonry']
+ - items (card[]) (default: [])
+ - grid_columns (int) (default: 1)
+ options: ['1', '2', '3']
+ - responsiveness (string) (default: '')
+ options: ['sm', 'md', 'lg', 'xl', 'xxl']
+ - responsive_columns (int) (default: '')
+ options: ['1', '2', '3']
+ - gutter (int) (default: '')
+ options: ['0', '1', '2', '3', '4', '5']
+ - equal_height (boolean) (default: false)
+ - cols_extra_classes (string) (default: '')
+ - attributes (drupal attrs)
+
+ Blocks
+ - card_layout_card
+#}
+
+{% set _type = type|default('group') %}
+{% set _items = items|default([]) %}
+{% set _grid_columns = grid_columns|default(1) %}
+{% set _responsiveness = responsiveness|default('md') %}
+{% set _responsive_columns = responsive_columns|default('') %}
+{% set _gutter = gutter|default('') %}
+{% set _equal_height = equal_height ?? false %}
+{% set _cols_extra_classes = cols_extra_classes|default('') %}
+
+{% set _cols_classes = 'col' %}
+
+{% if _cols_extra_classes is not empty %}
+ {% set _cols_classes = _cols_classes ~ ' ' ~ _cols_extra_classes %}
+{% endif %}
+{% if _type == 'group' %}
+ {% set _classes = ['card-group'] %}
+{% elseif type == 'grid' or type == 'masonry' %}
+ {% set _classes = ['row', 'row-cols-' ~ _grid_columns] %}
+ {% if _responsive_columns is not empty %}
+ {% set _classes = _classes|merge(['row-cols-' ~ _responsiveness ~ '-' ~ _responsive_columns]) %}
+ {% endif %}
+ {% if _gutter is not empty %}
+ {% set _classes = _classes|merge(['g-' ~ _gutter]) %}
+ {% endif %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+
+{% if _items is not empty and _items is iterable %}
+ {% for _item in _items %}
+ {% if _item.attributes is empty %}
+ {% set _item = _item|merge({
+ attributes: create_attribute()
+ }) %}
+ {% endif %}
+ {% if _equal_height %}
+ {% set _item = _item|merge({
+ attributes: _item.attributes.addClass('h-100')
+ })
+ %}
+ {% endif %}
+ {% if _type == 'grid' or _type == 'masonry' %}
+
+ {% endif %}
+ {% block card_layout_card %}
+ {% include '@oe-bcl/bcl-card/card.html.twig' with _item only %}
+ {% endblock %}
+ {% if _type == 'grid' or _type == 'masonry' %}
+
+ {% endif %}
+ {% endfor %}
+{% endif %}
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-card/bcl-card.html.twig b/assets/bcl/bcl-card/bcl-card.html.twig
new file mode 100644
index 000000000..9bd5ee991
--- /dev/null
+++ b/assets/bcl/bcl-card/bcl-card.html.twig
@@ -0,0 +1,275 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - title: (string) (default: '')
+ - title_tag: (string) (default: 'h1')
+ - title_link: (link object) (default: {})
+ - title_attributes (drupal attrs)
+ - subtitle (object) (default: {})
+ format: {
+ content: '',
+ tag: '',
+ classes: ''
+ }
+ - text (object) (default: {})
+ format: {
+ content: '',
+ tag: '',
+ classes: ''
+ }
+ - content (string) (default: '')
+ - image (object) (default: {})
+ format: {
+ path (string),
+ alt (string),
+ position (string)
+ }
+ - date (date block object) (default: {})
+ - variant (string) (default: '')
+ - horizontal (boolean) (default: false)
+ - horizontal_grid (object) (default: {})
+ format: {
+ left_col_classes (default: 'bcl-card-start-col')
+ right_col_classes (default: 'col')
+ gutter (default: '') - options: ['small', 'large']
+ }
+ - border_variant (string) (default: '')
+ - text_color (string) (default: '')
+ options: ['dark', 'white']
+ - card_header (string) (default: '')
+ - card_footer (string) (default: '')
+ - extra_classes_body (string) (default: '')
+ - extra_classes_header (string) (default: '')
+ - extra_classes_footer (string) (default: '')
+ - badges (badge[]) (default: [])
+ - links (array of link object) (default: [])
+ - attributes (drupal attrs)
+
+ Blocks
+ - card_date
+ - card_badges
+ - card_links
+#}
+
+{% set _title = title|default('') %}
+{% set _title_tag = title_tag|default('h1') %}
+{% set _title_link = title_link|default({}) %}
+{% set _title_attributes = title_attributes ?: create_attribute() %}
+{% set _subtitle = subtitle|default({}) %}
+{% set _text = text|default({}) %}
+{% set _content = content|default('') %}
+{% set _image = image|default({}) %}
+{% set _date = date|default({}) %}
+{% set _variant = variant|default('') %}
+{% set _horizontal = horizontal ?? false %}
+{% set _horizontal_grid = horizontal_grid|default({
+ left_col_classes: 'bcl-card-start-col',
+ right_col_classes: 'col',
+ left_col_size: '',
+}) %}
+{% set _border_variant = border_variant|default('') %}
+{% set _text_color = text_color|default('') %}
+{% set _card_header = card_header|default('') %}
+{% set _card_footer = card_footer|default('') %}
+{% set _extra_classes_body = extra_classes_body|default('') %}
+{% set _extra_classes_header = extra_classes_header|default('') %}
+{% set _extra_classes_footer = extra_classes_footer|default('') %}
+{% set _badges = badges|default([]) %}
+{% set _links = links|default([]) %}
+
+{% set _classes = ['card'] %}
+{% if _text_color is not empty %}
+ {% set _classes = _classes|merge(['text-' ~ _text_color]) %}
+{% endif %}
+{% if _variant is not empty %}
+ {% set _classes = _classes|merge(['text-bg-' ~ _variant]) %}
+{% endif %}
+{% if _border_variant is not empty %}
+ {% set _classes = _classes|merge(['border-' ~ _border_variant]) %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set _body_classes = 'card-body' %}
+{% if _extra_classes_body is not empty %}
+ {% set _body_classes = _body_classes ~ ' ' ~ _extra_classes_body %}
+{% endif %}
+
+{% set _header_classes = 'card-header' %}
+{% if _extra_classes_header is not empty %}
+ {% set _header_classes = _header_classes ~ ' ' ~ _extra_classes_header %}
+{% endif %}
+
+{% set _footer_classes = 'card-footer' %}
+{% if _extra_classes_footer is not empty %}
+ {% set _footer_classes = _footer_classes ~ ' ' ~ _extra_classes_footer %}
+{% endif %}
+
+{% set _row_classes = 'row' %}
+{% if _horizontal_grid.gutter is not empty %}
+ {% set _row_classes = _row_classes ~ ' g-' ~ _horizontal_grid.gutter %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+
+{% if _card_header is not empty %}
+
+ {{- _card_header -}}
+
+{% endif %}
+{% if _horizontal %}
+
+{% endif %}
+{% if _image is not empty and _image.position != 'bottom' %}
+ {% set _img_class = 'card-img-top' %}
+ {% if _image.position == 'background' %}
+ {% set _img_class = 'card-img' %}
+ {% endif %}
+ {% if _image.rounded is not empty %}
+ {% set _img_class = _img_class ~ ' rounded-' ~ _image.rounded %}
+ {% elseif _horizontal %}
+ {% if attributes.hasClass('border-0') %}
+ {% set _img_class = _img_class ~ ' rounded-1' %}
+ {% else %}
+ {% set _img_class = _img_class ~ ' rounded-0 rounded-start' %}
+ {% endif %}
+ {% elseif _card_header is not empty %}
+ {% set _img_class = _img_class ~ ' rounded-0' %}
+ {% endif %}
+ {% if _image.classes is not empty %}
+ {% set _img_class = _img_class ~ " " ~ _image.classes %}
+ {% endif %}
+{% endif %}
+{% if _horizontal and (_image is not empty or _date is not empty) %}
+
+{% endif %}
+ {% if _date is not empty %}
+ {% block card_date %}
+ {% include '@oe-bcl/bcl-date-block/date-block.html.twig' with _date only %}
+ {% endblock %}
+ {% elseif _image is not empty and _image.position != "bottom" %}
+
+ {% endif %}
+{% if _horizontal and (_image is not empty or _date is not empty) %}
+
+{% endif %}
+{% if _image.position == 'background' %}
+
+{% endif %}
+{% if _horizontal %}
+
+{% endif %}
+
+ {% if _title is not empty %}
+ {% if _title_attributes.class is empty %}
+ {% set _title_attributes = _title_attributes.addClass('fs-4') %}
+ {% endif %}
+ {% set _title_attributes = _title_attributes.addClass('card-title') %}
+ {% 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 _subtitle is not empty -%}
+ {% set _subtitle_tag = _subtitle.tag ?? 'h6' %}
+ <{{ _subtitle_tag }}
+ class='card-subtitle{{ _subtitle.classes ? ' ' ~ _subtitle.classes }}'
+ >
+ {{- _subtitle.content -}}
+
+ {%- endif -%}
+ {%- if _text is not empty -%}
+ {% set _text_tag = _text.tag ?? 'p' %}
+ <{{ _text_tag }}
+ class='card-text{{ _text.classes ? ' ' ~ _text.classes }}'
+ >
+ {{- _text.content -}}
+
+ {%- endif -%}
+ {%- if _content is not empty -%}
+ {{- _content -}}
+ {%- endif -%}
+ {% block card_badges %}
+ {%- if _badges is not empty and _badges is iterable -%}
+
+ {% for _badge in _badges %}
+ {% if _badge.attributes is empty %}
+ {% set _badge = _badge|merge({
+ attributes: create_attribute()
+ }) %}
+ {% endif %}
+ {% set _badge = _badge|merge({
+ attributes: _badge.attributes.addClass('mb-2')
+ })
+ %}
+ {% if not loop.last %}
+ {% set _badge = _badge|merge({
+ attributes: _badge.attributes.addClass('me-2')
+ })
+ %}
+ {% endif %}
+ {% include '@oe-bcl/bcl-badge/badge.html.twig' with _badge only %}
+
+ {% endfor %}
+
+ {%- endif -%}
+ {% endblock %}
+ {% block card_links %}
+ {%- if _links is not empty and _links is iterable -%}
+
+ {% for _link in _links %}
+
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _link only %}
+
+ {% endfor %}
+
+ {%- endif -%}
+ {% endblock %}
+
+{% if _horizontal %}
+
+{% endif %}
+{% if _image is not empty %}
+ {% if _image.position == 'background' %}
+
+ {% endif %}
+ {% set _img_class = "card-img-bottom" %}
+ {% if _image.classes is not empty %}
+ {% set _img_class = _img_class ~ " " ~ _image.classes %}
+ {% endif %}
+ {% if _image.position == 'bottom' %}
+ {% if _horizontal %}
+
+{% endif %}
+{% if _card_footer is not empty %}
+
+{% endif %}
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-carousel/bcl-carousel.html.twig b/assets/bcl/bcl-carousel/bcl-carousel.html.twig
new file mode 100644
index 000000000..39e601b00
--- /dev/null
+++ b/assets/bcl/bcl-carousel/bcl-carousel.html.twig
@@ -0,0 +1,180 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - title (string) (default: '')
+ - title_tag (string) (default: 'h2')
+ - title_link: (link object) (default: {})
+ - title_attributes: (drupal attrs)
+ - id (string) (default: '')
+ - autoplay (boolean) (default: true)
+ - dark (boolean) (default: false)
+ - active_item (integer) (default: 1)
+ - items (object[]) format: [
+ {
+ image: (string) tag
+ caption (string)
+ caption_classes (string)
+ caption_title (string)
+ interval (integer) (default: 0)
+ }
+ ],
+ - fade (boolean) (default: false)
+ - with_controls (boolean) (default: true)
+ - prev_label (string) (default: '')
+ - next_label (string) (default: '')
+ - with_indicators (boolean) (default: false)
+ - rounded_indicators (boolean) (default: false)
+ - disable_touch (boolean) (default: false)
+ - 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('') %}
+{% set _autoplay = autoplay ?? true %}
+{% set _dark = dark ?? false %}
+{% set _active_item = active_item|default(1) %}
+{% set _items = items|default([]) %}
+{% set _fade = fade ?? false %}
+{% set _with_controls = with_controls ?? true %}
+{% set _prev_label = prev_label|default('') %}
+{% set _next_label = next_label|default('') %}
+{% set _with_indicators = with_indicators ?? false %}
+{% set _rounded_indicators = rounded_indicators ?? false %}
+{% set _disable_touch = disable_touch ?? false %}
+
+{% set _classes = ['carousel', 'slide'] %}
+
+{% if _fade %}
+ {% set _classes = _classes|merge(['carousel-fade']) %}
+{% endif %}
+{% if _dark %}
+ {% set _classes = _classes|merge(['carousel-dark']) %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if _id is not empty %}
+ {% set attributes = attributes.setAttribute('id', _id) %}
+{% endif %}
+
+{% if _autoplay %}
+ {% set attributes = attributes.setAttribute('data-bs-ride', 'carousel') %}
+{% endif %}
+
+{% if _disable_touch %}
+ {% set attributes = attributes.setAttribute('data-bs-touch', 'false') %}
+{% endif %}
+
+{% if _rounded_indicators %}
+ {% set attributes = attributes.addClass('rounded-indicators') %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+{%- 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 _with_indicators %}
+
+ {% for _i in 0..(_items|length - 1) %}
+ {% set button_attributes = create_attribute()
+ .setAttribute('aria-label', 'Slide ' ~ (_i + 1))
+ .setAttribute('data-bs-target', '#' ~ _id)
+ .setAttribute('data-bs-slide-to', _i)
+ %}
+ {% if loop.index == _active_item %}
+ {% set button_attributes = button_attributes.setAttribute('aria-current', true).addClass(['active']) %}
+ {% endif %}
+ {% include '@oe-bcl/bcl-button/button.html.twig' with {
+ clean_class: true,
+ attributes: button_attributes
+ } only %}
+ {% endfor %}
+
+{% endif %}
+
+ {% if _items is not empty and _items is iterable %}
+ {% for _item in items %}
+ {% set _item_classes = 'carousel-item' %}
+ {% if loop.index == _active_item %}
+ {% set _item_classes = _item_classes ~ ' active' %}
+ {% endif %}
+
+ {% if _item.image is defined and _item.image is not empty %}
+ {{ _item.image }}
+ {% endif %}
+ {% if (_item.caption is defined and _item.caption is not empty) or (_item.link is defined and _item.link is not empty) or (_item.caption_title is defined and _item.caption_title is not empty) %}
+ {% set _caption_classes = 'carousel-caption' %}
+ {% if _item.caption is not empty and _item.link is empty %}
+ {% set _caption_classes = _caption_classes ~ ' d-none d-md-block' %}
+ {% endif %}
+
+ {% if _item.caption is not empty or _item.caption_title is not empty %}
+ {% if _item.caption_classes is defined and _item.caption_classes is not empty %}
+
+ {% endif %}
+ {% if _item.caption_title is not empty %}
+
{{ _item.caption_title }}
+ {% endif %}
+ {{- _item.caption -}}
+ {% if _item.caption_classes is defined and _item.caption_classes is not empty %}
+
+ {% endif %}
+ {% endif %}
+ {% if _item.link is defined and _item.link is not empty %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _item.link only %}
+ {% endif %}
+
+{%- block definition -%}
+ {%- if _button is not empty -%}
+ {% include '@oe-bcl/bcl-button/button.html.twig' with _button only %}
+ {%- elseif _link is not empty %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _link only -%}
+ {%- else -%}
+ {%- if _icon is not empty -%}
+ {%- set _icon_classes = ["me-2", "align-self-center", "flex-shrink-0"] -%}
+ {% set _icon_attributes = _icon.attributes ?: create_attribute() %}
+ {% set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
+ {%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
+ attributes: _icon_attributes,
+ }) only -%}
+
+ {%- if _icon is not empty -%}
+ {% set _icon_classes = ["me-2", "align-self-center", "flex-shrink-0"] %}
+ {% set _icon_attributes = _icon.attributes ?: create_attribute() %}
+ {% set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
+ {% include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
+ attributes: _icon_attributes,
+ }) only %}
+ {%- elseif _color is not empty -%}
+
+
+
+ {%- endif -%}
+
{{- _label -}}
+
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-description-list/bcl-description-list.html.twig b/assets/bcl/bcl-description-list/bcl-description-list.html.twig
new file mode 100644
index 000000000..09a83159a
--- /dev/null
+++ b/assets/bcl/bcl-description-list/bcl-description-list.html.twig
@@ -0,0 +1,121 @@
+{% apply spaceless %}
+
+{#
+ Parameters:
+ - title: (string) (default: '')
+ - title_tag: (string) (default: 'h2')
+ - title_link: (link object) (default: {})
+ - title_attributes (drupal attrs)
+ - bordered (boolean) (default: false)
+ - col_classes (string) (default: 'col-3')
+ - items (array) (default: []): format: [
+ {
+ term (string or description list title [])
+ definition (string or description list details [])
+ },
+ ...
+ ]
+ - variant (string) (default: '')
+ - option: ['horizontal']
+#}
+
+{% 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 _bordered = bordered ?? false %}
+{% set _col_classes = col_classes|default('col-md-3') %}
+{% set _items = items|default([]) %}
+{% set _variant = variant|default('') %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set _item_classes = ['mb-3'] %}
+
+{% if _bordered %}
+ {% set _item_classes = ['border-bottom', 'pb-2-5', 'mb-2-5'] %}
+{% endif %}
+
+{% if _variant == 'horizontal' %}
+ {% set _item_classes = _item_classes|merge(['row']) %}
+{% endif %}
+
+{% 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 %}
+
+{% set attributes = attributes.addClass(['bcl-description-list']) %}
+
+{% if _variant != 'horizontal' %}
+
+{% else %}
+
+{% endif %}
+ {% for _item in _items %}
+ {% if _variant == 'horizontal' %}
+
+ {% else %}
+
+ {% endif %}
+ {% if _item.term is not empty %}
+ {% if _variant == 'horizontal' %}
+
+ {% endif %}
+ {% if _item.term is iterable %}
+ {% for _term in _item.term %}
+ {%- include '@oe-bcl/bcl-description-list/description-list-title.html.twig' with _term only -%}
+ {% endfor %}
+ {% else %}
+ {%- include '@oe-bcl/bcl-description-list/description-list-title.html.twig' with {
+ label: _item.term
+ } only -%}
+ {% endif %}
+ {% if _variant == 'horizontal' %}
+
+ {% endif %}
+ {% endif %}
+ {% if _item.definition is not empty %}
+ {% if _variant == 'horizontal' %}
+
+ {% endif %}
+ {% if _item.definition is iterable %}
+ {% for _definition in _item.definition %}
+ {%- include '@oe-bcl/bcl-description-list/description-list-details.html.twig' with _definition only -%}
+ {% endfor %}
+ {% else %}
+ {%- include '@oe-bcl/bcl-description-list/description-list-details.html.twig' with {
+ label: _item.definition
+ } only -%}
+ {% endif %}
+ {% if _variant == 'horizontal' %}
+
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-dropdown/bcl-dropdown.html.twig b/assets/bcl/bcl-dropdown/bcl-dropdown.html.twig
new file mode 100644
index 000000000..cc641c4e3
--- /dev/null
+++ b/assets/bcl/bcl-dropdown/bcl-dropdown.html.twig
@@ -0,0 +1,130 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - id (string) (default: dropdown-random(10000))
+ - trigger (link or button)
+ - link (boolean) (default: false)
+ - direction (string) (default: '')
+ - options ['dropup', 'dropend', 'dropstart']
+ - alignment (string) (default: '')
+ - options [
+ 'dropdown-menu-end',
+ 'dropdown-menu-sm-end',
+ 'dropdown-menu-md-end',
+ 'dropdown-menu-lg-end',
+ 'dropdown-menu-xl-end',
+ 'dropdown-menu-xxl-end',
+ 'dropdown-menu-start',
+ 'dropdown-menu-sm-start',
+ 'dropdown-menu-md-start',
+ 'dropdown-menu-lg-start',
+ 'dropdown-menu-xl-start',
+ 'dropdown-menu-xxl-start'
+ ]
+ - dark (boolean) (default: false)
+ - remove_wrapper (boolean) (default: false)
+ - items (object[])
+ format: [
+ {
+ - link or button object
+ - active (boolean)
+ - divider (bolean) - show divider
+ - button (boolean) - set to button
+ }
+ ]
+ - attributes (drupal attrs)
+#}
+
+{% set _id = id|default('dropdown-' ~ random(1000)) %}
+{% set _trigger = trigger|default({}) %}
+{% set _link = link ?? false %}
+{% set _direction = direction|default('') %}
+{% set _alignment = alignment|default('') %}
+{% set _dark = dark ?? false %}
+{% set _remove_wrapper = remove_wrapper ?? false %}
+{% set _items = items|default([]) %}
+
+{% set _class = 'dropdown' %}
+{% set _dropdown_classes = ['dropdown-menu'] %}
+
+{% if _dark %}
+ {% set _dropdown_classes = _dropdown_classes|merge(['dropdown-menu-dark']) %}
+{% endif %}
+{% if _alignment %}
+ {% set _dropdown_classes = _dropdown_classes|merge([_alignment]) %}
+{% endif %}
+{% if _direction %}
+ {% set _class = _class ~ ' ' ~ _direction %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.setAttribute('aria-labelledby', _id).addClass(_dropdown_classes) %}
+
+{% if _trigger.attributes is empty %}
+ {% set _trigger = _trigger|merge({
+ attributes: create_attribute()
+ }) %}
+{% endif %}
+{% set _trigger = _trigger|merge({
+ attributes: _trigger.attributes.addClass(['dropdown-toggle'])
+ .setAttribute('aria-expanded', 'false')
+ .setAttribute('data-bs-toggle', 'dropdown')
+ .setAttribute('id', _id)
+}) %}
+
+{% if _link %}
+ {% set _trigger = _trigger|merge({
+ attributes: _trigger.attributes.setAttribute('role', 'button')
+ }) %}
+{% else %}
+ {% set _trigger = _trigger|merge({
+ attributes: _trigger.attributes.setAttribute('autocomplete', 'off')
+ }) %}
+{% endif %}
+
+{% if not _remove_wrapper %}
+
+{% endif %}
+ {% if _link %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _trigger only %}
+ {% else %}
+ {% include '@oe-bcl/bcl-button/button.html.twig' with _trigger only %}
+ {% endif %}
+
+ {% if _items is not empty and _items is iterable %}
+ {% for _item in _items %}
+ {% if _item.attributes is empty %}
+ {% set _item = _item|merge({
+ attributes: create_attribute()
+ }) %}
+ {% endif %}
+ {% set _item_classes = ['dropdown-item'] %}
+ {% if _item.active %}
+ {% set _item_classes = _item_classes|merge(['active']) %}
+ {% endif %}
+ {% set _item = _item|merge({
+ clean_class: true,
+ attributes: _item.attributes.addClass(_item_classes)
+ }) %}
+
+ {% if _item.divider is defined %}
+
+ {% 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 %}
+
+ {% endfor %}
+ {% endif %}
+
+{% if not _remove_wrapper %}
+
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-event/bcl-event.html.twig b/assets/bcl/bcl-event/bcl-event.html.twig
new file mode 100644
index 000000000..bd12b6eea
--- /dev/null
+++ b/assets/bcl/bcl-event/bcl-event.html.twig
@@ -0,0 +1,24 @@
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+
+{% block sidebar %}
+ {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
+{% endblock %}
+
+{% block content %}
+ {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with details_list only %}
+
+
Description
+
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,
+ posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
+ 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.
+
+
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.
+
+
+
Related documents
+ {% include '@oe-bcl/bcl-file/file.html.twig' with files[0] only %}
+ {% include '@oe-bcl/bcl-file/file.html.twig' with files[1] only %}
+{% endblock %}
diff --git a/assets/bcl/bcl-fact-figures/bcl-fact-figures.html.twig b/assets/bcl/bcl-fact-figures/bcl-fact-figures.html.twig
new file mode 100644
index 000000000..eed41cef9
--- /dev/null
+++ b/assets/bcl/bcl-fact-figures/bcl-fact-figures.html.twig
@@ -0,0 +1,128 @@
+{% apply spaceless %}
+
+{#
+ Parameters:
+ - title (string) (default: '')
+ - title_tag (string) (default: 'h2')
+ - title_link: (link object) (default: {})
+ - title_attributes (drupal attrs)
+ - variant (string) (default: 'default')
+ options: default, block ]
+ - display_icons (boolean) (default: true)
+ - items (array) (default: []):
+ - icon (associate array) (default: { size: 'm' })
+ - subtitle (string) (default: '')
+ - title (string) (default: '')
+ - description (string) (default:'')
+ - grid_columns (int) (default: 1)
+ - responsiveness (string) (default: 'md')
+ - responsive_columns (integer) (default: 3)
+ - gutter (int) (default: 4)
+ - equal_height (boolean) (default: false)
+ - cols_extra_classes (string) (default: '')
+ - icon_path (string) (default: '')
+ - link_more (object of type link) (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() %}
+{% set _variant = variant|default('default') %}
+{% set _display_icons = display_icons ?? true %}
+{% set _items = items|default([]) %}
+{% set _grid_columns = grid_columns|default(1) %}
+{% set _responsiveness = responsiveness|default('md') %}
+{% set _responsive_columns = responsive_columns|default(3) %}
+{% set _gutter = gutter|default(4) %}
+{% set _equal_height = equal_height ?? false %}
+{% set _cols_extra_classes = cols_extra_classes|default('') %}
+{% set _icon_path = icon_path|default('') %}
+{% set _link_more = link_more|default({}) %}
+
+{% set _cols_classes = 'col' %}
+{% set _classes = ['bcl-fact-figures', 'bcl-fact-figures--' ~ _variant] %}
+{% set _wrapper_classes = [] %}
+
+{% set _grid_classes = [
+ 'row-cols-' ~ _responsiveness ~ '-' ~ _responsive_columns,
+ 'row', 'row-cols-' ~ _grid_columns
+] %}
+{% if _responsive_columns == 3 %}
+ {% set _grid_classes = _grid_classes|merge(['row-cols-sm-2']) %}
+{% endif %}
+{% if _variant == 'block' or _variant == 'block-primary' %}
+ {% set _wrapper_classes = _wrapper_classes|merge(['bg-light p-3-5 pt-0']) %}
+{% endif %}
+{% if _gutter is not empty %}
+ {% set _grid_classes = _grid_classes|merge(['g-' ~ _gutter]) %}
+{% endif %}
+{% if _title is not empty %}
+ {% set _grid_classes = _grid_classes|merge(['mt-3']) %}
+{% endif %}
+{% if _equal_height %}
+ {% set _cols_classes = _cols_classes ~ ' h-100' %}
+{% endif %}
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+
+{% 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 and _items is iterable %}
+ {% for _item in _items %}
+
+ {% if _item.icon is defined and _item.icon is not empty and _display_icons %}
+ {% set _icon_attributes = _item.icon.attributes ?: create_attribute() %}
+ {% set _item = _item|merge({
+ icon: _item.icon|merge({
+ path: _icon_path,
+ size: 'l',
+ attributes: _icon_attributes.addClass(['mb-2', 'icon--primary']),
+ })
+ }) %}
+ {% include '@oe-bcl/bcl-icon/icon.html.twig' with _item.icon only %}
+ {% endif %}
+ {% if _item.title is defined and _item.title is not empty %}
+
+ {{- _item.title -}}
+
+ {% endif %}
+ {% if _item.subtitle is defined and _item.subtitle is not empty %}
+
+ {{- _item.subtitle -}}
+
+ {% endif %}
+ {% if _item.description is defined and _item.description is not empty %}
+
+ {{- _item.description -}}
+
+ {% endif %}
+
+ {% endfor %}
+ {% endif %}
+
+ {% if _link_more is defined and _link_more is not empty %}
+
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _link_more only %}
+
+{% endif %}
+
+{%- 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 _with_text %}
+
+ {%- if _description_title is not empty -%}
+ {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+ title: _description_title,
+ title_tag: _description_title_tag,
+ attributes: _description_title_attributes,
+ } only %}
+ {%- endif -%}
+ {{- _description|default('') -}}
+
+ {% if _read_more is not empty %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _read_more only %}
+ {% endif %}
+
+
+{% endif %}
+
+
+{% if _embedded_media is not empty %}
+ {% set _video_classes = "ratio ratio-" ~ _ratio %}
+
+ {%- block embedded_media _embedded_media -%}
+
+{% elseif _sources is not empty and _sources is iterable %}
+
+{% else %}
+ {{ _image }}
+{% endif %}
+
+{% if _content is not empty %}
+
+ {{- _content -}}
+
+{% endif %}
+
+
+{% if _with_text %}
+
+
+{% endif %}
+{% if _with_text or _force_wrapper %}
+
+ {% if _translation is not empty %}
+ {% include '@oe-bcl/bcl-file/file-translations.html.twig' with _translation|merge({
+ icon_path: _icon_path
+ }) only %}
+ {% endif %}
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-footer/bcl-footer.html.twig b/assets/bcl/bcl-footer/bcl-footer.html.twig
new file mode 100644
index 000000000..57f0d8961
--- /dev/null
+++ b/assets/bcl/bcl-footer/bcl-footer.html.twig
@@ -0,0 +1,90 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - variant (string) (default: 'neutral')
+ - options: ['eu', 'ec', 'neutral']
+ - rows (object[]) (default: []) - format:
+ [
+ {
+ extra_classes: ""
+ cols: [
+ {
+ classes: "",
+ items: [
+ {
+ type: "links" or "content" or "image",
+ -- for type "links" --
+ links: (link[]),
+
+ -- for type "image" --
+ path: "",
+ alt: "",
+ classes: ""
+
+ -- for type "content" --
+ content: "",
+ },
+ ]
+ }
+ ]
+ }
+ ]
+ - attributes (drupal attrs)
+#}
+
+{% set _variant = variant|default('neutral') %}
+{% set _rows = rows|default([]) %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(['bcl-footer', 'bcl-footer--' ~ _variant]) %}
+
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-form-input/bcl-form-input.html.twig b/assets/bcl/bcl-form-input/bcl-form-input.html.twig
new file mode 100644
index 000000000..559a1f73b
--- /dev/null
+++ b/assets/bcl/bcl-form-input/bcl-form-input.html.twig
@@ -0,0 +1,183 @@
+{% apply spaceless %}
+
+{#
+ Parameters:
+ - 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('') %}
+{% set _input_type = input_type|default('text') %}
+{% set _label = label|default('') %}
+{% set _required = required ?? false %}
+{% set _checked = checked ?? false %}
+{% set _hidden_label = hidden_label ?? false %}
+{% set _disabled = disabled ?? false %}
+{% set _readonly = readonly ?? false %}
+{% set _invalid = invalid ?? false %}
+{% set _valid = valid ?? false %}
+{% set _invalid_feedback = invalid_feedback|default('') %}
+{% set _valid_feedback = valid_feedback|default('') %}
+{% set _floating = floating ?? false %}
+{% set _helper_text = helper_text|default('') %}
+{% set _helper_text_id = helper_text_id|default('') %}
+{% set _placeholder = placeholder|default('') %}
+{% set _horizontal = horizontal ?? false %}
+{% set _horizontal_class = horizontal_class|default('col-sm-10') %}
+{% set _horizontal_label_class = horizontal_label_class|default('col-sm-2') %}
+{% set _switch = switch ?? false %}
+{% set _toggle = toggle ?? false %}
+{% set _toggle_variant = toggle_variant|default('primary') %}
+{% set _remove_wrapper = remove_wrapper ?? false %}
+
+{% set _label_block = false %}
+{% set _label_class = 'form-label' %}
+{% set _classes = ['form-control'] %}
+
+{% if input_type == 'range' %}
+ {% set _classes = ['form-range'] %}
+{% endif %}
+{% if _input_type == 'checkbox' or _input_type == 'radio' %}
+ {% set _classes = ['form-check-input'] %}
+ {% set _label_class = 'form-check-label' %}
+{% endif %}
+{% if _invalid is not empty %}
+ {% set _classes = _classes|merge(['is-invalid']) %}
+{% endif %}
+{% if _valid is not empty %}
+ {% set _classes = _classes|merge(['is-valid']) %}
+{% endif %}
+{% if _horizontal %}
+ {% set _label_class = 'col-form-label ' ~ _horizontal_label_class %}
+{% endif %}
+{% if _hidden_label %}
+ {% set _label_class = _label_class ~ ' visually-hidden' %}
+{% endif %}
+{% if _toggle %}
+ {% set _label_class = _label_class ~ ' btn btn-' ~ _toggle_variant %}
+ {% set _classes = _classes|merge(['btn-check']) %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes).setAttribute('type', _input_type) %}
+
+{% if _id %}
+ {% set attributes = attributes.setAttribute('id', _id) %}
+{% endif %}
+
+{% if _required %}
+ {% set attributes = attributes.setAttribute('required', true) %}
+{% endif %}
+
+{% if _disabled %}
+ {% set attributes = attributes.setAttribute('disabled', true) %}
+{% endif %}
+
+{% if _readonly %}
+ {% set attributes = attributes.setAttribute('readonly', true) %}
+{% endif %}
+
+{% if _checked %}
+ {% set attributes = attributes.setAttribute('checked', true) %}
+{% endif %}
+
+{% if _placeholder is not empty %}
+ {% set attributes = attributes.setAttribute('placeholder', _placeholder) %}
+{% endif %}
+
+{% if _helper_text_id is not empty %}
+ {% set attributes = attributes.setAttribute('aria-describedby', _helper_text_id) %}
+{% endif %}
+
+{% if _label is not empty %}
+ {% set _label_block %}
+
+ {% endset %}
+{% endif %}
+
+{% if (_floating or _horizontal or _input_type == 'checkbox' or _input_type == 'radio') and
+ not _toggle and
+ not _remove_wrapper
+%}
+ {% set _wrapper_class = _floating ? 'form-floating' : '' %}
+{% if (_input_type == 'checkbox' or _input_type == 'radio') %}
+ {% set _wrapper_class = 'form-check' %}
+ {% if _switch %}
+ {% set _wrapper_class = _wrapper_class ~ ' form-switch' %}
+ {% endif %}
+{% endif %}
+{% if _wrapper_class is not empty %}
+
+{% endif %}
+{% endif %}
+{% if _label_block and _floating == false and _input_type != 'checkbox' and _input_type != 'radio' %}
+ {{ _label_block|raw }}
+{% endif %}
+{% if _horizontal and floating == false %}
+
+{% endif %}
+
+{% if _horizontal and floating == false %}
+
+{% endif %}
+{% if _label_block and (_floating or _input_type == 'checkbox' or _input_type == 'radio') %}
+ {{ _label_block|raw }}
+{% endif %}
+{% if _invalid_feedback is not empty %}
+
+ {{- _invalid_feedback -}}
+
+{% endif %}
+{% if _valid_feedback is not empty %}
+
+ {{- _valid_feedback -}}
+
+{% endif %}
+{% if _helper_text is not empty %}
+
+ {{- _helper_text -}}
+
+{% endif %}
+{% if _wrapper_class is not empty %}
+
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-form/bcl-form.html.twig b/assets/bcl/bcl-form/bcl-form.html.twig
new file mode 100644
index 000000000..c3e4b51df
--- /dev/null
+++ b/assets/bcl/bcl-form/bcl-form.html.twig
@@ -0,0 +1,150 @@
+{% apply spaceless %}
+
+{# 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: '')
+ - items (object[ object[] ]) (default: []) format: [
+ [
+ {
+ ...object of type form-Input
+ wrapper_classes: (string) (default: '') OR
+ type: fieldset (must be the first element of the array, it will group all
+ the inputs in the array in a fieldset element)
+ classes: (string) (default: ''),
+ legend: (string) (default: ''),
+ fieldset_classes: (string) (default: ''),
+ legend_classes: (string) (default: ''),
+ },
+ ],
+ - submit (object) (default: {}) button or 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 _antispam = antispam|default('') %}
+{% set _items = items|default([]) %}
+{% set _submit = submit|default({}) %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% 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 _helper_text is not empty %}
+
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.
+
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.
+
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.
+
+ {% 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 %}
+
+ {% include '@oe-bcl/bcl-file/file.html.twig' with file only %}
+
+ {% endfor %}
+
+{% endblock %}
diff --git a/assets/bcl/bcl-glossary/bcl-glossary-listing.html.twig b/assets/bcl/bcl-glossary/bcl-glossary-listing.html.twig
new file mode 100644
index 000000000..f67f470cb
--- /dev/null
+++ b/assets/bcl/bcl-glossary/bcl-glossary-listing.html.twig
@@ -0,0 +1,19 @@
+{% extends '@oe-bcl/bcl-base-templates/listing-page.html.twig' %}
+
+{% block content_row %}
+ {% include '@oe-bcl/bcl-pagination/pagination.html.twig' with glossary only %}
+
+
+ {% include '@oe-bcl/bcl-select/select.html.twig' with sortBy only %}
+ {% include '@oe-bcl/bcl-select/select.html.twig' with itemsPerPage only %}
+
+
+{% endblock %}
+
+{% block content_top %}
+ {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+ title: 'Starting with "A" (48)',
+ title_tag: 'h2',
+ } only %}
+
+{% endblock %}
\ No newline at end of file
diff --git a/assets/bcl/bcl-group/bcl-group-landing.html.twig b/assets/bcl/bcl-group/bcl-group-landing.html.twig
new file mode 100644
index 000000000..34a1bceca
--- /dev/null
+++ b/assets/bcl/bcl-group/bcl-group-landing.html.twig
@@ -0,0 +1,101 @@
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
+
+{% block banner %}
+
+ {% if banner is not empty %}
+
+ {% if banner.image is not empty %}
+
+ {% endif %}
+ {% if banner.title is not empty %}
+
+
{{ banner.title }}
+ {% if banner.actions is not empty and banner.actions is iterable %}
+
+ {% for _action in banner.actions %}
+ {% if _action.type == "link" %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _action only %}
+ {% elseif _action.type == "button" %}
+ {% include '@oe-bcl/bcl-button/button.html.twig' with _action only %}
+ {% elseif _action.type == "dropdown" %}
+ {% include '@oe-bcl/bcl-dropdown/dropdown.html.twig' with _action only %}
+ {% endif %}
+ {% endfor %}
+
+ {% endif %}
+
+ {% endif %}
+
+ {% endif %}
+ {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with navigation only %}
+ {% if banner_description is not empty and contact is not empty %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with banner_description.collapse_trigger only %}
+
+
+
+
+ {% if banner_description.metas is not empty and banner_description.metas is iterable %}
+
+ {% for _meta in banner_description.metas %}
+
+ {% include '@oe-bcl/bcl-icon/icon.html.twig' with _meta.icon only %}
+ {{- _meta.label -}}
+
+ {% if contact.profiles is not empty and contact.profiles is iterable %}
+ {% for _profile in contact.profiles %}
+ {% include '@oe-bcl/bcl-user/user-compact.html.twig' with _profile only %}
+ {% endfor %}
+ {% endif %}
+ {% if contact.more_link is not empty %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with contact.more_link only %}
+ {% endif %}
+
+
+
+ {% endif %}
+
+{% endblock %}
+
+{% block content %}
+ {% if recent is not empty and members is not empty %}
+
+
+
{{ recent.title }}
+ {% include '@oe-bcl/bcl-recent-activities/recent-activities.html.twig' with recent.block_data only %}
+
+
+
{{ members.title}}
+ {% if members.profiles is not empty and members.profiles is iterable %}
+ {% for _profile in members.profiles %}
+ {% include '@oe-bcl/bcl-user/user-compact.html.twig' with _profile only %}
+ {% endfor %}
+ {% endif %}
+ {% if members.more_link is not empty %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with members.more_link only %}
+ {% endif %}
+
+
+ {% endif %}
+ {% if contributions is not empty %}
+
{{ contributions.title}}
+ {% if contributions.listing is not empty %}
+ {% include '@oe-bcl/bcl-listing/listing.html.twig' with contributions.listing only %}
+ {% endif %}
+ {% endif %}
+{% endblock %}
diff --git a/assets/bcl/bcl-group/bcl-group.html.twig b/assets/bcl/bcl-group/bcl-group.html.twig
new file mode 100644
index 000000000..4fd1086ee
--- /dev/null
+++ b/assets/bcl/bcl-group/bcl-group.html.twig
@@ -0,0 +1,27 @@
+{% extends "@oe-bcl/bcl-base-templates/listing-page.html.twig" %}
+
+{% block banner %}
+
+
+
+
{{ banner.main_title }}
+ {% if banner.actions is not empty and banner.actions is iterable %}
+
+ {% for _action in banner.actions %}
+ {% if _action.type == "link" %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _action only %}
+ {% elseif _action.type == "button" %}
+ {% include '@oe-bcl/bcl-button/button.html.twig' with _action only %}
+ {% elseif _action.type == "dropdown" %}
+ {% include '@oe-bcl/bcl-dropdown/dropdown.html.twig' with _action only %}
+ {% endif %}
+ {% endfor %}
+
+ {% endif %}
+
+ {% if navigation is not empty %}
+ {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with navigation only %}
+ {% endif %}
+
+
+{% endblock %}
diff --git a/assets/bcl/bcl-header/bcl-header.html.twig b/assets/bcl/bcl-header/bcl-header.html.twig
new file mode 100644
index 000000000..d61f729e7
--- /dev/null
+++ b/assets/bcl/bcl-header/bcl-header.html.twig
@@ -0,0 +1,115 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - variant (string) (default: 'neutral')
+ - options: ['ec', 'eu', 'neutral']
+ - navbar (Navbar object) (default: {})
+ - project_logo (object) (default: {})
+ format: {
+ path: '',
+ alt: '',
+ classes: ''
+ }
+ - site_name (string) (default: '')
+ - project_link (string) (default: '')
+ - head (Navbar object) (default: {})
+ - breadcrumbs (Breadcrumbs object) (default: {})
+ - language_modal (object) (default: {})
+ - light (boolean) (default: false)
+ - modals (modal[]) (default: [])
+ - attributes (drupal attrs)
+#}
+
+{% set _variant = variant|default('neutral') %}
+{% set _navbar = navbar|default({}) %}
+{% set _project_logo = project_logo|default({}) %}
+{% set _site_name = site_name|default('') %}
+{% set _project_link = project_link|default('') %}
+{% set _head = head|default({}) %}
+{% set _breadcrumbs = breadcrumbs|default({}) %}
+{% set _language_modal = language_modal|default({}) %}
+{% set _light = light ?? false %}
+{% set _modals = modals|default([]) %}
+
+{% set _site_name_classes = 'bcl-header__site-name' %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(['bcl-header', 'bcl-header--' ~ _variant]) %}
+
+{% if site_name_classes is not empty %}
+ {% set _site_name_classes = _site_name_classes ~ ' ' ~ site_name_classes %}
+{% endif %}
+
+{% set _project_classes = 'bcl-header__project' %}
+{% if _light is not empty %}
+ {% set _project_classes = _project_classes ~ ' light' %}
+{% endif %}
+
+
+
+ {% if _head is not empty %}
+ {% include '@oe-bcl/bcl-navbar/navbar.html.twig' with _head only %}
+ {% endif %}
+
+
+ {% if _project_logo is not empty or _site_name is not empty %}
+
+ {% endif %}
+
+
+ {% if _navbar is not empty %}
+ {% include '@oe-bcl/bcl-navbar/navbar.html.twig' with _navbar only %}
+ {% endif %}
+
+
+ {% if _breadcrumbs is not empty %}
+
+ {% include '@oe-bcl/bcl-breadcrumb/breadcrumb.html.twig' with _breadcrumbs only %}
+
+ {% endif %}
+
+
+{% for modal in _modals %}
+ {% include '@oe-bcl/bcl-modal/modal.html.twig' with modal only %}
+{% endfor %}
+
+{% if _language_modal is not empty %}
+ {% include '@oe-bcl/bcl-language-list/language-list.html.twig' with _language_modal only %}
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-heading/bcl-heading.html.twig b/assets/bcl/bcl-heading/bcl-heading.html.twig
new file mode 100644
index 000000000..94e382b27
--- /dev/null
+++ b/assets/bcl/bcl-heading/bcl-heading.html.twig
@@ -0,0 +1,40 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - title (string) (default: '')
+ - title_tag (string) (default: 'h2')
+ - title_link: (link object) (default: {})
+ - attributes (drupal attrs)
+#}
+
+{% set _title = title|default('') %}
+{% set _title_tag = title_tag|default('h2') %}
+{% set _title_link = title_link|default({}) %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if attributes.class is empty %}
+ {% set attributes = attributes.addClass(['mb-4']) %}
+{% endif %}
+
+{% set attributes = attributes.addClass(['bcl-heading']) %}
+
+{% 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 _title_link is not empty %}
+<{{ _title_tag }}
+ {{- attributes -}}
+>
+{%- if _title_link is not empty -%}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _title_link|merge({ standalone: true }) only %}
+{%- else -%}
+ {{- _title -}}
+{%- endif %}
+
+{% endif -%}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-icon/bcl-icon.html.twig b/assets/bcl/bcl-icon/bcl-icon.html.twig
new file mode 100644
index 000000000..cf5c7e24d
--- /dev/null
+++ b/assets/bcl/bcl-icon/bcl-icon.html.twig
@@ -0,0 +1,36 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - name (string) (default: '')
+ - path (string) (default: '')
+ - size (string) (default: 's')
+ - options ['2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', 'fluid']
+ - transformation (string) (default: '')
+ - options ['rotate-90', 'rotate-180', 'rotate-270', 'flip-horizontal', 'flip-vertical']
+ - attributes (drupal attrs)
+#}
+
+{% set _name = name|default('') %}
+{% set _path = path|default('') %}
+{% set _size = size|default('s') %}
+{% set _transformation = transformation|default('') %}
+
+{% set _classes = ['bi', 'icon--' ~ _size] %}
+
+{% if _transformation is not empty %}
+ {% set _classes = _classes|merge(['icon--' ~ _transformation]) %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-inpage-navigation/bcl-inpage-navigation.html.twig b/assets/bcl/bcl-inpage-navigation/bcl-inpage-navigation.html.twig
new file mode 100644
index 000000000..943f4fd92
--- /dev/null
+++ b/assets/bcl/bcl-inpage-navigation/bcl-inpage-navigation.html.twig
@@ -0,0 +1,80 @@
+{% apply spaceless %}
+
+{#
+Parameters:
+ - title: (string) (default: '')
+ - title_tag: (string) (default: 'h2')
+ - title_link: (link object) (default: {})
+ - title_attributes (drupal attrs)
+ - links: (link[]) (default: [])
+ - id (string) (default: bcl-inpage-navigation-random(10000))
+ - dropdown_id (string) (default: bcl-inpage-navigation-dropdown-random(10000))
+ - dynamic_active: (boolean) (default: false)
+ - icon_path (string) (default: '')
+ - 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 _links = links|default([]) %}
+{% set _id = id|default('bcl-inpage-navigation-' ~ random(10000)) %}
+{% set _icon_path = icon_path|default('') %}
+{% set _dropdown_id = dropdown_id|default('bcl-inpage-navigation-dropdown' ~ random(10000)) %}
+{% set _dyanmic_active = dynamic_active|default(false) %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(['bcl-inpage-navigation', 'position-sticky']).setAttribute('id', _id) %}
+
+{% if not attributes.hasAttribute('aria-label') and not attributes.hasAttribute('aria-labelledby') %}
+ {% set attributes = attributes.setAttribute('aria-labelledby', _dropdown_id) %}
+{% endif %}
+
+{% set title_attributes = _title_attributes.addClass(['mb-0', 'd-none', 'd-md-block']) %}
+{% set _button_content %}
+ {{ _title }}
+ {%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
+ name: 'chevron-down',
+ size: 's',
+ path: _icon_path,
+ } only -%}
+{% endset %}
+
+{% set _classes = [] %}
+
+{% if _dyanmic_active %}
+ {% set _classes = _classes|merge(['dynamic-active']) %}
+{% endif %}
+
+
+ {% set trigger_attributes = create_attribute()
+ .setAttribute('aria-expanded', 'false')
+ .setAttribute('type', 'button')
+ .setAttribute('id', _dropdown_id)
+ .setAttribute('data-bs-toggle', 'dropdown')
+ .addClass(['dropdown-toggle', 'h2', 'd-md-none']) %}
+ {% include '@oe-bcl/bcl-button/button.html.twig' with {
+ label: _button_content,
+ clean_class: true,
+ attributes: trigger_attributes,
+ } only %}
+ {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+ title: _title,
+ title_tag: _title_tag,
+ title_link: _title_link,
+ attributes: _title_attributes,
+ } only %}
+
+ {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with {
+ 'pills': true,
+ 'vertical': true,
+ 'items': _links,
+ } only %}
+
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-landing-page/bcl-landing-page.html.twig b/assets/bcl/bcl-landing-page/bcl-landing-page.html.twig
new file mode 100644
index 000000000..63f81ac33
--- /dev/null
+++ b/assets/bcl/bcl-landing-page/bcl-landing-page.html.twig
@@ -0,0 +1,59 @@
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
+
+{% block banner %}
+ {% if banner is defined %}
+ {% include '@oe-bcl/bcl-banner/banner.html.twig' with banner only %}
+ {% endif %}
+{% endblock %}
+
+{% block content %}
+
+
+ {% if featured_section is defined %}
+
+
{{ featured_section.title }}
+
+
+ {{ featured_section.content }}
+
+
+ {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with featured_section.featured_media only %}
+
+
+
+ {% endif %}
+
+ {% if listing_section is defined %}
+
+ {% include '@oe-bcl/bcl-listing/listing.html.twig' with listing_section only %}
+
+ {% endif %}
+
+ {% if inpage_banner is defined %}
+
+ {% include '@oe-bcl/bcl-banner/banner.html.twig' with inpage_banner only %}
+
+ {% endif %}
+
+ {% if activity_featured is defined %}
+
+
{{ activity_featured.title }}
+
+
+ {{ activity_featured.content }}
+
+
+ {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with activity_featured.featured_media only %}
+
+
+
+ {% endif %}
+
+ {% if activity_listing is defined %}
+
+ {% include '@oe-bcl/bcl-listing/listing.html.twig' with activity_listing only %}
+
+ {% endif %}
+
+ {% if _items is not empty or _non_eu_items is not empty %}
+
+ {% if not (_variant == 'neutral' and _inside_container) %}
+
+ {% endif %}
+ {% if _items is not empty and _items is iterable %}
+ {% include '@oe-bcl/bcl-language-list/language-list-grid.html.twig' with {
+ items: _items,
+ icon_path: _icon_path,
+ category: eu_category,
+ } only %}
+ {% endif %}
+ {% if _non_eu_items is not empty and _non_eu_items is iterable %}
+ {% include '@oe-bcl/bcl-language-list/language-list-grid.html.twig' with {
+ items: _non_eu_items,
+ icon_path: _icon_path,
+ category: non_eu_category,
+ } only %}
+ {% endif %}
+ {% if not (_variant == 'neutral' and _inside_container) %}
+
+ {% endif %}
+
+ {% endif %}
+
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-language-switcher/bcl-language-switcher.html.twig b/assets/bcl/bcl-language-switcher/bcl-language-switcher.html.twig
new file mode 100644
index 000000000..aef75910a
--- /dev/null
+++ b/assets/bcl/bcl-language-switcher/bcl-language-switcher.html.twig
@@ -0,0 +1,50 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - id (string) (default: collapse-random(10000), optional)
+ - message (alert object) (default: {})
+ - expandable (button object) (default: {})
+ - languages (link[]) (default: [])
+#}
+
+{% set _id = id|default('collapse-' ~ random(10000)) %}
+{% set _message = message|default({}) %}
+{% set _expandable = expandable|default({}) %}
+{% set _languages = languages|default([]) %}
+
+{% set _expandable_attributes = _expandable.attributes ?: create_attribute() %}
+
+{% set _expandable_attributes = _expandable_attributes
+ .setAttribute('data-bs-toggle', 'collapse')
+ .setAttribute('autocomplete', 'off')
+ .setAttribute('aria-expanded', 'false')
+ .setAttribute('aria-controls', _id)
+ .setAttribute('data-bs-target', '#' ~ _id)
+%}
+
+{% include '@oe-bcl/bcl-alert/alert.html.twig' with _message only %}
+
+{% include '@oe-bcl/bcl-button/button.html.twig' with _expandable|merge({
+ attributes: _expandable_attributes
+}) only %}
+
+
+
+ {% for language in languages %}
+ {% include '@oe-bcl/bcl-link/link.html.twig' with language|merge({
+ attributes: create_attribute().addClass(
+ [ "btn",
+ "btn-link",
+ "d-block",
+ "ps-0",
+ "text-start"
+ ])
+ }) only %}
+ {% endfor %}
+
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-link/bcl-link.html.twig b/assets/bcl/bcl-link/bcl-link.html.twig
new file mode 100644
index 000000000..aa94eb3a9
--- /dev/null
+++ b/assets/bcl/bcl-link/bcl-link.html.twig
@@ -0,0 +1,90 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - label (string) (default: '')
+ - path (string) (default: '#')
+ - variant (string) (default: '')
+ - options ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
+ - id (string) (default: '')
+ - disabled (boolean) (default: false)
+ - standalone (boolean) (default: false)
+ - icon (icon object) (default: {})
+ - icon_position (string) (default: after)
+ - options ['after', 'before']
+ - remove_icon_spacers (boolean) (default: false)
+ - attributes (drupal attrs)
+#}
+
+{% set _label = label|default('') %}
+{% set _path = path|default('#') %}
+{% set _variant = variant|default('') %}
+{% set _id = id|default('') %}
+{% set _disabled = disabled ?? false %}
+{% set _standalone = standalone ?? false %}
+{% set _icon = icon|default({}) %}
+{% set _icon_position = icon_position|default('after') %}
+{% set _remove_icon_spacers = remove_icon_spacers ?? false %}
+
+{% set _classes = [] %}
+
+{% if _icon is not empty %}
+ {% if _label is not empty and not _remove_icon_spacers %}
+ {% if _icon.attributes is empty %}
+ {% set _icon = _icon|merge({
+ attributes: create_attribute()
+ })
+ %}
+ {% endif %}
+ {% if _icon_position == 'before' %}
+ {% set _icon = _icon|merge({
+ attributes: _icon.attributes.addClass('me-2-5')
+ })
+ %}
+ {% else %}
+ {% set _icon = _icon|merge({
+ attributes: _icon.attributes.addClass('ms-2-5')
+ })
+ %}
+ {% endif %}
+ {% endif %}
+ {%- set _icon_markup -%}
+ {%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon only -%}
+ {%- endset -%}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if _disabled %}
+ {% set _classes = _classes|merge(['disabled']) %}
+ {% set attributes = attributes.setAttribute('aria-disabled', 'true').setAttribute('tabindex', '-1') %}
+{% endif %}
+{% if _variant is not empty %}
+ {% set _classes = _classes|merge(['link-' ~ _variant]) %}
+{% endif %}
+{% if _id is not empty %}
+ {% set attributes = attributes.setAttribute('id', _id) %}
+{% endif %}
+{% if _standalone %}
+ {% set _classes = _classes|merge(['standalone']) %}
+{% endif %}
+{% if _classes is not empty %}
+ {% set attributes = attributes.addClass(_classes) %}
+{% endif %}
+
+{% if _icon_markup is defined %}
+ {%- set _label -%}
+ {%- if _icon_position == 'before' -%}
+ {{ _icon_markup }}
+ {%- endif -%}
+ {{- _label -}}
+ {%- if _icon_position == 'after' -%}
+ {{ _icon_markup }}
+ {%- endif -%}
+ {%- endset -%}
+{%- endif -%}
+
+{{ bcl_link(_label, _path, attributes) }}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-links-block/bcl-links-block.html.twig b/assets/bcl/bcl-links-block/bcl-links-block.html.twig
new file mode 100644
index 000000000..fd94602f8
--- /dev/null
+++ b/assets/bcl/bcl-links-block/bcl-links-block.html.twig
@@ -0,0 +1,76 @@
+{% apply 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']
+ - links (link[]) (default: [])
+ - 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 _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']) %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+{% if _links is not empty and _links is iterable %}
+
+ {% 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(_title_classes),
+ } only %}
+ {% endif %}
+
+ {% for _link in _links %}
+ {% if _link.attributes is empty %}
+ {% set _link = _link|merge({
+ attributes: create_attribute()
+ }) %}
+ {% endif %}
+ {% set _link = _link|merge({
+ clean_class: true,
+ attributes: _link.attributes.addClass(['pb-3', 'd-inline-block', 'standalone'])
+ }) %}
+ {% 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 %}
+
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _link only %}
+
+ {% endfor %}
+
+
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-list-group/bcl-list-group.html.twig b/assets/bcl/bcl-list-group/bcl-list-group.html.twig
new file mode 100644
index 000000000..39c1dade3
--- /dev/null
+++ b/assets/bcl/bcl-list-group/bcl-list-group.html.twig
@@ -0,0 +1,120 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - flush (boolean) (default: false)
+ - horizontal (string) (default: '')
+ - options ['none', 'horizontal', 'horizontal-sm', 'horizontal-md', 'horizontal-lg', 'horizontal-xl', 'horizontal-xxl']
+ - id (string) (default: '')
+ - type (string) (default: 'unordered')
+ - options ['unordered', 'ordered', 'actionable']
+ - items (badge or link or button [])
+ format: [
+ {
+ - html (string)
+ - variant (string)
+ ...badge
+ }
+ {
+ ...Link
+ - button (boolean) (default: false)
+ },
+ {
+ ...Button
+ - button (boolean) (default: false)
+ },
+ ...
+ ]
+ - attributes (drupal attrs)
+#}
+
+{% set _flush = flush ?? false %}
+{% set _horizontal = horizontal|default('') %}
+{% set _id = id|default('') %}
+{% set _type = type|default('unordered') %}
+{% set _items = items|default([]) %}
+
+{% set _classes = ['list-group'] %}
+
+{% if _flush %}
+ {% set _classes = _classes|merge(['list-group-flush']) %}
+{% endif %}
+{% if _type == 'ordered' %}
+ {% set _classes = _classes|merge(['list-group-numbered']) %}
+{% endif %}
+{% if _horizontal is not empty %}
+ {% set _classes = _classes|merge(['list-group-' ~ _horizontal]) %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if _id is not empty %}
+ {% set attributes = attributes.setAttribute('id', _id) %}
+{% endif %}
+{% set attributes = attributes.addClass(_classes) %}
+
+{% if _type == 'unordered' %}
+
+{% endif %}
+{% if _type == 'ordered' %}
+
+{% endif %}
+{% if _type == 'actionable' %}
+
+{% endif %}
+{% if _items is not empty and _items is iterable %}
+ {% for _item in _items %}
+ {% if _type == 'unordered' or _type == 'ordered' %}
+ {% set _item_class = 'list-group-item' %}
+ {% if _item.variant is not empty %}
+ {% set _item_class = _item_class ~ ' list-group-item-' ~ _item.variant %}
+ {% endif %}
+ {% if _item.extra_classes is not empty %}
+ {% set _item_class = _item_class ~ ' ' ~ _item.extra_classes %}
+ {% endif %}
+
+ {%- if _item.input is defined -%}
+ {% include '@oe-bcl/bcl-form-input/form-input.html.twig' with _item only %}
+ {%- else -%}
+ {{- _item.html -}}
+ {%- if _item.badge is not empty -%}
+ {% include '@oe-bcl/bcl-badge/badge.html.twig' with _item.badge only %}
+ {%- endif -%}
+ {%- endif -%}
+
+ {% else %}
+ {% if _item.attributes is empty %}
+ {% set _item = _item|merge({
+ attributes: create_attribute()
+ }) %}
+ {% endif %}
+ {% set _item = _item|merge({
+ clean_class: true,
+ attributes: _item.attributes.addClass(['list-group-item', 'list-group-item-action'])
+ }) %}
+ {% if _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 %}
+ {% endif %}
+ {% endfor %}
+{% endif %}
+{% if _type == 'unordered' %}
+
+{% endif %}
+{% if _type == 'ordered' %}
+
+{% endif %}
+{% if _type == 'actionable' %}
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-navbar/bcl-navbar.html.twig b/assets/bcl/bcl-navbar/bcl-navbar.html.twig
new file mode 100644
index 000000000..0e46f65cc
--- /dev/null
+++ b/assets/bcl/bcl-navbar/bcl-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) %}
+
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-navigation/bcl-navigation.html.twig b/assets/bcl/bcl-navigation/bcl-navigation.html.twig
new file mode 100644
index 000000000..84a2cc4b6
--- /dev/null
+++ b/assets/bcl/bcl-navigation/bcl-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 %}
+
+ {% else %}
+
+ {% endif %}
+ {% if _tabs_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 %}
+
+ {% endif %}
+{% endapply %}
+{% endmacro %}
+
+{{ navigation.render(items, pills, tabs, tabs_content, vertical, full_width, alignment, id, nav, navbar, attributes) }}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-offcanvas/bcl-offcanvas.html.twig b/assets/bcl/bcl-offcanvas/bcl-offcanvas.html.twig
new file mode 100644
index 000000000..0b657ad05
--- /dev/null
+++ b/assets/bcl/bcl-offcanvas/bcl-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) %}
+
+
+{% if _with_close or _title is not empty %}
+
+ {% 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 %}
+
+{% endif %}
+{%- if _body is not empty -%}
+
+{%- endif -%}
+ {%- block body -%}
+ {{ _body }}
+ {%- endblock -%}
+{%- if _body is not empty -%}
+
+{%- endif -%}
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-page/bcl-page.html.twig b/assets/bcl/bcl-page/bcl-page.html.twig
new file mode 100644
index 000000000..adb9041b7
--- /dev/null
+++ b/assets/bcl/bcl-page/bcl-page.html.twig
@@ -0,0 +1,45 @@
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+
+{% block sidebar %}
+ {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
+{% endblock %}
+
+{% block content %}
+
{{ get_dummy_text(6) }}
+
+
Section 1
+ {% if featured_item %}
+ {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with featured_item only %}
+ {% endif %}
+
+ {% if page_banner %}
+ {% include '@oe-bcl/bcl-banner/banner.html.twig' with page_banner only %}
+ {% endif %}
+
+ {% if listing %}
+ {% include '@oe-bcl/bcl-listing/listing.html.twig' with listing only %}
+ {% endif %}
+
+
Section 2
+
+ {{ get_dummy_text(6, true) }}
+
+ {% if blockquote %}
+ {% include '@oe-bcl/bcl-blockquote/blockquote.html.twig' with blockquote only %}
+ {% endif %}
+ {% if accordion %}
+ {% include '@oe-bcl/bcl-accordion/accordion.html.twig' with accordion only %}
+ {% endif %}
+ {% if timeline %}
+ {% include '@oe-bcl/bcl-timeline/timeline.html.twig' with timeline only %}
+ {% endif %}
+
+ {{ get_dummy_text(8, true) }}
+
+
Section 3
+
+ {{ get_dummy_text(4, true) }}
+
+ {% include '@oe-bcl/bcl-file/file.html.twig' with files[0] only %}
+ {% include '@oe-bcl/bcl-file/file.html.twig' with files[1] only %}
+{% endblock %}
diff --git a/assets/bcl/bcl-pagination/bcl-pagination-item.html.twig b/assets/bcl/bcl-pagination/bcl-pagination-item.html.twig
new file mode 100644
index 000000000..76e6ec9d9
--- /dev/null
+++ b/assets/bcl/bcl-pagination/bcl-pagination-item.html.twig
@@ -0,0 +1,73 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - path (string) (default: '')
+ - label (string) (default: '')
+ - disabled (boolean) (default: false)
+ - active (boolean) (default: false)
+ - aria_label (string) (default: '') - deprecated, use attributes
+ - icon (icon object) (default: {})
+ - attributes (drupal attrs)
+#}
+
+{% set _path = path|default('') %}
+{% set _label = label|default('') %}
+{% set _disabled = disabled ?? false %}
+{% set _active = active ?? false %}
+{% set _aria_label = aria_label|default('') %}
+{% set _icon = icon|default({}) %}
+{% set _icon_path = icon_path|default('') %}
+{% set _icon_name = icon_name|default('') %}
+{% set _icon_html = icon_html|default('') %}
+{% set _classes = ['page-link'] %}
+
+{% if _icon_path is not empty and _icon is empty %}
+ {% if _icon_name is not empty %}
+ {% set _icon = _icon|merge({
+ name: _icon_name,
+ path: _icon_path,
+ size: "fluid"
+ }) %}
+ {% set _label = "" %}
+ {% endif %}
+{% else %}
+ {% if _icon_html is not empty %}
+ {% set _label %}
+ {{- _icon_html -}}
+ {% endset %}
+ {% endif %}
+{% endif %}
+
+{% if _icon is not empty %}
+ {% set _icon = _icon|merge({
+ path: _icon_path,
+ }) %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if _aria_label is not empty %}
+ {% set attributes = attributes.setAttribute('aria-label', _aria_label ) %}
+{% endif %}
+
+{% if _active %}
+ {% set attributes = attributes.setAttribute('aria-current', 'page' ) %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+{% if _path %}
+ {%- include '@oe-bcl/bcl-link/link.html.twig' with {
+ label: _label,
+ path: _path,
+ disabled: _disabled,
+ icon: _icon,
+ attributes: attributes,
+ } only -%}
+{% else %}
+
{{- _label -}}
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-pagination/bcl-pagination.html.twig b/assets/bcl/bcl-pagination/bcl-pagination.html.twig
new file mode 100644
index 000000000..9a3117cde
--- /dev/null
+++ b/assets/bcl/bcl-pagination/bcl-pagination.html.twig
@@ -0,0 +1,161 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - size (string) (default: '')
+ - options ['sm', 'lg']
+ - alignment (string) (default: '')
+ - options ['end', 'center']
+ - variant: (string) (default: '')
+ - options: ['glossary']
+ - aria_label (string) (default: '') - deprecated, use attributes
+ - enable_prev_next_icon (boolean) (default: false)
+ - enable_first_last_icon (boolean) (default: true)
+ - ellipsis_before (boolean) (default: false)
+ - ellipsis_after (boolean) (default: false)
+ - first (pagination Item object) (default: {})
+ - prev (pagination Item object) (default: {})
+ - next (pagination Item object) (default: {})
+ - last (pagination Item object) (default: {})
+ - items (pagination item[]) (default: [])
+ format: [
+ {
+ - path (string) (default: '')
+ - label (string) (default: '')
+ - disabled (boolean) (default: false)
+ - active (boolean) (default: false)
+ - aria_label (string) (default: '') - deprecated, use attributes
+ - icon (Icon component) (default: {})
+ - attributes (drupal attrs)
+ }
+ - icon_path (string) (default: '')
+ - attributes (drupal attrs)
+ - list_attributes (drupal attrs)
+#}
+
+{% set _size = size|default('') %}
+{% set _alignment = alignment|default('') %}
+{% set _variant = variant|default('') %}
+{% set _aria_label = aria_label|default('') %}
+{% set _enable_prev_next_icon = enable_prev_next_icon ?? false %}
+{% set _enable_first_last_icon = enable_first_last_icon ?? true %}
+{% set _ellipsis_before = ellipsis_before ?? false %}
+{% set _ellipsis_after = ellipsis_after ?? false %}
+{% set _first = first|default({}) %}
+{% set _prev = prev|default({}) %}
+{% set _next = next|default({}) %}
+{% set _last = last|default({}) %}
+{% set _items = items|default([]) %}
+{% set _icon_path = icon_path|default('') %}
+{% set _internal_items = [] %}
+
+{% if _enable_first_last_icon %}
+ {% if _first is not empty %}
+ {% set _first = _first|merge({
+ icon_html: "«",
+ icon_name: "chevron-double-left",
+ }) %}
+ {% endif %}
+ {% if _last is not empty %}
+ {% set _last = _last|merge({
+ icon_html: '»',
+ icon_name: "chevron-double-right",
+ }) %}
+ {% endif %}
+{% endif %}
+
+{% if _enable_prev_next_icon %}
+ {% if _prev is not empty %}
+ {% set _prev = _prev|merge({
+ icon_html: "‹",
+ icon_name: "chevron-left",
+ }) %}
+ {% endif %}
+ {% if _next is not empty %}
+ {% set _next = _next|merge({
+ icon_html: "›",
+ icon_name: "chevron-right",
+ }) %}
+ {% endif %}
+{% endif %}
+
+
+{% set _internal_items = _internal_items|merge([_first, _prev]) %}
+
+{% set _ellipsis_markup %} … {% endset %}
+
+{% if _ellipsis_before %}
+ {% set _ellipsis_before_item = {
+ icon_html: _ellipsis_markup,
+ icon_path: "",
+ } %}
+ {% set _internal_items = _internal_items|merge([_ellipsis_before_item]) %}
+{% endif %}
+
+{% set _internal_items = _internal_items|merge(_items) %}
+
+{% if _ellipsis_after %}
+ {% set _ellipsis_after_item = {
+ icon_html: _ellipsis_markup,
+ icon_path: "",
+ } %}
+ {% set _internal_items = _internal_items|merge([_ellipsis_after_item]) %}
+{% endif %}
+
+{% set _internal_items = _internal_items|merge([_next, _last]) %}
+
+{% if list_attributes is empty %}
+ {% set list_attributes = create_attribute() %}
+{% endif %}
+
+{% set list_attributes = list_attributes.addClass('pagination') %}
+{% if _size is not empty %}
+ {% set list_attributes = list_attributes.addClass('pagination-' ~ _size) %}
+{% endif %}
+{% if _variant is not empty %}
+ {% set list_attributes = list_attributes.addClass('pagination--' ~ _variant) %}
+{% endif %}
+{% if _alignment is not empty %}
+ {% set list_attributes = list_attributes.addClass('justify-content-' ~ _alignment) %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.setAttribute('role', 'navigation') %}
+
+{% if _variant == 'glossary' %}
+ {% set attributes = attributes.addClass(['bcl-glossary']) %}
+{% endif %}
+
+{% if _aria_label is not empty %}
+ {% set attributes = attributes.setAttribute('aria-label', aria_label) %}
+{% endif %}
+
+
+
+{% if _internal_items is not empty and _internal_items is iterable %}
+ {% for _item in _internal_items %}
+ {% if _item is not empty %}
+ {% set _item_class = ['page-item'] %}
+ {% if _item.disabled %}
+ {% set _item_class = _item_class|merge(['disabled']) %}
+ {% endif %}
+ {% if _item.active %}
+ {% set _item_class = _item_class|merge(['active']) %}
+ {% endif %}
+
+ {% if _item.icon_path is not defined %}
+ {% set _item = _item|merge({
+ icon_path: _icon_path,
+ }) %}
+ {% endif %}
+ {% include '@oe-bcl/bcl-pagination/pagination-item.html.twig' with _item only %}
+
+ {% endif %}
+ {% endfor %}
+{% endif %}
+
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-person/bcl-person.html.twig b/assets/bcl/bcl-person/bcl-person.html.twig
new file mode 100644
index 000000000..17c0462ac
--- /dev/null
+++ b/assets/bcl/bcl-person/bcl-person.html.twig
@@ -0,0 +1,29 @@
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+
+{% block sidebar %}
+ {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
+{% endblock %}
+
+{% block content %}
+ {% if information.main_title is not empty %}
+
{{- information.main_title -}}
+ {% endif %}
+ {% if information.content is not empty %}
+
+ {{- information.content -}}
+
+ {% endif %}
+
+ {% if files.main_title is not empty %}
+
{{- files.main_title -}}
+ {% endif %}
+ {% if files.listing is defined and files.listing is not empty %}
+ {% for file in files.listing %}
+ {% include '@oe-bcl/bcl-file/file.html.twig' with file only %}
+ {% endfor %}
+ {% endif %}
+{% endblock %}
diff --git a/assets/bcl/bcl-placeholder/bcl-placeholder.html.twig b/assets/bcl/bcl-placeholder/bcl-placeholder.html.twig
new file mode 100644
index 000000000..d299ac654
--- /dev/null
+++ b/assets/bcl/bcl-placeholder/bcl-placeholder.html.twig
@@ -0,0 +1,45 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - width (int) (default: 0) - between 0-100
+ - variant (string) (default: '')
+ - options ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
+ - size (string) (default: '')
+ - options ['xs', 'lg']
+ - animation (string) (default: '')
+ - options ['glow', 'wave']
+ - attributes (drupal attrs)
+#}
+
+{% set _width = width|default(0) %}
+{% set _variant = variant|default('') %}
+{% set _size = size|default('') %}
+{% set _animation = animation|default('') %}
+
+{% set _classes = ['placeholder'] %}
+
+{% if _size is not empty %}
+ {% set _classes = _classes|merge(['placeholder-' ~ _size]) %}
+{% endif %}
+
+{% if _variant is not empty %}
+ {% set _classes = _classes|merge(['text-bg-' ~ _variant]) %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+{% set attributes = attributes.setAttribute('style', 'width: ' ~ _width ~ '%;') %}
+
+{% if _animation is not empty %}
+
+{% endif %}
+
+
+{% if _animation is not empty %}
+
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-progress/bcl-progress.html.twig b/assets/bcl/bcl-progress/bcl-progress.html.twig
new file mode 100644
index 000000000..3e1ec2011
--- /dev/null
+++ b/assets/bcl/bcl-progress/bcl-progress.html.twig
@@ -0,0 +1,73 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - progress (int) (default: 0)
+ - min (int) (default: 0)
+ - max (int) (default: 100)
+ - striped (boolean) (default: false)
+ - animated (boolean) (default: false)
+ - hidden_label (boolean) (default: false)
+ - label (string) (default: '')
+ - bar_label (string) (default: '')
+ - variant (string) (default: '')
+ - message (string) (default: '')
+ - attributes (drupal attrs)
+#}
+
+{% set _progress = progress|default(0) %}
+{% set _min = min|default(0) %}
+{% set _max = max|default(100) %}
+{% set _striped = striped ?? false %}
+{% set _animated = animated ?? false %}
+{% set _hidden_label = hidden_label ?? false %}
+{% set _label = label|default('') %}
+{% set _bar_label = bar_label|default('') %}
+{% set _variant = variant|default('') %}
+{% set _message = message|default('') %}
+
+{% set _classes = 'progress-bar' %}
+{% if _striped is not empty %}
+ {% set _classes = _classes ~ ' progress-bar-striped' %}
+{% endif %}
+{% if _animated is not empty %}
+ {% set _classes = _classes ~ ' progress-bar-animated' %}
+{% endif %}
+{% if _variant is not empty %}
+ {% set _classes = _classes ~ ' text-bg-' ~ _variant %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(['progress']) %}
+
+{% if _bar_label is empty %}
+ {% set _bar_label = _progress ~ '%' %}
+{% endif %}
+
+{% if _label is not empty %}
+
+{% endif %}
+
+
+ {%- if not _hidden_label -%}
+ {{- _bar_label -}}
+ {%- endif -%}
+
+
+{% if _message is not empty %}
+ {{ _message }}
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-project-status/bcl-project-contributions.html.twig b/assets/bcl/bcl-project-status/bcl-project-contributions.html.twig
new file mode 100644
index 000000000..362a4c3cb
--- /dev/null
+++ b/assets/bcl/bcl-project-status/bcl-project-contributions.html.twig
@@ -0,0 +1,56 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - corporate_contributions (string) (default: '') // value every 5 percent
+ - legend (description list object) (default: {})
+ - chart (boolean) (default: false)
+
+ Blocks -
+ project_status_contrib_chart
+ project_status_contrib_legend
+#}
+
+{% set _corporate_contributions = corporate_contributions|default('') %}
+{% set _legend = legend|default({}) %}
+{% set _chart = chart ?? false %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass([
+ 'bcl-project-contributions',
+ 'border-bottom',
+ 'pb-4',
+ 'mb-4'
+]) %}
+
+
+
+
+ {% if _chart is not empty %}
+
+ {% block project_status_contrib_chart %}
+
+
+
+
+
+
+
+
+ {% endblock %}
+
+ {% endif %}
+
+ {% if _legend is not empty %}
+
+ {% block project_status_contrib_legend %}
+ {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with _legend only %}
+ {% endblock %}
+
+{% 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', 'mb-3'])
+ })
+ %}
+ {% endif %}
+ {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with _list only %}
+ {% endfor %}
+ {% endfor %}
+{% endif %}
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-project/bcl-project.html.twig b/assets/bcl/bcl-project/bcl-project.html.twig
new file mode 100644
index 000000000..6284657dc
--- /dev/null
+++ b/assets/bcl/bcl-project/bcl-project.html.twig
@@ -0,0 +1,72 @@
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+
+{% block sidebar %}
+ {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
+{% endblock %}
+
+{% block content %}
+ {% if project_status is not empty %}
+ {% if project_status_title is not empty %}
+ {% set _project_title_attributes = create_attribute().addClass(['mb-4']) %}
+ {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+ title: project_status_title,
+ title_tag: 'h2',
+ attributes: create_attribute().setAttribute('id', project_status_id),
+ } only %}
+ {% endif %}
+ {% include '@oe-bcl/bcl-project-status/project-status.html.twig' with project_status %}
+ {% if project_contributions is not empty %}
+ {% include '@oe-bcl/bcl-project-status/project-contributions.html.twig' with project_contributions %}
+ {% endif %}
+ {% if status_lists is not empty %}
+ {% include '@oe-bcl/bcl-project/project-lists.html.twig' with status_lists only %}
+ {% endif %}
+ {% endif %}
+
+ {% 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 featured_lists is not empty %}
+ {% include '@oe-bcl/bcl-project/project-lists.html.twig' with featured_lists only %}
+ {% endif %}
+
+ {% 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 %}
+ {% 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 is not empty %}
+
+ {% include '@oe-bcl/bcl-gallery/gallery.html.twig' with gallery only %}
+
+ {% endif %}
+ {% if _content is not empty %}
+ {{ _content }}
+ {% endif %}
+ {% if _button is not empty %}
+
+ {% include '@oe-bcl/bcl-button/button.html.twig' with _button only %}
+
+ {% endif %}
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-subscription/bcl-subscription-modal.html.twig b/assets/bcl/bcl-subscription/bcl-subscription-modal.html.twig
new file mode 100644
index 000000000..7a8cd3dd6
--- /dev/null
+++ b/assets/bcl/bcl-subscription/bcl-subscription-modal.html.twig
@@ -0,0 +1,24 @@
+{% extends "@oe-bcl/bcl-modal/modal.html.twig" %}
+
+{# Parameters:
+ - form: (form object) (default: {})
+ - success_alert: (alert object) (default: {})
+ - error_alert: (alert Object) (default: {})
+
+ Blocks:
+ - body
+ - messages
+#}
+
+{% set _form = form|default({}) %}
+{% set _success_alert = success_alert|default({}) %}
+{% set _error_alert = error_alert|default({}) %}
+
+{% block body %}
+ {% include '@oe-bcl/bcl-form/form.html.twig' with _form only %}
+{% endblock %}
+
+{% block messages %}
+ {% include '@oe-bcl/bcl-alert/alert.html.twig' with _success_alert only %}
+ {% include '@oe-bcl/bcl-alert/alert.html.twig' with _error_alert only %}
+{% endblock %}
diff --git a/assets/bcl/bcl-subscription/bcl-subscription.html.twig b/assets/bcl/bcl-subscription/bcl-subscription.html.twig
new file mode 100644
index 000000000..e6b401a91
--- /dev/null
+++ b/assets/bcl/bcl-subscription/bcl-subscription.html.twig
@@ -0,0 +1,10 @@
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+
+{% block sidebar %}
+ {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
+{% endblock %}
+
+{% block content_bottom %}
+ {% include '@oe-bcl/bcl-subscription-block/subscription-block.html.twig' with subscription only %}
+ {% include '@oe-bcl/bcl-subscription/subscription-modal.html.twig' with modal only %}
+{% endblock %}
diff --git a/assets/bcl/bcl-table/bcl-table.html.twig b/assets/bcl/bcl-table/bcl-table.html.twig
new file mode 100644
index 000000000..d2b9efa0f
--- /dev/null
+++ b/assets/bcl/bcl-table/bcl-table.html.twig
@@ -0,0 +1,195 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - striped (boolean) (default: false)
+ - hoverable (boolean) (default: false)
+ - table_responsive (string) (default: '')
+ - options ['all', 'sm', 'md', 'lg', 'xl', 'xxl']
+ - variant (string) (default: '')
+ - options ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
+ - small (boolean) (default: false)
+ - alignment (string) (default: '')
+ - options ['bottom', 'middle', 'top']
+ - caption (string) (default: '')
+ - caption_top (boolean) (default: false)
+ - border (string) (default: '')
+ - options ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
+ - borderless (boolean) (default: false)
+ - table_footer (object[]) (default: {})
+ format: [
+ {
+ - col_span
+ - content
+ }
+ ]
+ - table_head (object[]) (default: {})
+ format: [
+ {
+ - col_span
+ - content
+ }
+ ]
+ - rows (object[]) (default: [])
+ format: [
+ {
+ - active
+ - alignment
+ - variant
+ - cells: [
+ {
+ - col_span
+ - content
+ }
+ ]
+ }
+ ]
+ - attributes (drupal attrs)
+#}
+
+{% set _striped = striped ?? false %}
+{% set _hoverable = hoverable ?? false %}
+{% set _table_responsive = table_responsive|default('') %}
+{% set _variant = variant|default('') %}
+{% set _small = small ?? false %}
+{% set _alignment = alignment|default('') %}
+{% set _caption = caption|default('') %}
+{% set _caption_top = caption_top ?? false %}
+{% set _border = border|default('') %}
+{% set _borderless = borderless ?? false %}
+{% set _table_footer = table_footer|default({}) %}
+{% set _table_head = table_head|default({}) %}
+{% set _rows = rows|default([]) %}
+
+{% set _classes = ['table'] %}
+{% if _striped %}
+ {% set _classes = _classes|merge(['table-striped']) %}
+{% endif %}
+{% if _hoverable %}
+ {% set _classes = _classes|merge(['table-hover']) %}
+{% endif %}
+{% if _alignment is not empty %}
+ {% set _classes = _classes|merge(['align-' ~ _alignment]) %}
+{% endif %}
+{% if _variant is not empty %}
+ {% set _classes = _classes|merge(['table-' ~ _variant]) %}
+{% endif %}
+{% if _small %}
+ {% set _classes = _classes|merge(['table-sm']) %}
+{% endif %}
+{% if _border is not empty %}
+ {% set _classes = _classes|merge(['table-bordered', 'border-' ~ _border]) %}
+{% endif %}
+{% if _borderless %}
+ {% set _classes = _classes|merge(['table-borderless']) %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+{% if _table_responsive is not empty %}
+ {% set _responsive_class = 'table-responsive' %}
+ {% if _table_responsive != 'all' %}
+ {% set _responsive_class = _responsive_class ~ '-' ~ _table_responsive %}
+ {% endif %}
+
+{% endif %}
+
+
+{%- if _caption is not empty -%}
+
+ {{- _caption -}}
+
+{%- endif -%}
+{% if _table_head is not empty %}
+
+ {% if _table_head.cells is not empty and _table_head.cells is iterable %}
+
+ {% for _cell in _table_head.cells %}
+
+ {{- _cell.content -}}
+
+ {% endfor %}
+
+ {% endif %}
+
+{% endif %}
+
+{% if _rows is not empty and _rows is iterable %}
+
+ {% for _row in _rows %}
+ {% set _row_class = '' %}
+ {% if _row.active %}
+ {% set _row_class = 'table-active' %}
+ {% endif %}
+ {% if _row.alignment is not empty %}
+ {% if _row_class is not empty %}
+ {% set _row_class = _row_class ~ ' align-' ~ _row.alignment %}
+ {% else %}
+ {% set _row_class = 'align-' ~ _row.alignment %}
+ {% endif %}
+ {% endif %}
+ {% if _row.variant is not empty %}
+ {% if _row_class is not empty %}
+ {% set _row_class = _row_class ~ ' table-' ~ _row.variant %}
+ {% else %}
+ {% set _row_class = 'table-' ~ _row.variant %}
+ {% endif %}
+ {% endif %}
+
+ {% if _row.cells is defined and _row.cells is not empty and _row.cells is iterable %}
+ {% for _cell in _row.cells %}
+
+ {{- _cell.content -}}
+
+ {% endfor %}
+ {% endif %}
+
+ {% endfor %}
+
+{% endif %}
+
+{% if _table_footer is not empty %}
+
+ {% if _table_footer.cells is not empty and _table_footer.cells is iterable %}
+
+ {% for _cell in _table_footer.cells %}
+
+ {{- _cell.content -}}
+
+ {% endfor %}
+
+ {% endif %}
+
+{% endif %}
+
+
+{% if _table_responsive is not empty %}
+
+{% endif %}
+
+{% endapply %}
diff --git a/assets/bcl/bcl-textarea/bcl-textarea.html.twig b/assets/bcl/bcl-textarea/bcl-textarea.html.twig
new file mode 100644
index 000000000..b9816700a
--- /dev/null
+++ b/assets/bcl/bcl-textarea/bcl-textarea.html.twig
@@ -0,0 +1,149 @@
+{% apply spaceless %}
+
+{#
+ Parameters:
+ - id (string) (default: '')
+ - label (string) (default: '')
+ - required (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: '')
+ - helper_text (string) (default: '')
+ - helper_text_id (string) (default: '')
+ - hidden_label (boolean) (default: false)
+ - text (string) (default: '')
+ - rows (int) (default: 4)
+ - floating (boolean) (default: false)
+ - horizontal (boolean) (default: false)
+ - horizontal_class (string) (default: col-sm-10)
+ - horizontal_label_class (string) (default: col-sm-2)
+ - attributes (drupal attrs)
+#}
+
+{% set _id = id|default('') %}
+{% set _label = label|default('') %}
+{% set _required = required ?? false %}
+{% set _disabled = disabled ?? false %}
+{% set _readonly = readonly ?? false %}
+{% set _invalid = invalid ?? false %}
+{% set _valid = valid ?? false %}
+{% set _invalid_feedback = invalid_feedback|default('') %}
+{% set _valid_feedback = valid_feedback|default('') %}
+{% set _helper_text = helper_text|default('') %}
+{% set _helper_text_id = helper_text_id|default('') %}
+{% set _hidden_label = hidden_label ?? false %}
+{% set _text = text|default('') %}
+{% set _rows = rows|default('4') %}
+{% set _floating = floating ?? false %}
+{% set _horizontal = horizontal ?? false %}
+{% set _horizontal_class = horizontal_class|default('col-sm-10') %}
+{% set _horizontal_label_class = horizontal_label_class|default('col-sm-2') %}
+
+{% set _label_block = false %}
+{% set _label_class = 'form-label' %}
+{% set _classes = ['form-control'] %}
+
+{% if _invalid is not empty %}
+ {% set _classes = _classes|merge(['is-invalid']) %}
+{% endif %}
+{% if _valid is not empty %}
+ {% set _classes = _classes|merge(['is-valid']) %}
+{% endif %}
+{% set _placeholder = placeholder|default('') %}
+{% if _horizontal %}
+ {% set _label_class = 'col-form-label ' ~ _horizontal_label_class %}
+{% endif %}
+{% if _hidden_label %}
+ {% set _label_class = _label_class ~ ' visually-hidden' %}
+{% endif %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes).setAttribute('rows', _rows) %}
+
+{% if _id %}
+ {% set attributes = attributes.setAttribute('id', _id) %}
+{% endif %}
+
+{% if _required %}
+ {% set attributes = attributes.setAttribute('required', true) %}
+{% endif %}
+
+{% if _disabled %}
+ {% set attributes = attributes.setAttribute('disabled', true) %}
+{% endif %}
+
+{% if _readonly %}
+ {% set attributes = attributes.setAttribute('readonly', true) %}
+{% endif %}
+
+{% if _placeholder is not empty %}
+ {% set attributes = attributes.setAttribute('placeholder', _placeholder) %}
+{% endif %}
+
+{% if _helper_text_id is not empty %}
+ {% set attributes = attributes.setAttribute('aria-describedby', _helper_text_id) %}
+{% endif %}
+
+{% if _floating or _horizontal %}
+{% set _wrapper_class = _floating ? 'form-floating' : 'row' %}
+
+{% endif %}
+{% if _label is not empty %}
+ {% set _label_block %}
+
+ {% endset %}
+{% endif %}
+
+{% if _label_block and _floating == false %}
+ {{ _label_block|raw }}
+{% endif %}
+{% if _horizontal and floating == false %}
+
+{% endif %}
+
+{% if _horizontal and floating == false %}
+
+{% endif %}
+{% if _label_block and _floating %}
+ {{ _label_block|raw }}
+{% endif %}
+{% if _invalid_feedback is not empty %}
+
+ {{- _invalid_feedback -}}
+
+{% endif %}
+{% if _valid_feedback is not empty %}
+
+ {{- _valid_feedback -}}
+
+{% endif %}
+{% if _helper_text is not empty %}
+
+ {{- _helper_text -}}
+
+{% endif %}
+{% if _floating or _horizontal %}
+
+{% endif %}
+{% endapply %}
diff --git a/assets/bcl/bcl-timeline/bcl-timeline-item.html.twig b/assets/bcl/bcl-timeline/bcl-timeline-item.html.twig
new file mode 100644
index 000000000..40596e814
--- /dev/null
+++ b/assets/bcl/bcl-timeline/bcl-timeline-item.html.twig
@@ -0,0 +1,34 @@
+{% apply spaceless %}
+
+{# Parameters:
+ - id (string) (default: '')
+ - label (string) (default: '')
+ - title (string) (default: '')
+ - content (string) (default: '')
+#}
+
+{% set _id = id|default('') %}
+{% set _label = label|default('') %}
+{% set _title = title|default('') %}
+{% set _content = content|default('') %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if _id is not empty %}
+ {% set attributes = attributes.setAttribute('id', _id) %}
+{% endif %}
+
+
+
{{ _label }}
+ {% if _title is not empty %}
+
{{ _title }}
+ {% endif %}
+ {% if _content is not empty %}
+
{{ _content }}
+ {% endif %}
+
+
+{% endapply %}
diff --git a/assets/bcl/bcl-timeline/bcl-timeline.html.twig b/assets/bcl/bcl-timeline/bcl-timeline.html.twig
new file mode 100644
index 000000000..cab57aea3
--- /dev/null
+++ b/assets/bcl/bcl-timeline/bcl-timeline.html.twig
@@ -0,0 +1,115 @@
+{% apply spaceless %}
+
+{#
+Parameters:
+ - id: (integer) (default: random(10000))
+ - title: (string) (default: '')
+ - title_tag: (string) (default: 'h2')
+ - title_link: (link object) (default: {})
+ - title_attributes (drupal attrs)
+ - toggle_collapsed: (string) (default: '')
+ - toggle_expanded: (string) (default: '')
+ - items (array) (default: []): [
+ {
+ id: (string) (default: '')
+ label: (string) (default: '')
+ title: (string) (default: '')
+ content: (block) (default: '')
+ }
+ ]
+ - hide: (object)
+ format: {
+ from (integer) (default: items.length)
+ to (integer) (default: items.length)
+ }
+ - icon_path (string) (default: ''): file containing the svg icons
+#}
+
+{% set _id = id|default(random(10000)) %}
+{% 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 _toggle_collapsed = toggle_collapsed|default('') %}
+{% set _toggle_expanded = toggle_expanded|default('') %}
+{% set _items = items|default([]) %}
+{% set _hide_from = hide.from|default(items|length) %}
+{% set _hide_to = hide.to|default(items|length) %}
+{% set _icon_path = icon_path|default('') %}
+
+{% if attributes is empty %}
+ {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass('bcl-timeline') %}
+
+{# Internal logic - Process properties #}
+
+{% set _display_amount = items|length %}
+{% set _hide_amount = 0 %}
+{% set _bottom_amount = 0 %}
+
+{% if _hide_from > 0 %}
+ {% if _hide_to > 0 %}
+ {% set _bottom_amount = _display_amount - _hide_to %}
+ {% else %}
+ {% set _bottom_amount = _hide_to|abs %}
+ {% endif %}
+ {% set _countbase = items|length - _bottom_amount %}
+ {% set _display_amount = _hide_from %}
+ {% set _hide_amount = _countbase - _display_amount %}
+ {% set _toggle_collapsed = _toggle_collapsed|replace({'%d': _hide_amount}) %}
+ {% set _toggle_expanded = _toggle_expanded|replace({'%d': _hide_amount}) %}
+{% endif %}
+
+{% 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 %}
+
+{# Print the result #}
+
+ {% if _items is not empty %}
+ {% for _item in _items %}
+ {# Decide on per item if it should display. #}
+ {% if _item.attributes is empty %}
+ {% set _item = _item|merge({
+ attributes: create_attribute()
+ }) %}
+ {% endif %}
+ {% if loop.index > _display_amount and loop.revindex > _bottom_amount %}
+ {% set _item = _item|merge({
+ attributes: _item.attributes.addClass('collapse', 'collapse-' ~ _id)
+ }) %}
+ {% endif %}
+ {% include '@oe-bcl/bcl-timeline/timeline-item.html.twig' with _item only %}
+ {# Display the show more button if required. #}
+ {% if (_hide_amount > 0 and loop.revindex == _bottom_amount + 1) or (_hide_amount > 0 and _hide_to == 0 and loop.revindex == 1) %}
+
+ {% endif %}
+{% if _horizontal and (_image is not empty or _date is not empty) %}
+ 
+ {% endif %}
+ {% if banner.title is not empty %}
+