@openeuropa/bcl-twig-templates 1.10.2 → 1.10.4

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 (3) hide show
  1. package/package.json +65 -65
  2. package/templates/bcl-date-block/date-block.html.twig +31 -15
  3. package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +7 -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.2",
5
+ "version": "1.10.4",
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.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",
14
+ "@openeuropa/bcl-accordion": "^1.10.4",
15
+ "@openeuropa/bcl-alert": "^1.10.4",
16
+ "@openeuropa/bcl-badge": "^1.10.4",
17
+ "@openeuropa/bcl-banner": "^1.10.4",
18
+ "@openeuropa/bcl-base-templates": "^1.10.4",
19
+ "@openeuropa/bcl-blockquote": "^1.10.4",
20
+ "@openeuropa/bcl-breadcrumb": "^1.10.4",
21
+ "@openeuropa/bcl-button": "^1.10.4",
22
+ "@openeuropa/bcl-button-group": "^1.10.4",
23
+ "@openeuropa/bcl-card": "^1.10.4",
24
+ "@openeuropa/bcl-card-layout": "^1.10.4",
25
+ "@openeuropa/bcl-carousel": "^1.10.4",
26
+ "@openeuropa/bcl-contact-form": "^1.10.4",
27
+ "@openeuropa/bcl-content-banner": "^1.10.4",
28
+ "@openeuropa/bcl-date-block": "^1.10.4",
29
+ "@openeuropa/bcl-description-list": "^1.10.4",
30
+ "@openeuropa/bcl-dropdown": "^1.10.4",
31
+ "@openeuropa/bcl-event": "^1.10.4",
32
+ "@openeuropa/bcl-fact-figures": "^1.10.4",
33
+ "@openeuropa/bcl-featured-media": "^1.10.4",
34
+ "@openeuropa/bcl-file": "^1.10.4",
35
+ "@openeuropa/bcl-footer": "^1.10.4",
36
+ "@openeuropa/bcl-form": "^1.10.4",
37
+ "@openeuropa/bcl-form-input": "^1.10.4",
38
+ "@openeuropa/bcl-gallery": "^1.10.4",
39
+ "@openeuropa/bcl-glossary": "^1.10.4",
40
+ "@openeuropa/bcl-group": "^1.10.4",
41
+ "@openeuropa/bcl-header": "^1.10.4",
42
+ "@openeuropa/bcl-heading": "^1.10.4",
43
+ "@openeuropa/bcl-icon": "^1.10.4",
44
+ "@openeuropa/bcl-inpage-navigation": "^1.10.4",
45
+ "@openeuropa/bcl-landing-page": "^1.10.4",
46
+ "@openeuropa/bcl-language-list": "^1.10.4",
47
+ "@openeuropa/bcl-language-switcher": "^1.10.4",
48
+ "@openeuropa/bcl-link": "^1.10.4",
49
+ "@openeuropa/bcl-links-block": "^1.10.4",
50
+ "@openeuropa/bcl-list-group": "^1.10.4",
51
+ "@openeuropa/bcl-listing": "^1.10.4",
52
+ "@openeuropa/bcl-modal": "^1.10.4",
53
+ "@openeuropa/bcl-multilingual": "^1.10.4",
54
+ "@openeuropa/bcl-navbar": "^1.10.4",
55
+ "@openeuropa/bcl-navigation": "^1.10.4",
56
+ "@openeuropa/bcl-news": "^1.10.4",
57
+ "@openeuropa/bcl-offcanvas": "^1.10.4",
58
+ "@openeuropa/bcl-page": "^1.10.4",
59
+ "@openeuropa/bcl-pagination": "^1.10.4",
60
+ "@openeuropa/bcl-person": "^1.10.4",
61
+ "@openeuropa/bcl-placeholder": "^1.10.4",
62
+ "@openeuropa/bcl-progress": "^1.10.4",
63
+ "@openeuropa/bcl-project": "^1.10.4",
64
+ "@openeuropa/bcl-project-status": "^1.10.4",
65
+ "@openeuropa/bcl-recent-activities": "^1.10.4",
66
+ "@openeuropa/bcl-search": "^1.10.4",
67
+ "@openeuropa/bcl-search-form": "^1.10.4",
68
+ "@openeuropa/bcl-select": "^1.10.4",
69
+ "@openeuropa/bcl-spinner": "^1.10.4",
70
+ "@openeuropa/bcl-subscription": "^1.10.4",
71
+ "@openeuropa/bcl-subscription-block": "^1.10.4",
72
+ "@openeuropa/bcl-table": "^1.10.4",
73
+ "@openeuropa/bcl-textarea": "^1.10.4",
74
+ "@openeuropa/bcl-timeline": "^1.10.4",
75
+ "@openeuropa/bcl-toast": "^1.10.4",
76
+ "@openeuropa/bcl-user": "^1.10.4",
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": "d4bb50f58dd038748c618cc2f7bff2674f0b1f2a"
99
+ "gitHead": "52247384e1ce1f63ac2fba5ac0965af9924130fa"
100
100
  }
package/templates/bcl-date-block/date-block.html.twig CHANGED
@@ -9,6 +9,7 @@
9
9
  - end_day (integer) (default: '')
10
10
  - end_month (string) (default: '')
11
11
  - end_year (integer) (default: '')
12
+ - icon_path (string) (default: '')
12
13
  #}
13
14
 
14
15
  {% set _day = day|default('') %}
@@ -18,6 +19,7 @@
18
19
  {% set _end_day = end_day|default('') %}
19
20
  {% set _end_month = end_month|default('') %}
20
21
  {% set _end_year = end_year|default('') %}
22
+ {% set _icon_path = icon_path|default('') %}
21
23
 
22
24
  {% set _classes = [
23
25
  'bcl-date-block',
@@ -42,23 +44,37 @@
42
44
  {% endif %}
43
45
 
44
46
  <time {{ attributes }}>
45
- <span class="d-flex flex-column pt-2">
46
- <span class="d-flex flex-column align-item-center justify-content-center bg-white border border-bottom-0 w-100 h-100 fs-5 text-uppercase">
47
- <span class="d-block">{{- _day ~ ' ' ~ _month ~ ((_end_day or _end_month) ? ' - ' ) -}}</span>
48
- {%- if _end_day is not empty %}
49
- {{- _end_day -}}
50
- {% endif -%}
51
- {%- if _end_month is not empty %}
52
- {{- ' ' ~ _end_month -}}
53
- {% endif -%}
54
- </span>
55
- <span class="bg-lighter border w-100 rounded-bottom py-1">
56
- {{- _year -}}
47
+ <div class="d-flex flex-column pt-2">
48
+ <div class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2">
49
+ <div class="d-flex flex-column align-item-center justify-content-center">
50
+ <div class="date-month lh-1">{{- _month -}}</div>
51
+ <div class="date-day fw-bold fs-4 lh-1">{{- _day -}}</div>
52
+ </div>
53
+ {% if _end_day or _end_month %}
54
+ <div class="d-flex flex-column align-item-center justify-content-center">
55
+ {%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
56
+ name: "chevron-right",
57
+ size: "xs",
58
+ path: _icon_path,
59
+ } only -%}
60
+ </div>
61
+ <div class="d-flex flex-column align-item-center justify-content-center">
62
+ {%- if _end_month is not empty %}
63
+ <div class="date-month lh-1">{{- _end_month -}}</div>
64
+ {% endif -%}
65
+ {%- if _end_day is not empty %}
66
+ <div class="date-day fw-bold fs-4 lh-1">{{- _end_day -}}</div>
67
+ {% endif -%}
68
+ </div>
69
+ {% endif %}
70
+ </div>
71
+ <div class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center">
72
+ <div class="date-year year-start">{{- _year -}}</div>
57
73
  {%- if _end_year is not empty -%}
58
- {{ ' - ' ~ _end_year }}
74
+ <div class="date-year year-end">{{ _end_year }}</div>
59
75
  {%- endif -%}
60
- </span>
61
- </span>
76
+ </div>
77
+ </div>
62
78
  </time>
63
79
 
64
80
  {% endapply %}
package/templates/bcl-inpage-navigation/inpage-navigation.html.twig CHANGED
@@ -29,6 +29,11 @@ Parameters:
29
29
  {% endif %}
30
30
 
31
31
  {% set attributes = attributes.addClass(['bcl-inpage-navigation', 'position-sticky']).setAttribute('id', _id) %}
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
+
32
37
  {% set title_attributes = _title_attributes.addClass(['mb-0', 'd-none', 'd-md-block']) %}
33
38
  {% set _button_content %}
34
39
  {{ _title }}
@@ -45,7 +50,7 @@ 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')
@@ -63,7 +68,7 @@ Parameters:
63
68
  title_link: _title_link,
64
69
  attributes: _title_attributes,
65
70
  } only %}
66
- <div class="dropdown-menu" aria-labelledby="{{ _dropdown_id }}">
71
+ <div class="dropdown-menu">
67
72
  {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with {
68
73
  'pills': true,
69
74
  'vertical': true,