@openeuropa/bcl-theme-default 0.4230.202512021730 → 0.4360.202601141610
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/oe-bcl-ckeditor5.min.css +1 -1
- package/css/oe-bcl-ckeditor5.min.css.map +1 -1
- package/css/oe-bcl-default.css +61 -48
- package/css/oe-bcl-default.css.map +1 -1
- package/css/oe-bcl-default.min.css +1 -1
- package/css/oe-bcl-default.min.css.map +1 -1
- package/js/oe-bcl-default.bundle.js +112 -1
- package/js/oe-bcl-default.bundle.js.map +1 -1
- package/js/oe-bcl-default.bundle.min.js +1 -1
- package/js/oe-bcl-default.bundle.min.js.map +1 -1
- package/js/oe-bcl-default.esm.js +111 -1
- package/js/oe-bcl-default.esm.js.map +1 -1
- package/js/oe-bcl-default.esm.min.js +1 -1
- package/js/oe-bcl-default.esm.min.js.map +1 -1
- package/js/oe-bcl-default.umd.js +112 -1
- package/js/oe-bcl-default.umd.js.map +1 -1
- package/js/oe-bcl-default.umd.min.js +1 -1
- package/js/oe-bcl-default.umd.min.js.map +1 -1
- package/package.json +5 -5
- package/src/js/header/header.js +91 -0
- package/src/js/index.esm.js +2 -0
- package/src/js/index.umd.js +2 -0
- package/src/js/mega-menu/mega-menu.js +57 -0
- package/src/scss/_header.scss +6 -2
- package/src/scss/_mega-menu.scss +57 -58
- package/src/scss/base/_colors.scss +1 -0
- package/templates/bcl-accordion/accordion.html.twig +42 -43
- package/templates/bcl-alert/alert.html.twig +18 -18
- package/templates/bcl-badge/badge.html.twig +11 -12
- package/templates/bcl-banner/banner.html.twig +34 -34
- package/templates/bcl-base-templates/content-type.html.twig +63 -64
- package/templates/bcl-base-templates/listing-page.html.twig +31 -31
- package/templates/bcl-base-templates/sidebar-search.html.twig +10 -10
- package/templates/bcl-blockquote/blockquote.html.twig +17 -17
- package/templates/bcl-breadcrumb/breadcrumb.html.twig +24 -25
- package/templates/bcl-button/button.html.twig +24 -24
- package/templates/bcl-button-group/button-group.html.twig +25 -26
- package/templates/bcl-card/card.html.twig +98 -98
- package/templates/bcl-card-layout/card-layout.html.twig +34 -34
- package/templates/bcl-carousel/carousel.html.twig +64 -64
- package/templates/bcl-contact-form/contact-form.html.twig +1 -1
- package/templates/bcl-content-banner/content-banner.html.twig +37 -37
- package/templates/bcl-date-block/date-block.html.twig +26 -26
- package/templates/bcl-description-list/description-list-details.html.twig +6 -6
- package/templates/bcl-description-list/description-list-title.html.twig +11 -11
- package/templates/bcl-description-list/description-list.html.twig +44 -45
- package/templates/bcl-dropdown/dropdown.html.twig +48 -49
- package/templates/bcl-event/event.html.twig +7 -7
- package/templates/bcl-fact-figures/fact-figures.html.twig +34 -34
- package/templates/bcl-featured-media/featured-media.html.twig +42 -43
- package/templates/bcl-file/file-translations.html.twig +29 -29
- package/templates/bcl-file/file.html.twig +46 -46
- package/templates/bcl-footer/footer.html.twig +31 -31
- package/templates/bcl-form/form.html.twig +70 -70
- package/templates/bcl-form-input/form-input.html.twig +57 -58
- package/templates/bcl-gallery/gallery-item.html.twig +20 -20
- package/templates/bcl-gallery/gallery.html.twig +62 -63
- package/templates/bcl-glossary/glossary-detail.html.twig +19 -19
- package/templates/bcl-glossary/glossary-listing.html.twig +6 -6
- package/templates/bcl-group/group-landing.html.twig +69 -69
- package/templates/bcl-group/group.html.twig +19 -19
- package/templates/bcl-header/header.html.twig +71 -79
- package/templates/bcl-heading/heading.html.twig +13 -14
- package/templates/bcl-icon/icon.html.twig +10 -10
- package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +20 -20
- package/templates/bcl-landing-page/landing-page.html.twig +33 -33
- package/templates/bcl-language-list/language-list-grid.html.twig +25 -25
- package/templates/bcl-language-list/language-list-modal.html.twig +52 -52
- package/templates/bcl-language-list/language-list.html.twig +33 -34
- package/templates/bcl-language-switcher/language-switcher.html.twig +12 -12
- package/templates/bcl-link/link.html.twig +24 -24
- package/templates/bcl-links-block/links-block.html.twig +29 -30
- package/templates/bcl-list-group/list-group.html.twig +43 -44
- package/templates/bcl-listing/listing.html.twig +88 -88
- package/templates/bcl-mega-menu/mega-menu-items.html.twig +18 -18
- package/templates/bcl-mega-menu/mega-menu-submenu.html.twig +27 -22
- package/templates/bcl-mega-menu/mega-menu.html.twig +37 -35
- package/templates/bcl-modal/modal.html.twig +17 -17
- package/templates/bcl-navbar/navbar.html.twig +35 -35
- package/templates/bcl-navigation/navigation.html.twig +106 -106
- package/templates/bcl-offcanvas/offcanvas.html.twig +33 -33
- package/templates/bcl-page/page.html.twig +27 -27
- package/templates/bcl-pagination/pagination-item.html.twig +22 -23
- package/templates/bcl-pagination/pagination.html.twig +59 -59
- package/templates/bcl-pagination-v2/pagination-item.html.twig +31 -32
- package/templates/bcl-pagination-v2/pagination.html.twig +79 -79
- package/templates/bcl-person/person.html.twig +12 -12
- package/templates/bcl-placeholder/placeholder.html.twig +14 -15
- package/templates/bcl-progress/progress.html.twig +16 -17
- package/templates/bcl-project/project-lists.html.twig +25 -25
- package/templates/bcl-project/project.html.twig +35 -35
- package/templates/bcl-project-status/project-contributions.html.twig +25 -25
- package/templates/bcl-project-status/project-status.html.twig +32 -34
- package/templates/bcl-recent-activities/recent-activities.html.twig +13 -13
- package/templates/bcl-search/search.html.twig +12 -12
- package/templates/bcl-search-form/search-form.html.twig +21 -21
- package/templates/bcl-select/select.html.twig +52 -53
- package/templates/bcl-spinner/spinner.html.twig +10 -10
- package/templates/bcl-subscription/subscription-modal.html.twig +7 -7
- package/templates/bcl-subscription/subscription.html.twig +3 -3
- package/templates/bcl-subscription-block/subscription-block.html.twig +14 -14
- package/templates/bcl-table/table.html.twig +61 -62
- package/templates/bcl-textarea/textarea.html.twig +44 -44
- package/templates/bcl-timeline/timeline-item.html.twig +12 -12
- package/templates/bcl-timeline/timeline.html.twig +42 -42
- package/templates/bcl-toasts/toasts.html.twig +56 -57
- package/templates/bcl-user/user-compact.html.twig +24 -24
- package/templates/bcl-user/user-terms.html.twig +6 -6
- package/templates/bcl-user/user.html.twig +117 -117
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
- attributes (drupal attrs)
|
|
34
34
|
#}
|
|
35
35
|
|
|
36
|
-
{
|
|
36
|
+
{%- set _id = id|default('dropdown-' ~ random(1000)) %}
|
|
37
37
|
{% set _trigger = trigger|default({}) %}
|
|
38
38
|
{% set _link = link ?? false %}
|
|
39
39
|
{% set _direction = direction|default('') %}
|
|
@@ -43,27 +43,27 @@
|
|
|
43
43
|
{% set _inside_navigation = inside_navigation ?? false %}
|
|
44
44
|
{% set _items = items|default([]) %}
|
|
45
45
|
|
|
46
|
-
{
|
|
46
|
+
{%- set _class = 'dropdown' %}
|
|
47
47
|
{% set _dropdown_classes = ['dropdown-menu'] %}
|
|
48
48
|
|
|
49
|
-
{
|
|
50
|
-
{
|
|
49
|
+
{%- if _dark %}
|
|
50
|
+
{%- set _dropdown_classes = _dropdown_classes|merge(['dropdown-menu-dark']) %}
|
|
51
51
|
{% endif %}
|
|
52
52
|
{% if _alignment %}
|
|
53
|
-
{
|
|
53
|
+
{%- set _dropdown_classes = _dropdown_classes|merge([_alignment]) %}
|
|
54
54
|
{% endif %}
|
|
55
55
|
{% if _direction %}
|
|
56
|
-
{
|
|
56
|
+
{%- set _class = _class ~ ' ' ~ _direction %}
|
|
57
57
|
{% endif %}
|
|
58
58
|
|
|
59
|
-
{
|
|
60
|
-
{
|
|
59
|
+
{%- if attributes is empty %}
|
|
60
|
+
{%- set attributes = create_attribute() %}
|
|
61
61
|
{% endif %}
|
|
62
62
|
|
|
63
|
-
{
|
|
63
|
+
{%- set attributes = attributes.setAttribute('aria-labelledby', _id).addClass(_dropdown_classes) %}
|
|
64
64
|
|
|
65
|
-
{
|
|
66
|
-
{
|
|
65
|
+
{%- if _trigger.attributes is empty %}
|
|
66
|
+
{%- set _trigger = _trigger|merge({
|
|
67
67
|
attributes: create_attribute()
|
|
68
68
|
}) %}
|
|
69
69
|
{% endif %}
|
|
@@ -74,59 +74,58 @@
|
|
|
74
74
|
.setAttribute('id', _id)
|
|
75
75
|
}) %}
|
|
76
76
|
|
|
77
|
-
{
|
|
78
|
-
{
|
|
79
|
-
{
|
|
80
|
-
attributes: _trigger.attributes.setAttribute('role', 'button')
|
|
77
|
+
{%- if not _inside_navigation %}
|
|
78
|
+
{%- if _link %}
|
|
79
|
+
{%- set _trigger = _trigger|merge({
|
|
80
|
+
attributes: _trigger.attributes.setAttribute('role', 'button')
|
|
81
81
|
}) %}
|
|
82
|
-
{
|
|
83
|
-
{
|
|
84
|
-
attributes: _trigger.attributes.setAttribute('autocomplete', 'off')
|
|
82
|
+
{%- else %}
|
|
83
|
+
{%- set _trigger = _trigger|merge({
|
|
84
|
+
attributes: _trigger.attributes.setAttribute('autocomplete', 'off')
|
|
85
85
|
}) %}
|
|
86
|
-
{
|
|
86
|
+
{%- endif %}
|
|
87
87
|
{% else %}
|
|
88
|
-
{
|
|
88
|
+
{%- set attributes = attributes.setAttribute('aria-hidden', 'true').setAttribute('role', 'presentation') %}
|
|
89
89
|
{% endif %}
|
|
90
90
|
|
|
91
|
-
{
|
|
91
|
+
{%- if not _remove_wrapper -%}
|
|
92
92
|
<div class="{{ _class }}">
|
|
93
|
-
{
|
|
94
|
-
{
|
|
95
|
-
{
|
|
96
|
-
{
|
|
97
|
-
{
|
|
98
|
-
{
|
|
93
|
+
{%- endif %}
|
|
94
|
+
{%- if _link %}
|
|
95
|
+
{%- include '@oe-bcl/bcl-link/link.html.twig' with _trigger only %}
|
|
96
|
+
{%- else %}
|
|
97
|
+
{%- include '@oe-bcl/bcl-button/button.html.twig' with _trigger only %}
|
|
98
|
+
{%- endif -%}
|
|
99
99
|
<ul
|
|
100
100
|
{{ attributes }}
|
|
101
101
|
>
|
|
102
|
-
{
|
|
103
|
-
{
|
|
104
|
-
{
|
|
105
|
-
{
|
|
102
|
+
{%- if _items is not empty and _items is iterable %}
|
|
103
|
+
{%- for _item in _items %}
|
|
104
|
+
{%- if _item.attributes is empty %}
|
|
105
|
+
{%- set _item = _item|merge({
|
|
106
106
|
attributes: create_attribute()
|
|
107
107
|
}) %}
|
|
108
|
-
{
|
|
109
|
-
{
|
|
110
|
-
{
|
|
111
|
-
{
|
|
112
|
-
{
|
|
113
|
-
{
|
|
108
|
+
{%- endif %}
|
|
109
|
+
{%- set _item_classes = ['dropdown-item'] %}
|
|
110
|
+
{%- if _item.active %}
|
|
111
|
+
{%- set _item_classes = _item_classes|merge(['active']) %}
|
|
112
|
+
{%- endif %}
|
|
113
|
+
{%- set _item = _item|merge({
|
|
114
114
|
clean_class: true,
|
|
115
115
|
attributes: _item.attributes.addClass(_item_classes)
|
|
116
|
-
})
|
|
116
|
+
}) -%}
|
|
117
117
|
<li>
|
|
118
|
-
{
|
|
118
|
+
{%- if _item.divider is defined -%}
|
|
119
119
|
<hr class="dropdown-divider">
|
|
120
|
-
{
|
|
121
|
-
{
|
|
122
|
-
{
|
|
123
|
-
{
|
|
124
|
-
{
|
|
120
|
+
{%- elseif _item.button is defined %}
|
|
121
|
+
{%- include '@oe-bcl/bcl-button/button.html.twig' with _item only %}
|
|
122
|
+
{%- else %}
|
|
123
|
+
{%- include '@oe-bcl/bcl-link/link.html.twig' with _item only %}
|
|
124
|
+
{%- endif -%}
|
|
125
125
|
</li>
|
|
126
|
-
{
|
|
127
|
-
{
|
|
126
|
+
{%- endfor %}
|
|
127
|
+
{%- endif -%}
|
|
128
128
|
</ul>
|
|
129
|
-
{
|
|
129
|
+
{%- if not _remove_wrapper -%}
|
|
130
130
|
</div>
|
|
131
|
-
{
|
|
132
|
-
|
|
131
|
+
{%- endif -%}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
|
|
2
2
|
|
|
3
3
|
{%- block sidebar %}
|
|
4
|
-
{
|
|
4
|
+
{%- include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
|
|
5
5
|
{%- endblock -%}
|
|
6
6
|
|
|
7
7
|
{%- block content %}
|
|
8
|
-
{
|
|
8
|
+
{%- include '@oe-bcl/bcl-description-list/description-list.html.twig' with details_list only -%}
|
|
9
9
|
|
|
10
|
-
<h2 id="item-1" class="my-4">Description</h2>
|
|
10
|
+
<h2 id="item-1" class="my-4">Description</h2>{# -#}
|
|
11
11
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
|
|
12
12
|
a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
|
|
13
13
|
posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
|
|
14
14
|
Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
|
|
15
15
|
sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
|
|
16
|
-
</p>
|
|
16
|
+
</p>{# -#}
|
|
17
17
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
|
|
18
18
|
a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet.
|
|
19
|
-
</p>
|
|
19
|
+
</p>{# -#}
|
|
20
20
|
|
|
21
21
|
<h2 id="item-2" class="my-4">Related documents</h2>
|
|
22
|
-
{
|
|
23
|
-
{
|
|
22
|
+
{%- include '@oe-bcl/bcl-file/file.html.twig' with files[0] only %}
|
|
23
|
+
{%- include '@oe-bcl/bcl-file/file.html.twig' with files[1] only %}
|
|
24
24
|
{%- endblock -%}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
- link_more (object of type link) (default {})
|
|
23
23
|
#}
|
|
24
24
|
|
|
25
|
-
{
|
|
25
|
+
{%- set _title = title|default('') %}
|
|
26
26
|
{% set _title_tag = title_tag|default('h2') %}
|
|
27
27
|
{% set _title_link = title_link|default({}) %}
|
|
28
28
|
{% set _title_attributes = title_attributes ?: create_attribute() %}
|
|
@@ -38,88 +38,88 @@
|
|
|
38
38
|
{% set _icon_path = icon_path|default('') %}
|
|
39
39
|
{% set _link_more = link_more|default({}) %}
|
|
40
40
|
|
|
41
|
-
{
|
|
41
|
+
{%- set _cols_classes = 'col' %}
|
|
42
42
|
{% set _classes = ['bcl-fact-figures', 'bcl-fact-figures--' ~ _variant] %}
|
|
43
43
|
{% set _wrapper_classes = [] %}
|
|
44
44
|
|
|
45
|
-
{
|
|
45
|
+
{%- set _grid_classes = [
|
|
46
46
|
'row-cols-' ~ _responsiveness ~ '-' ~ _responsive_columns,
|
|
47
47
|
'row', 'row-cols-' ~ _grid_columns
|
|
48
48
|
] %}
|
|
49
49
|
{% if _responsive_columns == 3 %}
|
|
50
|
-
{
|
|
50
|
+
{%- set _grid_classes = _grid_classes|merge(['row-cols-sm-2']) %}
|
|
51
51
|
{% endif %}
|
|
52
52
|
{% if _variant == 'block' or _variant == 'block-primary' %}
|
|
53
|
-
{
|
|
53
|
+
{%- set _wrapper_classes = _wrapper_classes|merge(['bg-light p-3-5 pt-0']) %}
|
|
54
54
|
{% endif %}
|
|
55
55
|
{% if _gutter is not empty %}
|
|
56
|
-
{
|
|
56
|
+
{%- set _grid_classes = _grid_classes|merge(['g-' ~ _gutter]) %}
|
|
57
57
|
{% endif %}
|
|
58
58
|
{% if _title is not empty %}
|
|
59
|
-
{
|
|
59
|
+
{%- set _grid_classes = _grid_classes|merge(['mt-3']) %}
|
|
60
60
|
{% endif %}
|
|
61
61
|
{% if _equal_height %}
|
|
62
|
-
{
|
|
62
|
+
{%- set _cols_classes = _cols_classes ~ ' h-100' %}
|
|
63
63
|
{% endif %}
|
|
64
64
|
{% if attributes is empty %}
|
|
65
|
-
{
|
|
65
|
+
{%- set attributes = create_attribute() %}
|
|
66
66
|
{% endif %}
|
|
67
67
|
|
|
68
|
-
{
|
|
68
|
+
{%- set attributes = attributes.addClass(_classes) -%}
|
|
69
69
|
|
|
70
70
|
<div {{ attributes }}>
|
|
71
|
-
{
|
|
72
|
-
{
|
|
71
|
+
{%- if _title is not empty %}
|
|
72
|
+
{%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
|
|
73
73
|
title: _title,
|
|
74
74
|
title_tag: _title_tag,
|
|
75
75
|
title_link: _title_link,
|
|
76
76
|
attributes: _title_attributes,
|
|
77
77
|
} only %}
|
|
78
|
-
{% endif
|
|
78
|
+
{% endif -%}
|
|
79
79
|
<div
|
|
80
80
|
{% if _wrapper_classes is not empty %}
|
|
81
81
|
class="{{ _wrapper_classes|join(' ') }}"
|
|
82
82
|
{% endif %}
|
|
83
|
-
>
|
|
83
|
+
>{# -#}
|
|
84
84
|
<div class="{{ _grid_classes|join(' ') }}">
|
|
85
|
-
{
|
|
86
|
-
{
|
|
85
|
+
{%- if _items is defined and _items is not empty and _items is iterable %}
|
|
86
|
+
{%- for _item in _items -%}
|
|
87
87
|
<div class="{{ _cols_classes }}">
|
|
88
|
-
{
|
|
89
|
-
{
|
|
90
|
-
{
|
|
88
|
+
{%- if _item.icon is defined and _item.icon is not empty and _display_icons %}
|
|
89
|
+
{%- set _icon_attributes = _item.icon.attributes ?: create_attribute() %}
|
|
90
|
+
{%- set _item = _item|merge({
|
|
91
91
|
icon: _item.icon|merge({
|
|
92
92
|
path: _icon_path,
|
|
93
93
|
size: 'l',
|
|
94
94
|
attributes: _icon_attributes.addClass(['mb-2', 'icon--primary']),
|
|
95
95
|
})
|
|
96
96
|
}) %}
|
|
97
|
-
{
|
|
98
|
-
{
|
|
99
|
-
{
|
|
97
|
+
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with _item.icon only %}
|
|
98
|
+
{%- endif %}
|
|
99
|
+
{%- if _item.title is defined and _item.title is not empty -%}
|
|
100
100
|
<div class="fs-4 fw-medium">
|
|
101
101
|
{{- _item.title -}}
|
|
102
102
|
</div>
|
|
103
|
-
{
|
|
104
|
-
{
|
|
103
|
+
{%- endif %}
|
|
104
|
+
{%- if _item.subtitle is defined and _item.subtitle is not empty -%}
|
|
105
105
|
<div class="fs-5 fw-medium">
|
|
106
106
|
{{- _item.subtitle -}}
|
|
107
107
|
</div>
|
|
108
|
-
{
|
|
109
|
-
{
|
|
108
|
+
{%- endif %}
|
|
109
|
+
{%- if _item.description is defined and _item.description is not empty -%}
|
|
110
110
|
<p>
|
|
111
111
|
{{- _item.description -}}
|
|
112
112
|
</p>
|
|
113
|
-
{
|
|
113
|
+
{%- endif -%}
|
|
114
114
|
</div>
|
|
115
|
-
{
|
|
116
|
-
{
|
|
115
|
+
{%- endfor %}
|
|
116
|
+
{%- endif -%}
|
|
117
117
|
</div>
|
|
118
|
-
{
|
|
118
|
+
{%- if _link_more is defined and _link_more is not empty -%}
|
|
119
119
|
<div class="border-top d-block pt-3 mt-3">
|
|
120
|
-
{
|
|
120
|
+
{%- include '@oe-bcl/bcl-link/link.html.twig' with _link_more only -%}
|
|
121
121
|
</div>
|
|
122
|
-
{
|
|
123
|
-
</div>
|
|
122
|
+
{%- endif -%}
|
|
123
|
+
</div>{# -#}
|
|
124
124
|
</div>
|
|
125
|
-
|
|
125
|
+
{#--#}
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
- "embedded_media"
|
|
39
39
|
#}
|
|
40
40
|
|
|
41
|
-
{
|
|
41
|
+
{%- set _title = title|default('') %}
|
|
42
42
|
{% set _title_tag = title_tag|default('h2') %}
|
|
43
43
|
{% set _title_link = title_link|default({}) %}
|
|
44
44
|
{% set _title_attributes = title_attributes ?: create_attribute() %}
|
|
@@ -60,34 +60,34 @@
|
|
|
60
60
|
{% set _tracks = tracks|default([]) %}
|
|
61
61
|
{% set _embedded_media = embedded_media|default('') %}
|
|
62
62
|
|
|
63
|
-
{
|
|
63
|
+
{%- set _classes = 'bcl-featured-item' %}
|
|
64
64
|
{% set _col_classes = 'col-12 col-md-6' %}
|
|
65
65
|
|
|
66
|
-
{
|
|
67
|
-
{
|
|
66
|
+
{%- if _wrapper_classes is not empty %}
|
|
67
|
+
{%- set _classes = _classes ~ ' ' ~ wrapper_classes %}
|
|
68
68
|
{% endif %}
|
|
69
69
|
|
|
70
|
-
{
|
|
71
|
-
{
|
|
70
|
+
{%- if attributes is empty %}
|
|
71
|
+
{%- set attributes = create_attribute() %}
|
|
72
72
|
{% endif %}
|
|
73
73
|
|
|
74
|
-
{
|
|
74
|
+
{%- set attributes = attributes.addClass(["rounded", "overflow-hidden"]) %}
|
|
75
75
|
|
|
76
|
-
{
|
|
77
|
-
{
|
|
78
|
-
{
|
|
79
|
-
{
|
|
80
|
-
{
|
|
81
|
-
{
|
|
82
|
-
{
|
|
76
|
+
{%- if _image is not empty %}
|
|
77
|
+
{%- set attributes = attributes.addClass(["d-inline-flex", "flex-wrap"]) %}
|
|
78
|
+
{%- if _content_classes is not empty %}
|
|
79
|
+
{%- set _content_classes = _content_classes ~ ' flex-1 w-min-content' %}
|
|
80
|
+
{%- else %}
|
|
81
|
+
{%- set _content_classes = 'flex-1 w-min-content' %}
|
|
82
|
+
{%- endif %}
|
|
83
83
|
{% endif %}
|
|
84
84
|
|
|
85
|
-
{
|
|
85
|
+
{%- if _with_text or _force_wrapper -%}
|
|
86
86
|
<div class="{{ _classes }}">
|
|
87
|
-
{
|
|
88
|
-
{% if _with_text
|
|
87
|
+
{%- endif %}
|
|
88
|
+
{% if _with_text -%}
|
|
89
89
|
<div class="row">
|
|
90
|
-
{
|
|
90
|
+
{%- endif %}
|
|
91
91
|
|
|
92
92
|
{%- if _title is not empty -%}
|
|
93
93
|
{% include '@oe-bcl/bcl-heading/heading.html.twig' with {
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
} only %}
|
|
99
99
|
{%- endif -%}
|
|
100
100
|
|
|
101
|
-
{% if _with_text
|
|
101
|
+
{% if _with_text -%}
|
|
102
102
|
<div class="{{ _col_classes }} order-{{ _alignment == "right" ? '1' : '2' }}">
|
|
103
103
|
{%- if _description_title is not empty -%}
|
|
104
104
|
{% include '@oe-bcl/bcl-heading/heading.html.twig' with {
|
|
@@ -110,45 +110,45 @@
|
|
|
110
110
|
{{- _description|default('') -}}
|
|
111
111
|
|
|
112
112
|
{% if _read_more is not empty %}
|
|
113
|
-
{
|
|
114
|
-
{
|
|
115
|
-
</div>
|
|
113
|
+
{%- include '@oe-bcl/bcl-link/link.html.twig' with _read_more only %}
|
|
114
|
+
{%- endif -%}
|
|
115
|
+
</div>{# -#}
|
|
116
116
|
<div class="{{ _col_classes }} order-{{ _alignment == "right" ? '2 mt-4 mt-md-0' : '1' }}">
|
|
117
|
-
{
|
|
117
|
+
{%- endif -%}
|
|
118
118
|
|
|
119
119
|
<figure
|
|
120
120
|
{{ attributes }}
|
|
121
121
|
>
|
|
122
|
-
{
|
|
123
|
-
{
|
|
122
|
+
{%- if _embedded_media is not empty %}
|
|
123
|
+
{%- set _video_classes = "ratio ratio-" ~ _ratio -%}
|
|
124
124
|
<div class="{{ _video_classes }}">
|
|
125
125
|
{%- block embedded_media _embedded_media -%}
|
|
126
126
|
</div>
|
|
127
|
-
{
|
|
127
|
+
{%- elseif _sources is not empty and _sources is iterable -%}
|
|
128
128
|
<video
|
|
129
129
|
controls
|
|
130
130
|
poster="{{ _poster_image }}"
|
|
131
131
|
class="w-100 d-block"
|
|
132
132
|
>
|
|
133
|
-
{
|
|
133
|
+
{%- for source in _sources -%}
|
|
134
134
|
<source type="{{ source.type }}" src="{{ source.src }}" />
|
|
135
|
-
{
|
|
136
|
-
{
|
|
137
|
-
{
|
|
135
|
+
{%- endfor %}
|
|
136
|
+
{%- if _tracks is not empty and _tracks is iterable %}
|
|
137
|
+
{%- for track in _tracks -%}
|
|
138
138
|
<track
|
|
139
139
|
kind="{{ track.kind }}"
|
|
140
140
|
label="{{ track.label }}"
|
|
141
141
|
src="{{ track.src }}"
|
|
142
142
|
srclang="{{ track.src_lang }}"
|
|
143
143
|
/>
|
|
144
|
-
{
|
|
145
|
-
{
|
|
144
|
+
{%- endfor %}
|
|
145
|
+
{%- endif -%}
|
|
146
146
|
</video>
|
|
147
|
-
{
|
|
148
|
-
{{ _image }}
|
|
149
|
-
{
|
|
147
|
+
{%- else %}
|
|
148
|
+
{{- _image }}
|
|
149
|
+
{%- endif %}
|
|
150
150
|
|
|
151
|
-
{
|
|
151
|
+
{%- if _content is not empty -%}
|
|
152
152
|
<figcaption
|
|
153
153
|
{% if _content_classes is not empty %}
|
|
154
154
|
class="{{ _content_classes }}"
|
|
@@ -156,14 +156,13 @@
|
|
|
156
156
|
>
|
|
157
157
|
{{- _content -}}
|
|
158
158
|
</figcaption>
|
|
159
|
-
{
|
|
159
|
+
{%- endif -%}
|
|
160
160
|
</figure>
|
|
161
161
|
|
|
162
|
-
{
|
|
163
|
-
</div>
|
|
162
|
+
{%- if _with_text -%}
|
|
163
|
+
</div>{# -#}
|
|
164
164
|
</div>
|
|
165
|
-
{
|
|
166
|
-
{% if _with_text or _force_wrapper
|
|
165
|
+
{%- endif %}
|
|
166
|
+
{% if _with_text or _force_wrapper -%}
|
|
167
167
|
</div>
|
|
168
|
-
{
|
|
169
|
-
|
|
168
|
+
{%- endif -%}
|
|
@@ -13,21 +13,21 @@
|
|
|
13
13
|
]
|
|
14
14
|
#}
|
|
15
15
|
|
|
16
|
-
{
|
|
16
|
+
{%- set _id = id|default('language-dropdown' ~ random(10000)) %}
|
|
17
17
|
{% set _label = label|default('') %}
|
|
18
18
|
{% set _icon_path = icon_path|default('') %}
|
|
19
19
|
{% set _items = items|default([]) %}
|
|
20
20
|
|
|
21
|
-
{
|
|
22
|
-
{
|
|
21
|
+
{%- if attributes is empty %}
|
|
22
|
+
{%- set attributes = create_attribute() %}
|
|
23
23
|
{% endif %}
|
|
24
24
|
|
|
25
|
-
{
|
|
25
|
+
{%- set attributes = attributes.addClass(['bg-lighter', 'py-3', 'px-4', 'border-top']) -%}
|
|
26
26
|
|
|
27
27
|
<div
|
|
28
|
-
{{ attributes }}>
|
|
28
|
+
{{ attributes }}>{# -#}
|
|
29
29
|
<div class="text-end text-md-center">
|
|
30
|
-
{
|
|
30
|
+
{%- include '@oe-bcl/bcl-link/link.html.twig' with _label|merge({
|
|
31
31
|
path: '#' ~ _id,
|
|
32
32
|
attributes: create_attribute()
|
|
33
33
|
.addClass(['standalone'])
|
|
@@ -35,25 +35,25 @@
|
|
|
35
35
|
.setAttribute('data-bs-toggle', 'collapse')
|
|
36
36
|
.setAttribute('aria-expanded', 'false')
|
|
37
37
|
.setAttribute('role', 'button'),
|
|
38
|
-
}) only
|
|
38
|
+
}) only -%}
|
|
39
39
|
</div>
|
|
40
|
-
{
|
|
40
|
+
{%- if _items is not empty and _items is iterable -%}
|
|
41
41
|
<div class="collapse" id="{{ _id }}">
|
|
42
|
-
{
|
|
43
|
-
{
|
|
42
|
+
{%- for _item in _items %}
|
|
43
|
+
{%- set _item_classes = loop.last ? 'pt-3' : 'py-3 border-bottom' -%}
|
|
44
44
|
<div class="{{ _item_classes }}">
|
|
45
|
-
{
|
|
46
|
-
{{ _item.content }}
|
|
47
|
-
{
|
|
48
|
-
<div class="row">
|
|
45
|
+
{%- if _item.type == 'content' %}
|
|
46
|
+
{{- _item.content }}
|
|
47
|
+
{%- else -%}
|
|
48
|
+
<div class="row">{# -#}
|
|
49
49
|
<div class="col-12 col-md-9">
|
|
50
|
-
{
|
|
50
|
+
{%- if _item.title is not empty -%}
|
|
51
51
|
<p class="fw-bold m-0">{{ _item.title }}</p>
|
|
52
|
-
{
|
|
53
|
-
{
|
|
52
|
+
{%- endif %}
|
|
53
|
+
{%- if _item.description is not empty -%}
|
|
54
54
|
<p class="m-0">{{ _item.description }}</p>
|
|
55
|
-
{
|
|
56
|
-
{
|
|
55
|
+
{%- endif %}
|
|
56
|
+
{%- if _item.language is not empty or _item.meta is not empty -%}
|
|
57
57
|
<small class="fw-bold m-0">
|
|
58
58
|
{%- if _item.language is not empty -%}
|
|
59
59
|
{{- _item.language -}}
|
|
@@ -64,15 +64,15 @@
|
|
|
64
64
|
</span>
|
|
65
65
|
{%- endif -%}
|
|
66
66
|
</small>
|
|
67
|
-
{
|
|
68
|
-
</div>
|
|
67
|
+
{%- endif -%}
|
|
68
|
+
</div>{# -#}
|
|
69
69
|
<div class="col-12 col-md-3 align-self-end text-md-end">
|
|
70
|
-
{
|
|
70
|
+
{%- set download_attributes = create_attribute()
|
|
71
71
|
.setAttribute('download', true)
|
|
72
72
|
.setAttribute('target', '_blank')
|
|
73
73
|
.addClass(['d-block', 'standalone', 'mt-1'])
|
|
74
74
|
%}
|
|
75
|
-
{
|
|
75
|
+
{%- set _download_item = _item.download|merge({
|
|
76
76
|
icon_position: "after",
|
|
77
77
|
icon: {
|
|
78
78
|
name: "download",
|
|
@@ -81,13 +81,13 @@
|
|
|
81
81
|
}|merge(_item.download.icon|default({})),
|
|
82
82
|
attributes: download_attributes.merge(_item.download.attributes|default(create_attribute()))
|
|
83
83
|
}) %}
|
|
84
|
-
{
|
|
85
|
-
</div>
|
|
84
|
+
{%- include '@oe-bcl/bcl-link/link.html.twig' with _download_item only -%}
|
|
85
|
+
</div>{# -#}
|
|
86
86
|
</div>
|
|
87
|
-
{
|
|
87
|
+
{%- endif -%}
|
|
88
88
|
</div>
|
|
89
|
-
{
|
|
89
|
+
{%- endfor -%}
|
|
90
90
|
</div>
|
|
91
|
-
{
|
|
91
|
+
{%- endif -%}
|
|
92
92
|
</div>
|
|
93
|
-
|
|
93
|
+
{#--#}
|