@openeuropa/bcl-subscription 0.4298.202511051800 → 0.4360.202601141610
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.
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
exports[`OE - Subscription renders correctly 1`] = `
|
|
4
4
|
<jest>
|
|
5
5
|
<header
|
|
6
|
-
class="bcl-header bcl-header--eu"
|
|
6
|
+
class="bcl-header bcl-header--eu shadow-sm"
|
|
7
7
|
>
|
|
8
8
|
<nav
|
|
9
9
|
aria-label="Top Navigation"
|
|
10
|
-
class="w-100
|
|
10
|
+
class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
|
|
11
11
|
>
|
|
12
12
|
<div
|
|
13
13
|
class="container"
|
|
@@ -30,19 +30,44 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
30
30
|
<button
|
|
31
31
|
aria-controls="header-navbar"
|
|
32
32
|
aria-expanded="false"
|
|
33
|
-
aria-label="
|
|
34
|
-
class="navbar-toggler
|
|
33
|
+
aria-label="Main navigation toggle"
|
|
34
|
+
class="bcl-navbar-toggler d-lg-none"
|
|
35
35
|
data-bs-target="#header-navbar"
|
|
36
36
|
data-bs-toggle="collapse"
|
|
37
37
|
type="button"
|
|
38
38
|
>
|
|
39
|
-
<
|
|
40
|
-
class="
|
|
41
|
-
|
|
39
|
+
<svg
|
|
40
|
+
class="default-icon bi icon--fluid"
|
|
41
|
+
>
|
|
42
|
+
<use
|
|
43
|
+
xlink:href="/icons.svg#list"
|
|
44
|
+
/>
|
|
45
|
+
</svg>
|
|
46
|
+
<svg
|
|
47
|
+
class="active-icon bi icon--fluid"
|
|
48
|
+
>
|
|
49
|
+
<use
|
|
50
|
+
xlink:href="/icons.svg#x"
|
|
51
|
+
/>
|
|
52
|
+
</svg>
|
|
42
53
|
</button>
|
|
43
54
|
</div>
|
|
44
55
|
</nav>
|
|
45
|
-
<!--
|
|
56
|
+
<!-- site name -->
|
|
57
|
+
<div
|
|
58
|
+
class="bcl-header__site-name"
|
|
59
|
+
id="site-name-heading"
|
|
60
|
+
>
|
|
61
|
+
<div
|
|
62
|
+
class="container"
|
|
63
|
+
>
|
|
64
|
+
<span
|
|
65
|
+
class="h5 py-3-5 border-top-subtle mb-0 d-block"
|
|
66
|
+
>
|
|
67
|
+
Project name
|
|
68
|
+
</span>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
46
71
|
<!-- navbar -->
|
|
47
72
|
<nav
|
|
48
73
|
aria-label="Main Navigation"
|
|
@@ -147,267 +172,349 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
147
172
|
<div
|
|
148
173
|
class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
|
|
149
174
|
>
|
|
150
|
-
|
|
151
|
-
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
<div
|
|
178
|
+
class="__submenu_body"
|
|
152
179
|
>
|
|
153
|
-
|
|
154
|
-
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
<ul
|
|
183
|
+
class="bcl-mega-menu__items __level-1"
|
|
155
184
|
>
|
|
156
|
-
<
|
|
157
|
-
|
|
158
|
-
aria-expanded="false"
|
|
159
|
-
aria-haspopup="menu"
|
|
160
|
-
class="active"
|
|
161
|
-
id="custom-trigger-mm-1"
|
|
162
|
-
type="button"
|
|
185
|
+
<li
|
|
186
|
+
class="__parent"
|
|
163
187
|
>
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
>
|
|
172
|
-
<div
|
|
173
|
-
class="__header"
|
|
188
|
+
<button
|
|
189
|
+
aria-controls="mm-panel-custom-trigger-mm-1"
|
|
190
|
+
aria-expanded="false"
|
|
191
|
+
aria-haspopup="menu"
|
|
192
|
+
class="active"
|
|
193
|
+
id="custom-trigger-mm-1"
|
|
194
|
+
type="button"
|
|
174
195
|
>
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
196
|
+
Base Category Item
|
|
197
|
+
</button>
|
|
198
|
+
<div
|
|
199
|
+
aria-labelledby="custom-trigger-mm-1"
|
|
200
|
+
class="bcl-mega-menu__submenu __level-2"
|
|
201
|
+
hidden
|
|
202
|
+
id="mm-panel-custom-trigger-mm-1"
|
|
203
|
+
role="group"
|
|
183
204
|
>
|
|
184
|
-
<
|
|
185
|
-
class="
|
|
186
|
-
>
|
|
187
|
-
<a
|
|
188
|
-
class="active"
|
|
189
|
-
href="/example.html"
|
|
190
|
-
>
|
|
191
|
-
Base Sub Category Item
|
|
192
|
-
</a>
|
|
193
|
-
</li>
|
|
194
|
-
<li
|
|
195
|
-
class="__leaf"
|
|
196
|
-
>
|
|
197
|
-
<a
|
|
198
|
-
href="/example.html"
|
|
199
|
-
>
|
|
200
|
-
Base Sub Category Item
|
|
201
|
-
</a>
|
|
202
|
-
</li>
|
|
203
|
-
<li
|
|
204
|
-
class="__leaf"
|
|
205
|
+
<div
|
|
206
|
+
class="__header"
|
|
205
207
|
>
|
|
206
|
-
<
|
|
207
|
-
|
|
208
|
+
<p
|
|
209
|
+
class="__label"
|
|
208
210
|
>
|
|
209
|
-
Base
|
|
210
|
-
</
|
|
211
|
-
</
|
|
212
|
-
|
|
213
|
-
|
|
211
|
+
Base Category Item
|
|
212
|
+
</p>
|
|
213
|
+
</div>
|
|
214
|
+
|
|
215
|
+
<div
|
|
216
|
+
class="__submenu_body"
|
|
214
217
|
>
|
|
215
|
-
<
|
|
216
|
-
|
|
218
|
+
<ul
|
|
219
|
+
class="bcl-mega-menu__items __level-2"
|
|
217
220
|
>
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
221
|
+
<li
|
|
222
|
+
class="__leaf"
|
|
223
|
+
>
|
|
224
|
+
<a
|
|
225
|
+
class="active"
|
|
226
|
+
href="/example.html"
|
|
227
|
+
>
|
|
228
|
+
Base Sub Category Item
|
|
229
|
+
</a>
|
|
230
|
+
</li>
|
|
231
|
+
<li
|
|
232
|
+
class="__leaf"
|
|
233
|
+
>
|
|
234
|
+
<a
|
|
235
|
+
href="/example.html"
|
|
236
|
+
>
|
|
237
|
+
Base Sub Category Item
|
|
238
|
+
</a>
|
|
239
|
+
</li>
|
|
240
|
+
<li
|
|
241
|
+
class="__leaf"
|
|
242
|
+
>
|
|
243
|
+
<a
|
|
244
|
+
href="/example.html"
|
|
245
|
+
>
|
|
246
|
+
Base Sub Category Item
|
|
247
|
+
</a>
|
|
248
|
+
</li>
|
|
249
|
+
<li
|
|
250
|
+
class="__leaf"
|
|
251
|
+
>
|
|
252
|
+
<a
|
|
253
|
+
href="/example.html"
|
|
254
|
+
>
|
|
255
|
+
Base Sub Category Item
|
|
256
|
+
</a>
|
|
257
|
+
</li>
|
|
258
|
+
<li
|
|
259
|
+
class="__leaf"
|
|
260
|
+
>
|
|
261
|
+
<a
|
|
262
|
+
href="/example.html"
|
|
263
|
+
>
|
|
264
|
+
Base Sub Category Item
|
|
265
|
+
</a>
|
|
266
|
+
</li>
|
|
267
|
+
<li
|
|
268
|
+
class="__leaf"
|
|
269
|
+
>
|
|
270
|
+
<a
|
|
271
|
+
href="/example.html"
|
|
272
|
+
>
|
|
273
|
+
Base Sub Category Item
|
|
274
|
+
</a>
|
|
275
|
+
</li>
|
|
276
|
+
<li
|
|
277
|
+
class="__leaf"
|
|
278
|
+
>
|
|
279
|
+
<a
|
|
280
|
+
href="/example.html"
|
|
281
|
+
>
|
|
282
|
+
Base Sub Category Item
|
|
283
|
+
</a>
|
|
284
|
+
</li>
|
|
285
|
+
<li
|
|
286
|
+
class="__leaf"
|
|
287
|
+
>
|
|
288
|
+
<a
|
|
289
|
+
href="/example.html"
|
|
290
|
+
>
|
|
291
|
+
Base Sub Category Item
|
|
292
|
+
</a>
|
|
293
|
+
</li>
|
|
294
|
+
<li
|
|
295
|
+
class="__leaf"
|
|
296
|
+
>
|
|
297
|
+
<a
|
|
298
|
+
href="/example.html"
|
|
299
|
+
>
|
|
300
|
+
Base Sub Category Item
|
|
301
|
+
</a>
|
|
302
|
+
</li>
|
|
303
|
+
<li
|
|
304
|
+
class="__leaf"
|
|
305
|
+
>
|
|
306
|
+
<a
|
|
307
|
+
href="/example.html"
|
|
308
|
+
>
|
|
309
|
+
Base Sub Category Item
|
|
310
|
+
</a>
|
|
311
|
+
</li>
|
|
312
|
+
</ul>
|
|
313
|
+
<div
|
|
314
|
+
class="__see_all"
|
|
228
315
|
>
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
class="
|
|
316
|
+
|
|
317
|
+
|
|
318
|
+
<a
|
|
319
|
+
aria-label="See all items in ‘Base Category Item’"
|
|
320
|
+
class="see-all-button"
|
|
321
|
+
href="/example.html"
|
|
234
322
|
>
|
|
235
|
-
<
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
aria-controls="mm-panel-custom-trigger-mm-2"
|
|
256
|
-
aria-expanded="false"
|
|
257
|
-
aria-haspopup="menu"
|
|
258
|
-
id="custom-trigger-mm-2"
|
|
259
|
-
type="button"
|
|
323
|
+
<span>
|
|
324
|
+
See all
|
|
325
|
+
</span>
|
|
326
|
+
<svg
|
|
327
|
+
class="ms-2-5 bi icon--xs"
|
|
328
|
+
>
|
|
329
|
+
<use
|
|
330
|
+
xlink:href="/icons.svg#arrow-right"
|
|
331
|
+
/>
|
|
332
|
+
</svg>
|
|
333
|
+
</a>
|
|
334
|
+
|
|
335
|
+
</div>
|
|
336
|
+
</div>
|
|
337
|
+
|
|
338
|
+
|
|
339
|
+
</div>
|
|
340
|
+
</li>
|
|
341
|
+
<li
|
|
342
|
+
class="__leaf"
|
|
260
343
|
>
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
role="group"
|
|
344
|
+
<span>
|
|
345
|
+
Base Category Item
|
|
346
|
+
</span>
|
|
347
|
+
</li>
|
|
348
|
+
<li
|
|
349
|
+
class="__parent"
|
|
268
350
|
>
|
|
269
|
-
<
|
|
270
|
-
|
|
351
|
+
<button
|
|
352
|
+
aria-controls="mm-panel-custom-trigger-mm-2"
|
|
353
|
+
aria-expanded="false"
|
|
354
|
+
aria-haspopup="menu"
|
|
355
|
+
id="custom-trigger-mm-2"
|
|
356
|
+
type="button"
|
|
271
357
|
>
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
358
|
+
Base Category Item
|
|
359
|
+
</button>
|
|
360
|
+
<div
|
|
361
|
+
aria-labelledby="custom-trigger-mm-2"
|
|
362
|
+
class="bcl-mega-menu__submenu __level-2"
|
|
363
|
+
hidden
|
|
364
|
+
id="mm-panel-custom-trigger-mm-2"
|
|
365
|
+
role="group"
|
|
280
366
|
>
|
|
281
|
-
<
|
|
282
|
-
class="
|
|
283
|
-
>
|
|
284
|
-
<a
|
|
285
|
-
href="/example.html"
|
|
286
|
-
>
|
|
287
|
-
Base Sub Category Item
|
|
288
|
-
</a>
|
|
289
|
-
</li>
|
|
290
|
-
<li
|
|
291
|
-
class="__leaf"
|
|
292
|
-
>
|
|
293
|
-
<a
|
|
294
|
-
href="/example.html"
|
|
295
|
-
>
|
|
296
|
-
Base Sub Category Item
|
|
297
|
-
</a>
|
|
298
|
-
</li>
|
|
299
|
-
<li
|
|
300
|
-
class="__leaf"
|
|
301
|
-
>
|
|
302
|
-
<a
|
|
303
|
-
href="/example.html"
|
|
304
|
-
>
|
|
305
|
-
Base Sub Category Item
|
|
306
|
-
</a>
|
|
307
|
-
</li>
|
|
308
|
-
<li
|
|
309
|
-
class="__leaf"
|
|
310
|
-
>
|
|
311
|
-
<a
|
|
312
|
-
href="/example.html"
|
|
313
|
-
>
|
|
314
|
-
Base Sub Category Item
|
|
315
|
-
</a>
|
|
316
|
-
</li>
|
|
317
|
-
<li
|
|
318
|
-
class="__leaf"
|
|
319
|
-
>
|
|
320
|
-
<a
|
|
321
|
-
href="/example.html"
|
|
322
|
-
>
|
|
323
|
-
Base Sub Category Item
|
|
324
|
-
</a>
|
|
325
|
-
</li>
|
|
326
|
-
<li
|
|
327
|
-
class="__leaf"
|
|
367
|
+
<div
|
|
368
|
+
class="__header"
|
|
328
369
|
>
|
|
329
|
-
<
|
|
330
|
-
|
|
370
|
+
<p
|
|
371
|
+
class="__label"
|
|
331
372
|
>
|
|
332
|
-
Base
|
|
333
|
-
</
|
|
334
|
-
</
|
|
335
|
-
|
|
336
|
-
|
|
373
|
+
Base Category Item
|
|
374
|
+
</p>
|
|
375
|
+
</div>
|
|
376
|
+
|
|
377
|
+
<div
|
|
378
|
+
class="__submenu_body"
|
|
337
379
|
>
|
|
338
|
-
<
|
|
339
|
-
|
|
380
|
+
<ul
|
|
381
|
+
class="bcl-mega-menu__items __level-2"
|
|
340
382
|
>
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
383
|
+
<li
|
|
384
|
+
class="__leaf"
|
|
385
|
+
>
|
|
386
|
+
<a
|
|
387
|
+
href="/example.html"
|
|
388
|
+
>
|
|
389
|
+
Base Sub Category Item
|
|
390
|
+
</a>
|
|
391
|
+
</li>
|
|
392
|
+
<li
|
|
393
|
+
class="__leaf"
|
|
394
|
+
>
|
|
395
|
+
<a
|
|
396
|
+
href="/example.html"
|
|
397
|
+
>
|
|
398
|
+
Base Sub Category Item
|
|
399
|
+
</a>
|
|
400
|
+
</li>
|
|
401
|
+
<li
|
|
402
|
+
class="__leaf"
|
|
403
|
+
>
|
|
404
|
+
<a
|
|
405
|
+
href="/example.html"
|
|
406
|
+
>
|
|
407
|
+
Base Sub Category Item
|
|
408
|
+
</a>
|
|
409
|
+
</li>
|
|
410
|
+
<li
|
|
411
|
+
class="__leaf"
|
|
412
|
+
>
|
|
413
|
+
<a
|
|
414
|
+
href="/example.html"
|
|
415
|
+
>
|
|
416
|
+
Base Sub Category Item
|
|
417
|
+
</a>
|
|
418
|
+
</li>
|
|
419
|
+
<li
|
|
420
|
+
class="__leaf"
|
|
421
|
+
>
|
|
422
|
+
<a
|
|
423
|
+
href="/example.html"
|
|
424
|
+
>
|
|
425
|
+
Base Sub Category Item
|
|
426
|
+
</a>
|
|
427
|
+
</li>
|
|
428
|
+
<li
|
|
429
|
+
class="__leaf"
|
|
430
|
+
>
|
|
431
|
+
<a
|
|
432
|
+
href="/example.html"
|
|
433
|
+
>
|
|
434
|
+
Base Sub Category Item
|
|
435
|
+
</a>
|
|
436
|
+
</li>
|
|
437
|
+
<li
|
|
438
|
+
class="__leaf"
|
|
439
|
+
>
|
|
440
|
+
<a
|
|
441
|
+
href="/example.html"
|
|
442
|
+
>
|
|
443
|
+
Base Sub Category Item
|
|
444
|
+
</a>
|
|
445
|
+
</li>
|
|
446
|
+
<li
|
|
447
|
+
class="__leaf"
|
|
448
|
+
>
|
|
449
|
+
<a
|
|
450
|
+
href="/example.html"
|
|
451
|
+
>
|
|
452
|
+
Base Sub Category Item
|
|
453
|
+
</a>
|
|
454
|
+
</li>
|
|
455
|
+
</ul>
|
|
456
|
+
</div>
|
|
457
|
+
|
|
458
|
+
|
|
459
|
+
</div>
|
|
460
|
+
</li>
|
|
461
|
+
<li
|
|
462
|
+
class="__leaf"
|
|
361
463
|
>
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
<
|
|
369
|
-
|
|
464
|
+
<a
|
|
465
|
+
href="/example.html"
|
|
466
|
+
>
|
|
467
|
+
Base Category Item
|
|
468
|
+
</a>
|
|
469
|
+
</li>
|
|
470
|
+
<li
|
|
471
|
+
class="__leaf"
|
|
370
472
|
>
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
<
|
|
378
|
-
|
|
473
|
+
<a
|
|
474
|
+
href="/example.html"
|
|
475
|
+
>
|
|
476
|
+
Base Category Item
|
|
477
|
+
</a>
|
|
478
|
+
</li>
|
|
479
|
+
<li
|
|
480
|
+
class="__leaf"
|
|
379
481
|
>
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
<
|
|
387
|
-
|
|
482
|
+
<a
|
|
483
|
+
href="/example.html"
|
|
484
|
+
>
|
|
485
|
+
Base Category Item
|
|
486
|
+
</a>
|
|
487
|
+
</li>
|
|
488
|
+
<li
|
|
489
|
+
class="__leaf"
|
|
388
490
|
>
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
<
|
|
396
|
-
|
|
491
|
+
<a
|
|
492
|
+
href="/example.html"
|
|
493
|
+
>
|
|
494
|
+
Base Category Item
|
|
495
|
+
</a>
|
|
496
|
+
</li>
|
|
497
|
+
<li
|
|
498
|
+
class="__leaf"
|
|
397
499
|
>
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
<
|
|
405
|
-
|
|
500
|
+
<a
|
|
501
|
+
href="/example.html"
|
|
502
|
+
>
|
|
503
|
+
Base Category Item
|
|
504
|
+
</a>
|
|
505
|
+
</li>
|
|
506
|
+
<li
|
|
507
|
+
class="__leaf"
|
|
406
508
|
>
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
509
|
+
<a
|
|
510
|
+
href="/example.html"
|
|
511
|
+
>
|
|
512
|
+
Base Category Item
|
|
513
|
+
</a>
|
|
514
|
+
</li>
|
|
515
|
+
</ul>
|
|
516
|
+
|
|
517
|
+
</div>
|
|
411
518
|
</div>
|
|
412
519
|
</div>
|
|
413
520
|
</div>
|
|
@@ -497,64 +604,104 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
497
604
|
</li>
|
|
498
605
|
</ul>
|
|
499
606
|
</li>
|
|
500
|
-
</ul>
|
|
501
|
-
</div>
|
|
502
|
-
</nav>
|
|
503
|
-
<!-- breadcrumbs -->
|
|
504
|
-
<div
|
|
505
|
-
class="container"
|
|
506
|
-
>
|
|
507
|
-
<nav
|
|
508
|
-
aria-label="breadcrumb"
|
|
509
|
-
class="mt-3"
|
|
510
|
-
>
|
|
511
|
-
<ol
|
|
512
|
-
class="breadcrumb"
|
|
513
|
-
>
|
|
514
607
|
<li
|
|
515
|
-
class="
|
|
608
|
+
class="nav-item"
|
|
516
609
|
>
|
|
517
610
|
<a
|
|
611
|
+
class="nav-link"
|
|
518
612
|
href="/example.html"
|
|
519
613
|
>
|
|
520
|
-
|
|
614
|
+
Item 04
|
|
521
615
|
</a>
|
|
522
616
|
</li>
|
|
523
617
|
<li
|
|
524
|
-
class="
|
|
618
|
+
class="nav-item"
|
|
525
619
|
>
|
|
526
620
|
<a
|
|
621
|
+
class="nav-link"
|
|
527
622
|
href="/example.html"
|
|
528
623
|
>
|
|
529
|
-
|
|
624
|
+
Item 05
|
|
530
625
|
</a>
|
|
531
626
|
</li>
|
|
532
627
|
<li
|
|
533
|
-
class="
|
|
628
|
+
class="nav-item"
|
|
534
629
|
>
|
|
535
630
|
<a
|
|
631
|
+
class="nav-link"
|
|
536
632
|
href="/example.html"
|
|
537
633
|
>
|
|
538
|
-
|
|
539
|
-
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
|
|
540
|
-
>
|
|
541
|
-
<use
|
|
542
|
-
xlink:href="/icons.svg#arrow-left"
|
|
543
|
-
/>
|
|
544
|
-
</svg>
|
|
545
|
-
About the European Union
|
|
634
|
+
Item 06
|
|
546
635
|
</a>
|
|
547
636
|
</li>
|
|
548
637
|
<li
|
|
549
|
-
|
|
550
|
-
class="breadcrumb-item d-none d-md-block active"
|
|
638
|
+
class="nav-item"
|
|
551
639
|
>
|
|
552
|
-
|
|
640
|
+
<a
|
|
641
|
+
class="nav-link"
|
|
642
|
+
href="/example.html"
|
|
643
|
+
>
|
|
644
|
+
Item 07
|
|
645
|
+
</a>
|
|
553
646
|
</li>
|
|
554
|
-
</
|
|
555
|
-
</
|
|
556
|
-
</
|
|
647
|
+
</ul>
|
|
648
|
+
</div>
|
|
649
|
+
</nav>
|
|
557
650
|
</header>
|
|
651
|
+
<!-- breadcrumbs -->
|
|
652
|
+
<div
|
|
653
|
+
class="container"
|
|
654
|
+
>
|
|
655
|
+
<nav
|
|
656
|
+
aria-label="breadcrumb"
|
|
657
|
+
class="mt-3"
|
|
658
|
+
>
|
|
659
|
+
<ol
|
|
660
|
+
class="breadcrumb"
|
|
661
|
+
>
|
|
662
|
+
<li
|
|
663
|
+
class="breadcrumb-item d-none d-md-block"
|
|
664
|
+
>
|
|
665
|
+
<a
|
|
666
|
+
href="/example.html"
|
|
667
|
+
>
|
|
668
|
+
Home
|
|
669
|
+
</a>
|
|
670
|
+
</li>
|
|
671
|
+
<li
|
|
672
|
+
class="breadcrumb-item d-none d-md-block"
|
|
673
|
+
>
|
|
674
|
+
<a
|
|
675
|
+
href="/example.html"
|
|
676
|
+
>
|
|
677
|
+
European Union
|
|
678
|
+
</a>
|
|
679
|
+
</li>
|
|
680
|
+
<li
|
|
681
|
+
class="breadcrumb-item"
|
|
682
|
+
>
|
|
683
|
+
<a
|
|
684
|
+
href="/example.html"
|
|
685
|
+
>
|
|
686
|
+
<svg
|
|
687
|
+
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
|
|
688
|
+
>
|
|
689
|
+
<use
|
|
690
|
+
xlink:href="/icons.svg#arrow-left"
|
|
691
|
+
/>
|
|
692
|
+
</svg>
|
|
693
|
+
About the European Union
|
|
694
|
+
</a>
|
|
695
|
+
</li>
|
|
696
|
+
<li
|
|
697
|
+
aria-current="page"
|
|
698
|
+
class="breadcrumb-item d-none d-md-block active"
|
|
699
|
+
>
|
|
700
|
+
News
|
|
701
|
+
</li>
|
|
702
|
+
</ol>
|
|
703
|
+
</nav>
|
|
704
|
+
</div>
|
|
558
705
|
<div
|
|
559
706
|
aria-hidden="true"
|
|
560
707
|
aria-label="loginModalLabel"
|
|
@@ -577,6 +724,8 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
577
724
|
>
|
|
578
725
|
Log in
|
|
579
726
|
</h5>
|
|
727
|
+
|
|
728
|
+
|
|
580
729
|
<button
|
|
581
730
|
aria-label="Close"
|
|
582
731
|
class="btn-close"
|
|
@@ -590,15 +739,21 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
590
739
|
<h5>
|
|
591
740
|
Disclaimer 1
|
|
592
741
|
</h5>
|
|
742
|
+
|
|
743
|
+
|
|
593
744
|
<p>
|
|
594
745
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
595
746
|
<br />
|
|
596
747
|
Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa.
|
|
597
748
|
<br />
|
|
598
749
|
</p>
|
|
750
|
+
|
|
751
|
+
|
|
599
752
|
<h5>
|
|
600
753
|
Disclaimer 2
|
|
601
754
|
</h5>
|
|
755
|
+
|
|
756
|
+
|
|
602
757
|
<p>
|
|
603
758
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
604
759
|
<br />
|
|
@@ -616,6 +771,8 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
616
771
|
>
|
|
617
772
|
Close
|
|
618
773
|
</button>
|
|
774
|
+
|
|
775
|
+
|
|
619
776
|
<button
|
|
620
777
|
class="btn btn-primary"
|
|
621
778
|
type="button"
|
|
@@ -1030,6 +1187,7 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1030
1187
|
<br />
|
|
1031
1188
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
1032
1189
|
<br />
|
|
1190
|
+
|
|
1033
1191
|
<br />
|
|
1034
1192
|
Duis fermentum facilisis ex, ac porta massa.
|
|
1035
1193
|
</p>
|
|
@@ -1051,9 +1209,13 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1051
1209
|
</div>
|
|
1052
1210
|
</div>
|
|
1053
1211
|
</article>
|
|
1212
|
+
|
|
1213
|
+
|
|
1054
1214
|
<div
|
|
1055
1215
|
class="d-flex justify-content-end mt-2 align-items-center"
|
|
1056
1216
|
>
|
|
1217
|
+
|
|
1218
|
+
|
|
1057
1219
|
<button
|
|
1058
1220
|
class="me-3 btn btn-outline-primary btn-md"
|
|
1059
1221
|
type="button"
|
|
@@ -1067,6 +1229,8 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1067
1229
|
</svg>
|
|
1068
1230
|
Print
|
|
1069
1231
|
</button>
|
|
1232
|
+
|
|
1233
|
+
|
|
1070
1234
|
<button
|
|
1071
1235
|
class="btn btn-outline-primary btn-md"
|
|
1072
1236
|
data-bs-target="#subscribeModal"
|
|
@@ -1082,6 +1246,8 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1082
1246
|
</svg>
|
|
1083
1247
|
Subscribe
|
|
1084
1248
|
</button>
|
|
1249
|
+
|
|
1250
|
+
|
|
1085
1251
|
</div>
|
|
1086
1252
|
</div>
|
|
1087
1253
|
</div>
|
|
@@ -1106,7 +1272,7 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1106
1272
|
id="bcl-inpage-navigation-dropdown"
|
|
1107
1273
|
type="button"
|
|
1108
1274
|
>
|
|
1109
|
-
|
|
1275
|
+
Page content
|
|
1110
1276
|
<svg
|
|
1111
1277
|
class="bi icon--s"
|
|
1112
1278
|
>
|
|
@@ -1158,26 +1324,42 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1158
1324
|
>
|
|
1159
1325
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper, a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet, posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel. Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
|
|
1160
1326
|
</p>
|
|
1327
|
+
|
|
1328
|
+
|
|
1161
1329
|
<p>
|
|
1162
1330
|
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras facilisis enim non nisi hendrerit laoreet. Vestibulum id facilisis augue, vitae faucibus justo. Etiam congue malesuada urna vitae suscipit. Mauris a varius leo. Nulla vel facilisis lacus. Suspendisse semper velit sit amet purus egestas, sit amet ullamcorper enim egestas. Vestibulum at lacus at purus ornare auctor nec consequat velit. Pellentesque iaculis sit amet nulla at rutrum.
|
|
1163
1331
|
</p>
|
|
1332
|
+
|
|
1333
|
+
|
|
1164
1334
|
<ul>
|
|
1335
|
+
|
|
1336
|
+
|
|
1165
1337
|
<li>
|
|
1166
1338
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
1167
1339
|
</li>
|
|
1340
|
+
|
|
1341
|
+
|
|
1168
1342
|
<li>
|
|
1169
1343
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
1170
1344
|
</li>
|
|
1345
|
+
|
|
1346
|
+
|
|
1171
1347
|
<li>
|
|
1172
1348
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
1173
1349
|
</li>
|
|
1350
|
+
|
|
1351
|
+
|
|
1174
1352
|
</ul>
|
|
1353
|
+
|
|
1354
|
+
|
|
1175
1355
|
<h2
|
|
1176
1356
|
class="my-4"
|
|
1177
1357
|
id="subheading"
|
|
1178
1358
|
>
|
|
1179
1359
|
Sub heading
|
|
1180
1360
|
</h2>
|
|
1361
|
+
|
|
1362
|
+
|
|
1181
1363
|
<p>
|
|
1182
1364
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
1183
1365
|
<br />
|
|
@@ -1185,6 +1367,8 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1185
1367
|
<br />
|
|
1186
1368
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa.
|
|
1187
1369
|
</p>
|
|
1370
|
+
|
|
1371
|
+
|
|
1188
1372
|
<p>
|
|
1189
1373
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
1190
1374
|
<br />
|
|
@@ -1192,6 +1376,7 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1192
1376
|
<br />
|
|
1193
1377
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
1194
1378
|
<br />
|
|
1379
|
+
|
|
1195
1380
|
<br />
|
|
1196
1381
|
Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa.
|
|
1197
1382
|
<br />
|
|
@@ -1314,7 +1499,7 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1314
1499
|
>
|
|
1315
1500
|
<form
|
|
1316
1501
|
class="needs-validation"
|
|
1317
|
-
novalidate
|
|
1502
|
+
novalidate
|
|
1318
1503
|
onsubmit="return false;"
|
|
1319
1504
|
>
|
|
1320
1505
|
<fieldset>
|
|
@@ -1337,7 +1522,7 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1337
1522
|
<input
|
|
1338
1523
|
class="form-control"
|
|
1339
1524
|
placeholder="Type in your e-mail address"
|
|
1340
|
-
required
|
|
1525
|
+
required
|
|
1341
1526
|
type="email"
|
|
1342
1527
|
/>
|
|
1343
1528
|
<div
|
|
@@ -1358,12 +1543,12 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1358
1543
|
<select
|
|
1359
1544
|
class="form-select"
|
|
1360
1545
|
id="language-select"
|
|
1361
|
-
required
|
|
1546
|
+
required
|
|
1362
1547
|
>
|
|
1363
1548
|
<option
|
|
1364
|
-
disabled
|
|
1365
|
-
hidden
|
|
1366
|
-
selected
|
|
1549
|
+
disabled
|
|
1550
|
+
hidden
|
|
1551
|
+
selected
|
|
1367
1552
|
value=""
|
|
1368
1553
|
>
|
|
1369
1554
|
Please select a language
|
|
@@ -1404,7 +1589,7 @@ exports[`OE - Subscription renders correctly 1`] = `
|
|
|
1404
1589
|
<input
|
|
1405
1590
|
class="form-check-input"
|
|
1406
1591
|
id="exampleInputCheck1"
|
|
1407
|
-
required
|
|
1592
|
+
required
|
|
1408
1593
|
type="checkbox"
|
|
1409
1594
|
/>
|
|
1410
1595
|
<label
|
package/package.json
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
"name": "@openeuropa/bcl-subscription",
|
|
3
3
|
"author": "European Commission",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
|
-
"version": "0.
|
|
5
|
+
"version": "0.4360.202601141610",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
8
8
|
},
|
|
9
9
|
"description": "OE - BCL subscription",
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@openeuropa/bcl-subscription-block": "^0.
|
|
11
|
+
"@openeuropa/bcl-subscription-block": "^0.4360.202601141610"
|
|
12
12
|
},
|
|
13
13
|
"repository": {
|
|
14
14
|
"type": "git",
|
|
@@ -24,5 +24,5 @@
|
|
|
24
24
|
"design-system",
|
|
25
25
|
"twig"
|
|
26
26
|
],
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "2caf9255f88587416f6e83e572a1f20e4cf206f5"
|
|
28
28
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{% extends "@oe-bcl/bcl-modal/modal.html.twig" %}
|
|
2
2
|
|
|
3
|
-
{
|
|
3
|
+
{#- Parameters:
|
|
4
4
|
- form: (form object) (default: {})
|
|
5
5
|
- success_alert: (alert object) (default: {})
|
|
6
6
|
- error_alert: (alert Object) (default: {})
|
|
@@ -10,15 +10,15 @@
|
|
|
10
10
|
- messages
|
|
11
11
|
#}
|
|
12
12
|
|
|
13
|
-
{
|
|
13
|
+
{%- set _form = form|default({}) %}
|
|
14
14
|
{% set _success_alert = success_alert|default({}) %}
|
|
15
15
|
{% set _error_alert = error_alert|default({}) %}
|
|
16
16
|
|
|
17
|
-
{
|
|
18
|
-
{
|
|
17
|
+
{%- block body %}
|
|
18
|
+
{%- include '@oe-bcl/bcl-form/form.html.twig' with _form only %}
|
|
19
19
|
{% endblock %}
|
|
20
20
|
|
|
21
|
-
{
|
|
22
|
-
{
|
|
23
|
-
{
|
|
21
|
+
{%- block messages %}
|
|
22
|
+
{%- include '@oe-bcl/bcl-alert/alert.html.twig' with _success_alert only %}
|
|
23
|
+
{%- include '@oe-bcl/bcl-alert/alert.html.twig' with _error_alert only %}
|
|
24
24
|
{% endblock %}
|
package/subscription.html.twig
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
|
|
2
2
|
|
|
3
3
|
{%- block sidebar %}
|
|
4
|
-
{
|
|
4
|
+
{%- include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
|
|
5
5
|
{%- endblock -%}
|
|
6
6
|
|
|
7
7
|
{%- block content_bottom %}
|
|
8
|
-
{
|
|
9
|
-
{
|
|
8
|
+
{%- include '@oe-bcl/bcl-subscription-block/subscription-block.html.twig' with subscription only %}
|
|
9
|
+
{%- include '@oe-bcl/bcl-subscription/subscription-modal.html.twig' with modal only %}
|
|
10
10
|
{%- endblock -%}
|