@openeuropa/bcl-twig-templates 0.4185.202511191330 → 0.4185.202512021245

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.
Files changed (4) hide show
  1. package/package.json +67 -67
  2. package/templates/bcl-header/header.html.twig +40 -12
  3. package/templates/bcl-links-block/links-block.html.twig +1 -1
  4. package/templates/bcl-modal/modal.html.twig +4 -3
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@openeuropa/bcl-twig-templates",
3
3
  "author": "European Commission",
4
4
  "license": "EUPL-1.2",
5
- "version": "0.4185.202511191330",
5
+ "version": "0.4185.202512021245",
6
6
  "description": "OE Bcl Twig Templates",
7
7
  "publishConfig": {
8
8
  "access": "public"
@@ -11,71 +11,71 @@
11
11
  "hoistingLimits": "workspaces"
12
12
  },
13
13
  "devDependencies": {
14
- "@openeuropa/bcl-accordion": "^0.4185.202511191330",
15
- "@openeuropa/bcl-alert": "^0.4185.202511191330",
16
- "@openeuropa/bcl-badge": "^0.4185.202511191330",
17
- "@openeuropa/bcl-banner": "^0.4185.202511191330",
18
- "@openeuropa/bcl-base-templates": "^0.4185.202511191330",
19
- "@openeuropa/bcl-blockquote": "^0.4185.202511191330",
20
- "@openeuropa/bcl-breadcrumb": "^0.4185.202511191330",
21
- "@openeuropa/bcl-button": "^0.4185.202511191330",
22
- "@openeuropa/bcl-button-group": "^0.4185.202511191330",
23
- "@openeuropa/bcl-card": "^0.4185.202511191330",
24
- "@openeuropa/bcl-card-layout": "^0.4185.202511191330",
25
- "@openeuropa/bcl-carousel": "^0.4185.202511191330",
26
- "@openeuropa/bcl-contact-form": "^0.4185.202511191330",
27
- "@openeuropa/bcl-content-banner": "^0.4185.202511191330",
28
- "@openeuropa/bcl-date-block": "^0.4185.202511191330",
29
- "@openeuropa/bcl-description-list": "^0.4185.202511191330",
30
- "@openeuropa/bcl-dropdown": "^0.4185.202511191330",
31
- "@openeuropa/bcl-event": "^0.4185.202511191330",
32
- "@openeuropa/bcl-fact-figures": "^0.4185.202511191330",
33
- "@openeuropa/bcl-featured-media": "^0.4185.202511191330",
34
- "@openeuropa/bcl-file": "^0.4185.202511191330",
35
- "@openeuropa/bcl-footer": "^0.4185.202511191330",
36
- "@openeuropa/bcl-form": "^0.4185.202511191330",
37
- "@openeuropa/bcl-form-input": "^0.4185.202511191330",
38
- "@openeuropa/bcl-gallery": "^0.4185.202511191330",
39
- "@openeuropa/bcl-glossary": "^0.4185.202511191330",
40
- "@openeuropa/bcl-group": "^0.4185.202511191330",
41
- "@openeuropa/bcl-header": "^0.4185.202511191330",
42
- "@openeuropa/bcl-heading": "^0.4185.202511191330",
43
- "@openeuropa/bcl-icon": "^0.4185.202511191330",
44
- "@openeuropa/bcl-inpage-navigation": "^0.4185.202511191330",
45
- "@openeuropa/bcl-landing-page": "^0.4185.202511191330",
46
- "@openeuropa/bcl-language-list": "^0.4185.202511191330",
47
- "@openeuropa/bcl-language-switcher": "^0.4185.202511191330",
48
- "@openeuropa/bcl-link": "^0.4185.202511191330",
49
- "@openeuropa/bcl-links-block": "^0.4185.202511191330",
50
- "@openeuropa/bcl-list-group": "^0.4185.202511191330",
51
- "@openeuropa/bcl-listing": "^0.4185.202511191330",
52
- "@openeuropa/bcl-mega-menu": "^0.4185.202511191330",
53
- "@openeuropa/bcl-modal": "^0.4185.202511191330",
54
- "@openeuropa/bcl-multilingual": "^0.4185.202511191330",
55
- "@openeuropa/bcl-navbar": "^0.4185.202511191330",
56
- "@openeuropa/bcl-navigation": "^0.4185.202511191330",
57
- "@openeuropa/bcl-news": "^0.4185.202511191330",
58
- "@openeuropa/bcl-offcanvas": "^0.4185.202511191330",
59
- "@openeuropa/bcl-page": "^0.4185.202511191330",
60
- "@openeuropa/bcl-pagination": "^0.4185.202511191330",
61
- "@openeuropa/bcl-pagination-v2": "^0.4185.202511191330",
62
- "@openeuropa/bcl-person": "^0.4185.202511191330",
63
- "@openeuropa/bcl-placeholder": "^0.4185.202511191330",
64
- "@openeuropa/bcl-progress": "^0.4185.202511191330",
65
- "@openeuropa/bcl-project": "^0.4185.202511191330",
66
- "@openeuropa/bcl-project-status": "^0.4185.202511191330",
67
- "@openeuropa/bcl-recent-activities": "^0.4185.202511191330",
68
- "@openeuropa/bcl-search": "^0.4185.202511191330",
69
- "@openeuropa/bcl-search-form": "^0.4185.202511191330",
70
- "@openeuropa/bcl-select": "^0.4185.202511191330",
71
- "@openeuropa/bcl-spinner": "^0.4185.202511191330",
72
- "@openeuropa/bcl-subscription": "^0.4185.202511191330",
73
- "@openeuropa/bcl-subscription-block": "^0.4185.202511191330",
74
- "@openeuropa/bcl-table": "^0.4185.202511191330",
75
- "@openeuropa/bcl-textarea": "^0.4185.202511191330",
76
- "@openeuropa/bcl-timeline": "^0.4185.202511191330",
77
- "@openeuropa/bcl-toasts": "^0.4185.202511191330",
78
- "@openeuropa/bcl-user": "^0.4185.202511191330",
14
+ "@openeuropa/bcl-accordion": "^0.4185.202512021245",
15
+ "@openeuropa/bcl-alert": "^0.4185.202512021245",
16
+ "@openeuropa/bcl-badge": "^0.4185.202512021245",
17
+ "@openeuropa/bcl-banner": "^0.4185.202512021245",
18
+ "@openeuropa/bcl-base-templates": "^0.4185.202512021245",
19
+ "@openeuropa/bcl-blockquote": "^0.4185.202512021245",
20
+ "@openeuropa/bcl-breadcrumb": "^0.4185.202512021245",
21
+ "@openeuropa/bcl-button": "^0.4185.202512021245",
22
+ "@openeuropa/bcl-button-group": "^0.4185.202512021245",
23
+ "@openeuropa/bcl-card": "^0.4185.202512021245",
24
+ "@openeuropa/bcl-card-layout": "^0.4185.202512021245",
25
+ "@openeuropa/bcl-carousel": "^0.4185.202512021245",
26
+ "@openeuropa/bcl-contact-form": "^0.4185.202512021245",
27
+ "@openeuropa/bcl-content-banner": "^0.4185.202512021245",
28
+ "@openeuropa/bcl-date-block": "^0.4185.202512021245",
29
+ "@openeuropa/bcl-description-list": "^0.4185.202512021245",
30
+ "@openeuropa/bcl-dropdown": "^0.4185.202512021245",
31
+ "@openeuropa/bcl-event": "^0.4185.202512021245",
32
+ "@openeuropa/bcl-fact-figures": "^0.4185.202512021245",
33
+ "@openeuropa/bcl-featured-media": "^0.4185.202512021245",
34
+ "@openeuropa/bcl-file": "^0.4185.202512021245",
35
+ "@openeuropa/bcl-footer": "^0.4185.202512021245",
36
+ "@openeuropa/bcl-form": "^0.4185.202512021245",
37
+ "@openeuropa/bcl-form-input": "^0.4185.202512021245",
38
+ "@openeuropa/bcl-gallery": "^0.4185.202512021245",
39
+ "@openeuropa/bcl-glossary": "^0.4185.202512021245",
40
+ "@openeuropa/bcl-group": "^0.4185.202512021245",
41
+ "@openeuropa/bcl-header": "^0.4185.202512021245",
42
+ "@openeuropa/bcl-heading": "^0.4185.202512021245",
43
+ "@openeuropa/bcl-icon": "^0.4185.202512021245",
44
+ "@openeuropa/bcl-inpage-navigation": "^0.4185.202512021245",
45
+ "@openeuropa/bcl-landing-page": "^0.4185.202512021245",
46
+ "@openeuropa/bcl-language-list": "^0.4185.202512021245",
47
+ "@openeuropa/bcl-language-switcher": "^0.4185.202512021245",
48
+ "@openeuropa/bcl-link": "^0.4185.202512021245",
49
+ "@openeuropa/bcl-links-block": "^0.4185.202512021245",
50
+ "@openeuropa/bcl-list-group": "^0.4185.202512021245",
51
+ "@openeuropa/bcl-listing": "^0.4185.202512021245",
52
+ "@openeuropa/bcl-mega-menu": "^0.4185.202512021245",
53
+ "@openeuropa/bcl-modal": "^0.4185.202512021245",
54
+ "@openeuropa/bcl-multilingual": "^0.4185.202512021245",
55
+ "@openeuropa/bcl-navbar": "^0.4185.202512021245",
56
+ "@openeuropa/bcl-navigation": "^0.4185.202512021245",
57
+ "@openeuropa/bcl-news": "^0.4185.202512021245",
58
+ "@openeuropa/bcl-offcanvas": "^0.4185.202512021245",
59
+ "@openeuropa/bcl-page": "^0.4185.202512021245",
60
+ "@openeuropa/bcl-pagination": "^0.4185.202512021245",
61
+ "@openeuropa/bcl-pagination-v2": "^0.4185.202512021245",
62
+ "@openeuropa/bcl-person": "^0.4185.202512021245",
63
+ "@openeuropa/bcl-placeholder": "^0.4185.202512021245",
64
+ "@openeuropa/bcl-progress": "^0.4185.202512021245",
65
+ "@openeuropa/bcl-project": "^0.4185.202512021245",
66
+ "@openeuropa/bcl-project-status": "^0.4185.202512021245",
67
+ "@openeuropa/bcl-recent-activities": "^0.4185.202512021245",
68
+ "@openeuropa/bcl-search": "^0.4185.202512021245",
69
+ "@openeuropa/bcl-search-form": "^0.4185.202512021245",
70
+ "@openeuropa/bcl-select": "^0.4185.202512021245",
71
+ "@openeuropa/bcl-spinner": "^0.4185.202512021245",
72
+ "@openeuropa/bcl-subscription": "^0.4185.202512021245",
73
+ "@openeuropa/bcl-subscription-block": "^0.4185.202512021245",
74
+ "@openeuropa/bcl-table": "^0.4185.202512021245",
75
+ "@openeuropa/bcl-textarea": "^0.4185.202512021245",
76
+ "@openeuropa/bcl-timeline": "^0.4185.202512021245",
77
+ "@openeuropa/bcl-toasts": "^0.4185.202512021245",
78
+ "@openeuropa/bcl-user": "^0.4185.202512021245",
79
79
  "copyfiles": "2.4.1",
80
80
  "rimraf": "6.0.1"
81
81
  },
@@ -98,5 +98,5 @@
98
98
  "design-system",
99
99
  "twig"
100
100
  ],
101
- "gitHead": "de7fc20600e88ea3b38e74c2ec1c6ffbb0b2a1b0"
101
+ "gitHead": "795ad40621a91b0fbd8095b9ceed5f6ff30bb127"
102
102
  }
package/templates/bcl-header/header.html.twig CHANGED
@@ -17,6 +17,8 @@
17
17
  - language_modal (object) (default: {})
18
18
  - light (boolean) (default: false)
19
19
  - modals (modal[]) (default: [])
20
+ - toggler_attributes (drupal attrs)
21
+ - icon_path (string) (default: '')
20
22
  - attributes (drupal attrs)
21
23
  #}
22
24
 
@@ -30,6 +32,8 @@
30
32
  {% set _breadcrumbs = breadcrumbs|default({}) %}
31
33
  {% set _language_modal = language_modal|default({}) %}
32
34
  {% set _light = light ?? false %}
35
+ {% set _toggler_attributes = toggler_attributes ?: create_attribute() %}
36
+ {% set _icon_path = icon_path|default('') %}
33
37
  {% set _modals = modals|default([]) %}
34
38
 
35
39
  {% set _site_name_classes = 'bcl-header__site-name' %}
@@ -38,7 +42,7 @@
38
42
  {% set attributes = create_attribute() %}
39
43
  {% endif %}
40
44
 
41
- {% set attributes = attributes.addClass(['bcl-header', 'bcl-header--' ~ _variant]) %}
45
+ {% set attributes = attributes.addClass(['bcl-header', 'bcl-header--' ~ _variant, 'shadow-sm']) %}
42
46
 
43
47
  {% if site_name_classes is not empty %}
44
48
  {% set _site_name_classes = _site_name_classes ~ ' ' ~ site_name_classes %}
@@ -49,6 +53,33 @@
49
53
  {% set _project_classes = _project_classes ~ ' light' %}
50
54
  {% endif %}
51
55
 
56
+ {% set toggler_attributes = _toggler_attributes.addClass(['bcl-navbar-toggler', 'd-lg-none'])
57
+ .setAttribute('type', 'button')
58
+ .setAttribute('data-bs-toggle', 'collapse')
59
+ .setAttribute('data-bs-target', '#' ~ navbar_id)
60
+ .setAttribute('aria-controls', navbar_id)
61
+ .setAttribute('aria-expanded', 'false')
62
+ %}
63
+
64
+ {% set navbar_toggle_button %}
65
+ <button
66
+ {{ toggler_attributes }}
67
+ >
68
+ {% include '@oe-bcl/bcl-icon/icon.html.twig' with {
69
+ name: 'list',
70
+ size: 'fluid',
71
+ path: _icon_path,
72
+ attributes: create_attribute().addClass(['default-icon']),
73
+ } only %}
74
+ {% include '@oe-bcl/bcl-icon/icon.html.twig' with {
75
+ name: 'x',
76
+ size: 'fluid',
77
+ path: _icon_path,
78
+ attributes: create_attribute().addClass(['active-icon']),
79
+ } only %}
80
+ </button>
81
+ {% endset %}
82
+
52
83
  <header
53
84
  {{ attributes }}
54
85
  >
@@ -70,20 +101,17 @@
70
101
  {% endfor %}
71
102
  </a>
72
103
  {% endif %}
73
- <button
74
- class="navbar-toggler bcl-navbar-toggler"
75
- type="button"
76
- data-bs-toggle="collapse"
77
- data-bs-target='#{{ _navbar_id }}'
78
- aria-controls='{{ _navbar_id }}'
79
- aria-expanded="false"
80
- aria-label="Toggle navigation"
81
- >
82
- <span class="navbar-toggler-icon"></span>
83
- </button>
104
+ {{ navbar_toggle_button }}
84
105
  </div>
85
106
  </nav>
86
107
 
108
+ <!-- site name -->
109
+ <div class="bcl-header__site-name" id="site-name-heading">
110
+ <div class="container">
111
+ <span class="h5 py-3-5 border-top-subtle mb-0 d-block">{{ _site_name }}</span>
112
+ </div>
113
+ </div>
114
+
87
115
  <!-- navbar -->
88
116
  {% if _navbar is not empty %}
89
117
  {% include '@oe-bcl/bcl-navbar/navbar.html.twig' with _navbar|merge({
package/templates/bcl-links-block/links-block.html.twig CHANGED
@@ -56,7 +56,7 @@
56
56
  {% endif %}
57
57
  {% set _link = _link|merge({
58
58
  clean_class: true,
59
- attributes: _link.attributes.addClass(['pb-3', 'd-inline-block', 'standalone'])
59
+ attributes: _link.attributes.addClass(['mb-3', 'd-inline-block', 'standalone'])
60
60
  }) %}
61
61
  {% set _list_item_classes = 'list-unstyled' %}
62
62
  {% if _variant == 'horizontal' %}
package/templates/bcl-modal/modal.html.twig CHANGED
@@ -7,7 +7,8 @@
7
7
  - fullscreen_responsive (string) (default: '')
8
8
  options: sm, md, lg, xl, xxl
9
9
  - static_backdrop (boolean) (default: false)
10
- - verticaly_centered (boolean) (default: false)
10
+ - vertically_centered (boolean) (default: false)
11
+ - verticaly_centered (boolean) (default: false) // deprecated typo
11
12
  - scrollable (boolean) (default: false)
12
13
  - header (block) (default: '')
13
14
  - messages (block) (default: '')
@@ -29,7 +30,7 @@
29
30
  {% set _id = id|default('modal-' ~ random(10000)) %}
30
31
  {% set _fullscreen_responsive = fullscreen_responsive|default('') %}
31
32
  {% set _static_backdrop = static_backdrop ?? false %}
32
- {% set _verticaly_centered = verticaly_centered ?? false %}
33
+ {% set _vertically_centered = vertically_centered ?? verticaly_centered ?? false %}
33
34
  {% set _scrollable = scrollable ?? false %}
34
35
  {% set _header = header|default('') %}
35
36
  {% set _header_attributes = header_attributes ?: create_attribute() %}
@@ -63,7 +64,7 @@
63
64
  <div class="modal-dialog
64
65
  {{- _size ? ' modal-' ~ size -}}
65
66
  {{- _fullscreen_responsive ? ' modal-fullscreen-' ~ _fullscreen_responsive ~ '-down' -}}
66
- {{- _verticaly_centered ? ' modal-dialog-centered' -}}
67
+ {{- _vertically_centered ? ' modal-dialog-centered' -}}
67
68
  {{- _scrollable ? ' modal-dialog-scrollable' -}}"
68
69
  >
69
70
  <div class="modal-content">