@openeuropa/bcl-theme-joinup 0.4298.202511051800 → 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-joinup.css +167 -85
- package/css/oe-bcl-joinup.css.map +1 -1
- package/css/oe-bcl-joinup.min.css +1 -1
- package/css/oe-bcl-joinup.min.css.map +1 -1
- package/js/oe-bcl-joinup.bundle.js +112 -1
- package/js/oe-bcl-joinup.bundle.js.map +1 -1
- package/js/oe-bcl-joinup.bundle.min.js +1 -1
- package/js/oe-bcl-joinup.bundle.min.js.map +1 -1
- package/js/oe-bcl-joinup.esm.js +111 -1
- package/js/oe-bcl-joinup.esm.js.map +1 -1
- package/js/oe-bcl-joinup.esm.min.js +1 -1
- package/js/oe-bcl-joinup.esm.min.js.map +1 -1
- package/js/oe-bcl-joinup.umd.js +112 -1
- package/js/oe-bcl-joinup.umd.js.map +1 -1
- package/js/oe-bcl-joinup.umd.min.js +1 -1
- package/js/oe-bcl-joinup.umd.min.js.map +1 -1
- package/package.json +7 -7
- package/src/js/index.esm.js +2 -0
- package/src/js/index.umd.js +2 -0
- package/templates/bcl-accordion/accordion.html.twig +42 -46
- package/templates/bcl-alert/alert.html.twig +18 -21
- package/templates/bcl-badge/badge.html.twig +11 -15
- package/templates/bcl-banner/banner.html.twig +34 -37
- package/templates/bcl-base-templates/content-type.html.twig +63 -67
- 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 -20
- package/templates/bcl-breadcrumb/breadcrumb.html.twig +24 -28
- package/templates/bcl-button/button.html.twig +24 -27
- package/templates/bcl-button-group/button-group.html.twig +25 -29
- package/templates/bcl-card/card.html.twig +98 -101
- package/templates/bcl-card-layout/card-layout.html.twig +34 -37
- package/templates/bcl-carousel/carousel.html.twig +64 -67
- package/templates/bcl-contact-form/contact-form.html.twig +1 -1
- package/templates/bcl-content-banner/content-banner.html.twig +37 -40
- package/templates/bcl-date-block/date-block.html.twig +26 -29
- package/templates/bcl-description-list/description-list-details.html.twig +6 -9
- package/templates/bcl-description-list/description-list-title.html.twig +11 -14
- package/templates/bcl-description-list/description-list.html.twig +44 -48
- package/templates/bcl-dropdown/dropdown.html.twig +48 -52
- package/templates/bcl-event/event.html.twig +7 -7
- package/templates/bcl-fact-figures/fact-figures.html.twig +34 -37
- package/templates/bcl-featured-media/featured-media.html.twig +42 -46
- package/templates/bcl-file/file-translations.html.twig +29 -32
- package/templates/bcl-file/file.html.twig +47 -50
- package/templates/bcl-footer/footer.html.twig +31 -34
- package/templates/bcl-form/form.html.twig +70 -73
- package/templates/bcl-form-input/form-input.html.twig +57 -61
- package/templates/bcl-gallery/gallery-item.html.twig +20 -23
- package/templates/bcl-gallery/gallery.html.twig +62 -66
- 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 -82
- package/templates/bcl-heading/heading.html.twig +13 -17
- package/templates/bcl-icon/icon.html.twig +10 -13
- package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +20 -23
- package/templates/bcl-landing-page/landing-page.html.twig +33 -33
- package/templates/bcl-language-list/language-list-grid.html.twig +25 -28
- package/templates/bcl-language-list/language-list-modal.html.twig +52 -52
- package/templates/bcl-language-list/language-list.html.twig +33 -37
- package/templates/bcl-language-switcher/language-switcher.html.twig +12 -15
- package/templates/bcl-link/link.html.twig +24 -27
- package/templates/bcl-links-block/links-block.html.twig +30 -34
- package/templates/bcl-list-group/list-group.html.twig +43 -47
- package/templates/bcl-listing/listing.html.twig +88 -91
- package/templates/bcl-mega-menu/mega-menu-items.html.twig +18 -21
- package/templates/bcl-mega-menu/mega-menu-submenu.html.twig +28 -26
- package/templates/bcl-mega-menu/mega-menu.html.twig +37 -38
- package/templates/bcl-modal/modal.html.twig +21 -23
- package/templates/bcl-navbar/navbar.html.twig +35 -38
- package/templates/bcl-navigation/navigation.html.twig +105 -110
- package/templates/bcl-offcanvas/offcanvas.html.twig +33 -36
- package/templates/bcl-page/page.html.twig +27 -27
- package/templates/bcl-pagination/pagination-item.html.twig +22 -26
- package/templates/bcl-pagination/pagination.html.twig +59 -62
- package/templates/bcl-pagination-v2/pagination-item.html.twig +31 -35
- package/templates/bcl-pagination-v2/pagination.html.twig +79 -82
- package/templates/bcl-person/person.html.twig +12 -12
- package/templates/bcl-placeholder/placeholder.html.twig +14 -18
- package/templates/bcl-progress/progress.html.twig +16 -20
- package/templates/bcl-project/project-lists.html.twig +25 -29
- package/templates/bcl-project/project.html.twig +35 -35
- package/templates/bcl-project-status/project-contributions.html.twig +25 -28
- package/templates/bcl-project-status/project-status.html.twig +32 -37
- package/templates/bcl-recent-activities/recent-activities.html.twig +13 -16
- package/templates/bcl-search/search.html.twig +12 -12
- package/templates/bcl-search-form/search-form.html.twig +21 -24
- package/templates/bcl-select/select.html.twig +52 -56
- package/templates/bcl-spinner/spinner.html.twig +10 -13
- 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 -17
- package/templates/bcl-table/table.html.twig +61 -65
- package/templates/bcl-textarea/textarea.html.twig +44 -47
- package/templates/bcl-timeline/timeline-item.html.twig +12 -15
- package/templates/bcl-timeline/timeline.html.twig +42 -45
- package/templates/bcl-toasts/toasts.html.twig +56 -60
- package/templates/bcl-user/user-compact.html.twig +24 -27
- package/templates/bcl-user/user-terms.html.twig +6 -6
- package/templates/bcl-user/user.html.twig +117 -117
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
{% apply spaceless %}
|
|
2
|
-
|
|
3
1
|
{#
|
|
4
2
|
Parameters:
|
|
5
3
|
- title: (string) (default: '')
|
|
@@ -36,7 +34,7 @@
|
|
|
36
34
|
- "action_bar" (string)
|
|
37
35
|
#}
|
|
38
36
|
|
|
39
|
-
{
|
|
37
|
+
{%- set _title = title|default('') %}
|
|
40
38
|
{% set _title_tag = title_tag|default('h1') %}
|
|
41
39
|
{% set _title_link = title_link|default({}) %}
|
|
42
40
|
{% set _title_attributes = title_attributes ?: create_attribute() %}
|
|
@@ -46,66 +44,66 @@
|
|
|
46
44
|
{% set _action_bar = action_bar|default('') %}
|
|
47
45
|
{% set _date = date|default({}) %}
|
|
48
46
|
|
|
49
|
-
{
|
|
50
|
-
{
|
|
47
|
+
{%- if attributes is empty %}
|
|
48
|
+
{%- set attributes = create_attribute() %}
|
|
51
49
|
{% endif %}
|
|
52
50
|
|
|
53
|
-
{
|
|
51
|
+
{%- set _classes = [
|
|
54
52
|
'bcl-content-banner',
|
|
55
53
|
] %}
|
|
56
54
|
|
|
57
|
-
{
|
|
58
|
-
{
|
|
55
|
+
{%- if _background != 'white' %}
|
|
56
|
+
{%- set _classes = _classes|merge([
|
|
59
57
|
'pb-md-4-75',
|
|
60
58
|
'pb-4',
|
|
61
59
|
'pt-4',
|
|
62
60
|
'pt-md-4-75',
|
|
63
61
|
]) %}
|
|
64
62
|
{% else %}
|
|
65
|
-
{
|
|
63
|
+
{%- set _classes = _classes|merge([
|
|
66
64
|
'pt-4',
|
|
67
65
|
'pt-md-4-75',
|
|
68
66
|
]) %}
|
|
69
67
|
{% endif %}
|
|
70
68
|
|
|
71
|
-
{
|
|
69
|
+
{%- set _modifiers = {
|
|
72
70
|
'white': 'bg-white',
|
|
73
71
|
'gray': 'bg-lighter',
|
|
74
72
|
} %}
|
|
75
73
|
|
|
76
|
-
{
|
|
74
|
+
{%- set _body_classes = 'pt-0 px-0 pb-0' %}
|
|
77
75
|
{% set _right_col_classes = 'col-md col-lg-9 col-xxl-8' %}
|
|
78
76
|
|
|
79
|
-
{
|
|
80
|
-
{
|
|
81
|
-
{
|
|
82
|
-
{
|
|
83
|
-
{
|
|
84
|
-
{
|
|
85
|
-
{
|
|
86
|
-
{
|
|
87
|
-
{
|
|
88
|
-
{
|
|
89
|
-
{
|
|
90
|
-
{
|
|
77
|
+
{%- if _image is not empty %}
|
|
78
|
+
{%- set _left_col_classes = 'bcl-card-start-col' %}
|
|
79
|
+
{%- set _body_classes = 'pt-4 pt-md-0 px-0 px-md-1-5 pb-0' %}
|
|
80
|
+
{%- if _image_size == 'lg' %}
|
|
81
|
+
{%- set _left_col_classes = _left_col_classes ~ ' bcl-size-large' %}
|
|
82
|
+
{%- set _right_col_classes = 'col-md col-xl-9 col-xxl-8' %}
|
|
83
|
+
{%- endif %}
|
|
84
|
+
{%- if _image_size == 'xl' %}
|
|
85
|
+
{%- set _left_col_classes = _left_col_classes ~ ' bcl-size-extra-large' %}
|
|
86
|
+
{%- set _body_classes = 'pt-4 pt-lg-0 px-0 px-lg-1-5 pb-0' %}
|
|
87
|
+
{%- set _right_col_classes = 'col-lg' %}
|
|
88
|
+
{%- endif %}
|
|
91
89
|
{% endif %}
|
|
92
90
|
{% if _date is not empty %}
|
|
93
|
-
{
|
|
94
|
-
{
|
|
95
|
-
{
|
|
96
|
-
{
|
|
97
|
-
{
|
|
91
|
+
{%- set _left_col_classes = 'bcl-card-start-col' %}
|
|
92
|
+
{%- set _right_col_classes = 'col-12 col-md col-xxl-9' %}
|
|
93
|
+
{%- if _image is empty %}
|
|
94
|
+
{%- set _body_classes = 'pt-4 pt-md-0 px-0 px-md-1-5 pb-0' %}
|
|
95
|
+
{%- endif %}
|
|
98
96
|
{% endif %}
|
|
99
97
|
{% if _image is empty and _date is empty %}
|
|
100
|
-
{
|
|
98
|
+
{%- set _right_col_classes = 'col-lg-10 col-xl-9 col-xxl-8' %}
|
|
101
99
|
{% endif %}
|
|
102
100
|
|
|
103
|
-
{
|
|
101
|
+
{%- set _horizontal_classes = {
|
|
104
102
|
left_col_classes: _left_col_classes,
|
|
105
103
|
right_col_classes: _right_col_classes,
|
|
106
104
|
} %}
|
|
107
105
|
|
|
108
|
-
{
|
|
106
|
+
{%- set _card = {
|
|
109
107
|
title: _title,
|
|
110
108
|
title_tag: _title_tag,
|
|
111
109
|
title_link: _title_link,
|
|
@@ -117,23 +115,22 @@
|
|
|
117
115
|
attributes: create_attribute().addClass(['bg-transparent', 'border-0']),
|
|
118
116
|
} %}
|
|
119
117
|
|
|
120
|
-
{
|
|
118
|
+
{%- set _classes = _classes|merge([_modifiers[_background]]) %}
|
|
121
119
|
{% set attributes = attributes.addClass(_classes) %}
|
|
122
120
|
|
|
123
|
-
{
|
|
124
|
-
{
|
|
121
|
+
{%- if _button is not empty %}
|
|
122
|
+
{%- set _card = _card|merge({
|
|
125
123
|
attributes: _card.attributes.addClass(['col-md-10']),
|
|
126
124
|
}) %}
|
|
127
|
-
{% endif
|
|
125
|
+
{% endif -%}
|
|
128
126
|
|
|
129
|
-
<div {{ attributes }}>
|
|
127
|
+
<div {{ attributes }}>{# -#}
|
|
130
128
|
<div class="container">
|
|
131
|
-
{
|
|
129
|
+
{%- include '@oe-bcl/bcl-card/card.html.twig' with _card %}
|
|
132
130
|
|
|
133
131
|
{%- block action_bar -%}
|
|
134
132
|
{{ _action_bar }}
|
|
135
133
|
{%- endblock -%}
|
|
136
|
-
</div>
|
|
134
|
+
</div>{# -#}
|
|
137
135
|
</div>
|
|
138
|
-
|
|
139
|
-
{% endapply %}
|
|
136
|
+
{#--#}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
{% apply spaceless %}
|
|
2
|
-
|
|
3
1
|
{#
|
|
4
2
|
Parameters:
|
|
5
3
|
- day (integer) (default: '')
|
|
@@ -12,7 +10,7 @@
|
|
|
12
10
|
- icon_path (string) (default: '')
|
|
13
11
|
#}
|
|
14
12
|
|
|
15
|
-
{
|
|
13
|
+
{%- set _day = day|default('') %}
|
|
16
14
|
{% set _month = month|default('') %}
|
|
17
15
|
{% set _date_time = date_time|default('') %}
|
|
18
16
|
{% set _year = year|default('') %}
|
|
@@ -21,7 +19,7 @@
|
|
|
21
19
|
{% set _end_year = end_year|default('') %}
|
|
22
20
|
{% set _icon_path = icon_path|default('') %}
|
|
23
21
|
|
|
24
|
-
{
|
|
22
|
+
{%- set _classes = [
|
|
25
23
|
'bcl-date-block',
|
|
26
24
|
'bg-date',
|
|
27
25
|
'rounded',
|
|
@@ -33,48 +31,47 @@
|
|
|
33
31
|
'ratio-1x1'
|
|
34
32
|
] %}
|
|
35
33
|
|
|
36
|
-
{
|
|
37
|
-
{
|
|
34
|
+
{%- if attributes is empty %}
|
|
35
|
+
{%- set attributes = create_attribute() %}
|
|
38
36
|
{% endif %}
|
|
39
37
|
|
|
40
|
-
{
|
|
38
|
+
{%- set attributes = attributes.addClass(_classes) %}
|
|
41
39
|
|
|
42
|
-
{
|
|
43
|
-
{
|
|
44
|
-
{% endif
|
|
40
|
+
{%- if _date_time is not empty %}
|
|
41
|
+
{%- set attributes = attributes.setAttribute('datetime', _date_time) %}
|
|
42
|
+
{% endif -%}
|
|
45
43
|
|
|
46
|
-
<time {{ attributes }}>
|
|
47
|
-
<div class="d-flex flex-column pt-2">
|
|
48
|
-
<div class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2">
|
|
49
|
-
<div class="d-flex flex-column align-item-center justify-content-center">
|
|
50
|
-
<div class="date-month lh-1">{{- _month -}}</div>
|
|
51
|
-
<div class="date-day fw-bold fs-4 lh-1">{{- _day -}}</div>
|
|
44
|
+
<time {{ attributes }}>{# -#}
|
|
45
|
+
<div class="d-flex flex-column pt-2">{# -#}
|
|
46
|
+
<div class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2">{# -#}
|
|
47
|
+
<div class="d-flex flex-column align-item-center justify-content-center">{# -#}
|
|
48
|
+
<div class="date-month lh-1">{{- _month -}}</div>{# -#}
|
|
49
|
+
<div class="date-day fw-bold fs-4 lh-1">{{- _day -}}</div>{# -#}
|
|
52
50
|
</div>
|
|
53
|
-
{
|
|
51
|
+
{%- if _end_day or _end_month -%}
|
|
54
52
|
<div class="d-flex flex-column align-item-center justify-content-center">
|
|
55
53
|
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
|
|
56
54
|
name: "chevron-right",
|
|
57
55
|
size: "xs",
|
|
58
56
|
path: _icon_path,
|
|
59
57
|
} only -%}
|
|
60
|
-
</div>
|
|
58
|
+
</div>{# -#}
|
|
61
59
|
<div class="d-flex flex-column align-item-center justify-content-center">
|
|
62
|
-
{%- if _end_month is not empty
|
|
60
|
+
{%- if _end_month is not empty -%}
|
|
63
61
|
<div class="date-month lh-1">{{- _end_month -}}</div>
|
|
64
|
-
{
|
|
65
|
-
{%- if _end_day is not empty
|
|
62
|
+
{%- endif -%}
|
|
63
|
+
{%- if _end_day is not empty -%}
|
|
66
64
|
<div class="date-day fw-bold fs-4 lh-1">{{- _end_day -}}</div>
|
|
67
|
-
{
|
|
65
|
+
{%- endif -%}
|
|
68
66
|
</div>
|
|
69
|
-
{
|
|
70
|
-
</div>
|
|
71
|
-
<div class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center">
|
|
67
|
+
{%- endif -%}
|
|
68
|
+
</div>{# -#}
|
|
69
|
+
<div class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center">{# -#}
|
|
72
70
|
<div class="date-year year-start">{{- _year -}}</div>
|
|
73
71
|
{%- if _end_year is not empty -%}
|
|
74
72
|
<div class="date-year year-end">{{ _end_year }}</div>
|
|
75
73
|
{%- endif -%}
|
|
76
|
-
</div>
|
|
77
|
-
</div>
|
|
74
|
+
</div>{# -#}
|
|
75
|
+
</div>{# -#}
|
|
78
76
|
</time>
|
|
79
|
-
|
|
80
|
-
{% endapply %}
|
|
77
|
+
{#--#}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
{% apply spaceless %}
|
|
2
|
-
|
|
3
1
|
{#
|
|
4
2
|
Parameters:
|
|
5
3
|
- button: (button object) (default: {})
|
|
@@ -11,10 +9,10 @@
|
|
|
11
9
|
- definition
|
|
12
10
|
#}
|
|
13
11
|
|
|
14
|
-
{
|
|
12
|
+
{%- set _button = button|default({}) %}
|
|
15
13
|
{% set _link = link|default({}) %}
|
|
16
14
|
{% set _icon = icon|default({}) %}
|
|
17
|
-
{% set _label = label|default('')
|
|
15
|
+
{% set _label = label|default('') -%}
|
|
18
16
|
|
|
19
17
|
|
|
20
18
|
<dd>
|
|
@@ -22,12 +20,12 @@
|
|
|
22
20
|
{%- if _button is not empty -%}
|
|
23
21
|
{% include '@oe-bcl/bcl-button/button.html.twig' with _button only %}
|
|
24
22
|
{%- elseif _link is not empty %}
|
|
25
|
-
{
|
|
23
|
+
{%- include '@oe-bcl/bcl-link/link.html.twig' with _link only -%}
|
|
26
24
|
{%- else -%}
|
|
27
25
|
{%- if _icon is not empty -%}
|
|
28
26
|
{%- set _icon_classes = ["me-2", "align-self-center", "flex-shrink-0"] -%}
|
|
29
27
|
{% set _icon_attributes = _icon.attributes ?: create_attribute() %}
|
|
30
|
-
{
|
|
28
|
+
{%- set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
|
|
31
29
|
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
|
|
32
30
|
attributes: _icon_attributes,
|
|
33
31
|
}) only -%}
|
|
@@ -38,7 +36,6 @@
|
|
|
38
36
|
<div>{{- _label -}}</div>
|
|
39
37
|
{%- endif -%}
|
|
40
38
|
{%- endif -%}
|
|
41
|
-
{% endblock
|
|
39
|
+
{% endblock -%}
|
|
42
40
|
</dd>
|
|
43
|
-
|
|
44
|
-
{% endapply %}
|
|
41
|
+
{#--#}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
{% apply spaceless %}
|
|
2
|
-
|
|
3
1
|
{#
|
|
4
2
|
Parameters:
|
|
5
3
|
- icon: (icon object) (default: {})
|
|
@@ -8,26 +6,25 @@
|
|
|
8
6
|
- label: (string) (default: '')
|
|
9
7
|
#}
|
|
10
8
|
|
|
11
|
-
{
|
|
9
|
+
{%- set _icon = icon|default({}) %}
|
|
12
10
|
{% set _color = color|default('') %}
|
|
13
|
-
{% set _label = label|default('')
|
|
11
|
+
{% set _label = label|default('') -%}
|
|
14
12
|
|
|
15
|
-
<dt>
|
|
13
|
+
<dt>{# -#}
|
|
16
14
|
<div class="d-flex">
|
|
17
15
|
{%- if _icon is not empty -%}
|
|
18
16
|
{% set _icon_classes = ["me-2", "align-self-center", "flex-shrink-0"] %}
|
|
19
|
-
{
|
|
20
|
-
{
|
|
21
|
-
{
|
|
17
|
+
{%- set _icon_attributes = _icon.attributes ?: create_attribute() %}
|
|
18
|
+
{%- set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
|
|
19
|
+
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
|
|
22
20
|
attributes: _icon_attributes,
|
|
23
21
|
}) only %}
|
|
24
22
|
{%- elseif _color is not empty -%}
|
|
25
|
-
<div class="align-self-center">
|
|
26
|
-
<span class="p-2 me-2 d-inline-block rounded-1 {{ _color }}"></span>
|
|
23
|
+
<div class="align-self-center">{# -#}
|
|
24
|
+
<span class="p-2 me-2 d-inline-block rounded-1 {{ _color }}"></span>{# -#}
|
|
27
25
|
</div>
|
|
28
26
|
{%- endif -%}
|
|
29
|
-
<div>{{- _label -}}</div>
|
|
30
|
-
</div>
|
|
27
|
+
<div>{{- _label -}}</div>{# -#}
|
|
28
|
+
</div>{# -#}
|
|
31
29
|
</dt>
|
|
32
|
-
|
|
33
|
-
{% endapply %}
|
|
30
|
+
{#--#}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
{% apply spaceless %}
|
|
2
|
-
|
|
3
1
|
{#
|
|
4
2
|
Parameters:
|
|
5
3
|
- title: (string) (default: '')
|
|
@@ -15,11 +13,11 @@
|
|
|
15
13
|
},
|
|
16
14
|
...
|
|
17
15
|
]
|
|
18
|
-
- variant (string) (default: '')
|
|
16
|
+
- variant (string) (default: '')
|
|
19
17
|
- option: ['horizontal']
|
|
20
18
|
#}
|
|
21
19
|
|
|
22
|
-
{
|
|
20
|
+
{%- set _title = title|default('') %}
|
|
23
21
|
{% set _title_tag = title_tag|default('h2') %}
|
|
24
22
|
{% set _title_link = title_link|default({}) %}
|
|
25
23
|
{% set _title_attributes = title_attributes ?: create_attribute() %}
|
|
@@ -28,22 +26,22 @@
|
|
|
28
26
|
{% set _items = items|default([]) %}
|
|
29
27
|
{% set _variant = variant|default('') %}
|
|
30
28
|
|
|
31
|
-
{
|
|
32
|
-
{
|
|
29
|
+
{%- if attributes is empty %}
|
|
30
|
+
{%- set attributes = create_attribute() %}
|
|
33
31
|
{% endif %}
|
|
34
32
|
|
|
35
|
-
{
|
|
33
|
+
{%- set _item_classes = ['mb-3'] %}
|
|
36
34
|
|
|
37
|
-
{
|
|
38
|
-
{
|
|
35
|
+
{%- if _bordered %}
|
|
36
|
+
{%- set _item_classes = ['border-bottom', 'pb-2-5', 'mb-2-5'] %}
|
|
39
37
|
{% endif %}
|
|
40
38
|
|
|
41
|
-
{
|
|
42
|
-
{
|
|
39
|
+
{%- if _variant == 'horizontal' %}
|
|
40
|
+
{%- set _item_classes = _item_classes|merge(['row']) %}
|
|
43
41
|
{% endif %}
|
|
44
42
|
|
|
45
|
-
{
|
|
46
|
-
{
|
|
43
|
+
{%- if _title is not empty %}
|
|
44
|
+
{%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
|
|
47
45
|
title: _title,
|
|
48
46
|
title_tag: _title_tag,
|
|
49
47
|
title_link: _title_link,
|
|
@@ -51,71 +49,69 @@
|
|
|
51
49
|
} only %}
|
|
52
50
|
{% endif %}
|
|
53
51
|
|
|
54
|
-
{
|
|
52
|
+
{%- set attributes = attributes.addClass(['bcl-description-list']) %}
|
|
55
53
|
|
|
56
|
-
{
|
|
54
|
+
{%- if _variant != 'horizontal' -%}
|
|
57
55
|
<dl
|
|
58
56
|
{{ attributes }}
|
|
59
57
|
>
|
|
60
|
-
{
|
|
58
|
+
{%- else -%}
|
|
61
59
|
<div
|
|
62
60
|
{{ attributes }}
|
|
63
61
|
>
|
|
64
|
-
{
|
|
65
|
-
{
|
|
66
|
-
{
|
|
62
|
+
{%- endif %}
|
|
63
|
+
{%- for _item in _items %}
|
|
64
|
+
{%- if _variant == 'horizontal' -%}
|
|
67
65
|
<dl
|
|
68
66
|
{{ create_attribute().addClass(_item_classes) }}
|
|
69
67
|
>
|
|
70
|
-
{
|
|
68
|
+
{%- else -%}
|
|
71
69
|
<div
|
|
72
70
|
{{ create_attribute().addClass(_item_classes) }}
|
|
73
71
|
>
|
|
74
|
-
{
|
|
75
|
-
{
|
|
76
|
-
{
|
|
72
|
+
{%- endif %}
|
|
73
|
+
{%- if _item.term is not empty %}
|
|
74
|
+
{%- if _variant == 'horizontal' -%}
|
|
77
75
|
<div class="{{ _col_classes }}">
|
|
78
|
-
{
|
|
79
|
-
{
|
|
80
|
-
{
|
|
76
|
+
{%- endif %}
|
|
77
|
+
{%- if _item.term is iterable %}
|
|
78
|
+
{%- for _term in _item.term %}
|
|
81
79
|
{%- include '@oe-bcl/bcl-description-list/description-list-title.html.twig' with _term only -%}
|
|
82
80
|
{% endfor %}
|
|
83
|
-
{
|
|
81
|
+
{%- else %}
|
|
84
82
|
{%- include '@oe-bcl/bcl-description-list/description-list-title.html.twig' with {
|
|
85
83
|
label: _item.term
|
|
86
84
|
} only -%}
|
|
87
85
|
{% endif %}
|
|
88
|
-
{
|
|
86
|
+
{%- if _variant == 'horizontal' -%}
|
|
89
87
|
</div>
|
|
90
|
-
{
|
|
91
|
-
{
|
|
92
|
-
{
|
|
93
|
-
{
|
|
88
|
+
{%- endif %}
|
|
89
|
+
{%- endif %}
|
|
90
|
+
{%- if _item.definition is not empty %}
|
|
91
|
+
{%- if _variant == 'horizontal' -%}
|
|
94
92
|
<div class="col">
|
|
95
|
-
{
|
|
96
|
-
{
|
|
97
|
-
{
|
|
93
|
+
{%- endif %}
|
|
94
|
+
{%- if _item.definition is iterable %}
|
|
95
|
+
{%- for _definition in _item.definition %}
|
|
98
96
|
{%- include '@oe-bcl/bcl-description-list/description-list-details.html.twig' with _definition only -%}
|
|
99
97
|
{% endfor %}
|
|
100
|
-
{
|
|
98
|
+
{%- else %}
|
|
101
99
|
{%- include '@oe-bcl/bcl-description-list/description-list-details.html.twig' with {
|
|
102
100
|
label: _item.definition
|
|
103
101
|
} only -%}
|
|
104
102
|
{% endif %}
|
|
105
|
-
{
|
|
103
|
+
{%- if _variant == 'horizontal' -%}
|
|
106
104
|
</div>
|
|
107
|
-
{
|
|
108
|
-
{
|
|
109
|
-
{
|
|
105
|
+
{%- endif %}
|
|
106
|
+
{%- endif %}
|
|
107
|
+
{%- if _variant == 'horizontal' -%}
|
|
110
108
|
</dl>
|
|
111
|
-
{
|
|
109
|
+
{%- else -%}
|
|
112
110
|
</div>
|
|
113
|
-
{
|
|
114
|
-
{
|
|
115
|
-
{% if _variant != 'horizontal'
|
|
111
|
+
{%- endif %}
|
|
112
|
+
{%- endfor %}
|
|
113
|
+
{% if _variant != 'horizontal' -%}
|
|
116
114
|
</dl>
|
|
117
|
-
{
|
|
115
|
+
{%- else -%}
|
|
118
116
|
</div>
|
|
119
|
-
{
|
|
120
|
-
|
|
121
|
-
{% endapply %}
|
|
117
|
+
{%- endif -%}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
{% apply spaceless %}
|
|
2
|
-
|
|
3
1
|
{# Parameters:
|
|
4
2
|
- id (string) (default: dropdown-random(10000))
|
|
5
3
|
- trigger (link or button)
|
|
@@ -35,7 +33,7 @@
|
|
|
35
33
|
- attributes (drupal attrs)
|
|
36
34
|
#}
|
|
37
35
|
|
|
38
|
-
{
|
|
36
|
+
{%- set _id = id|default('dropdown-' ~ random(1000)) %}
|
|
39
37
|
{% set _trigger = trigger|default({}) %}
|
|
40
38
|
{% set _link = link ?? false %}
|
|
41
39
|
{% set _direction = direction|default('') %}
|
|
@@ -45,27 +43,27 @@
|
|
|
45
43
|
{% set _inside_navigation = inside_navigation ?? false %}
|
|
46
44
|
{% set _items = items|default([]) %}
|
|
47
45
|
|
|
48
|
-
{
|
|
46
|
+
{%- set _class = 'dropdown' %}
|
|
49
47
|
{% set _dropdown_classes = ['dropdown-menu'] %}
|
|
50
48
|
|
|
51
|
-
{
|
|
52
|
-
{
|
|
49
|
+
{%- if _dark %}
|
|
50
|
+
{%- set _dropdown_classes = _dropdown_classes|merge(['dropdown-menu-dark']) %}
|
|
53
51
|
{% endif %}
|
|
54
52
|
{% if _alignment %}
|
|
55
|
-
{
|
|
53
|
+
{%- set _dropdown_classes = _dropdown_classes|merge([_alignment]) %}
|
|
56
54
|
{% endif %}
|
|
57
55
|
{% if _direction %}
|
|
58
|
-
{
|
|
56
|
+
{%- set _class = _class ~ ' ' ~ _direction %}
|
|
59
57
|
{% endif %}
|
|
60
58
|
|
|
61
|
-
{
|
|
62
|
-
{
|
|
59
|
+
{%- if attributes is empty %}
|
|
60
|
+
{%- set attributes = create_attribute() %}
|
|
63
61
|
{% endif %}
|
|
64
62
|
|
|
65
|
-
{
|
|
63
|
+
{%- set attributes = attributes.setAttribute('aria-labelledby', _id).addClass(_dropdown_classes) %}
|
|
66
64
|
|
|
67
|
-
{
|
|
68
|
-
{
|
|
65
|
+
{%- if _trigger.attributes is empty %}
|
|
66
|
+
{%- set _trigger = _trigger|merge({
|
|
69
67
|
attributes: create_attribute()
|
|
70
68
|
}) %}
|
|
71
69
|
{% endif %}
|
|
@@ -76,60 +74,58 @@
|
|
|
76
74
|
.setAttribute('id', _id)
|
|
77
75
|
}) %}
|
|
78
76
|
|
|
79
|
-
{
|
|
80
|
-
{
|
|
81
|
-
{
|
|
82
|
-
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')
|
|
83
81
|
}) %}
|
|
84
|
-
{
|
|
85
|
-
{
|
|
86
|
-
attributes: _trigger.attributes.setAttribute('autocomplete', 'off')
|
|
82
|
+
{%- else %}
|
|
83
|
+
{%- set _trigger = _trigger|merge({
|
|
84
|
+
attributes: _trigger.attributes.setAttribute('autocomplete', 'off')
|
|
87
85
|
}) %}
|
|
88
|
-
{
|
|
86
|
+
{%- endif %}
|
|
89
87
|
{% else %}
|
|
90
|
-
{
|
|
88
|
+
{%- set attributes = attributes.setAttribute('aria-hidden', 'true').setAttribute('role', 'presentation') %}
|
|
91
89
|
{% endif %}
|
|
92
90
|
|
|
93
|
-
{
|
|
91
|
+
{%- if not _remove_wrapper -%}
|
|
94
92
|
<div class="{{ _class }}">
|
|
95
|
-
{
|
|
96
|
-
{
|
|
97
|
-
{
|
|
98
|
-
{
|
|
99
|
-
{
|
|
100
|
-
{
|
|
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 -%}
|
|
101
99
|
<ul
|
|
102
100
|
{{ attributes }}
|
|
103
101
|
>
|
|
104
|
-
{
|
|
105
|
-
{
|
|
106
|
-
{
|
|
107
|
-
{
|
|
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({
|
|
108
106
|
attributes: create_attribute()
|
|
109
107
|
}) %}
|
|
110
|
-
{
|
|
111
|
-
{
|
|
112
|
-
{
|
|
113
|
-
{
|
|
114
|
-
{
|
|
115
|
-
{
|
|
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({
|
|
116
114
|
clean_class: true,
|
|
117
115
|
attributes: _item.attributes.addClass(_item_classes)
|
|
118
|
-
})
|
|
116
|
+
}) -%}
|
|
119
117
|
<li>
|
|
120
|
-
{
|
|
118
|
+
{%- if _item.divider is defined -%}
|
|
121
119
|
<hr class="dropdown-divider">
|
|
122
|
-
{
|
|
123
|
-
{
|
|
124
|
-
{
|
|
125
|
-
{
|
|
126
|
-
{
|
|
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 -%}
|
|
127
125
|
</li>
|
|
128
|
-
{
|
|
129
|
-
{
|
|
126
|
+
{%- endfor %}
|
|
127
|
+
{%- endif -%}
|
|
130
128
|
</ul>
|
|
131
|
-
{
|
|
129
|
+
{%- if not _remove_wrapper -%}
|
|
132
130
|
</div>
|
|
133
|
-
{
|
|
134
|
-
|
|
135
|
-
{% endapply %}
|
|
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 -%}
|