@openeuropa/bcl-twig-templates 1.10.0 → 1.10.2

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 (10) 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-item.html.twig +1 -0
  6. package/templates/bcl-gallery/gallery.html.twig +2 -2
  7. package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +14 -10
  8. package/templates/bcl-language-switcher/language-switcher.html.twig +2 -2
  9. package/templates/bcl-modal/modal.html.twig +2 -2
  10. 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": "1.10.0",
5
+ "version": "1.10.2",
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": "^1.10.0",
15
- "@openeuropa/bcl-alert": "^1.10.0",
16
- "@openeuropa/bcl-badge": "^1.10.0",
17
- "@openeuropa/bcl-banner": "^1.10.0",
18
- "@openeuropa/bcl-base-templates": "^1.10.0",
19
- "@openeuropa/bcl-blockquote": "^1.10.0",
20
- "@openeuropa/bcl-breadcrumb": "^1.10.0",
21
- "@openeuropa/bcl-button": "^1.10.0",
22
- "@openeuropa/bcl-button-group": "^1.10.0",
23
- "@openeuropa/bcl-card": "^1.10.0",
24
- "@openeuropa/bcl-card-layout": "^1.10.0",
25
- "@openeuropa/bcl-carousel": "^1.10.0",
26
- "@openeuropa/bcl-contact-form": "^1.10.0",
27
- "@openeuropa/bcl-content-banner": "^1.10.0",
28
- "@openeuropa/bcl-date-block": "^1.10.0",
29
- "@openeuropa/bcl-description-list": "^1.10.0",
30
- "@openeuropa/bcl-dropdown": "^1.10.0",
31
- "@openeuropa/bcl-event": "^1.10.0",
32
- "@openeuropa/bcl-fact-figures": "^1.10.0",
33
- "@openeuropa/bcl-featured-media": "^1.10.0",
34
- "@openeuropa/bcl-file": "^1.10.0",
35
- "@openeuropa/bcl-footer": "^1.10.0",
36
- "@openeuropa/bcl-form": "^1.10.0",
37
- "@openeuropa/bcl-form-input": "^1.10.0",
38
- "@openeuropa/bcl-gallery": "^1.10.0",
39
- "@openeuropa/bcl-glossary": "^1.10.0",
40
- "@openeuropa/bcl-group": "^1.10.0",
41
- "@openeuropa/bcl-header": "^1.10.0",
42
- "@openeuropa/bcl-heading": "^1.10.0",
43
- "@openeuropa/bcl-icon": "^1.10.0",
44
- "@openeuropa/bcl-inpage-navigation": "^1.10.0",
45
- "@openeuropa/bcl-landing-page": "^1.10.0",
46
- "@openeuropa/bcl-language-list": "^1.10.0",
47
- "@openeuropa/bcl-language-switcher": "^1.10.0",
48
- "@openeuropa/bcl-link": "^1.10.0",
49
- "@openeuropa/bcl-links-block": "^1.10.0",
50
- "@openeuropa/bcl-list-group": "^1.10.0",
51
- "@openeuropa/bcl-listing": "^1.10.0",
52
- "@openeuropa/bcl-modal": "^1.10.0",
53
- "@openeuropa/bcl-multilingual": "^1.10.0",
54
- "@openeuropa/bcl-navbar": "^1.10.0",
55
- "@openeuropa/bcl-navigation": "^1.10.0",
56
- "@openeuropa/bcl-news": "^1.10.0",
57
- "@openeuropa/bcl-offcanvas": "^1.10.0",
58
- "@openeuropa/bcl-page": "^1.10.0",
59
- "@openeuropa/bcl-pagination": "^1.10.0",
60
- "@openeuropa/bcl-person": "^1.10.0",
61
- "@openeuropa/bcl-placeholder": "^1.10.0",
62
- "@openeuropa/bcl-progress": "^1.10.0",
63
- "@openeuropa/bcl-project": "^1.10.0",
64
- "@openeuropa/bcl-project-status": "^1.10.0",
65
- "@openeuropa/bcl-recent-activities": "^1.10.0",
66
- "@openeuropa/bcl-search": "^1.10.0",
67
- "@openeuropa/bcl-search-form": "^1.10.0",
68
- "@openeuropa/bcl-select": "^1.10.0",
69
- "@openeuropa/bcl-spinner": "^1.10.0",
70
- "@openeuropa/bcl-subscription": "^1.10.0",
71
- "@openeuropa/bcl-subscription-block": "^1.10.0",
72
- "@openeuropa/bcl-table": "^1.10.0",
73
- "@openeuropa/bcl-textarea": "^1.10.0",
74
- "@openeuropa/bcl-timeline": "^1.10.0",
75
- "@openeuropa/bcl-toast": "^1.10.0",
76
- "@openeuropa/bcl-user": "^1.10.0",
14
+ "@openeuropa/bcl-accordion": "^1.10.2",
15
+ "@openeuropa/bcl-alert": "^1.10.2",
16
+ "@openeuropa/bcl-badge": "^1.10.2",
17
+ "@openeuropa/bcl-banner": "^1.10.2",
18
+ "@openeuropa/bcl-base-templates": "^1.10.2",
19
+ "@openeuropa/bcl-blockquote": "^1.10.2",
20
+ "@openeuropa/bcl-breadcrumb": "^1.10.2",
21
+ "@openeuropa/bcl-button": "^1.10.2",
22
+ "@openeuropa/bcl-button-group": "^1.10.2",
23
+ "@openeuropa/bcl-card": "^1.10.2",
24
+ "@openeuropa/bcl-card-layout": "^1.10.2",
25
+ "@openeuropa/bcl-carousel": "^1.10.2",
26
+ "@openeuropa/bcl-contact-form": "^1.10.2",
27
+ "@openeuropa/bcl-content-banner": "^1.10.2",
28
+ "@openeuropa/bcl-date-block": "^1.10.2",
29
+ "@openeuropa/bcl-description-list": "^1.10.2",
30
+ "@openeuropa/bcl-dropdown": "^1.10.2",
31
+ "@openeuropa/bcl-event": "^1.10.2",
32
+ "@openeuropa/bcl-fact-figures": "^1.10.2",
33
+ "@openeuropa/bcl-featured-media": "^1.10.2",
34
+ "@openeuropa/bcl-file": "^1.10.2",
35
+ "@openeuropa/bcl-footer": "^1.10.2",
36
+ "@openeuropa/bcl-form": "^1.10.2",
37
+ "@openeuropa/bcl-form-input": "^1.10.2",
38
+ "@openeuropa/bcl-gallery": "^1.10.2",
39
+ "@openeuropa/bcl-glossary": "^1.10.2",
40
+ "@openeuropa/bcl-group": "^1.10.2",
41
+ "@openeuropa/bcl-header": "^1.10.2",
42
+ "@openeuropa/bcl-heading": "^1.10.2",
43
+ "@openeuropa/bcl-icon": "^1.10.2",
44
+ "@openeuropa/bcl-inpage-navigation": "^1.10.2",
45
+ "@openeuropa/bcl-landing-page": "^1.10.2",
46
+ "@openeuropa/bcl-language-list": "^1.10.2",
47
+ "@openeuropa/bcl-language-switcher": "^1.10.2",
48
+ "@openeuropa/bcl-link": "^1.10.2",
49
+ "@openeuropa/bcl-links-block": "^1.10.2",
50
+ "@openeuropa/bcl-list-group": "^1.10.2",
51
+ "@openeuropa/bcl-listing": "^1.10.2",
52
+ "@openeuropa/bcl-modal": "^1.10.2",
53
+ "@openeuropa/bcl-multilingual": "^1.10.2",
54
+ "@openeuropa/bcl-navbar": "^1.10.2",
55
+ "@openeuropa/bcl-navigation": "^1.10.2",
56
+ "@openeuropa/bcl-news": "^1.10.2",
57
+ "@openeuropa/bcl-offcanvas": "^1.10.2",
58
+ "@openeuropa/bcl-page": "^1.10.2",
59
+ "@openeuropa/bcl-pagination": "^1.10.2",
60
+ "@openeuropa/bcl-person": "^1.10.2",
61
+ "@openeuropa/bcl-placeholder": "^1.10.2",
62
+ "@openeuropa/bcl-progress": "^1.10.2",
63
+ "@openeuropa/bcl-project": "^1.10.2",
64
+ "@openeuropa/bcl-project-status": "^1.10.2",
65
+ "@openeuropa/bcl-recent-activities": "^1.10.2",
66
+ "@openeuropa/bcl-search": "^1.10.2",
67
+ "@openeuropa/bcl-search-form": "^1.10.2",
68
+ "@openeuropa/bcl-select": "^1.10.2",
69
+ "@openeuropa/bcl-spinner": "^1.10.2",
70
+ "@openeuropa/bcl-subscription": "^1.10.2",
71
+ "@openeuropa/bcl-subscription-block": "^1.10.2",
72
+ "@openeuropa/bcl-table": "^1.10.2",
73
+ "@openeuropa/bcl-textarea": "^1.10.2",
74
+ "@openeuropa/bcl-timeline": "^1.10.2",
75
+ "@openeuropa/bcl-toast": "^1.10.2",
76
+ "@openeuropa/bcl-user": "^1.10.2",
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": "f83c1567b2ce60d7ccc564820bdb29ca58a26ad0"
99
+ "gitHead": "d4bb50f58dd038748c618cc2f7bff2674f0b1f2a"
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-item.html.twig CHANGED
@@ -30,6 +30,7 @@ Parameters:
30
30
  {% set attributes = attributes.addClass(['bcl-gallery__item', 'd-block', 'w-100', 'img-fluid'])
31
31
  .setAttribute('data-bs-target', '#' ~ _carousel_id)
32
32
  .setAttribute('data-bs-slide-to', _carousel_anchor)
33
+ .setAttribute('tabindex', '0')
33
34
  %}
34
35
 
35
36
  <a
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,8 @@ 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
+ {% set title_attributes = _title_attributes.addClass(['mb-0', 'd-none', 'd-md-block']) %}
33
+ {% set _button_content %}
34
34
  {{ _title }}
35
35
  {%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
36
36
  name: 'chevron-down',
@@ -51,13 +51,17 @@ Parameters:
51
51
  .setAttribute('type', 'button')
52
52
  .setAttribute('id', _dropdown_id)
53
53
  .setAttribute('data-bs-toggle', 'dropdown')
54
- .addClass(['dropdown-toggle']) %}
54
+ .addClass(['dropdown-toggle', 'h2', 'd-md-none']) %}
55
+ {% include '@oe-bcl/bcl-button/button.html.twig' with {
56
+ label: _button_content,
57
+ clean_class: true,
58
+ attributes: trigger_attributes,
59
+ } only %}
55
60
  {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
56
- title: _title_content,
61
+ title: _title,
57
62
  title_tag: _title_tag,
58
63
  title_link: _title_link,
59
- attributes: _title_attributes
60
- .merge(trigger_attributes),
64
+ attributes: _title_attributes,
61
65
  } only %}
62
66
  <div class="dropdown-menu" aria-labelledby="{{ _dropdown_id }}">
63
67
  {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with {
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({}) %}