@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
|
@@ -13,60 +13,60 @@
|
|
|
13
13
|
{% set _listing = listing|default({}) %}
|
|
14
14
|
|
|
15
15
|
{%- block content_top %}
|
|
16
|
-
{
|
|
17
|
-
{
|
|
18
|
-
{
|
|
19
|
-
{
|
|
20
|
-
{
|
|
16
|
+
{%- set _title = title|default('') %}
|
|
17
|
+
{%- set _title_tag = title_tag|default('h2') %}
|
|
18
|
+
{%- set _title_link = title_link|default({}) %}
|
|
19
|
+
{%- set _title_attributes = title_attributes ?: create_attribute() %}
|
|
20
|
+
{%- set _title_attributes = _title_attributes ?: create_attribute() %}
|
|
21
21
|
{% if filter_button %}
|
|
22
|
-
{
|
|
23
|
-
{% endif
|
|
24
|
-
<div class="row">
|
|
22
|
+
{%- include '@oe-bcl/bcl-button/button.html.twig' with filter_button only %}
|
|
23
|
+
{% endif -%}
|
|
24
|
+
<div class="row">{# -#}
|
|
25
25
|
<div class="col-md-6 col-lg-8 align-self-center">
|
|
26
|
-
{
|
|
27
|
-
{
|
|
26
|
+
{%- if _title is not empty %}
|
|
27
|
+
{%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
|
|
28
28
|
title: _title ~ ' (' ~ (_listing.items|length) ~ ')',
|
|
29
29
|
title_tag: _title_tag,
|
|
30
30
|
title_link: _title_link,
|
|
31
31
|
attributes: _title_attributes.addClass(['mb-0', 'text-capitalize']),
|
|
32
32
|
} only %}
|
|
33
|
-
{
|
|
33
|
+
{%- endif -%}
|
|
34
34
|
</div>
|
|
35
|
-
{
|
|
35
|
+
{%- if badges is not empty and badges is iterable -%}
|
|
36
36
|
<div class="col-md-12 order-md-2 mt-3">
|
|
37
|
-
{
|
|
38
|
-
{
|
|
37
|
+
{%- for badge in badges %}
|
|
38
|
+
{%- include '@oe-bcl/bcl-badge/badge.html.twig' with badge|merge({
|
|
39
39
|
attributes: create_attribute().addClass(["mb-2", "me-2"])
|
|
40
40
|
}) only %}
|
|
41
|
-
{
|
|
41
|
+
{%- endfor -%}
|
|
42
42
|
</div>
|
|
43
|
-
{
|
|
44
|
-
<div class="col-md-6 col-lg-4 mt-3 mt-md-0">
|
|
43
|
+
{%- endif -%}
|
|
44
|
+
<div class="col-md-6 col-lg-4 mt-3 mt-md-0">{# -#}
|
|
45
45
|
<div class="float-md-end d-md-flex align-items-center mb-4 mb-md-0">
|
|
46
|
-
{
|
|
46
|
+
{%- include '@oe-bcl/bcl-select/select.html.twig' with sort_select|merge({
|
|
47
47
|
attributes: create_attribute().addClass(['ms-md-2']),
|
|
48
|
-
}) only
|
|
49
|
-
</div>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
48
|
+
}) only -%}
|
|
49
|
+
</div>{# -#}
|
|
50
|
+
</div>{# -#}
|
|
51
|
+
</div>{# -#}
|
|
52
52
|
<hr class="d-none d-md-block mb-4-75"/>
|
|
53
53
|
{%- endblock -%}
|
|
54
54
|
|
|
55
55
|
{%- block content %}
|
|
56
|
-
{
|
|
57
|
-
{
|
|
58
|
-
{
|
|
56
|
+
{%- if _listing is not empty %}
|
|
57
|
+
{%- include '@oe-bcl/bcl-listing/listing.html.twig' with _listing only %}
|
|
58
|
+
{%- endif %}
|
|
59
59
|
{%- endblock -%}
|
|
60
60
|
|
|
61
61
|
{%- block content_bottom %}
|
|
62
|
-
{
|
|
63
|
-
{
|
|
62
|
+
{%- set _pagination = pagination|default({}) %}
|
|
63
|
+
{%- if _pagination is not empty -%}
|
|
64
64
|
<hr class="d-none d-md-block mt-4-5">
|
|
65
|
-
{
|
|
66
|
-
{
|
|
65
|
+
{%- include '@oe-bcl/bcl-pagination/pagination.html.twig' with _pagination only %}
|
|
66
|
+
{%- endif %}
|
|
67
67
|
{%- endblock -%}
|
|
68
68
|
|
|
69
69
|
{%- block sidebar %}
|
|
70
|
-
{
|
|
71
|
-
{
|
|
70
|
+
{%- set _sidebar = sidebar|default({}) %}
|
|
71
|
+
{%- include '@oe-bcl/bcl-base-templates/sidebar-search.html.twig' with _sidebar only %}
|
|
72
72
|
{%- endblock -%}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{% extends "@oe-bcl/bcl-offcanvas/offcanvas.html.twig" %}
|
|
2
2
|
|
|
3
|
-
{
|
|
3
|
+
{%- set responsiveness = 'lg' %}
|
|
4
4
|
{% if extra_classes_header is empty %}
|
|
5
|
-
{
|
|
5
|
+
{%- set extra_classes_header = 'd-lg-block' %}
|
|
6
6
|
{% else %}
|
|
7
|
-
{
|
|
7
|
+
{%- set extra_classes_header = extra_classes_header ~ ' d-lg-block' %}
|
|
8
8
|
{% endif %}
|
|
9
9
|
|
|
10
|
-
{
|
|
11
|
-
{
|
|
12
|
-
{
|
|
13
|
-
{
|
|
10
|
+
{%- block body %}
|
|
11
|
+
{%- if search_form.attributes is empty %}
|
|
12
|
+
{%- set attributes = search_form.create_attribute() %}
|
|
13
|
+
{%- endif -%}
|
|
14
14
|
|
|
15
15
|
<div class="offcanvas-body p-lg-0">
|
|
16
|
-
{
|
|
16
|
+
{%- include '@oe-bcl/bcl-form/form.html.twig' with search_form|merge({
|
|
17
17
|
attributes: search_form.attributes.addClass('w-100')
|
|
18
|
-
}) only
|
|
18
|
+
}) only -%}
|
|
19
19
|
</div>
|
|
20
|
-
{
|
|
20
|
+
{%- endblock %}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
- attributes (drupal attrs)
|
|
12
12
|
#}
|
|
13
13
|
|
|
14
|
-
{
|
|
14
|
+
{%- set _title = title|default('') %}
|
|
15
15
|
{% set _title_tag = title_tag|default('h2') %}
|
|
16
16
|
{% set _title_link = title_link|default({}) %}
|
|
17
17
|
{% set _title_attributes = title_attributes ?: create_attribute() %}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
{% set _cite = cite|default('') %}
|
|
21
21
|
{% set _alignment = alignment|default('left') %}
|
|
22
22
|
|
|
23
|
-
{
|
|
23
|
+
{%- set _classes = [
|
|
24
24
|
'text-' ~ _alignment,
|
|
25
25
|
"bg-lighter",
|
|
26
26
|
"p-2",
|
|
@@ -29,19 +29,19 @@
|
|
|
29
29
|
"border-secondary"
|
|
30
30
|
] %}
|
|
31
31
|
|
|
32
|
-
{
|
|
33
|
-
{
|
|
32
|
+
{%- if _alignment == "center" %}
|
|
33
|
+
{%- set _classes = _classes|merge(["border-top"]) %}
|
|
34
34
|
{% elseif _alignment == "end" %}
|
|
35
|
-
{
|
|
35
|
+
{%- set _classes = _classes|merge(["border-end"]) %}
|
|
36
36
|
{% else %}
|
|
37
|
-
{
|
|
37
|
+
{%- set _classes = _classes|merge(["border-start"]) %}
|
|
38
38
|
{% endif %}
|
|
39
39
|
|
|
40
|
-
{
|
|
41
|
-
{
|
|
40
|
+
{%- if attributes is empty %}
|
|
41
|
+
{%- set attributes = create_attribute() %}
|
|
42
42
|
{% endif %}
|
|
43
43
|
|
|
44
|
-
{
|
|
44
|
+
{%- set attributes = attributes.addClass(_classes) %}
|
|
45
45
|
|
|
46
46
|
{%- if _title is not empty -%}
|
|
47
47
|
{% include '@oe-bcl/bcl-heading/heading.html.twig' with {
|
|
@@ -54,17 +54,17 @@
|
|
|
54
54
|
|
|
55
55
|
<figure
|
|
56
56
|
{{ attributes }}
|
|
57
|
-
>
|
|
58
|
-
<blockquote class="blockquote mb-2">
|
|
59
|
-
<p>{{- _quote -}}</p>
|
|
57
|
+
>{# -#}
|
|
58
|
+
<blockquote class="blockquote mb-2">{# -#}
|
|
59
|
+
<p>{{- _quote -}}</p>{# -#}
|
|
60
60
|
</blockquote>
|
|
61
|
-
{
|
|
61
|
+
{%- if _attribution is not empty -%}
|
|
62
62
|
<figcaption class="blockquote-footer m-0">
|
|
63
63
|
{{- _attribution -}}
|
|
64
|
-
{% if _cite is not empty
|
|
64
|
+
{% if _cite is not empty -%}
|
|
65
65
|
<cite title="{{ _cite }}">{{- _cite -}}</cite>
|
|
66
|
-
{
|
|
66
|
+
{%- endif -%}
|
|
67
67
|
</figcaption>
|
|
68
|
-
{
|
|
68
|
+
{%- endif -%}
|
|
69
69
|
</figure>
|
|
70
|
-
|
|
70
|
+
{#--#}
|
|
@@ -4,41 +4,41 @@
|
|
|
4
4
|
- attributes (drupal attrs)
|
|
5
5
|
#}
|
|
6
6
|
|
|
7
|
-
{
|
|
7
|
+
{%- set _links = links|default([]) %}
|
|
8
8
|
{% set _icon_path = icon_path|default('') %}
|
|
9
9
|
|
|
10
|
-
{
|
|
10
|
+
{%- set _classes = 'breadcrumb' %}
|
|
11
11
|
|
|
12
|
-
{
|
|
13
|
-
{
|
|
12
|
+
{%- if attributes is empty %}
|
|
13
|
+
{%- set attributes = create_attribute() %}
|
|
14
14
|
{% endif %}
|
|
15
15
|
|
|
16
|
-
{
|
|
16
|
+
{%- set attributes = attributes.setAttribute('aria-label', 'breadcrumb') %}
|
|
17
17
|
|
|
18
|
-
{
|
|
18
|
+
{%- if _links is not empty -%}
|
|
19
19
|
<nav
|
|
20
20
|
{{ attributes }}
|
|
21
|
-
>
|
|
21
|
+
>{# -#}
|
|
22
22
|
<ol
|
|
23
23
|
class="{{ _classes }}"
|
|
24
24
|
>
|
|
25
|
-
{
|
|
26
|
-
{
|
|
27
|
-
{
|
|
28
|
-
{
|
|
29
|
-
{
|
|
30
|
-
{
|
|
31
|
-
{
|
|
32
|
-
{
|
|
33
|
-
{
|
|
34
|
-
{
|
|
25
|
+
{%- for _link in _links %}
|
|
26
|
+
{%- set _segment_classes = 'breadcrumb-item d-none d-md-block' %}
|
|
27
|
+
{%- if loop.revindex == 2 %}
|
|
28
|
+
{%- set _segment_classes = 'breadcrumb-item' %}
|
|
29
|
+
{%- endif %}
|
|
30
|
+
{%- set _segment_attrs = '' %}
|
|
31
|
+
{%- if loop.last %}
|
|
32
|
+
{%- set _segment_classes = _segment_classes ~ ' active' %}
|
|
33
|
+
{%- set _segment_attrs = 'aria-current="page"' %}
|
|
34
|
+
{%- endif -%}
|
|
35
35
|
<li
|
|
36
36
|
class="{{ _segment_classes }}"
|
|
37
37
|
{{ _segment_attrs|raw }}
|
|
38
38
|
>
|
|
39
39
|
{%- if _link.path -%}
|
|
40
40
|
{% if loop.revindex == 2 %}
|
|
41
|
-
{
|
|
41
|
+
{%- set _link = _link|merge({
|
|
42
42
|
icon_position: 'before',
|
|
43
43
|
icon: {
|
|
44
44
|
name: "arrow-left",
|
|
@@ -46,14 +46,13 @@
|
|
|
46
46
|
attributes: create_attribute().addClass(['d-md-none ms-0 me-2']),
|
|
47
47
|
},
|
|
48
48
|
}) %}
|
|
49
|
-
{
|
|
50
|
-
{
|
|
51
|
-
{
|
|
49
|
+
{%- endif %}
|
|
50
|
+
{%- include '@oe-bcl/bcl-link/link.html.twig' with _link only %}
|
|
51
|
+
{%- else %}
|
|
52
52
|
{{- _link.label -}}
|
|
53
53
|
{%- endif -%}
|
|
54
54
|
</li>
|
|
55
|
-
{
|
|
56
|
-
</ol>
|
|
55
|
+
{%- endfor -%}
|
|
56
|
+
</ol>{# -#}
|
|
57
57
|
</nav>
|
|
58
|
-
{
|
|
59
|
-
|
|
58
|
+
{%- endif -%}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
- attributes (drupal attrs)
|
|
22
22
|
#}
|
|
23
23
|
|
|
24
|
-
{
|
|
24
|
+
{%- set _label = label|default('') %}
|
|
25
25
|
{% set _variant = variant|default('primary') %}
|
|
26
26
|
{% set _size = size|default('md') %}
|
|
27
27
|
{% set _type = type|default('button') %}
|
|
@@ -38,58 +38,58 @@
|
|
|
38
38
|
{% set _clean_class = clean_class ?? false %}
|
|
39
39
|
{% set _remove_icon_spacers = remove_icon_spacers ?? false %}
|
|
40
40
|
|
|
41
|
-
{
|
|
41
|
+
{%- set _classes = [] %}
|
|
42
42
|
{% if _clean_class == false %}
|
|
43
|
-
{
|
|
44
|
-
{
|
|
43
|
+
{%- set _classes = _classes|merge(['btn', 'btn-' ~ (_outline ? 'outline-' : '') ~ _variant|e('html_attr')]) %}
|
|
44
|
+
{%- set _classes = _classes|merge(['btn-' ~ _size|e('html_attr')]) %}
|
|
45
45
|
{% endif %}
|
|
46
46
|
{% if _text_nowrap %}
|
|
47
|
-
{
|
|
47
|
+
{%- set _classes = _classes|merge(['text-nowrap']) %}
|
|
48
48
|
{% endif %}
|
|
49
49
|
{% if attributes is empty %}
|
|
50
|
-
{
|
|
50
|
+
{%- set attributes = create_attribute() %}
|
|
51
51
|
{% endif %}
|
|
52
52
|
{% if _disabled %}
|
|
53
|
-
{
|
|
53
|
+
{%- set attributes = attributes.setAttribute('disabled', true).setAttribute('aria-disabled', 'true') %}
|
|
54
54
|
{% endif %}
|
|
55
55
|
{% if _id is not empty %}
|
|
56
|
-
{
|
|
56
|
+
{%- set attributes = attributes.setAttribute('id', _id) %}
|
|
57
57
|
{% endif %}
|
|
58
58
|
{% if _classes is not empty %}
|
|
59
|
-
{
|
|
59
|
+
{%- set attributes = attributes.addClass(_classes) %}
|
|
60
60
|
{% endif %}
|
|
61
61
|
{% if _icon_spacing is not empty %}
|
|
62
|
-
{
|
|
62
|
+
{%- set _icon_spacing = _icon_spacing ~ '-' %}
|
|
63
63
|
{% endif %}
|
|
64
64
|
{% set attributes = attributes.setAttribute('type', _type) %}
|
|
65
65
|
{% if _icon is not empty %}
|
|
66
|
-
{
|
|
66
|
+
{%- set _icon = _icon|merge({
|
|
67
67
|
size: "fluid",
|
|
68
68
|
})
|
|
69
69
|
%}
|
|
70
|
-
{
|
|
71
|
-
{
|
|
72
|
-
{
|
|
70
|
+
{%- if _label is not empty and not _remove_icon_spacers %}
|
|
71
|
+
{%- if _icon.attributes is empty %}
|
|
72
|
+
{%- set _icon = _icon|merge({
|
|
73
73
|
attributes: create_attribute()
|
|
74
74
|
})
|
|
75
75
|
%}
|
|
76
|
-
{
|
|
77
|
-
{
|
|
78
|
-
{
|
|
76
|
+
{%- endif %}
|
|
77
|
+
{%- if _icon_position == 'before' %}
|
|
78
|
+
{%- set _icon = _icon|merge({
|
|
79
79
|
attributes: _icon.attributes.addClass('me-' ~ _icon_spacing ~ '2-5')
|
|
80
80
|
})
|
|
81
81
|
%}
|
|
82
|
-
{
|
|
83
|
-
{
|
|
82
|
+
{%- else %}
|
|
83
|
+
{%- set _icon = _icon|merge({
|
|
84
84
|
attributes: _icon.attributes.addClass('ms-' ~ _icon_spacing ~ '2-5')
|
|
85
85
|
})
|
|
86
86
|
%}
|
|
87
|
-
{
|
|
88
|
-
{
|
|
87
|
+
{%- endif %}
|
|
88
|
+
{%- endif %}
|
|
89
89
|
{%- set _icon_markup -%}
|
|
90
90
|
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon only -%}
|
|
91
91
|
{%- endset -%}
|
|
92
|
-
{% endif
|
|
92
|
+
{% endif -%}
|
|
93
93
|
|
|
94
94
|
<button
|
|
95
95
|
{{ attributes }}
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
{%- endif -%}
|
|
100
100
|
{%- if _assistive_text is not empty -%}
|
|
101
101
|
<span class="visually-hidden">{{- _assistive_text -}}</span>
|
|
102
|
-
{
|
|
102
|
+
{%- endif %}
|
|
103
103
|
{%- if _icon_position == 'before' and _icon_markup is defined -%}
|
|
104
104
|
{{ _icon_markup|raw }}
|
|
105
105
|
{%- endif -%}
|
|
@@ -108,4 +108,4 @@
|
|
|
108
108
|
{{ _icon_markup|raw }}
|
|
109
109
|
{%- endif -%}
|
|
110
110
|
</button>
|
|
111
|
-
|
|
111
|
+
{#--#}
|
|
@@ -9,56 +9,55 @@
|
|
|
9
9
|
- attributes (drupal attrs)
|
|
10
10
|
#}
|
|
11
11
|
|
|
12
|
-
{
|
|
12
|
+
{%- set _vertical = vertical ?? false %}
|
|
13
13
|
{% set _size = size|default('md') %}
|
|
14
14
|
{% set _aria_label = aria_label|default('') %}
|
|
15
15
|
{% set _toolbar = toolbar ?? false %}
|
|
16
16
|
{% set _toolbar_aria_label = toolbar_aria_label|default('') %}
|
|
17
17
|
{% set _items = items|default([]) %}
|
|
18
18
|
|
|
19
|
-
{
|
|
19
|
+
{%- set _classes = ['btn-group'] %}
|
|
20
20
|
|
|
21
|
-
{
|
|
22
|
-
{
|
|
21
|
+
{%- if _vertical %}
|
|
22
|
+
{%- set _classes = ['btn-group-vertical'] %}
|
|
23
23
|
{% endif %}
|
|
24
24
|
|
|
25
|
-
{
|
|
25
|
+
{%- set _classes = _classes|merge(['btn-group-' ~ _size]) %}
|
|
26
26
|
|
|
27
|
-
{
|
|
28
|
-
{
|
|
27
|
+
{%- if attributes is empty %}
|
|
28
|
+
{%- set attributes = create_attribute() %}
|
|
29
29
|
{% endif %}
|
|
30
30
|
|
|
31
|
-
{
|
|
32
|
-
{
|
|
31
|
+
{%- if _aria_label is not empty %}
|
|
32
|
+
{%- set attributes = attributes.setAttribute('aria-label', _aria_label) %}
|
|
33
33
|
{% endif %}
|
|
34
34
|
|
|
35
|
-
{
|
|
35
|
+
{%- set attributes = attributes.setAttribute('role', 'group').addClass(_classes) %}
|
|
36
36
|
|
|
37
|
-
{
|
|
37
|
+
{%- if _toolbar -%}
|
|
38
38
|
<div class="btn-toolbar" role="toolbar"
|
|
39
39
|
{% if _toolbar_aria_label is not empty %}
|
|
40
40
|
aria-label="{{ _toolbar_aria_label }}"
|
|
41
41
|
{% endif %}
|
|
42
42
|
>
|
|
43
|
-
{
|
|
43
|
+
{%- endif %}
|
|
44
44
|
{% if _items is not empty %}
|
|
45
|
-
{
|
|
45
|
+
{%- for _items_group in _items -%}
|
|
46
46
|
<div
|
|
47
47
|
{{ attributes }}
|
|
48
48
|
>
|
|
49
|
-
{
|
|
50
|
-
{
|
|
51
|
-
{
|
|
52
|
-
{
|
|
53
|
-
{
|
|
54
|
-
{
|
|
55
|
-
{
|
|
56
|
-
{
|
|
57
|
-
{
|
|
49
|
+
{%- if _items_group is not empty and _items_group is iterable %}
|
|
50
|
+
{%- for _item in _items_group %}
|
|
51
|
+
{%- if _item.input is defined %}
|
|
52
|
+
{%- include '@oe-bcl/bcl-form-input/form-input.html.twig' with _item only %}
|
|
53
|
+
{%- else %}
|
|
54
|
+
{%- include '@oe-bcl/bcl-button/button.html.twig' with _item only %}
|
|
55
|
+
{%- endif %}
|
|
56
|
+
{%- endfor %}
|
|
57
|
+
{%- endif -%}
|
|
58
58
|
</div>
|
|
59
|
-
{
|
|
59
|
+
{%- endfor %}
|
|
60
60
|
{% endif %}
|
|
61
|
-
{% if _toolbar
|
|
61
|
+
{% if _toolbar -%}
|
|
62
62
|
</div>
|
|
63
|
-
{
|
|
64
|
-
|
|
63
|
+
{%- endif -%}
|