@openeuropa/bcl-twig-templates 0.3726.202504141620 → 0.3728.202505270730

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 (9) hide show
  1. package/package.json +65 -65
  2. package/templates/bcl-accordion/accordion.html.twig +8 -3
  3. package/templates/bcl-dropdown/dropdown.html.twig +1 -1
  4. package/templates/bcl-file/file-translations.html.twig +2 -2
  5. package/templates/bcl-gallery/gallery.html.twig +2 -2
  6. package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +21 -12
  7. package/templates/bcl-language-switcher/language-switcher.html.twig +2 -2
  8. package/templates/bcl-modal/modal.html.twig +2 -2
  9. package/templates/bcl-timeline/timeline.html.twig +2 -2
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.3726.202504141620",
5
+ "version": "0.3728.202505270730",
6
6
  "description": "OE Bcl Twig Templates",
7
7
  "publishConfig": {
8
8
  "access": "public"
@@ -11,69 +11,69 @@
11
11
  "hoistingLimits": "workspaces"
12
12
  },
13
13
  "devDependencies": {
14
- "@openeuropa/bcl-accordion": "^0.3726.202504141620",
15
- "@openeuropa/bcl-alert": "^0.3726.202504141620",
16
- "@openeuropa/bcl-badge": "^0.3726.202504141620",
17
- "@openeuropa/bcl-banner": "^0.3726.202504141620",
18
- "@openeuropa/bcl-base-templates": "^0.3726.202504141620",
19
- "@openeuropa/bcl-blockquote": "^0.3726.202504141620",
20
- "@openeuropa/bcl-breadcrumb": "^0.3726.202504141620",
21
- "@openeuropa/bcl-button": "^0.3726.202504141620",
22
- "@openeuropa/bcl-button-group": "^0.3726.202504141620",
23
- "@openeuropa/bcl-card": "^0.3726.202504141620",
24
- "@openeuropa/bcl-card-layout": "^0.3726.202504141620",
25
- "@openeuropa/bcl-carousel": "^0.3726.202504141620",
26
- "@openeuropa/bcl-contact-form": "^0.3726.202504141620",
27
- "@openeuropa/bcl-content-banner": "^0.3726.202504141620",
28
- "@openeuropa/bcl-date-block": "^0.3726.202504141620",
29
- "@openeuropa/bcl-description-list": "^0.3726.202504141620",
30
- "@openeuropa/bcl-dropdown": "^0.3726.202504141620",
31
- "@openeuropa/bcl-event": "^0.3726.202504141620",
32
- "@openeuropa/bcl-fact-figures": "^0.3726.202504141620",
33
- "@openeuropa/bcl-featured-media": "^0.3726.202504141620",
34
- "@openeuropa/bcl-file": "^0.3726.202504141620",
35
- "@openeuropa/bcl-footer": "^0.3726.202504141620",
36
- "@openeuropa/bcl-form": "^0.3726.202504141620",
37
- "@openeuropa/bcl-form-input": "^0.3726.202504141620",
38
- "@openeuropa/bcl-gallery": "^0.3726.202504141620",
39
- "@openeuropa/bcl-glossary": "^0.3726.202504141620",
40
- "@openeuropa/bcl-group": "^0.3726.202504141620",
41
- "@openeuropa/bcl-header": "^0.3726.202504141620",
42
- "@openeuropa/bcl-heading": "^0.3726.202504141620",
43
- "@openeuropa/bcl-icon": "^0.3726.202504141620",
44
- "@openeuropa/bcl-inpage-navigation": "^0.3726.202504141620",
45
- "@openeuropa/bcl-landing-page": "^0.3726.202504141620",
46
- "@openeuropa/bcl-language-list": "^0.3726.202504141620",
47
- "@openeuropa/bcl-language-switcher": "^0.3726.202504141620",
48
- "@openeuropa/bcl-link": "^0.3726.202504141620",
49
- "@openeuropa/bcl-links-block": "^0.3726.202504141620",
50
- "@openeuropa/bcl-list-group": "^0.3726.202504141620",
51
- "@openeuropa/bcl-listing": "^0.3726.202504141620",
52
- "@openeuropa/bcl-modal": "^0.3726.202504141620",
53
- "@openeuropa/bcl-multilingual": "^0.3726.202504141620",
54
- "@openeuropa/bcl-navbar": "^0.3726.202504141620",
55
- "@openeuropa/bcl-navigation": "^0.3726.202504141620",
56
- "@openeuropa/bcl-news": "^0.3726.202504141620",
57
- "@openeuropa/bcl-offcanvas": "^0.3726.202504141620",
58
- "@openeuropa/bcl-page": "^0.3726.202504141620",
59
- "@openeuropa/bcl-pagination": "^0.3726.202504141620",
60
- "@openeuropa/bcl-person": "^0.3726.202504141620",
61
- "@openeuropa/bcl-placeholder": "^0.3726.202504141620",
62
- "@openeuropa/bcl-progress": "^0.3726.202504141620",
63
- "@openeuropa/bcl-project": "^0.3726.202504141620",
64
- "@openeuropa/bcl-project-status": "^0.3726.202504141620",
65
- "@openeuropa/bcl-recent-activities": "^0.3726.202504141620",
66
- "@openeuropa/bcl-search": "^0.3726.202504141620",
67
- "@openeuropa/bcl-search-form": "^0.3726.202504141620",
68
- "@openeuropa/bcl-select": "^0.3726.202504141620",
69
- "@openeuropa/bcl-spinner": "^0.3726.202504141620",
70
- "@openeuropa/bcl-subscription": "^0.3726.202504141620",
71
- "@openeuropa/bcl-subscription-block": "^0.3726.202504141620",
72
- "@openeuropa/bcl-table": "^0.3726.202504141620",
73
- "@openeuropa/bcl-textarea": "^0.3726.202504141620",
74
- "@openeuropa/bcl-timeline": "^0.3726.202504141620",
75
- "@openeuropa/bcl-toast": "^0.3726.202504141620",
76
- "@openeuropa/bcl-user": "^0.3726.202504141620",
14
+ "@openeuropa/bcl-accordion": "^0.3728.202505270730",
15
+ "@openeuropa/bcl-alert": "^0.3728.202505270730",
16
+ "@openeuropa/bcl-badge": "^0.3728.202505270730",
17
+ "@openeuropa/bcl-banner": "^0.3728.202505270730",
18
+ "@openeuropa/bcl-base-templates": "^0.3728.202505270730",
19
+ "@openeuropa/bcl-blockquote": "^0.3728.202505270730",
20
+ "@openeuropa/bcl-breadcrumb": "^0.3728.202505270730",
21
+ "@openeuropa/bcl-button": "^0.3728.202505270730",
22
+ "@openeuropa/bcl-button-group": "^0.3728.202505270730",
23
+ "@openeuropa/bcl-card": "^0.3728.202505270730",
24
+ "@openeuropa/bcl-card-layout": "^0.3728.202505270730",
25
+ "@openeuropa/bcl-carousel": "^0.3728.202505270730",
26
+ "@openeuropa/bcl-contact-form": "^0.3728.202505270730",
27
+ "@openeuropa/bcl-content-banner": "^0.3728.202505270730",
28
+ "@openeuropa/bcl-date-block": "^0.3728.202505270730",
29
+ "@openeuropa/bcl-description-list": "^0.3728.202505270730",
30
+ "@openeuropa/bcl-dropdown": "^0.3728.202505270730",
31
+ "@openeuropa/bcl-event": "^0.3728.202505270730",
32
+ "@openeuropa/bcl-fact-figures": "^0.3728.202505270730",
33
+ "@openeuropa/bcl-featured-media": "^0.3728.202505270730",
34
+ "@openeuropa/bcl-file": "^0.3728.202505270730",
35
+ "@openeuropa/bcl-footer": "^0.3728.202505270730",
36
+ "@openeuropa/bcl-form": "^0.3728.202505270730",
37
+ "@openeuropa/bcl-form-input": "^0.3728.202505270730",
38
+ "@openeuropa/bcl-gallery": "^0.3728.202505270730",
39
+ "@openeuropa/bcl-glossary": "^0.3728.202505270730",
40
+ "@openeuropa/bcl-group": "^0.3728.202505270730",
41
+ "@openeuropa/bcl-header": "^0.3728.202505270730",
42
+ "@openeuropa/bcl-heading": "^0.3728.202505270730",
43
+ "@openeuropa/bcl-icon": "^0.3728.202505270730",
44
+ "@openeuropa/bcl-inpage-navigation": "^0.3728.202505270730",
45
+ "@openeuropa/bcl-landing-page": "^0.3728.202505270730",
46
+ "@openeuropa/bcl-language-list": "^0.3728.202505270730",
47
+ "@openeuropa/bcl-language-switcher": "^0.3728.202505270730",
48
+ "@openeuropa/bcl-link": "^0.3728.202505270730",
49
+ "@openeuropa/bcl-links-block": "^0.3728.202505270730",
50
+ "@openeuropa/bcl-list-group": "^0.3728.202505270730",
51
+ "@openeuropa/bcl-listing": "^0.3728.202505270730",
52
+ "@openeuropa/bcl-modal": "^0.3728.202505270730",
53
+ "@openeuropa/bcl-multilingual": "^0.3728.202505270730",
54
+ "@openeuropa/bcl-navbar": "^0.3728.202505270730",
55
+ "@openeuropa/bcl-navigation": "^0.3728.202505270730",
56
+ "@openeuropa/bcl-news": "^0.3728.202505270730",
57
+ "@openeuropa/bcl-offcanvas": "^0.3728.202505270730",
58
+ "@openeuropa/bcl-page": "^0.3728.202505270730",
59
+ "@openeuropa/bcl-pagination": "^0.3728.202505270730",
60
+ "@openeuropa/bcl-person": "^0.3728.202505270730",
61
+ "@openeuropa/bcl-placeholder": "^0.3728.202505270730",
62
+ "@openeuropa/bcl-progress": "^0.3728.202505270730",
63
+ "@openeuropa/bcl-project": "^0.3728.202505270730",
64
+ "@openeuropa/bcl-project-status": "^0.3728.202505270730",
65
+ "@openeuropa/bcl-recent-activities": "^0.3728.202505270730",
66
+ "@openeuropa/bcl-search": "^0.3728.202505270730",
67
+ "@openeuropa/bcl-search-form": "^0.3728.202505270730",
68
+ "@openeuropa/bcl-select": "^0.3728.202505270730",
69
+ "@openeuropa/bcl-spinner": "^0.3728.202505270730",
70
+ "@openeuropa/bcl-subscription": "^0.3728.202505270730",
71
+ "@openeuropa/bcl-subscription-block": "^0.3728.202505270730",
72
+ "@openeuropa/bcl-table": "^0.3728.202505270730",
73
+ "@openeuropa/bcl-textarea": "^0.3728.202505270730",
74
+ "@openeuropa/bcl-timeline": "^0.3728.202505270730",
75
+ "@openeuropa/bcl-toast": "^0.3728.202505270730",
76
+ "@openeuropa/bcl-user": "^0.3728.202505270730",
77
77
  "copyfiles": "2.4.1",
78
78
  "rimraf": "6.0.1"
79
79
  },
@@ -96,5 +96,5 @@
96
96
  "design-system",
97
97
  "twig"
98
98
  ],
99
- "gitHead": "33f0da96595b14c86c8932074c9fb3e129d93721"
99
+ "gitHead": "80b0cb3a93156a654fdfb92b9835d631d30eeb0a"
100
100
  }
package/templates/bcl-accordion/accordion.html.twig CHANGED
@@ -6,7 +6,7 @@
6
6
  - title_tag (string) (default: 'h2')
7
7
  - title_link: (link object) (default: {})
8
8
  - title_attributes: (drupal attrs)
9
- - id (int) (default: random(1000))
9
+ - id (int) (default: random(10000))
10
10
  - flush (boolean) (default: false)
11
11
  - items (array) (default: []): format: [
12
12
  {
@@ -26,7 +26,7 @@
26
26
  {% set _title_tag = title_tag|default('h2') %}
27
27
  {% set _title_link = title_link|default({}) %}
28
28
  {% set _title_attributes = title_attributes ?: create_attribute() %}
29
- {% set _id = id|default(random(1000)) %}
29
+ {% set _id = id|default(random(10000)) %}
30
30
  {% set _flush = flush ?? false %}
31
31
  {% set _items = items|default([]) %}
32
32
  {% set _expand_button = expand_button|default({}) %}
@@ -110,8 +110,13 @@
110
110
  .setAttribute('aria-controls', 'collapse-' ~ _id ~ '-' ~ loop.index)
111
111
  .setAttribute('aria-expanded', open_item ? 'true' : 'false')
112
112
  %}
113
+ {% set item_title %}
114
+ <span>
115
+ {{- _item.title -}}
116
+ </span>
117
+ {% endset %}
113
118
  {% include '@oe-bcl/bcl-button/button.html.twig' with {
114
- label: _item.title,
119
+ label: item_title,
115
120
  clean_class: true,
116
121
  attributes: button_attributes
117
122
  } only %}
package/templates/bcl-dropdown/dropdown.html.twig CHANGED
@@ -1,7 +1,7 @@
1
1
  {% apply spaceless %}
2
2
 
3
3
  {# Parameters:
4
- - id (string) (default: dropdown-random(1000))
4
+ - id (string) (default: dropdown-random(10000))
5
5
  - trigger (link or button)
6
6
  - link (boolean) (default: false)
7
7
  - direction (string) (default: '')
package/templates/bcl-file/file-translations.html.twig CHANGED
@@ -1,7 +1,7 @@
1
1
  {% apply spaceless %}
2
2
 
3
3
  {# Parameters:
4
- - id (string) (default: language-dropdown-random(1000))
4
+ - id (string) (default: language-dropdown-random(10000))
5
5
  - label (string) (default: '')
6
6
  - icon_path (string) (default: '')
7
7
  - items (string) (default: [])
@@ -15,7 +15,7 @@
15
15
  ]
16
16
  #}
17
17
 
18
- {% set _id = id|default('language-dropdown' ~ random(1000)) %}
18
+ {% set _id = id|default('language-dropdown' ~ random(10000)) %}
19
19
  {% set _label = label|default('') %}
20
20
  {% set _icon_path = icon_path|default('') %}
21
21
  {% set _items = items|default([]) %}
package/templates/bcl-gallery/gallery.html.twig CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  {#
4
4
  Parameters:
5
- - id (string) (default: gallery-random(1000))
5
+ - id (string) (default: gallery-random(10000))
6
6
  - title (string) (default: '')
7
7
  - title_tag (string) (default: 'h2')
8
8
  - title_link: (link object) (default: {})
@@ -28,7 +28,7 @@ Parameters:
28
28
  carousel
29
29
  #}
30
30
 
31
- {% set _id = id|default('gallery-' ~ random(1000)) %}
31
+ {% set _id = id|default('gallery-' ~ random(10000)) %}
32
32
  {% set _title = title|default('') %}
33
33
  {% set _title_tag = title_tag|default('h2') %}
34
34
  {% set _title_link = title_link|default({}) %}
package/templates/bcl-inpage-navigation/inpage-navigation.html.twig CHANGED
@@ -7,8 +7,8 @@ Parameters:
7
7
  - title_link: (link object) (default: {})
8
8
  - title_attributes (drupal attrs)
9
9
  - links: (link[]) (default: [])
10
- - id (string) (default: bcl-inpage-navigation-random(100))
11
- - dropdown_id (string) (default: bcl-inpage-navigation-dropdown-random(100))
10
+ - id (string) (default: bcl-inpage-navigation-random(10000))
11
+ - dropdown_id (string) (default: bcl-inpage-navigation-dropdown-random(10000))
12
12
  - dynamic_active: (boolean) (default: false)
13
13
  - icon_path (string) (default: '')
14
14
  - attributes (drupal attrs)
@@ -19,9 +19,9 @@ Parameters:
19
19
  {% set _title_link = title_link|default({}) %}
20
20
  {% set _title_attributes = title_attributes ?: create_attribute() %}
21
21
  {% set _links = links|default([]) %}
22
- {% set _id = id|default('bcl-inpage-navigation-' ~ random(100)) %}
22
+ {% set _id = id|default('bcl-inpage-navigation-' ~ random(10000)) %}
23
23
  {% set _icon_path = icon_path|default('') %}
24
- {% set _dropdown_id = dropdown_id|default('bcl-inpage-navigation-dropdown' ~ random(100)) %}
24
+ {% set _dropdown_id = dropdown_id|default('bcl-inpage-navigation-dropdown' ~ random(10000)) %}
25
25
  {% set _dyanmic_active = dynamic_active|default(false) %}
26
26
 
27
27
  {% if attributes is empty %}
@@ -29,8 +29,13 @@ Parameters:
29
29
  {% endif %}
30
30
 
31
31
  {% set attributes = attributes.addClass(['bcl-inpage-navigation', 'position-sticky']).setAttribute('id', _id) %}
32
- {% set title_attributes = _title_attributes.addClass('mb-0') %}
33
- {% set _title_content %}
32
+
33
+ {% if not attributes.hasAttribute('aria-label') and not attributes.hasAttribute('aria-labelledby') %}
34
+ {% set attributes = attributes.setAttribute('aria-labelledby', _dropdown_id) %}
35
+ {% endif %}
36
+
37
+ {% set title_attributes = _title_attributes.addClass(['mb-0', 'd-none', 'd-md-block']) %}
38
+ {% set _button_content %}
34
39
  {{ _title }}
35
40
  {%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
36
41
  name: 'chevron-down',
@@ -45,21 +50,25 @@ Parameters:
45
50
  {% set _classes = _classes|merge(['dynamic-active']) %}
46
51
  {% endif %}
47
52
 
48
- <nav {{ attributes.addClass(_classes) }}>
53
+ <nav{{ attributes.addClass(_classes) }}>
49
54
  {% set trigger_attributes = create_attribute()
50
55
  .setAttribute('aria-expanded', 'false')
51
56
  .setAttribute('type', 'button')
52
57
  .setAttribute('id', _dropdown_id)
53
58
  .setAttribute('data-bs-toggle', 'dropdown')
54
- .addClass(['dropdown-toggle']) %}
59
+ .addClass(['dropdown-toggle', 'h2', 'd-md-none']) %}
60
+ {% include '@oe-bcl/bcl-button/button.html.twig' with {
61
+ label: _button_content,
62
+ clean_class: true,
63
+ attributes: trigger_attributes,
64
+ } only %}
55
65
  {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
56
- title: _title_content,
66
+ title: _title,
57
67
  title_tag: _title_tag,
58
68
  title_link: _title_link,
59
- attributes: _title_attributes
60
- .merge(trigger_attributes),
69
+ attributes: _title_attributes,
61
70
  } only %}
62
- <div class="dropdown-menu" aria-labelledby="{{ _dropdown_id }}">
71
+ <div class="dropdown-menu">
63
72
  {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with {
64
73
  'pills': true,
65
74
  'vertical': true,
package/templates/bcl-language-switcher/language-switcher.html.twig CHANGED
@@ -1,13 +1,13 @@
1
1
  {% apply spaceless %}
2
2
 
3
3
  {# Parameters:
4
- - id (string) (default: collapse-random(1000), optional)
4
+ - id (string) (default: collapse-random(10000), optional)
5
5
  - message (alert object) (default: {})
6
6
  - expandable (button object) (default: {})
7
7
  - languages (link[]) (default: [])
8
8
  #}
9
9
 
10
- {% set _id = id|default('collapse-' ~ random(1000)) %}
10
+ {% set _id = id|default('collapse-' ~ random(10000)) %}
11
11
  {% set _message = message|default({}) %}
12
12
  {% set _expandable = expandable|default({}) %}
13
13
  {% set _languages = languages|default([]) %}
package/templates/bcl-modal/modal.html.twig CHANGED
@@ -3,7 +3,7 @@
3
3
  {# Parameters:
4
4
  - size (string) default('')
5
5
  options: sm, lg, xl, fullscreen
6
- - id (boolean) (default: modal-random(1000))
6
+ - id (boolean) (default: modal-random(10000))
7
7
  - fullscreen_responsive (string) (default: '')
8
8
  options: sm, md, lg, xl, xxl
9
9
  - static_backdrop (boolean) (default: false)
@@ -23,7 +23,7 @@
23
23
  #}
24
24
 
25
25
  {% set _size = size|default('') %}
26
- {% set _id = id|default('modal-' ~ random(1000)) %}
26
+ {% set _id = id|default('modal-' ~ random(10000)) %}
27
27
  {% set _fullscreen_responsive = fullscreen_responsive|default('') %}
28
28
  {% set _static_backdrop = static_backdrop ?? false %}
29
29
  {% set _verticaly_centered = verticaly_centered ?? false %}
package/templates/bcl-timeline/timeline.html.twig CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  {#
4
4
  Parameters:
5
- - id: (integer) (default: random(1000))
5
+ - id: (integer) (default: random(10000))
6
6
  - title: (string) (default: '')
7
7
  - title_tag: (string) (default: 'h2')
8
8
  - title_link: (link object) (default: {})
@@ -25,7 +25,7 @@ Parameters:
25
25
  - icon_path (string) (default: ''): file containing the svg icons
26
26
  #}
27
27
 
28
- {% set _id = id|default(random(1000)) %}
28
+ {% set _id = id|default(random(10000)) %}
29
29
  {% set _title = title|default('') %}
30
30
  {% set _title_tag = title_tag|default('h2') %}
31
31
  {% set _title_link = title_link|default({}) %}