@openeuropa/bcl-data-header 0.3728.202505270730 → 0.3732.202601071600

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/data--ec.js +10 -6
  2. package/data--loggedIn.js +5 -5
  3. package/data--navbar.js +166 -43
  4. package/data--neutral.js +9 -3
  5. package/data--no-form.js +19 -14
  6. package/data--simple.js +15 -8
  7. package/data--top-navbar.js +5 -5
  8. package/data--ucpkn.js +15 -43
  9. package/data.js +10 -4
  10. package/package.json +4 -4
package/data--ec.js CHANGED
@@ -1,4 +1,4 @@
1
- const drupalAttribute = require("drupal-attribute");
1
+ const { DrupalAttribute } = require("drupal-attribute");
2
2
 
3
3
  const languageList = require("@openeuropa/bcl-language-list/data/data-modal");
4
4
  const breadcrumbs = require("@openeuropa/bcl-data-breadcrumb/data");
@@ -8,7 +8,13 @@ const modals = require("@openeuropa/bcl-data-header/data--modals");
8
8
 
9
9
  module.exports = {
10
10
  variant: "ec",
11
+ navbar_id: "header-navbar",
12
+ icon_path: "/icons.svg",
11
13
  site_name: "Project name",
14
+ toggler_attributes: new DrupalAttribute().setAttribute(
15
+ "aria-label",
16
+ "Main navigation toggle",
17
+ ),
12
18
  project_logo: {
13
19
  path: "https://inno-ecl.s3.amazonaws.com/media/examples/placeholder.svg",
14
20
  classes: "d-none d-lg-inline-block",
@@ -16,11 +22,9 @@ module.exports = {
16
22
  },
17
23
  project_link: "/example.html",
18
24
  head: {
19
- attributes: new drupalAttribute()
20
- .addClass(["w-100", "shadow-sm", "bcl-header__top-navbar"])
25
+ attributes: new DrupalAttribute()
26
+ .addClass(["w-100", "bcl-header__top-navbar"])
21
27
  .setAttribute("aria-label", "Top Navigation"),
22
- disable_collapse: false,
23
- collapse_id: "topNavbarDropdown",
24
28
  brand: {
25
29
  link: "/example.html",
26
30
  logos: [
@@ -39,6 +43,6 @@ module.exports = {
39
43
  language_modal: { ...languageList, variant: "ec" },
40
44
  breadcrumbs: {
41
45
  ...breadcrumbs,
42
- attributes: new drupalAttribute().addClass(["mt-3"]),
46
+ attributes: new DrupalAttribute().addClass(["mt-3"]),
43
47
  },
44
48
  };
package/data--loggedIn.js CHANGED
@@ -1,4 +1,4 @@
1
- const drupalAttribute = require("drupal-attribute");
1
+ const { DrupalAttribute } = require("drupal-attribute");
2
2
 
3
3
  module.exports = [
4
4
  {
@@ -6,12 +6,12 @@ module.exports = [
6
6
  path: "/example.html",
7
7
  icon_position: "before",
8
8
  remove_icon_spacers: true,
9
- attributes: new drupalAttribute().addClass(["py-lg-2", "pb-3"]),
9
+ attributes: new DrupalAttribute().addClass(["py-lg-2", "pb-3"]),
10
10
  icon: {
11
11
  name: "person-fill",
12
12
  size: "xs",
13
13
  path: "/icons.svg",
14
- attributes: new drupalAttribute().addClass(["me-2-5"]),
14
+ attributes: new DrupalAttribute().addClass(["me-2-5"]),
15
15
  },
16
16
  },
17
17
  {
@@ -19,7 +19,7 @@ module.exports = [
19
19
  path: "/example.html",
20
20
  icon_position: "before",
21
21
  remove_icon_spacers: true,
22
- attributes: new drupalAttribute().addClass([
22
+ attributes: new DrupalAttribute().addClass([
23
23
  "border-top-lg-0",
24
24
  "border-top",
25
25
  "mx-n3",
@@ -31,7 +31,7 @@ module.exports = [
31
31
  name: "lock-fill",
32
32
  size: "xs",
33
33
  path: "/icons.svg",
34
- attributes: new drupalAttribute().addClass("me-2-5"),
34
+ attributes: new DrupalAttribute().addClass("me-2-5"),
35
35
  },
36
36
  },
37
37
  ];
package/data--navbar.js CHANGED
@@ -1,54 +1,164 @@
1
- const drupalAttribute = require("drupal-attribute");
1
+ const { DrupalAttribute } = require("drupal-attribute");
2
2
 
3
3
  module.exports = {
4
+ navbar_id: "header-navbar",
4
5
  color_set: "dark",
5
6
  collapse_id: "navbarNavDropdown",
6
- attributes: new drupalAttribute()
7
- .addClass("bcl-header__navbar")
8
- .setAttribute("aria-label", "Main Navigation"),
9
- form: {
10
- attributes: new drupalAttribute().addClass(["d-flex", "mt-3", "mt-lg-0"]),
11
- submit: {
12
- variant: "light",
13
- assistive_text: "search",
14
- icon: {
15
- name: "search",
16
- size: "xs",
17
- path: "/icons.svg",
18
- },
19
- attributes: new drupalAttribute().addClass([
20
- "border-start-0",
21
- "rounded-0",
22
- "rounded-end",
23
- ]),
24
- },
25
- items: [
26
- [
27
- {
28
- type: "text",
29
- required: true,
30
- label: "Search",
31
- hidden_label: true,
32
- placeholder: "Search",
33
- id: "inlineFormInputGroupSearch",
34
- attributes: new drupalAttribute().addClass([
35
- "border-start-0",
36
- "rounded-0",
37
- "rounded-start",
38
- ]),
39
- },
40
- ],
41
- ],
42
- },
7
+ attributes: new DrupalAttribute()
8
+ .setAttribute("aria-label", "Main Navigation")
9
+ .addClass("bcl-header__navbar"),
43
10
  navigation: {
44
11
  navbar: true,
45
- attributes: new drupalAttribute().addClass("me-auto"),
12
+ attributes: new DrupalAttribute().addClass("me-auto"),
46
13
  items: [
14
+ {
15
+ mega_menu: true,
16
+ icon_path: "/icons.svg",
17
+ id: "dropdown-megamenu",
18
+ trigger: {
19
+ label: "A link with dropdown",
20
+ },
21
+ content_link: {
22
+ label: "Discover more",
23
+ path: "/example.html",
24
+ icon: {
25
+ name: "arrow-right",
26
+ },
27
+ },
28
+ content_block:
29
+ "<h4>About the European Commission</h4><p>Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>",
30
+ items: [
31
+ {
32
+ id: "dropdown-megamenu-inner",
33
+ trigger: {
34
+ id: "custom-trigger-mm-1",
35
+ label: "Base Category Item",
36
+ attributes: new DrupalAttribute().addClass("active"),
37
+ },
38
+ see_all: {
39
+ label: "See all",
40
+ path: "/example.html",
41
+ },
42
+ items: [
43
+ {
44
+ label: "Base Sub Category Item",
45
+ path: "/example.html",
46
+ attributes: new DrupalAttribute().addClass("active"),
47
+ },
48
+ {
49
+ label: "Base Sub Category Item",
50
+ path: "/example.html",
51
+ },
52
+ {
53
+ label: "Base Sub Category Item",
54
+ path: "/example.html",
55
+ },
56
+ {
57
+ label: "Base Sub Category Item",
58
+ path: "/example.html",
59
+ },
60
+ {
61
+ label: "Base Sub Category Item",
62
+ path: "/example.html",
63
+ },
64
+ {
65
+ label: "Base Sub Category Item",
66
+ path: "/example.html",
67
+ },
68
+ {
69
+ label: "Base Sub Category Item",
70
+ path: "/example.html",
71
+ },
72
+ {
73
+ label: "Base Sub Category Item",
74
+ path: "/example.html",
75
+ },
76
+ {
77
+ label: "Base Sub Category Item",
78
+ path: "/example.html",
79
+ },
80
+ {
81
+ label: "Base Sub Category Item",
82
+ path: "/example.html",
83
+ },
84
+ ],
85
+ },
86
+ {
87
+ label: "Base Category Item",
88
+ },
89
+ {
90
+ id: "dropdown-megamenu-inner-2",
91
+ trigger: {
92
+ label: "Base Category Item",
93
+ path: "/example.html",
94
+ id: "custom-trigger-mm-2",
95
+ },
96
+ items: [
97
+ {
98
+ label: "Base Sub Category Item",
99
+ path: "/example.html",
100
+ },
101
+ {
102
+ label: "Base Sub Category Item",
103
+ path: "/example.html",
104
+ },
105
+ {
106
+ label: "Base Sub Category Item",
107
+ path: "/example.html",
108
+ },
109
+ {
110
+ label: "Base Sub Category Item",
111
+ path: "/example.html",
112
+ },
113
+ {
114
+ label: "Base Sub Category Item",
115
+ path: "/example.html",
116
+ },
117
+ {
118
+ label: "Base Sub Category Item",
119
+ path: "/example.html",
120
+ },
121
+ {
122
+ label: "Base Sub Category Item",
123
+ path: "/example.html",
124
+ },
125
+ {
126
+ label: "Base Sub Category Item",
127
+ path: "/example.html",
128
+ },
129
+ ],
130
+ },
131
+ {
132
+ label: "Base Category Item",
133
+ path: "/example.html",
134
+ },
135
+ {
136
+ label: "Base Category Item",
137
+ path: "/example.html",
138
+ },
139
+ {
140
+ label: "Base Category Item",
141
+ path: "/example.html",
142
+ },
143
+ {
144
+ label: "Base Category Item",
145
+ path: "/example.html",
146
+ },
147
+ {
148
+ label: "Base Category Item",
149
+ path: "/example.html",
150
+ },
151
+ {
152
+ label: "Base Category Item",
153
+ path: "/example.html",
154
+ },
155
+ ],
156
+ },
47
157
  {
48
158
  label: "Home",
49
159
  path: "/example.html",
50
160
  active: true,
51
- attributes: new drupalAttribute().setAttribute("aria-current", "page"),
161
+ attributes: new DrupalAttribute().setAttribute("aria-current", "page"),
52
162
  },
53
163
  {
54
164
  label: "Item 01",
@@ -60,12 +170,9 @@ module.exports = {
60
170
  },
61
171
  {
62
172
  id: "navbarDropdownMenuLink",
63
- link: true,
64
173
  dropdown: true,
65
174
  trigger: {
66
175
  label: "Dropdown link",
67
- path: "#",
68
- attributes: new drupalAttribute().addClass("nav-link"),
69
176
  },
70
177
  items: [
71
178
  {
@@ -87,6 +194,22 @@ module.exports = {
87
194
  },
88
195
  ],
89
196
  },
197
+ {
198
+ label: "Item 04",
199
+ path: "/example.html",
200
+ },
201
+ {
202
+ label: "Item 05",
203
+ path: "/example.html",
204
+ },
205
+ {
206
+ label: "Item 06",
207
+ path: "/example.html",
208
+ },
209
+ {
210
+ label: "Item 07",
211
+ path: "/example.html",
212
+ },
90
213
  ],
91
214
  },
92
215
  };
package/data--neutral.js CHANGED
@@ -1,4 +1,4 @@
1
- const drupalAttribute = require("drupal-attribute");
1
+ const { DrupalAttribute } = require("drupal-attribute");
2
2
 
3
3
  const languageList = require("@openeuropa/bcl-language-list/data/data-modal");
4
4
  const breadcrumbs = require("@openeuropa/bcl-data-breadcrumb/data");
@@ -7,7 +7,13 @@ const navbar = require("@openeuropa/bcl-data-header/data--navbar");
7
7
  const modals = require("@openeuropa/bcl-data-header/data--modals");
8
8
 
9
9
  module.exports = {
10
+ navbar_id: "header-navbar",
10
11
  site_name: "Project name",
12
+ icon_path: "/icons.svg",
13
+ toggler_attributes: new DrupalAttribute().setAttribute(
14
+ "aria-label",
15
+ "Main navigation toggle",
16
+ ),
11
17
  site_name_classes: "h5 d-inline-block d-lg-none",
12
18
  head: {
13
19
  brand: {
@@ -20,7 +26,7 @@ module.exports = {
20
26
  label: "Project name",
21
27
  link: "/example.html",
22
28
  },
23
- attributes: new drupalAttribute()
29
+ attributes: new DrupalAttribute()
24
30
  .addClass(["w-100", "bcl-header__top-navbar"])
25
31
  .setAttribute("aria-label", "Top Navigation"),
26
32
  disable_collapse: false,
@@ -34,6 +40,6 @@ module.exports = {
34
40
  language_modal: languageList,
35
41
  breadcrumbs: {
36
42
  ...breadcrumbs,
37
- attributes: new drupalAttribute().addClass(["mt-3"]),
43
+ attributes: new DrupalAttribute().addClass(["mt-3"]),
38
44
  },
39
45
  };
package/data--no-form.js CHANGED
@@ -1,14 +1,18 @@
1
- const drupalAttribute = require("drupal-attribute");
1
+ const { DrupalAttribute } = require("drupal-attribute");
2
2
 
3
3
  const modals = require("@openeuropa/bcl-data-header/data--modals");
4
4
  const languageList = require("@openeuropa/bcl-language-list/data/data-modal");
5
5
 
6
6
  module.exports = {
7
7
  variant: "eu",
8
+ navbar_id: "header-navbar",
9
+ toggler_attributes: new DrupalAttribute().setAttribute(
10
+ "aria-label",
11
+ "Main navigation toggle",
12
+ ),
8
13
  head: {
9
- attributes: new drupalAttribute().addClass([
14
+ attributes: new DrupalAttribute().addClass([
10
15
  "w-100",
11
- "shadow-sm",
12
16
  "bcl-header__top-navbar",
13
17
  ]),
14
18
  disable_collapse: false,
@@ -39,9 +43,9 @@ module.exports = {
39
43
  name: "chat-left-dots-fill",
40
44
  size: "xs",
41
45
  path: "/icons.svg",
42
- attributes: new drupalAttribute().addClass("me-2-5"),
46
+ attributes: new DrupalAttribute().addClass("me-2-5"),
43
47
  },
44
- attributes: new drupalAttribute()
48
+ attributes: new DrupalAttribute()
45
49
  .setAttribute("data-bs-toggle", "modal")
46
50
  .setAttribute("data-bs-target", "#languageModal")
47
51
  .addClass("text-center"),
@@ -55,9 +59,9 @@ module.exports = {
55
59
  name: "person-fill",
56
60
  size: "xs",
57
61
  path: "/icons.svg",
58
- attributes: new drupalAttribute().addClass("me-2-5"),
62
+ attributes: new DrupalAttribute().addClass("me-2-5"),
59
63
  },
60
- attributes: new drupalAttribute()
64
+ attributes: new DrupalAttribute()
61
65
  .setAttribute("data-bs-toggle", "modal")
62
66
  .setAttribute("data-bs-target", "#loginModal")
63
67
  .addClass("text-center"),
@@ -68,18 +72,19 @@ module.exports = {
68
72
  navbar: {
69
73
  color_set: "dark",
70
74
  collapse_id: "navbarNavDropdown",
71
- attributes: new drupalAttribute()
72
- .addClass("bcl-header__navbar")
73
- .setAttribute("aria-label", "Main Navigation"),
75
+ attributes: new DrupalAttribute().setAttribute(
76
+ "aria-label",
77
+ "Main Navigation",
78
+ ),
74
79
  navigation: {
75
80
  navbar: true,
76
- attributes: new drupalAttribute().addClass("me-auto"),
81
+ attributes: new DrupalAttribute().addClass("me-auto"),
77
82
  items: [
78
83
  {
79
84
  label: "Home",
80
85
  path: "/example.html",
81
86
  active: true,
82
- attributes: new drupalAttribute().setAttribute(
87
+ attributes: new DrupalAttribute().setAttribute(
83
88
  "aria-current",
84
89
  "page",
85
90
  ),
@@ -99,7 +104,7 @@ module.exports = {
99
104
  trigger: {
100
105
  label: "Dropdown link",
101
106
  path: "/example.html",
102
- attributes: new drupalAttribute().addClass("nav-link"),
107
+ attributes: new DrupalAttribute().addClass("nav-link"),
103
108
  },
104
109
  items: [
105
110
  {
@@ -122,7 +127,7 @@ module.exports = {
122
127
  modals,
123
128
  language_modal: languageList,
124
129
  breadcrumbs: {
125
- attributes: new drupalAttribute().addClass(["mt-3"]),
130
+ attributes: new DrupalAttribute().addClass(["mt-3"]),
126
131
  links: [
127
132
  { label: "Home", path: "/example.html" },
128
133
  {
package/data--simple.js CHANGED
@@ -1,4 +1,4 @@
1
- const drupalAttribute = require("drupal-attribute");
1
+ const { DrupalAttribute } = require("drupal-attribute");
2
2
 
3
3
  const languageList = require("@openeuropa/bcl-language-list/data/data-modal");
4
4
  const breadcrumbs = require("@openeuropa/bcl-data-breadcrumb/data");
@@ -7,9 +7,16 @@ const modals = require("@openeuropa/bcl-data-header/data--modals");
7
7
 
8
8
  module.exports = {
9
9
  variant: "eu",
10
+ navbar_id: "header-navbar",
11
+ icon_path: "/icons.svg",
12
+ site_name: "Project name",
13
+ toggler_attributes: new DrupalAttribute().setAttribute(
14
+ "aria-label",
15
+ "Main navigation toggle",
16
+ ),
10
17
  head: {
11
- attributes: new drupalAttribute()
12
- .addClass(["w-100", "shadow-sm", "bcl-header__top-navbar"])
18
+ attributes: new DrupalAttribute()
19
+ .addClass(["w-100", "bcl-header__top-navbar"])
13
20
  .setAttribute("aria-label", "Top Navigation"),
14
21
  disable_collapse: false,
15
22
  collapse_id: "topNavbarDropdown",
@@ -39,9 +46,9 @@ module.exports = {
39
46
  name: "chat-left-dots-fill",
40
47
  size: "xs",
41
48
  path: "/icons.svg",
42
- attributes: new drupalAttribute().addClass("me-2-5"),
49
+ attributes: new DrupalAttribute().addClass("me-2-5"),
43
50
  },
44
- attributes: new drupalAttribute()
51
+ attributes: new DrupalAttribute()
45
52
  .setAttribute("data-bs-toggle", "modal")
46
53
  .setAttribute("data-bs-target", "#languageModal"),
47
54
  },
@@ -54,9 +61,9 @@ module.exports = {
54
61
  name: "person-fill",
55
62
  size: "xs",
56
63
  path: "/icons.svg",
57
- attributes: new drupalAttribute().addClass("me-2-5"),
64
+ attributes: new DrupalAttribute().addClass("me-2-5"),
58
65
  },
59
- attributes: new drupalAttribute()
66
+ attributes: new DrupalAttribute()
60
67
  .setAttribute("data-bs-toggle", "modal")
61
68
  .setAttribute("data-bs-target", "#loginModal"),
62
69
  },
@@ -68,6 +75,6 @@ module.exports = {
68
75
  language_modal: { ...languageList, variant: "eu" },
69
76
  breadcrumbs: {
70
77
  ...breadcrumbs,
71
- attributes: new drupalAttribute().addClass(["mt-3"]),
78
+ attributes: new DrupalAttribute().addClass(["mt-3"]),
72
79
  },
73
80
  };
package/data--top-navbar.js CHANGED
@@ -1,4 +1,4 @@
1
- const drupalAttribute = require("drupal-attribute");
1
+ const { DrupalAttribute } = require("drupal-attribute");
2
2
 
3
3
  module.exports = [
4
4
  {
@@ -28,9 +28,9 @@ module.exports = [
28
28
  name: "chat-left-dots-fill",
29
29
  size: "xs",
30
30
  path: "/icons.svg",
31
- attributes: new drupalAttribute().addClass("me-2-5"),
31
+ attributes: new DrupalAttribute().addClass("me-2-5"),
32
32
  },
33
- attributes: new drupalAttribute()
33
+ attributes: new DrupalAttribute()
34
34
  .setAttribute("data-bs-toggle", "modal")
35
35
  .setAttribute("data-bs-target", "#languageModal"),
36
36
  },
@@ -43,9 +43,9 @@ module.exports = [
43
43
  name: "person-fill",
44
44
  size: "xs",
45
45
  path: "/icons.svg",
46
- attributes: new drupalAttribute().addClass("me-2-5"),
46
+ attributes: new DrupalAttribute().addClass("me-2-5"),
47
47
  },
48
- attributes: new drupalAttribute()
48
+ attributes: new DrupalAttribute()
49
49
  .setAttribute("data-bs-toggle", "modal")
50
50
  .setAttribute("data-bs-target", "#loginModal"),
51
51
  },
package/data--ucpkn.js CHANGED
@@ -1,7 +1,9 @@
1
- const drupalAttribute = require("drupal-attribute");
1
+ const { DrupalAttribute } = require("drupal-attribute");
2
2
 
3
3
  module.exports = {
4
+ navbar_id: "header-navbar",
4
5
  variant: "ucpkn",
6
+ icon_path: "/icons.svg",
5
7
  site_name: "UCP Knowledge Network: Applied knowledge for action",
6
8
  light: true,
7
9
  project_logo: {
@@ -12,44 +14,10 @@ module.exports = {
12
14
  navbar: {
13
15
  color_set: "dark",
14
16
  collapse_id: "navbarNavDropdown",
15
- attributes: new drupalAttribute().addClass("bcl-header__navbar"),
16
- form: {
17
- attributes: new drupalAttribute().addClass(["d-flex", "mt-3", "mt-lg-0"]),
18
- submit: {
19
- variant: "light",
20
- assistive_text: "search",
21
- icon: {
22
- name: "search",
23
- size: "xs",
24
- path: "/icons.svg",
25
- },
26
- attributes: new drupalAttribute().addClass([
27
- "border-start-0",
28
- "rounded-0",
29
- "rounded-end",
30
- ]),
31
- },
32
- items: [
33
- [
34
- {
35
- type: "text",
36
- required: true,
37
- label: "Search",
38
- hidden_label: true,
39
- placeholder: "Search",
40
- id: "inlineFormInputGroupSearch",
41
- attributes: new drupalAttribute().addClass([
42
- "border-start-0",
43
- "rounded-0",
44
- "rounded-start",
45
- ]),
46
- },
47
- ],
48
- ],
49
- },
17
+ attributes: new DrupalAttribute().addClass("bcl-header__navbar"),
50
18
  navigation: {
51
19
  navbar: true,
52
- attributes: new drupalAttribute().addClass("me-auto"),
20
+ attributes: new DrupalAttribute().addClass("me-auto"),
53
21
  items: [
54
22
  {
55
23
  id: "navbarDropdownMenuLink",
@@ -58,7 +26,7 @@ module.exports = {
58
26
  trigger: {
59
27
  label: "Knowledge & Capacity",
60
28
  path: "/example.html",
61
- attributes: new drupalAttribute().addClass("nav-link"),
29
+ attributes: new DrupalAttribute().addClass("nav-link"),
62
30
  },
63
31
  items: [
64
32
  {
@@ -90,7 +58,7 @@ module.exports = {
90
58
  trigger: {
91
59
  label: "Science & Research",
92
60
  path: "/example.html",
93
- attributes: new drupalAttribute().addClass("nav-link"),
61
+ attributes: new DrupalAttribute().addClass("nav-link"),
94
62
  },
95
63
  items: [
96
64
  {
@@ -118,7 +86,7 @@ module.exports = {
118
86
  trigger: {
119
87
  label: "Projects",
120
88
  path: "/example.html",
121
- attributes: new drupalAttribute().addClass("nav-link"),
89
+ attributes: new DrupalAttribute().addClass("nav-link"),
122
90
  },
123
91
  items: [
124
92
  {
@@ -146,7 +114,7 @@ module.exports = {
146
114
  trigger: {
147
115
  label: "About",
148
116
  path: "#",
149
- attributes: new drupalAttribute().addClass("nav-link"),
117
+ attributes: new DrupalAttribute().addClass("nav-link"),
150
118
  },
151
119
  items: [
152
120
  {
@@ -166,9 +134,13 @@ module.exports = {
166
134
  ],
167
135
  },
168
136
  },
137
+ toggler_attributes: new DrupalAttribute().setAttribute(
138
+ "aria-label",
139
+ "Main navigation toggle",
140
+ ),
169
141
  head: {
170
- attributes: new drupalAttribute()
171
- .addClass(["w-100", "shadow-sm"])
142
+ attributes: new DrupalAttribute()
143
+ .addClass(["w-100"])
172
144
  .setAttribute("aria-label", "Top Navigation"),
173
145
  disable_collapse: true,
174
146
  brand: {
package/data.js CHANGED
@@ -1,4 +1,4 @@
1
- const drupalAttribute = require("drupal-attribute");
1
+ const { DrupalAttribute } = require("drupal-attribute");
2
2
 
3
3
  const languageList = require("@openeuropa/bcl-language-list/data/data-modal");
4
4
  const breadcrumbs = require("@openeuropa/bcl-data-breadcrumb/data");
@@ -7,16 +7,18 @@ const navbar = require("@openeuropa/bcl-data-header/data--navbar");
7
7
  const modals = require("@openeuropa/bcl-data-header/data--modals");
8
8
 
9
9
  module.exports = {
10
+ navbar_id: "header-navbar",
10
11
  variant: "eu",
11
12
  site_name: "Project name",
13
+ icon_path: "/icons.svg",
12
14
  project_logo: {
13
15
  path: "https://inno-ecl.s3.amazonaws.com/media/examples/placeholder.svg",
14
16
  classes: "d-none d-lg-inline-block",
15
17
  alt: "project logo",
16
18
  },
17
19
  head: {
18
- attributes: new drupalAttribute()
19
- .addClass(["w-100", "shadow-sm", "bcl-header__top-navbar"])
20
+ attributes: new DrupalAttribute()
21
+ .addClass(["w-100", "bcl-header__top-navbar"])
20
22
  .setAttribute("aria-label", "Top Navigation"),
21
23
  disable_collapse: false,
22
24
  collapse_id: "topNavbarDropdown",
@@ -41,9 +43,13 @@ module.exports = {
41
43
  },
42
44
  navbar,
43
45
  modals,
46
+ toggler_attributes: new DrupalAttribute().setAttribute(
47
+ "aria-label",
48
+ "Main navigation toggle",
49
+ ),
44
50
  language_modal: { ...languageList, variant: "eu" },
45
51
  breadcrumbs: {
46
52
  ...breadcrumbs,
47
- attributes: new drupalAttribute().addClass(["mt-3"]),
53
+ attributes: new DrupalAttribute().addClass(["mt-3"]),
48
54
  },
49
55
  };
package/package.json CHANGED
@@ -2,14 +2,14 @@
2
2
  "name": "@openeuropa/bcl-data-header",
3
3
  "author": "European Commission",
4
4
  "license": "EUPL-1.2",
5
- "version": "0.3728.202505270730",
5
+ "version": "0.3732.202601071600",
6
6
  "description": "OE header data",
7
7
  "publishConfig": {
8
8
  "access": "public"
9
9
  },
10
10
  "dependencies": {
11
- "@openeuropa/bcl-data-breadcrumb": "^0.3728.202505270730",
12
- "@openeuropa/bcl-language-list": "^0.3728.202505270730"
11
+ "@openeuropa/bcl-data-breadcrumb": "^0.3732.202601071600",
12
+ "@openeuropa/bcl-language-list": "^0.3732.202601071600"
13
13
  },
14
14
  "repository": {
15
15
  "type": "git",
@@ -24,5 +24,5 @@
24
24
  "component-library",
25
25
  "design-system"
26
26
  ],
27
- "gitHead": "80b0cb3a93156a654fdfb92b9835d631d30eeb0a"
27
+ "gitHead": "253e588bbc9fd4d20ced38c9384b70636725f2c6"
28
28
  }