@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
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
image: (string) <img> tag
|
|
13
13
|
caption (string)
|
|
14
14
|
caption_classes (string)
|
|
15
|
-
caption_title (string)
|
|
15
|
+
caption_title (string)
|
|
16
16
|
interval (integer) (default: 0)
|
|
17
17
|
}
|
|
18
18
|
],
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
- attributes (drupal attrs)
|
|
27
27
|
#}
|
|
28
28
|
|
|
29
|
-
{
|
|
29
|
+
{%- set _title = title|default('') %}
|
|
30
30
|
{% set _title_tag = title_tag|default('h2') %}
|
|
31
31
|
{% set _title_link = title_link|default({}) %}
|
|
32
32
|
{% set _title_attributes = title_attributes ?: create_attribute() %}
|
|
@@ -43,36 +43,36 @@
|
|
|
43
43
|
{% set _rounded_indicators = rounded_indicators ?? false %}
|
|
44
44
|
{% set _disable_touch = disable_touch ?? false %}
|
|
45
45
|
|
|
46
|
-
{
|
|
46
|
+
{%- set _classes = ['carousel', 'slide'] %}
|
|
47
47
|
|
|
48
|
-
{
|
|
49
|
-
{
|
|
48
|
+
{%- if _fade %}
|
|
49
|
+
{%- set _classes = _classes|merge(['carousel-fade']) %}
|
|
50
50
|
{% endif %}
|
|
51
51
|
{% if _dark %}
|
|
52
|
-
{
|
|
52
|
+
{%- set _classes = _classes|merge(['carousel-dark']) %}
|
|
53
53
|
{% endif %}
|
|
54
54
|
|
|
55
|
-
{
|
|
56
|
-
{
|
|
55
|
+
{%- if attributes is empty %}
|
|
56
|
+
{%- set attributes = create_attribute() %}
|
|
57
57
|
{% endif %}
|
|
58
58
|
|
|
59
|
-
{
|
|
60
|
-
{
|
|
59
|
+
{%- if _id is not empty %}
|
|
60
|
+
{%- set attributes = attributes.setAttribute('id', _id) %}
|
|
61
61
|
{% endif %}
|
|
62
62
|
|
|
63
|
-
{
|
|
64
|
-
{
|
|
63
|
+
{%- if _autoplay %}
|
|
64
|
+
{%- set attributes = attributes.setAttribute('data-bs-ride', 'carousel') %}
|
|
65
65
|
{% endif %}
|
|
66
66
|
|
|
67
|
-
{
|
|
68
|
-
{
|
|
67
|
+
{%- if _disable_touch %}
|
|
68
|
+
{%- set attributes = attributes.setAttribute('data-bs-touch', 'false') %}
|
|
69
69
|
{% endif %}
|
|
70
70
|
|
|
71
|
-
{
|
|
72
|
-
{
|
|
71
|
+
{%- if _rounded_indicators %}
|
|
72
|
+
{%- set attributes = attributes.addClass('rounded-indicators') %}
|
|
73
73
|
{% endif %}
|
|
74
74
|
|
|
75
|
-
{
|
|
75
|
+
{%- set attributes = attributes.addClass(_classes) %}
|
|
76
76
|
|
|
77
77
|
{%- if _title is not empty -%}
|
|
78
78
|
{% include '@oe-bcl/bcl-heading/heading.html.twig' with {
|
|
@@ -86,92 +86,92 @@
|
|
|
86
86
|
<div
|
|
87
87
|
{{ attributes }}
|
|
88
88
|
>
|
|
89
|
-
{
|
|
89
|
+
{%- if _with_indicators -%}
|
|
90
90
|
<div class="carousel-indicators d-none d-md-flex">
|
|
91
|
-
{
|
|
92
|
-
{
|
|
91
|
+
{%- for _i in 0..(_items|length - 1) %}
|
|
92
|
+
{%- set button_attributes = create_attribute()
|
|
93
93
|
.setAttribute('aria-label', 'Slide ' ~ (_i + 1))
|
|
94
94
|
.setAttribute('data-bs-target', '#' ~ _id)
|
|
95
95
|
.setAttribute('data-bs-slide-to', _i)
|
|
96
96
|
%}
|
|
97
|
-
{
|
|
98
|
-
{
|
|
99
|
-
{
|
|
100
|
-
{
|
|
97
|
+
{%- if loop.index == _active_item %}
|
|
98
|
+
{%- set button_attributes = button_attributes.setAttribute('aria-current', true).addClass(['active']) %}
|
|
99
|
+
{%- endif %}
|
|
100
|
+
{%- include '@oe-bcl/bcl-button/button.html.twig' with {
|
|
101
101
|
clean_class: true,
|
|
102
102
|
attributes: button_attributes
|
|
103
103
|
} only %}
|
|
104
|
-
{
|
|
104
|
+
{%- endfor -%}
|
|
105
105
|
</div>
|
|
106
|
-
{
|
|
106
|
+
{%- endif -%}
|
|
107
107
|
<div class="carousel-inner">
|
|
108
|
-
{
|
|
109
|
-
{
|
|
110
|
-
{
|
|
111
|
-
{
|
|
112
|
-
{
|
|
113
|
-
{
|
|
108
|
+
{%- if _items is not empty and _items is iterable %}
|
|
109
|
+
{%- for _item in items %}
|
|
110
|
+
{%- set _item_classes = 'carousel-item' %}
|
|
111
|
+
{%- if loop.index == _active_item %}
|
|
112
|
+
{%- set _item_classes = _item_classes ~ ' active' %}
|
|
113
|
+
{%- endif -%}
|
|
114
114
|
<div
|
|
115
115
|
class="{{ _item_classes }}"
|
|
116
116
|
{% if _item.interval is defined %}
|
|
117
117
|
data-bs-interval="{{ _item.interval }}"
|
|
118
118
|
{% endif %}
|
|
119
119
|
>
|
|
120
|
-
{
|
|
121
|
-
{{ _item.image }}
|
|
122
|
-
{
|
|
123
|
-
{
|
|
124
|
-
{
|
|
125
|
-
{
|
|
126
|
-
{
|
|
127
|
-
{
|
|
120
|
+
{%- if _item.image is defined and _item.image is not empty %}
|
|
121
|
+
{{- _item.image }}
|
|
122
|
+
{%- endif %}
|
|
123
|
+
{%- 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) %}
|
|
124
|
+
{%- set _caption_classes = 'carousel-caption' %}
|
|
125
|
+
{%- if _item.caption is not empty and _item.link is empty %}
|
|
126
|
+
{%- set _caption_classes = _caption_classes ~ ' d-none d-md-block' %}
|
|
127
|
+
{%- endif -%}
|
|
128
128
|
<div
|
|
129
129
|
class="{{ _caption_classes }}"
|
|
130
130
|
>
|
|
131
|
-
{
|
|
132
|
-
{
|
|
131
|
+
{%- if _item.caption is not empty or _item.caption_title is not empty %}
|
|
132
|
+
{%- if _item.caption_classes is defined and _item.caption_classes is not empty -%}
|
|
133
133
|
<div class="{{ _item.caption_classes }}">
|
|
134
|
-
{
|
|
135
|
-
{
|
|
134
|
+
{%- endif %}
|
|
135
|
+
{%- if _item.caption_title is not empty -%}
|
|
136
136
|
<div class="fs-5">{{ _item.caption_title }}</div>
|
|
137
|
-
{
|
|
137
|
+
{%- endif %}
|
|
138
138
|
{{- _item.caption -}}
|
|
139
|
-
{% if _item.caption_classes is defined and _item.caption_classes is not empty
|
|
139
|
+
{% if _item.caption_classes is defined and _item.caption_classes is not empty -%}
|
|
140
140
|
</div>
|
|
141
|
-
{
|
|
142
|
-
{
|
|
143
|
-
{
|
|
144
|
-
{
|
|
145
|
-
{
|
|
141
|
+
{%- endif %}
|
|
142
|
+
{%- endif %}
|
|
143
|
+
{%- if _item.link is defined and _item.link is not empty %}
|
|
144
|
+
{%- include '@oe-bcl/bcl-link/link.html.twig' with _item.link only %}
|
|
145
|
+
{%- endif -%}
|
|
146
146
|
</div>
|
|
147
|
-
{
|
|
147
|
+
{%- endif -%}
|
|
148
148
|
</div>
|
|
149
|
-
{
|
|
150
|
-
{
|
|
149
|
+
{%- endfor %}
|
|
150
|
+
{%- endif -%}
|
|
151
151
|
</div>
|
|
152
|
-
{
|
|
152
|
+
{%- if _with_controls -%}
|
|
153
153
|
<button
|
|
154
154
|
class="carousel-control-prev"
|
|
155
155
|
type="button"
|
|
156
156
|
data-bs-target="#{{ _id }}"
|
|
157
157
|
data-bs-slide="prev"
|
|
158
|
-
>
|
|
158
|
+
>{# -#}
|
|
159
159
|
<span class="carousel-control-prev-icon"></span>
|
|
160
|
-
{
|
|
160
|
+
{%- if _prev_label is not empty -%}
|
|
161
161
|
<span class="visually-hidden">{{ _prev_label }}</span>
|
|
162
|
-
{
|
|
163
|
-
</button>
|
|
162
|
+
{%- endif -%}
|
|
163
|
+
</button>{# -#}
|
|
164
164
|
<button
|
|
165
165
|
class="carousel-control-next"
|
|
166
166
|
type="button"
|
|
167
167
|
data-bs-target="#{{ _id }}"
|
|
168
168
|
data-bs-slide="next"
|
|
169
|
-
>
|
|
169
|
+
>{# -#}
|
|
170
170
|
<span class="carousel-control-next-icon"></span>
|
|
171
|
-
{
|
|
171
|
+
{%- if _next_label is not empty -%}
|
|
172
172
|
<span class="visually-hidden">{{ _next_label }}</span>
|
|
173
|
-
{
|
|
173
|
+
{%- endif -%}
|
|
174
174
|
</button>
|
|
175
|
-
{
|
|
175
|
+
{%- endif -%}
|
|
176
176
|
</div>
|
|
177
|
-
|
|
177
|
+
{#--#}
|
|
@@ -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 -%}
|