@openeuropa/bcl-theme-joinup 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-joinup.css +61 -48
- 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 -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
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
- "action_bar" (string)
|
|
35
35
|
#}
|
|
36
36
|
|
|
37
|
-
{
|
|
37
|
+
{%- set _title = title|default('') %}
|
|
38
38
|
{% set _title_tag = title_tag|default('h1') %}
|
|
39
39
|
{% set _title_link = title_link|default({}) %}
|
|
40
40
|
{% set _title_attributes = title_attributes ?: create_attribute() %}
|
|
@@ -44,66 +44,66 @@
|
|
|
44
44
|
{% set _action_bar = action_bar|default('') %}
|
|
45
45
|
{% set _date = date|default({}) %}
|
|
46
46
|
|
|
47
|
-
{
|
|
48
|
-
{
|
|
47
|
+
{%- if attributes is empty %}
|
|
48
|
+
{%- set attributes = create_attribute() %}
|
|
49
49
|
{% endif %}
|
|
50
50
|
|
|
51
|
-
{
|
|
51
|
+
{%- set _classes = [
|
|
52
52
|
'bcl-content-banner',
|
|
53
53
|
] %}
|
|
54
54
|
|
|
55
|
-
{
|
|
56
|
-
{
|
|
55
|
+
{%- if _background != 'white' %}
|
|
56
|
+
{%- set _classes = _classes|merge([
|
|
57
57
|
'pb-md-4-75',
|
|
58
58
|
'pb-4',
|
|
59
59
|
'pt-4',
|
|
60
60
|
'pt-md-4-75',
|
|
61
61
|
]) %}
|
|
62
62
|
{% else %}
|
|
63
|
-
{
|
|
63
|
+
{%- set _classes = _classes|merge([
|
|
64
64
|
'pt-4',
|
|
65
65
|
'pt-md-4-75',
|
|
66
66
|
]) %}
|
|
67
67
|
{% endif %}
|
|
68
68
|
|
|
69
|
-
{
|
|
69
|
+
{%- set _modifiers = {
|
|
70
70
|
'white': 'bg-white',
|
|
71
71
|
'gray': 'bg-lighter',
|
|
72
72
|
} %}
|
|
73
73
|
|
|
74
|
-
{
|
|
74
|
+
{%- set _body_classes = 'pt-0 px-0 pb-0' %}
|
|
75
75
|
{% set _right_col_classes = 'col-md col-lg-9 col-xxl-8' %}
|
|
76
76
|
|
|
77
|
-
{
|
|
78
|
-
{
|
|
79
|
-
{
|
|
80
|
-
{
|
|
81
|
-
{
|
|
82
|
-
{
|
|
83
|
-
{
|
|
84
|
-
{
|
|
85
|
-
{
|
|
86
|
-
{
|
|
87
|
-
{
|
|
88
|
-
{
|
|
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 %}
|
|
89
89
|
{% endif %}
|
|
90
90
|
{% if _date is not empty %}
|
|
91
|
-
{
|
|
92
|
-
{
|
|
93
|
-
{
|
|
94
|
-
{
|
|
95
|
-
{
|
|
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 %}
|
|
96
96
|
{% endif %}
|
|
97
97
|
{% if _image is empty and _date is empty %}
|
|
98
|
-
{
|
|
98
|
+
{%- set _right_col_classes = 'col-lg-10 col-xl-9 col-xxl-8' %}
|
|
99
99
|
{% endif %}
|
|
100
100
|
|
|
101
|
-
{
|
|
101
|
+
{%- set _horizontal_classes = {
|
|
102
102
|
left_col_classes: _left_col_classes,
|
|
103
103
|
right_col_classes: _right_col_classes,
|
|
104
104
|
} %}
|
|
105
105
|
|
|
106
|
-
{
|
|
106
|
+
{%- set _card = {
|
|
107
107
|
title: _title,
|
|
108
108
|
title_tag: _title_tag,
|
|
109
109
|
title_link: _title_link,
|
|
@@ -115,22 +115,22 @@
|
|
|
115
115
|
attributes: create_attribute().addClass(['bg-transparent', 'border-0']),
|
|
116
116
|
} %}
|
|
117
117
|
|
|
118
|
-
{
|
|
118
|
+
{%- set _classes = _classes|merge([_modifiers[_background]]) %}
|
|
119
119
|
{% set attributes = attributes.addClass(_classes) %}
|
|
120
120
|
|
|
121
|
-
{
|
|
122
|
-
{
|
|
121
|
+
{%- if _button is not empty %}
|
|
122
|
+
{%- set _card = _card|merge({
|
|
123
123
|
attributes: _card.attributes.addClass(['col-md-10']),
|
|
124
124
|
}) %}
|
|
125
|
-
{% endif
|
|
125
|
+
{% endif -%}
|
|
126
126
|
|
|
127
|
-
<div {{ attributes }}>
|
|
127
|
+
<div {{ attributes }}>{# -#}
|
|
128
128
|
<div class="container">
|
|
129
|
-
{
|
|
129
|
+
{%- include '@oe-bcl/bcl-card/card.html.twig' with _card %}
|
|
130
130
|
|
|
131
131
|
{%- block action_bar -%}
|
|
132
132
|
{{ _action_bar }}
|
|
133
133
|
{%- endblock -%}
|
|
134
|
-
</div>
|
|
134
|
+
</div>{# -#}
|
|
135
135
|
</div>
|
|
136
|
-
|
|
136
|
+
{#--#}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
- icon_path (string) (default: '')
|
|
11
11
|
#}
|
|
12
12
|
|
|
13
|
-
{
|
|
13
|
+
{%- set _day = day|default('') %}
|
|
14
14
|
{% set _month = month|default('') %}
|
|
15
15
|
{% set _date_time = date_time|default('') %}
|
|
16
16
|
{% set _year = year|default('') %}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
{% set _end_year = end_year|default('') %}
|
|
20
20
|
{% set _icon_path = icon_path|default('') %}
|
|
21
21
|
|
|
22
|
-
{
|
|
22
|
+
{%- set _classes = [
|
|
23
23
|
'bcl-date-block',
|
|
24
24
|
'bg-date',
|
|
25
25
|
'rounded',
|
|
@@ -31,47 +31,47 @@
|
|
|
31
31
|
'ratio-1x1'
|
|
32
32
|
] %}
|
|
33
33
|
|
|
34
|
-
{
|
|
35
|
-
{
|
|
34
|
+
{%- if attributes is empty %}
|
|
35
|
+
{%- set attributes = create_attribute() %}
|
|
36
36
|
{% endif %}
|
|
37
37
|
|
|
38
|
-
{
|
|
38
|
+
{%- set attributes = attributes.addClass(_classes) %}
|
|
39
39
|
|
|
40
|
-
{
|
|
41
|
-
{
|
|
42
|
-
{% endif
|
|
40
|
+
{%- if _date_time is not empty %}
|
|
41
|
+
{%- set attributes = attributes.setAttribute('datetime', _date_time) %}
|
|
42
|
+
{% endif -%}
|
|
43
43
|
|
|
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>
|
|
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>{# -#}
|
|
50
50
|
</div>
|
|
51
|
-
{
|
|
51
|
+
{%- if _end_day or _end_month -%}
|
|
52
52
|
<div class="d-flex flex-column align-item-center justify-content-center">
|
|
53
53
|
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
|
|
54
54
|
name: "chevron-right",
|
|
55
55
|
size: "xs",
|
|
56
56
|
path: _icon_path,
|
|
57
57
|
} only -%}
|
|
58
|
-
</div>
|
|
58
|
+
</div>{# -#}
|
|
59
59
|
<div class="d-flex flex-column align-item-center justify-content-center">
|
|
60
|
-
{%- if _end_month is not empty
|
|
60
|
+
{%- if _end_month is not empty -%}
|
|
61
61
|
<div class="date-month lh-1">{{- _end_month -}}</div>
|
|
62
|
-
{
|
|
63
|
-
{%- if _end_day is not empty
|
|
62
|
+
{%- endif -%}
|
|
63
|
+
{%- if _end_day is not empty -%}
|
|
64
64
|
<div class="date-day fw-bold fs-4 lh-1">{{- _end_day -}}</div>
|
|
65
|
-
{
|
|
65
|
+
{%- endif -%}
|
|
66
66
|
</div>
|
|
67
|
-
{
|
|
68
|
-
</div>
|
|
69
|
-
<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">{# -#}
|
|
70
70
|
<div class="date-year year-start">{{- _year -}}</div>
|
|
71
71
|
{%- if _end_year is not empty -%}
|
|
72
72
|
<div class="date-year year-end">{{ _end_year }}</div>
|
|
73
73
|
{%- endif -%}
|
|
74
|
-
</div>
|
|
75
|
-
</div>
|
|
74
|
+
</div>{# -#}
|
|
75
|
+
</div>{# -#}
|
|
76
76
|
</time>
|
|
77
|
-
|
|
77
|
+
{#--#}
|
|
@@ -9,10 +9,10 @@
|
|
|
9
9
|
- definition
|
|
10
10
|
#}
|
|
11
11
|
|
|
12
|
-
{
|
|
12
|
+
{%- set _button = button|default({}) %}
|
|
13
13
|
{% set _link = link|default({}) %}
|
|
14
14
|
{% set _icon = icon|default({}) %}
|
|
15
|
-
{% set _label = label|default('')
|
|
15
|
+
{% set _label = label|default('') -%}
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
<dd>
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
{%- if _button is not empty -%}
|
|
21
21
|
{% include '@oe-bcl/bcl-button/button.html.twig' with _button only %}
|
|
22
22
|
{%- elseif _link is not empty %}
|
|
23
|
-
{
|
|
23
|
+
{%- include '@oe-bcl/bcl-link/link.html.twig' with _link only -%}
|
|
24
24
|
{%- else -%}
|
|
25
25
|
{%- if _icon is not empty -%}
|
|
26
26
|
{%- set _icon_classes = ["me-2", "align-self-center", "flex-shrink-0"] -%}
|
|
27
27
|
{% set _icon_attributes = _icon.attributes ?: create_attribute() %}
|
|
28
|
-
{
|
|
28
|
+
{%- set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
|
|
29
29
|
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
|
|
30
30
|
attributes: _icon_attributes,
|
|
31
31
|
}) only -%}
|
|
@@ -36,6 +36,6 @@
|
|
|
36
36
|
<div>{{- _label -}}</div>
|
|
37
37
|
{%- endif -%}
|
|
38
38
|
{%- endif -%}
|
|
39
|
-
{% endblock
|
|
39
|
+
{% endblock -%}
|
|
40
40
|
</dd>
|
|
41
|
-
|
|
41
|
+
{#--#}
|
|
@@ -6,25 +6,25 @@
|
|
|
6
6
|
- label: (string) (default: '')
|
|
7
7
|
#}
|
|
8
8
|
|
|
9
|
-
{
|
|
9
|
+
{%- set _icon = icon|default({}) %}
|
|
10
10
|
{% set _color = color|default('') %}
|
|
11
|
-
{% set _label = label|default('')
|
|
11
|
+
{% set _label = label|default('') -%}
|
|
12
12
|
|
|
13
|
-
<dt>
|
|
13
|
+
<dt>{# -#}
|
|
14
14
|
<div class="d-flex">
|
|
15
15
|
{%- if _icon is not empty -%}
|
|
16
16
|
{% set _icon_classes = ["me-2", "align-self-center", "flex-shrink-0"] %}
|
|
17
|
-
{
|
|
18
|
-
{
|
|
19
|
-
{
|
|
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({
|
|
20
20
|
attributes: _icon_attributes,
|
|
21
21
|
}) only %}
|
|
22
22
|
{%- elseif _color is not empty -%}
|
|
23
|
-
<div class="align-self-center">
|
|
24
|
-
<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>{# -#}
|
|
25
25
|
</div>
|
|
26
26
|
{%- endif -%}
|
|
27
|
-
<div>{{- _label -}}</div>
|
|
28
|
-
</div>
|
|
27
|
+
<div>{{- _label -}}</div>{# -#}
|
|
28
|
+
</div>{# -#}
|
|
29
29
|
</dt>
|
|
30
|
-
|
|
30
|
+
{#--#}
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
},
|
|
14
14
|
...
|
|
15
15
|
]
|
|
16
|
-
- variant (string) (default: '')
|
|
16
|
+
- variant (string) (default: '')
|
|
17
17
|
- option: ['horizontal']
|
|
18
18
|
#}
|
|
19
19
|
|
|
20
|
-
{
|
|
20
|
+
{%- set _title = title|default('') %}
|
|
21
21
|
{% set _title_tag = title_tag|default('h2') %}
|
|
22
22
|
{% set _title_link = title_link|default({}) %}
|
|
23
23
|
{% set _title_attributes = title_attributes ?: create_attribute() %}
|
|
@@ -26,22 +26,22 @@
|
|
|
26
26
|
{% set _items = items|default([]) %}
|
|
27
27
|
{% set _variant = variant|default('') %}
|
|
28
28
|
|
|
29
|
-
{
|
|
30
|
-
{
|
|
29
|
+
{%- if attributes is empty %}
|
|
30
|
+
{%- set attributes = create_attribute() %}
|
|
31
31
|
{% endif %}
|
|
32
32
|
|
|
33
|
-
{
|
|
33
|
+
{%- set _item_classes = ['mb-3'] %}
|
|
34
34
|
|
|
35
|
-
{
|
|
36
|
-
{
|
|
35
|
+
{%- if _bordered %}
|
|
36
|
+
{%- set _item_classes = ['border-bottom', 'pb-2-5', 'mb-2-5'] %}
|
|
37
37
|
{% endif %}
|
|
38
38
|
|
|
39
|
-
{
|
|
40
|
-
{
|
|
39
|
+
{%- if _variant == 'horizontal' %}
|
|
40
|
+
{%- set _item_classes = _item_classes|merge(['row']) %}
|
|
41
41
|
{% endif %}
|
|
42
42
|
|
|
43
|
-
{
|
|
44
|
-
{
|
|
43
|
+
{%- if _title is not empty %}
|
|
44
|
+
{%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
|
|
45
45
|
title: _title,
|
|
46
46
|
title_tag: _title_tag,
|
|
47
47
|
title_link: _title_link,
|
|
@@ -49,70 +49,69 @@
|
|
|
49
49
|
} only %}
|
|
50
50
|
{% endif %}
|
|
51
51
|
|
|
52
|
-
{
|
|
52
|
+
{%- set attributes = attributes.addClass(['bcl-description-list']) %}
|
|
53
53
|
|
|
54
|
-
{
|
|
54
|
+
{%- if _variant != 'horizontal' -%}
|
|
55
55
|
<dl
|
|
56
56
|
{{ attributes }}
|
|
57
57
|
>
|
|
58
|
-
{
|
|
58
|
+
{%- else -%}
|
|
59
59
|
<div
|
|
60
60
|
{{ attributes }}
|
|
61
61
|
>
|
|
62
|
-
{
|
|
63
|
-
{
|
|
64
|
-
{
|
|
62
|
+
{%- endif %}
|
|
63
|
+
{%- for _item in _items %}
|
|
64
|
+
{%- if _variant == 'horizontal' -%}
|
|
65
65
|
<dl
|
|
66
66
|
{{ create_attribute().addClass(_item_classes) }}
|
|
67
67
|
>
|
|
68
|
-
{
|
|
68
|
+
{%- else -%}
|
|
69
69
|
<div
|
|
70
70
|
{{ create_attribute().addClass(_item_classes) }}
|
|
71
71
|
>
|
|
72
|
-
{
|
|
73
|
-
{
|
|
74
|
-
{
|
|
72
|
+
{%- endif %}
|
|
73
|
+
{%- if _item.term is not empty %}
|
|
74
|
+
{%- if _variant == 'horizontal' -%}
|
|
75
75
|
<div class="{{ _col_classes }}">
|
|
76
|
-
{
|
|
77
|
-
{
|
|
78
|
-
{
|
|
76
|
+
{%- endif %}
|
|
77
|
+
{%- if _item.term is iterable %}
|
|
78
|
+
{%- for _term in _item.term %}
|
|
79
79
|
{%- include '@oe-bcl/bcl-description-list/description-list-title.html.twig' with _term only -%}
|
|
80
80
|
{% endfor %}
|
|
81
|
-
{
|
|
81
|
+
{%- else %}
|
|
82
82
|
{%- include '@oe-bcl/bcl-description-list/description-list-title.html.twig' with {
|
|
83
83
|
label: _item.term
|
|
84
84
|
} only -%}
|
|
85
85
|
{% endif %}
|
|
86
|
-
{
|
|
86
|
+
{%- if _variant == 'horizontal' -%}
|
|
87
87
|
</div>
|
|
88
|
-
{
|
|
89
|
-
{
|
|
90
|
-
{
|
|
91
|
-
{
|
|
88
|
+
{%- endif %}
|
|
89
|
+
{%- endif %}
|
|
90
|
+
{%- if _item.definition is not empty %}
|
|
91
|
+
{%- if _variant == 'horizontal' -%}
|
|
92
92
|
<div class="col">
|
|
93
|
-
{
|
|
94
|
-
{
|
|
95
|
-
{
|
|
93
|
+
{%- endif %}
|
|
94
|
+
{%- if _item.definition is iterable %}
|
|
95
|
+
{%- for _definition in _item.definition %}
|
|
96
96
|
{%- include '@oe-bcl/bcl-description-list/description-list-details.html.twig' with _definition only -%}
|
|
97
97
|
{% endfor %}
|
|
98
|
-
{
|
|
98
|
+
{%- else %}
|
|
99
99
|
{%- include '@oe-bcl/bcl-description-list/description-list-details.html.twig' with {
|
|
100
100
|
label: _item.definition
|
|
101
101
|
} only -%}
|
|
102
102
|
{% endif %}
|
|
103
|
-
{
|
|
103
|
+
{%- if _variant == 'horizontal' -%}
|
|
104
104
|
</div>
|
|
105
|
-
{
|
|
106
|
-
{
|
|
107
|
-
{
|
|
105
|
+
{%- endif %}
|
|
106
|
+
{%- endif %}
|
|
107
|
+
{%- if _variant == 'horizontal' -%}
|
|
108
108
|
</dl>
|
|
109
|
-
{
|
|
109
|
+
{%- else -%}
|
|
110
110
|
</div>
|
|
111
|
-
{
|
|
112
|
-
{
|
|
113
|
-
{% if _variant != 'horizontal'
|
|
111
|
+
{%- endif %}
|
|
112
|
+
{%- endfor %}
|
|
113
|
+
{% if _variant != 'horizontal' -%}
|
|
114
114
|
</dl>
|
|
115
|
-
{
|
|
115
|
+
{%- else -%}
|
|
116
116
|
</div>
|
|
117
|
-
{
|
|
118
|
-
|
|
117
|
+
{%- endif -%}
|
|
@@ -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 -%}
|