desy-html 4.2.1 → 4.3.0
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.
- package/docs/_include.template-header.njk +47 -47
- package/docs/ds/_ds.example.header.njk +1 -1
- package/docs/ds/_ds.example.menubar-en-uso.njk +6 -18
- package/docs/ds/_ds.example.menubar-variaciones.njk +51 -121
- package/docs/index.html +6 -0
- package/package.json +1 -1
- package/src/templates/components/header/_examples.header.njk +2 -2
- package/src/templates/components/menu-horizontal/_examples.menu-horizontal.njk +2 -1
- package/src/templates/components/menu-horizontal/_template.menu-horizontal.njk +1 -1
- package/src/templates/components/menubar/_examples.menubar.njk +201 -164
- package/src/templates/components/menubar/_styles.menubar.css +1 -0
- package/src/templates/components/menubar/_template.menubar.njk +2 -2
- package/src/templates/components/menubar/params.menubar.yaml +4 -0
|
@@ -26,10 +26,7 @@
|
|
|
26
26
|
"role": "menuitem",
|
|
27
27
|
"text": "Subitem 3"
|
|
28
28
|
}
|
|
29
|
-
]
|
|
30
|
-
"attributes": {
|
|
31
|
-
"aria-labelledby": "menuitems-example-item-1-1"
|
|
32
|
-
}
|
|
29
|
+
]
|
|
33
30
|
},
|
|
34
31
|
"classes": "mb-base mr-base"
|
|
35
32
|
},
|
|
@@ -52,10 +49,7 @@
|
|
|
52
49
|
"role": "menuitemcheckbox",
|
|
53
50
|
"text": "Subitem 3"
|
|
54
51
|
}
|
|
55
|
-
]
|
|
56
|
-
"attributes": {
|
|
57
|
-
"aria-labelledby": "menuitems-example-item-2-1"
|
|
58
|
-
}
|
|
52
|
+
]
|
|
59
53
|
}
|
|
60
54
|
},
|
|
61
55
|
{
|
|
@@ -66,7 +60,7 @@
|
|
|
66
60
|
"items": [
|
|
67
61
|
{
|
|
68
62
|
"role": "group",
|
|
69
|
-
"
|
|
63
|
+
"ariaLabel": "group label",
|
|
70
64
|
"items": [
|
|
71
65
|
{
|
|
72
66
|
"role": "menuitemradio",
|
|
@@ -82,10 +76,7 @@
|
|
|
82
76
|
}
|
|
83
77
|
]
|
|
84
78
|
}
|
|
85
|
-
]
|
|
86
|
-
"attributes": {
|
|
87
|
-
"aria-labelledby": "menuitems-example-item-3-1"
|
|
88
|
-
}
|
|
79
|
+
]
|
|
89
80
|
},
|
|
90
81
|
"classes": "mb-base mr-base"
|
|
91
82
|
},
|
|
@@ -147,10 +138,7 @@
|
|
|
147
138
|
}
|
|
148
139
|
]
|
|
149
140
|
}
|
|
150
|
-
]
|
|
151
|
-
"attributes": {
|
|
152
|
-
"aria-labelledby": "menuitems-example-item-4-1"
|
|
153
|
-
}
|
|
141
|
+
]
|
|
154
142
|
},
|
|
155
143
|
"classes": "mb-base mr-base"
|
|
156
144
|
},
|
|
@@ -161,10 +149,7 @@
|
|
|
161
149
|
"classes": "c-menubar__button--transparent mb-base mr-base",
|
|
162
150
|
"href": "#"
|
|
163
151
|
}
|
|
164
|
-
]
|
|
165
|
-
"attributes": {
|
|
166
|
-
"aria-label": "Menubar description of use"
|
|
167
|
-
}
|
|
152
|
+
]
|
|
168
153
|
}
|
|
169
154
|
},
|
|
170
155
|
{
|
|
@@ -193,10 +178,7 @@
|
|
|
193
178
|
"role": "menuitem",
|
|
194
179
|
"text": "Subitem 3"
|
|
195
180
|
}
|
|
196
|
-
]
|
|
197
|
-
"attributes": {
|
|
198
|
-
"aria-labelledby": "menuitems-example-item-1-2"
|
|
199
|
-
}
|
|
181
|
+
]
|
|
200
182
|
},
|
|
201
183
|
"classes": "mb-base mr-base"
|
|
202
184
|
},
|
|
@@ -220,10 +202,7 @@
|
|
|
220
202
|
"role": "menuitemcheckbox",
|
|
221
203
|
"text": "Subitem 3"
|
|
222
204
|
}
|
|
223
|
-
]
|
|
224
|
-
"attributes": {
|
|
225
|
-
"aria-labelledby": "menuitems-example-item-2-2"
|
|
226
|
-
}
|
|
205
|
+
]
|
|
227
206
|
}
|
|
228
207
|
},
|
|
229
208
|
{
|
|
@@ -234,7 +213,7 @@
|
|
|
234
213
|
"items": [
|
|
235
214
|
{
|
|
236
215
|
"role": "group",
|
|
237
|
-
"
|
|
216
|
+
"ariaLabel": "group label",
|
|
238
217
|
"items": [
|
|
239
218
|
{
|
|
240
219
|
"role": "menuitemradio",
|
|
@@ -251,10 +230,7 @@
|
|
|
251
230
|
}
|
|
252
231
|
]
|
|
253
232
|
}
|
|
254
|
-
]
|
|
255
|
-
"attributes": {
|
|
256
|
-
"aria-labelledby": "menuitems-example-item-3-2"
|
|
257
|
-
}
|
|
233
|
+
]
|
|
258
234
|
},
|
|
259
235
|
"classes": "c-menubar__button--has-selection mb-base mr-base"
|
|
260
236
|
},
|
|
@@ -316,10 +292,7 @@
|
|
|
316
292
|
}
|
|
317
293
|
]
|
|
318
294
|
}
|
|
319
|
-
]
|
|
320
|
-
"attributes": {
|
|
321
|
-
"aria-labelledby": "menuitems-example-item-4-2"
|
|
322
|
-
}
|
|
295
|
+
]
|
|
323
296
|
},
|
|
324
297
|
"classes": "c-menubar__button--has-selection mb-base mr-base"
|
|
325
298
|
},
|
|
@@ -330,10 +303,7 @@
|
|
|
330
303
|
"classes": "c-menubar__button--transparent mb-base mr-base",
|
|
331
304
|
"href": "#"
|
|
332
305
|
}
|
|
333
|
-
]
|
|
334
|
-
"attributes": {
|
|
335
|
-
"aria-label": "Menubar description of use"
|
|
336
|
-
}
|
|
306
|
+
]
|
|
337
307
|
}
|
|
338
308
|
},
|
|
339
309
|
{
|
|
@@ -362,10 +332,7 @@
|
|
|
362
332
|
"role": "menuitem",
|
|
363
333
|
"text": "Subitem 3"
|
|
364
334
|
}
|
|
365
|
-
]
|
|
366
|
-
"attributes": {
|
|
367
|
-
"aria-labelledby": "menuitems-disabled-example-item-1-2"
|
|
368
|
-
}
|
|
335
|
+
]
|
|
369
336
|
},
|
|
370
337
|
"classes": "mb-base mr-base"
|
|
371
338
|
},
|
|
@@ -389,10 +356,7 @@
|
|
|
389
356
|
"role": "menuitemcheckbox",
|
|
390
357
|
"text": "Subitem 3"
|
|
391
358
|
}
|
|
392
|
-
]
|
|
393
|
-
"attributes": {
|
|
394
|
-
"aria-labelledby": "menuitems-disabled-example-item-2-2"
|
|
395
|
-
}
|
|
359
|
+
]
|
|
396
360
|
}
|
|
397
361
|
},
|
|
398
362
|
{
|
|
@@ -403,7 +367,7 @@
|
|
|
403
367
|
"items": [
|
|
404
368
|
{
|
|
405
369
|
"role": "group",
|
|
406
|
-
"
|
|
370
|
+
"ariaLabel": "group label",
|
|
407
371
|
"items": [
|
|
408
372
|
{
|
|
409
373
|
"role": "menuitemradio",
|
|
@@ -420,10 +384,7 @@
|
|
|
420
384
|
}
|
|
421
385
|
]
|
|
422
386
|
}
|
|
423
|
-
]
|
|
424
|
-
"attributes": {
|
|
425
|
-
"aria-labelledby": "menuitems-disabled-example-item-3-2"
|
|
426
|
-
}
|
|
387
|
+
]
|
|
427
388
|
},
|
|
428
389
|
"classes": "mb-base mr-base"
|
|
429
390
|
},
|
|
@@ -485,10 +446,7 @@
|
|
|
485
446
|
}
|
|
486
447
|
]
|
|
487
448
|
}
|
|
488
|
-
]
|
|
489
|
-
"attributes": {
|
|
490
|
-
"aria-labelledby": "menuitems-disabled-example-item-4-2"
|
|
491
|
-
}
|
|
449
|
+
]
|
|
492
450
|
},
|
|
493
451
|
"classes": "mb-base mr-base"
|
|
494
452
|
},
|
|
@@ -499,10 +457,161 @@
|
|
|
499
457
|
"classes": "c-menubar__button--transparent mb-base mr-base",
|
|
500
458
|
"href": "#"
|
|
501
459
|
}
|
|
502
|
-
]
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
460
|
+
]
|
|
461
|
+
}
|
|
462
|
+
},
|
|
463
|
+
{
|
|
464
|
+
"name": "With one active parent item",
|
|
465
|
+
"data": {
|
|
466
|
+
"id": "with-active",
|
|
467
|
+
"idPrefix": "active-example",
|
|
468
|
+
"ariaLabel":"Menubar description",
|
|
469
|
+
"items": [
|
|
470
|
+
{
|
|
471
|
+
"text": "Menuitem",
|
|
472
|
+
"ariaLabel": "Menuitem",
|
|
473
|
+
"id": "menuitems-active-example-item-1-2",
|
|
474
|
+
"active": true,
|
|
475
|
+
"sub": {
|
|
476
|
+
"items": [
|
|
477
|
+
{
|
|
478
|
+
"role": "menuitem",
|
|
479
|
+
"text": "Subitem 1"
|
|
480
|
+
},
|
|
481
|
+
{
|
|
482
|
+
"role": "menuitem",
|
|
483
|
+
"text": "Subitem 2"
|
|
484
|
+
},
|
|
485
|
+
{
|
|
486
|
+
"role": "menuitem",
|
|
487
|
+
"text": "Subitem 3"
|
|
488
|
+
}
|
|
489
|
+
]
|
|
490
|
+
},
|
|
491
|
+
"classes": "mb-base mr-base"
|
|
492
|
+
},
|
|
493
|
+
{
|
|
494
|
+
"text": "Menuitemcheckbox",
|
|
495
|
+
"ariaLabel": "Menuitemcheckbox",
|
|
496
|
+
"id": "menuitems-active-example-item-2-2",
|
|
497
|
+
"classes": "mb-base mr-base",
|
|
498
|
+
"sub": {
|
|
499
|
+
"items": [
|
|
500
|
+
{
|
|
501
|
+
"role": "menuitemcheckbox",
|
|
502
|
+
"text": "Subitem 1"
|
|
503
|
+
},
|
|
504
|
+
{
|
|
505
|
+
"role": "menuitemcheckbox",
|
|
506
|
+
"text": "Subitem 2",
|
|
507
|
+
"checked": true
|
|
508
|
+
},
|
|
509
|
+
{
|
|
510
|
+
"role": "menuitemcheckbox",
|
|
511
|
+
"text": "Subitem 3"
|
|
512
|
+
}
|
|
513
|
+
]
|
|
514
|
+
}
|
|
515
|
+
},
|
|
516
|
+
{
|
|
517
|
+
"text": "Menuitemradio",
|
|
518
|
+
"ariaLabel": "Menuitemradio",
|
|
519
|
+
"id": "menuitems-active-example-item-3-2",
|
|
520
|
+
"sub": {
|
|
521
|
+
"items": [
|
|
522
|
+
{
|
|
523
|
+
"role": "group",
|
|
524
|
+
"ariaLabel": "group label",
|
|
525
|
+
"items": [
|
|
526
|
+
{
|
|
527
|
+
"role": "menuitemradio",
|
|
528
|
+
"text": "Radio 1"
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"role": "menuitemradio",
|
|
532
|
+
"text": "Radio 2",
|
|
533
|
+
"checked": true
|
|
534
|
+
},
|
|
535
|
+
{
|
|
536
|
+
"role": "menuitemradio",
|
|
537
|
+
"text": "Radio 3"
|
|
538
|
+
}
|
|
539
|
+
]
|
|
540
|
+
}
|
|
541
|
+
]
|
|
542
|
+
},
|
|
543
|
+
"classes": "mb-base mr-base"
|
|
544
|
+
},
|
|
545
|
+
{
|
|
546
|
+
"text": "Mixed items",
|
|
547
|
+
"ariaLabel": "Mixeditems",
|
|
548
|
+
"id": "menuitems-active-example-item-4-2",
|
|
549
|
+
"sub": {
|
|
550
|
+
"items": [
|
|
551
|
+
{
|
|
552
|
+
"role": "group",
|
|
553
|
+
"ariaLabel": "Tamaño de letra",
|
|
554
|
+
"items": [
|
|
555
|
+
{
|
|
556
|
+
"role": "menuitem",
|
|
557
|
+
"text": "Tamaño mayor"
|
|
558
|
+
},
|
|
559
|
+
{
|
|
560
|
+
"role": "menuitem",
|
|
561
|
+
"text": "Tamaño menor"
|
|
562
|
+
}
|
|
563
|
+
]
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"role": "separator"
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"role": "group",
|
|
570
|
+
"ariaLabel": "Estilo de letra",
|
|
571
|
+
"items": [
|
|
572
|
+
{
|
|
573
|
+
"role": "menuitemcheckbox",
|
|
574
|
+
"text": "Negritas"
|
|
575
|
+
},
|
|
576
|
+
{
|
|
577
|
+
"role": "menuitemcheckbox",
|
|
578
|
+
"text": "Itálicas"
|
|
579
|
+
}
|
|
580
|
+
]
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"role": "separator"
|
|
584
|
+
},
|
|
585
|
+
{
|
|
586
|
+
"role": "group",
|
|
587
|
+
"ariaLabel": "Estilo de texto",
|
|
588
|
+
"items": [
|
|
589
|
+
{
|
|
590
|
+
"role": "menuitemradio",
|
|
591
|
+
"text": "Ninguno"
|
|
592
|
+
},
|
|
593
|
+
{
|
|
594
|
+
"role": "menuitemradio",
|
|
595
|
+
"text": "Tachado"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"role": "menuitemradio",
|
|
599
|
+
"text": "Subrayado"
|
|
600
|
+
}
|
|
601
|
+
]
|
|
602
|
+
}
|
|
603
|
+
]
|
|
604
|
+
},
|
|
605
|
+
"classes": "mb-base mr-base"
|
|
606
|
+
},
|
|
607
|
+
{
|
|
608
|
+
"text": "Menuitem solo",
|
|
609
|
+
"ariaLabel": "Menuitem solo",
|
|
610
|
+
"id": "menuitems-active-example-item-6-2",
|
|
611
|
+
"classes": "c-menubar__button--transparent mb-base mr-base",
|
|
612
|
+
"href": "#"
|
|
613
|
+
}
|
|
614
|
+
]
|
|
506
615
|
}
|
|
507
616
|
},
|
|
508
617
|
{
|
|
@@ -531,10 +640,7 @@
|
|
|
531
640
|
"role": "menuitem",
|
|
532
641
|
"text": "Subitem 3"
|
|
533
642
|
}
|
|
534
|
-
]
|
|
535
|
-
"attributes": {
|
|
536
|
-
"aria-labelledby": "small-example-item-1"
|
|
537
|
-
}
|
|
643
|
+
]
|
|
538
644
|
},
|
|
539
645
|
"classes": "c-menubar__button--sm mb-sm mr-sm"
|
|
540
646
|
},
|
|
@@ -558,10 +664,7 @@
|
|
|
558
664
|
"role": "menuitemcheckbox",
|
|
559
665
|
"text": "Subitem 3"
|
|
560
666
|
}
|
|
561
|
-
]
|
|
562
|
-
"attributes": {
|
|
563
|
-
"aria-labelledby": "small-example-item-2"
|
|
564
|
-
}
|
|
667
|
+
]
|
|
565
668
|
}
|
|
566
669
|
},
|
|
567
670
|
{
|
|
@@ -572,7 +675,7 @@
|
|
|
572
675
|
"items": [
|
|
573
676
|
{
|
|
574
677
|
"role": "group",
|
|
575
|
-
"
|
|
678
|
+
"ariaLabel": "group label",
|
|
576
679
|
"items": [
|
|
577
680
|
{
|
|
578
681
|
"role": "menuitemradio",
|
|
@@ -589,10 +692,7 @@
|
|
|
589
692
|
}
|
|
590
693
|
]
|
|
591
694
|
}
|
|
592
|
-
]
|
|
593
|
-
"attributes": {
|
|
594
|
-
"aria-labelledby": "small-example-item-3"
|
|
595
|
-
}
|
|
695
|
+
]
|
|
596
696
|
},
|
|
597
697
|
"classes": "c-menubar__button--sm mb-sm mr-sm"
|
|
598
698
|
},
|
|
@@ -654,10 +754,7 @@
|
|
|
654
754
|
}
|
|
655
755
|
]
|
|
656
756
|
}
|
|
657
|
-
]
|
|
658
|
-
"attributes": {
|
|
659
|
-
"aria-labelledby": "small-example-item-4"
|
|
660
|
-
}
|
|
757
|
+
]
|
|
661
758
|
},
|
|
662
759
|
"classes": "c-menubar__button--sm mb-sm mr-sm"
|
|
663
760
|
},
|
|
@@ -668,10 +765,7 @@
|
|
|
668
765
|
"classes": "c-menubar__button--transparent c-menubar__button--sm mb-sm mr-sm",
|
|
669
766
|
"href": "#"
|
|
670
767
|
}
|
|
671
|
-
]
|
|
672
|
-
"attributes": {
|
|
673
|
-
"aria-label": "Menubar description of use"
|
|
674
|
-
}
|
|
768
|
+
]
|
|
675
769
|
}
|
|
676
770
|
},
|
|
677
771
|
{
|
|
@@ -700,10 +794,7 @@
|
|
|
700
794
|
"role": "menuitem",
|
|
701
795
|
"text": "Subitem 3"
|
|
702
796
|
}
|
|
703
|
-
]
|
|
704
|
-
"attributes": {
|
|
705
|
-
"aria-labelledby": "transparent-example-item-1"
|
|
706
|
-
}
|
|
797
|
+
]
|
|
707
798
|
},
|
|
708
799
|
"classes": "c-menubar__button--transparent mb-sm mr-sm"
|
|
709
800
|
},
|
|
@@ -727,10 +818,7 @@
|
|
|
727
818
|
"role": "menuitemcheckbox",
|
|
728
819
|
"text": "Subitem 3"
|
|
729
820
|
}
|
|
730
|
-
]
|
|
731
|
-
"attributes": {
|
|
732
|
-
"aria-labelledby": "transparent-example-item-2"
|
|
733
|
-
}
|
|
821
|
+
]
|
|
734
822
|
}
|
|
735
823
|
},
|
|
736
824
|
{
|
|
@@ -741,7 +829,7 @@
|
|
|
741
829
|
"items": [
|
|
742
830
|
{
|
|
743
831
|
"role": "group",
|
|
744
|
-
"
|
|
832
|
+
"ariaLabel": "group label",
|
|
745
833
|
"items": [
|
|
746
834
|
{
|
|
747
835
|
"role": "menuitemradio",
|
|
@@ -758,10 +846,7 @@
|
|
|
758
846
|
}
|
|
759
847
|
]
|
|
760
848
|
}
|
|
761
|
-
]
|
|
762
|
-
"attributes": {
|
|
763
|
-
"aria-labelledby": "transparent-example-item-3"
|
|
764
|
-
}
|
|
849
|
+
]
|
|
765
850
|
},
|
|
766
851
|
"classes": "c-menubar__button--transparent mb-sm mr-sm"
|
|
767
852
|
},
|
|
@@ -823,10 +908,7 @@
|
|
|
823
908
|
}
|
|
824
909
|
]
|
|
825
910
|
}
|
|
826
|
-
]
|
|
827
|
-
"attributes": {
|
|
828
|
-
"aria-labelledby": "transparent-example-item-4"
|
|
829
|
-
}
|
|
911
|
+
]
|
|
830
912
|
},
|
|
831
913
|
"classes": "c-menubar__button--transparent mb-sm mr-sm"
|
|
832
914
|
},
|
|
@@ -837,10 +919,7 @@
|
|
|
837
919
|
"classes": "c-menubar__button--transparent mb-sm mr-sm",
|
|
838
920
|
"href": "#"
|
|
839
921
|
}
|
|
840
|
-
]
|
|
841
|
-
"attributes": {
|
|
842
|
-
"aria-label": "Menubar description of use"
|
|
843
|
-
}
|
|
922
|
+
]
|
|
844
923
|
}
|
|
845
924
|
},
|
|
846
925
|
{
|
|
@@ -869,10 +948,7 @@
|
|
|
869
948
|
"role": "menuitem",
|
|
870
949
|
"text": "Subitem 3"
|
|
871
950
|
}
|
|
872
|
-
]
|
|
873
|
-
"attributes": {
|
|
874
|
-
"aria-labelledby": "header-example-item-1"
|
|
875
|
-
}
|
|
951
|
+
]
|
|
876
952
|
},
|
|
877
953
|
"classes": "c-menubar__button--header mr-base"
|
|
878
954
|
},
|
|
@@ -896,10 +972,7 @@
|
|
|
896
972
|
"role": "menuitemcheckbox",
|
|
897
973
|
"text": "Subitem 3"
|
|
898
974
|
}
|
|
899
|
-
]
|
|
900
|
-
"attributes": {
|
|
901
|
-
"aria-labelledby": "header-example-item-2"
|
|
902
|
-
}
|
|
975
|
+
]
|
|
903
976
|
}
|
|
904
977
|
},
|
|
905
978
|
{
|
|
@@ -910,7 +983,7 @@
|
|
|
910
983
|
"items": [
|
|
911
984
|
{
|
|
912
985
|
"role": "group",
|
|
913
|
-
"
|
|
986
|
+
"ariaLabel": "group label",
|
|
914
987
|
"items": [
|
|
915
988
|
{
|
|
916
989
|
"role": "menuitemradio",
|
|
@@ -927,10 +1000,7 @@
|
|
|
927
1000
|
}
|
|
928
1001
|
]
|
|
929
1002
|
}
|
|
930
|
-
]
|
|
931
|
-
"attributes": {
|
|
932
|
-
"aria-labelledby": "header-example-item-3"
|
|
933
|
-
}
|
|
1003
|
+
]
|
|
934
1004
|
},
|
|
935
1005
|
"classes": "c-menubar__button--header mr-base"
|
|
936
1006
|
},
|
|
@@ -992,10 +1062,7 @@
|
|
|
992
1062
|
}
|
|
993
1063
|
]
|
|
994
1064
|
}
|
|
995
|
-
]
|
|
996
|
-
"attributes": {
|
|
997
|
-
"aria-labelledby": "header-example-item-4"
|
|
998
|
-
}
|
|
1065
|
+
]
|
|
999
1066
|
},
|
|
1000
1067
|
"classes": "c-menubar__button--header mr-base"
|
|
1001
1068
|
},
|
|
@@ -1007,10 +1074,7 @@
|
|
|
1007
1074
|
"href": "#"
|
|
1008
1075
|
}
|
|
1009
1076
|
],
|
|
1010
|
-
"classes": "bg-black"
|
|
1011
|
-
"attributes": {
|
|
1012
|
-
"aria-label": "Menubar description of use"
|
|
1013
|
-
}
|
|
1077
|
+
"classes": "bg-black"
|
|
1014
1078
|
}
|
|
1015
1079
|
},
|
|
1016
1080
|
{
|
|
@@ -1108,10 +1172,7 @@
|
|
|
1108
1172
|
}
|
|
1109
1173
|
]
|
|
1110
1174
|
}
|
|
1111
|
-
]
|
|
1112
|
-
"attributes": {
|
|
1113
|
-
"aria-labelledby": "filter-example-item-2"
|
|
1114
|
-
}
|
|
1175
|
+
]
|
|
1115
1176
|
}
|
|
1116
1177
|
},
|
|
1117
1178
|
{
|
|
@@ -1204,10 +1265,7 @@
|
|
|
1204
1265
|
"role": "menuitemcheckbox",
|
|
1205
1266
|
"text": "Tramitación íntegra digital"
|
|
1206
1267
|
}
|
|
1207
|
-
]
|
|
1208
|
-
"attributes": {
|
|
1209
|
-
"aria-labelledby": "filter-example-item-3"
|
|
1210
|
-
}
|
|
1268
|
+
]
|
|
1211
1269
|
}
|
|
1212
1270
|
},
|
|
1213
1271
|
{
|
|
@@ -1225,7 +1283,7 @@
|
|
|
1225
1283
|
"items": [
|
|
1226
1284
|
{
|
|
1227
1285
|
"role": "group",
|
|
1228
|
-
"
|
|
1286
|
+
"ariaLabel": "Tipos de ordenación",
|
|
1229
1287
|
"items": [
|
|
1230
1288
|
{
|
|
1231
1289
|
"role": "menuitemradio",
|
|
@@ -1246,18 +1304,12 @@
|
|
|
1246
1304
|
}
|
|
1247
1305
|
]
|
|
1248
1306
|
}
|
|
1249
|
-
]
|
|
1250
|
-
"attributes": {
|
|
1251
|
-
"aria-labelledby": "filter-example-item-4"
|
|
1252
|
-
}
|
|
1307
|
+
]
|
|
1253
1308
|
},
|
|
1254
1309
|
"classes": "c-menubar__button--sm mb-sm"
|
|
1255
1310
|
}
|
|
1256
1311
|
],
|
|
1257
|
-
"classes": "c-menubar--last-right"
|
|
1258
|
-
"attributes": {
|
|
1259
|
-
"aria-label": "Filtrar items de la lista de Servicios"
|
|
1260
|
-
}
|
|
1312
|
+
"classes": "c-menubar--last-right"
|
|
1261
1313
|
}
|
|
1262
1314
|
},
|
|
1263
1315
|
{
|
|
@@ -1289,10 +1341,7 @@
|
|
|
1289
1341
|
"role": "menuitem",
|
|
1290
1342
|
"text": "Subitem 3"
|
|
1291
1343
|
}
|
|
1292
|
-
]
|
|
1293
|
-
"attributes": {
|
|
1294
|
-
"aria-labelledby": "menuitems-example-item-1-3"
|
|
1295
|
-
}
|
|
1344
|
+
]
|
|
1296
1345
|
},
|
|
1297
1346
|
"classes": "mb-base mr-base"
|
|
1298
1347
|
},
|
|
@@ -1315,10 +1364,7 @@
|
|
|
1315
1364
|
"role": "menuitemcheckbox",
|
|
1316
1365
|
"text": "Subitem 3"
|
|
1317
1366
|
}
|
|
1318
|
-
]
|
|
1319
|
-
"attributes": {
|
|
1320
|
-
"aria-labelledby": "menuitems-example-item-2-3"
|
|
1321
|
-
}
|
|
1367
|
+
]
|
|
1322
1368
|
}
|
|
1323
1369
|
},
|
|
1324
1370
|
{
|
|
@@ -1329,7 +1375,7 @@
|
|
|
1329
1375
|
"items": [
|
|
1330
1376
|
{
|
|
1331
1377
|
"role": "group",
|
|
1332
|
-
"
|
|
1378
|
+
"ariaLabel": "group label",
|
|
1333
1379
|
"items": [
|
|
1334
1380
|
{
|
|
1335
1381
|
"role": "menuitemradio",
|
|
@@ -1345,10 +1391,7 @@
|
|
|
1345
1391
|
}
|
|
1346
1392
|
]
|
|
1347
1393
|
}
|
|
1348
|
-
]
|
|
1349
|
-
"attributes": {
|
|
1350
|
-
"aria-labelledby": "menuitems-example-item-3-3"
|
|
1351
|
-
}
|
|
1394
|
+
]
|
|
1352
1395
|
},
|
|
1353
1396
|
"classes": "mb-base mr-base"
|
|
1354
1397
|
},
|
|
@@ -1410,10 +1453,7 @@
|
|
|
1410
1453
|
}
|
|
1411
1454
|
]
|
|
1412
1455
|
}
|
|
1413
|
-
]
|
|
1414
|
-
"attributes": {
|
|
1415
|
-
"aria-labelledby": "menuitems-example-item-4-3"
|
|
1416
|
-
}
|
|
1456
|
+
]
|
|
1417
1457
|
},
|
|
1418
1458
|
"classes": "mb-base mr-base"
|
|
1419
1459
|
},
|
|
@@ -1424,10 +1464,7 @@
|
|
|
1424
1464
|
"classes": "c-menubar__button--transparent mb-base mr-base",
|
|
1425
1465
|
"href": "#"
|
|
1426
1466
|
}
|
|
1427
|
-
]
|
|
1428
|
-
"attributes": {
|
|
1429
|
-
"aria-label": "Menubar description of use"
|
|
1430
|
-
}
|
|
1467
|
+
]
|
|
1431
1468
|
}
|
|
1432
1469
|
}
|
|
1433
1470
|
] %}
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
{% set subId = "sub-" + id %}
|
|
29
29
|
<li class="relative" role="none">
|
|
30
30
|
{% if item.sub %}
|
|
31
|
-
<a href="#" role="menuitem" aria-haspopup="true" aria-expanded="false" class="c-menubar__button {%- if item.classes %} {{ item.classes }}{% endif %}" id="{{ id }}"
|
|
31
|
+
<a href="#" role="menuitem" aria-haspopup="true" aria-expanded="false" class="c-menubar__button {%- if item.classes %} {{ item.classes }}{% endif %} {%- if item.disabled %} c-menubar__button--disabled{% endif %} {%- if item.active %} c-menubar__button--primary{% endif %}" {%- if item.title %} title="{{ item.title }}"{% endif %} {% if item.disabled %} disabled="disabled" aria-disabled="true" tabindex="-1"{% endif %} " id="{{ id }}"
|
|
32
32
|
{%- if item.sub.html %} data-aria-controls="{{ subId }}"{% endif %}
|
|
33
33
|
{%- for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
|
|
34
34
|
<span class="inline-flex self-center max-w-xs align-middle truncate">{{ item.html | safe if item.html else item.text }}</span>
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
{{ subitem.html | safe if subitem.html else subitem.text }}
|
|
62
62
|
</li>
|
|
63
63
|
{% elseif subitem.role == 'group' %}
|
|
64
|
-
<li>
|
|
64
|
+
<li role="none">
|
|
65
65
|
<ul role="group" id="{{ subId }}" data-option="{{ subId }}" {%- if subitem.ariaLabel %} aria-label="{{ subitem.ariaLabel }}"{% endif %}>
|
|
66
66
|
{% for subsubitem in subitem.items %}
|
|
67
67
|
{% if subsubitem %}
|