desy-html 7.3.1 → 7.4.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/_macro.example-render.njk +1 -1
- package/docs/index.html +4 -0
- package/package.json +1 -1
- package/src/templates/components/accordion/_examples.accordion.njk +108 -104
- package/src/templates/components/accordion-history/_examples.accordion-history.njk +116 -112
- package/src/templates/components/alert/_examples.alert.njk +10 -6
- package/src/templates/components/breadcrumbs/_examples.breadcrumbs.njk +52 -52
- package/src/templates/components/button/_examples.button.njk +71 -71
- package/src/templates/components/button-loader/_examples.button-loader.njk +72 -72
- package/src/templates/components/card/_examples.card.njk +43 -43
- package/src/templates/components/character-count/_examples.character-count.njk +35 -33
- package/src/templates/components/checkboxes/_examples.checkboxes.njk +200 -201
- package/src/templates/components/collapsible/_examples.collapsible.njk +24 -9
- package/src/templates/components/date-input/_examples.date-input.njk +14 -14
- package/src/templates/components/description-list/_examples.description-list.njk +45 -44
- package/src/templates/components/details/_examples.details.njk +17 -16
- package/src/templates/components/dialog/_examples.dialog.njk +5 -6
- package/src/templates/components/dropdown/_examples.dropdown.njk +34 -35
- package/src/templates/components/error-message/_examples.error-message.njk +8 -2
- package/src/templates/components/error-summary/_examples.error-summary.njk +19 -19
- package/src/templates/components/fieldset/_examples.fieldset.njk +27 -25
- package/src/templates/components/file-upload/_examples.file-upload.njk +7 -7
- package/src/templates/components/footer/_examples.footer.njk +24 -24
- package/src/templates/components/header/_examples.header.njk +12 -12
- package/src/templates/components/header-mini/_examples.header-mini.njk +5 -5
- package/src/templates/components/hint/_examples.hint.njk +4 -4
- package/src/templates/components/input/_examples.input.njk +66 -64
- package/src/templates/components/input-group/_examples.input-group.njk +15 -17
- package/src/templates/components/item/_examples.item.njk +21 -20
- package/src/templates/components/label/_examples.label.njk +11 -9
- package/src/templates/components/links-list/_examples.links-list.njk +34 -34
- package/src/templates/components/listbox/_examples.listbox.njk +146 -146
- package/src/templates/components/media-object/_examples.media-object.njk +7 -7
- package/src/templates/components/menu-horizontal/_examples.menu-horizontal.njk +54 -54
- package/src/templates/components/menu-navigation/_examples.menu-navigation.njk +65 -66
- package/src/templates/components/menu-vertical/_examples.menu-vertical.njk +71 -71
- package/src/templates/components/menubar/_examples.menubar.njk +42 -42
- package/src/templates/components/modal/_examples.modal.njk +21 -15
- package/src/templates/components/modal/_template.modal.njk +5 -5
- package/src/templates/components/nav/_examples.nav.njk +66 -66
- package/src/templates/components/notification/_examples.notification.njk +14 -13
- package/src/templates/components/pagination/_examples.pagination.njk +7 -6
- package/src/templates/components/pill/_examples.pill.njk +29 -29
- package/src/templates/components/radios/_examples.radios.njk +153 -142
- package/src/templates/components/searchbar/_examples.searchbar.njk +11 -11
- package/src/templates/components/select/_examples.select.njk +63 -63
- package/src/templates/components/skip-link/_examples.skip-link.njk +4 -4
- package/src/templates/components/spinner/_examples.spinner.njk +11 -11
- package/src/templates/components/status/_examples.status.njk +4 -4
- package/src/templates/components/status-item/_examples.status-item.njk +21 -21
- package/src/templates/components/table/_examples.table.njk +58 -56
- package/src/templates/components/table-advanced/_examples.table-advanced.njk +83 -83
- package/src/templates/components/tabs/_examples.tabs.njk +30 -29
- package/src/templates/components/textarea/_examples.textarea.njk +28 -27
- package/src/templates/components/toggle/_examples.toggle.njk +10 -11
- package/src/templates/components/tooltip/_examples.tooltip.njk +9 -9
- package/src/templates/components/tree/_examples.tree.njk +58 -57
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{% set exampleComponent = "tree" %}
|
|
2
2
|
{% set examples = [
|
|
3
3
|
{
|
|
4
|
-
"name": "
|
|
4
|
+
"name": "por defecto",
|
|
5
5
|
"data": {
|
|
6
|
-
"name": "
|
|
6
|
+
"name": "por defecto",
|
|
7
7
|
"classes": "mt-base",
|
|
8
8
|
"fieldset": {
|
|
9
9
|
"legend": {
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
}
|
|
86
86
|
},
|
|
87
87
|
{
|
|
88
|
-
"name": "
|
|
88
|
+
"name": "tipo checkbox",
|
|
89
89
|
"data": {
|
|
90
90
|
"name": "type-checkbox",
|
|
91
91
|
"classes": "mt-base",
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
}
|
|
171
171
|
},
|
|
172
172
|
{
|
|
173
|
-
"name": "
|
|
173
|
+
"name": "con pista y error",
|
|
174
174
|
"data": {
|
|
175
175
|
"name": "with-hint-and-error",
|
|
176
176
|
"classes": "mt-base",
|
|
@@ -261,7 +261,7 @@
|
|
|
261
261
|
}
|
|
262
262
|
},
|
|
263
263
|
{
|
|
264
|
-
"name": "
|
|
264
|
+
"name": "con item deshabilitado",
|
|
265
265
|
"data": {
|
|
266
266
|
"name": "with-disabled-item",
|
|
267
267
|
"classes": "mt-base",
|
|
@@ -350,7 +350,7 @@
|
|
|
350
350
|
}
|
|
351
351
|
},
|
|
352
352
|
{
|
|
353
|
-
"name": "
|
|
353
|
+
"name": "con item activo",
|
|
354
354
|
"data": {
|
|
355
355
|
"name": "with-active-item",
|
|
356
356
|
"classes": "mt-base",
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
}
|
|
439
439
|
},
|
|
440
440
|
{
|
|
441
|
-
"name": "
|
|
441
|
+
"name": "con pistas en items",
|
|
442
442
|
"data": {
|
|
443
443
|
"name": "with-hints-on-items",
|
|
444
444
|
"classes": "mt-base",
|
|
@@ -452,7 +452,7 @@
|
|
|
452
452
|
{
|
|
453
453
|
"text": "Item 1",
|
|
454
454
|
"hint": {
|
|
455
|
-
"text": "
|
|
455
|
+
"text": "Pista en item"
|
|
456
456
|
},
|
|
457
457
|
"id": "with-hints-on-items-example-item-1",
|
|
458
458
|
"sub": {
|
|
@@ -461,21 +461,21 @@
|
|
|
461
461
|
"text": "Subitem 1",
|
|
462
462
|
"value": "subitem-1",
|
|
463
463
|
"hint": {
|
|
464
|
-
"text": "
|
|
464
|
+
"text": "Pista en item"
|
|
465
465
|
}
|
|
466
466
|
},
|
|
467
467
|
{
|
|
468
468
|
"text": "Subitem 2",
|
|
469
469
|
"value": "subitem-2",
|
|
470
470
|
"hint": {
|
|
471
|
-
"text": "
|
|
471
|
+
"text": "Pista en item"
|
|
472
472
|
}
|
|
473
473
|
},
|
|
474
474
|
{
|
|
475
475
|
"text": "Subitem 3",
|
|
476
476
|
"value": "subitem-3",
|
|
477
477
|
"hint": {
|
|
478
|
-
"text": "
|
|
478
|
+
"text": "Pista en item"
|
|
479
479
|
}
|
|
480
480
|
}
|
|
481
481
|
],
|
|
@@ -487,7 +487,7 @@
|
|
|
487
487
|
{
|
|
488
488
|
"text": "Item 2",
|
|
489
489
|
"hint": {
|
|
490
|
-
"text": "
|
|
490
|
+
"text": "Pista en item"
|
|
491
491
|
},
|
|
492
492
|
"id": "with-hints-on-items-example-item-2",
|
|
493
493
|
"sub": {
|
|
@@ -496,21 +496,21 @@
|
|
|
496
496
|
"text": "Subitem 1",
|
|
497
497
|
"value": "subitem-1",
|
|
498
498
|
"hint": {
|
|
499
|
-
"text": "
|
|
499
|
+
"text": "Pista en item"
|
|
500
500
|
}
|
|
501
501
|
},
|
|
502
502
|
{
|
|
503
503
|
"text": "Subitem 2",
|
|
504
504
|
"value": "subitem-2",
|
|
505
505
|
"hint": {
|
|
506
|
-
"text": "
|
|
506
|
+
"text": "Pista en item"
|
|
507
507
|
}
|
|
508
508
|
},
|
|
509
509
|
{
|
|
510
510
|
"text": "Subitem 3",
|
|
511
511
|
"value": "subitem-3",
|
|
512
512
|
"hint": {
|
|
513
|
-
"text": "
|
|
513
|
+
"text": "Pista en item"
|
|
514
514
|
}
|
|
515
515
|
}
|
|
516
516
|
],
|
|
@@ -523,7 +523,7 @@
|
|
|
523
523
|
"text": "Item 3",
|
|
524
524
|
"id": "with-hints-on-items-example-item-3",
|
|
525
525
|
"hint": {
|
|
526
|
-
"text": "
|
|
526
|
+
"text": "Pista en item"
|
|
527
527
|
},
|
|
528
528
|
"sub": {
|
|
529
529
|
"items": [
|
|
@@ -531,21 +531,21 @@
|
|
|
531
531
|
"text": "Subitem 1",
|
|
532
532
|
"value": "subitem-1",
|
|
533
533
|
"hint": {
|
|
534
|
-
"text": "
|
|
534
|
+
"text": "Pista en item"
|
|
535
535
|
}
|
|
536
536
|
},
|
|
537
537
|
{
|
|
538
538
|
"text": "Subitem 2",
|
|
539
539
|
"value": "subitem-2",
|
|
540
540
|
"hint": {
|
|
541
|
-
"text": "
|
|
541
|
+
"text": "Pista en item"
|
|
542
542
|
}
|
|
543
543
|
},
|
|
544
544
|
{
|
|
545
545
|
"text": "Subitem 3",
|
|
546
546
|
"value": "subitem-3",
|
|
547
547
|
"hint": {
|
|
548
|
-
"text": "
|
|
548
|
+
"text": "Pista en item"
|
|
549
549
|
}
|
|
550
550
|
}
|
|
551
551
|
],
|
|
@@ -558,7 +558,7 @@
|
|
|
558
558
|
}
|
|
559
559
|
},
|
|
560
560
|
{
|
|
561
|
-
"name": "
|
|
561
|
+
"name": "con un texto de item muy largo",
|
|
562
562
|
"data": {
|
|
563
563
|
"name": "with-very-long-option-text",
|
|
564
564
|
"classes": "mt-base",
|
|
@@ -645,7 +645,7 @@
|
|
|
645
645
|
}
|
|
646
646
|
},
|
|
647
647
|
{
|
|
648
|
-
"name": "
|
|
648
|
+
"name": "con un legend como encabezado",
|
|
649
649
|
"data": {
|
|
650
650
|
"name": "with-legend-as-page-heading",
|
|
651
651
|
"fieldset": {
|
|
@@ -731,7 +731,7 @@
|
|
|
731
731
|
}
|
|
732
732
|
},
|
|
733
733
|
{
|
|
734
|
-
"name": "
|
|
734
|
+
"name": "sin fieldset",
|
|
735
735
|
"data": {
|
|
736
736
|
"name": "without-fieldset",
|
|
737
737
|
"idPrefix": "without-fieldset",
|
|
@@ -809,7 +809,7 @@
|
|
|
809
809
|
}
|
|
810
810
|
},
|
|
811
811
|
{
|
|
812
|
-
"name": "
|
|
812
|
+
"name": "con todo items padres",
|
|
813
813
|
"data": {
|
|
814
814
|
"name": "with-all-parent-items",
|
|
815
815
|
"classes": "mt-base",
|
|
@@ -897,8 +897,8 @@
|
|
|
897
897
|
}
|
|
898
898
|
},
|
|
899
899
|
{
|
|
900
|
-
"name": "
|
|
901
|
-
"description": "expanded: true
|
|
900
|
+
"name": "con un item padre abierto",
|
|
901
|
+
"description": 'Usa <code>"expanded": true</code>',
|
|
902
902
|
"data": {
|
|
903
903
|
"name": "with-a-parent-item-opened",
|
|
904
904
|
"classes": "mt-base",
|
|
@@ -986,7 +986,7 @@
|
|
|
986
986
|
}
|
|
987
987
|
},
|
|
988
988
|
{
|
|
989
|
-
"name": "
|
|
989
|
+
"name": "con muchos niveles de profundidad",
|
|
990
990
|
"data": {
|
|
991
991
|
"name": "with-many-depth-levels",
|
|
992
992
|
"classes": "mt-base",
|
|
@@ -1171,7 +1171,8 @@
|
|
|
1171
1171
|
}
|
|
1172
1172
|
},
|
|
1173
1173
|
{
|
|
1174
|
-
"name": "
|
|
1174
|
+
"name": "indeterminado",
|
|
1175
|
+
"description": 'Usando el parámetro <code>"isIndeterminate": true</code> podemos crear un item del checkbox que tenga 3 estados: marcado, desmarcado o indeterminado. El estado indeterminado expresa que hay sólo algún item seleccionado pero no todos. Útil para selecciones múltiples.',
|
|
1175
1176
|
"data": {
|
|
1176
1177
|
"name": "indeterminate",
|
|
1177
1178
|
"classes": "mt-base",
|
|
@@ -1266,7 +1267,7 @@
|
|
|
1266
1267
|
}
|
|
1267
1268
|
},
|
|
1268
1269
|
{
|
|
1269
|
-
"name": "
|
|
1270
|
+
"name": "con searchbar",
|
|
1270
1271
|
"data": {
|
|
1271
1272
|
"name": "with-searchbar",
|
|
1272
1273
|
"classes": "mt-base",
|
|
@@ -1356,7 +1357,7 @@
|
|
|
1356
1357
|
}
|
|
1357
1358
|
},
|
|
1358
1359
|
{
|
|
1359
|
-
"name": "
|
|
1360
|
+
"name": "con error en searchbar",
|
|
1360
1361
|
"data": {
|
|
1361
1362
|
"name": "with-searchbar-error",
|
|
1362
1363
|
"classes": "mt-base",
|
|
@@ -1450,8 +1451,8 @@
|
|
|
1450
1451
|
}
|
|
1451
1452
|
},
|
|
1452
1453
|
{
|
|
1453
|
-
"name": "
|
|
1454
|
-
"description": "
|
|
1454
|
+
"name": "peque",
|
|
1455
|
+
"description": "Con clases aplicadas.",
|
|
1455
1456
|
"data": {
|
|
1456
1457
|
"name": "with-classes-applied",
|
|
1457
1458
|
"classes": "c-tree--sm mt-sm",
|
|
@@ -1465,7 +1466,7 @@
|
|
|
1465
1466
|
},
|
|
1466
1467
|
"items": [
|
|
1467
1468
|
{
|
|
1468
|
-
"text": "
|
|
1469
|
+
"text": "Opción 1",
|
|
1469
1470
|
"value": "option-1",
|
|
1470
1471
|
"classes": "-mt-xs pt-1",
|
|
1471
1472
|
"label": {
|
|
@@ -1473,7 +1474,7 @@
|
|
|
1473
1474
|
}
|
|
1474
1475
|
},
|
|
1475
1476
|
{
|
|
1476
|
-
"text": "
|
|
1477
|
+
"text": "Opción 2",
|
|
1477
1478
|
"value": "option-2",
|
|
1478
1479
|
"classes": "-mt-xs pt-1",
|
|
1479
1480
|
"label": {
|
|
@@ -1515,7 +1516,7 @@
|
|
|
1515
1516
|
}
|
|
1516
1517
|
},
|
|
1517
1518
|
{
|
|
1518
|
-
"text": "
|
|
1519
|
+
"text": "Opción 3",
|
|
1519
1520
|
"value": "option-3",
|
|
1520
1521
|
"classes": "-mt-xs pt-1",
|
|
1521
1522
|
"label": {
|
|
@@ -1523,7 +1524,7 @@
|
|
|
1523
1524
|
}
|
|
1524
1525
|
},
|
|
1525
1526
|
{
|
|
1526
|
-
"text": "
|
|
1527
|
+
"text": "Opción 4",
|
|
1527
1528
|
"value": "option-4",
|
|
1528
1529
|
"classes": "-mt-xs pt-1",
|
|
1529
1530
|
"label": {
|
|
@@ -1531,7 +1532,7 @@
|
|
|
1531
1532
|
}
|
|
1532
1533
|
},
|
|
1533
1534
|
{
|
|
1534
|
-
"text": "
|
|
1535
|
+
"text": "Opción 5",
|
|
1535
1536
|
"value": "option-5",
|
|
1536
1537
|
"classes": "-mt-xs pt-1",
|
|
1537
1538
|
"label": {
|
|
@@ -1542,8 +1543,8 @@
|
|
|
1542
1543
|
}
|
|
1543
1544
|
},
|
|
1544
1545
|
{
|
|
1545
|
-
"name": "
|
|
1546
|
-
"description":
|
|
1546
|
+
"name": "con idPrefix",
|
|
1547
|
+
"description": 'Mostrar código para ver el <code>idPrefix</code> aplicado',
|
|
1547
1548
|
"data": {
|
|
1548
1549
|
"name": "with-idprefix",
|
|
1549
1550
|
"classes": "mt-base",
|
|
@@ -1558,31 +1559,31 @@
|
|
|
1558
1559
|
"idPrefix": "tree-menu-item",
|
|
1559
1560
|
"items": [
|
|
1560
1561
|
{
|
|
1561
|
-
"text": "
|
|
1562
|
+
"text": "Opción 1",
|
|
1562
1563
|
"value": "option-1"
|
|
1563
1564
|
},
|
|
1564
1565
|
{
|
|
1565
|
-
"text": "
|
|
1566
|
+
"text": "Opción 2",
|
|
1566
1567
|
"value": "option-2"
|
|
1567
1568
|
},
|
|
1568
1569
|
{
|
|
1569
|
-
"text": "
|
|
1570
|
+
"text": "Opción 3",
|
|
1570
1571
|
"value": "option-3"
|
|
1571
1572
|
},
|
|
1572
1573
|
{
|
|
1573
|
-
"text": "
|
|
1574
|
+
"text": "Opción 4",
|
|
1574
1575
|
"value": "option-4"
|
|
1575
1576
|
},
|
|
1576
1577
|
{
|
|
1577
|
-
"text": "
|
|
1578
|
+
"text": "Opción 5",
|
|
1578
1579
|
"value": "option-5"
|
|
1579
1580
|
}
|
|
1580
1581
|
]
|
|
1581
1582
|
}
|
|
1582
1583
|
},
|
|
1583
1584
|
{
|
|
1584
|
-
"name": "
|
|
1585
|
-
"description":
|
|
1585
|
+
"name": "con ids individuales",
|
|
1586
|
+
"description": 'Mostrar código para ver los <code>id</code> aplicados',
|
|
1586
1587
|
"data": {
|
|
1587
1588
|
"name": "with-individual-ids",
|
|
1588
1589
|
"classes": "mt-base",
|
|
@@ -1596,27 +1597,27 @@
|
|
|
1596
1597
|
},
|
|
1597
1598
|
"items": [
|
|
1598
1599
|
{
|
|
1599
|
-
"text": "
|
|
1600
|
+
"text": "Opción 1",
|
|
1600
1601
|
"value": "option-1",
|
|
1601
1602
|
"id": "option-A"
|
|
1602
1603
|
},
|
|
1603
1604
|
{
|
|
1604
|
-
"text": "
|
|
1605
|
+
"text": "Opción 2",
|
|
1605
1606
|
"value": "option-2",
|
|
1606
1607
|
"id": "option-B"
|
|
1607
1608
|
},
|
|
1608
1609
|
{
|
|
1609
|
-
"text": "
|
|
1610
|
+
"text": "Opción 3",
|
|
1610
1611
|
"value": "option-3",
|
|
1611
1612
|
"id": "option-C"
|
|
1612
1613
|
},
|
|
1613
1614
|
{
|
|
1614
|
-
"text": "
|
|
1615
|
+
"text": "Opción 4",
|
|
1615
1616
|
"value": "option-4",
|
|
1616
1617
|
"id": "option-D"
|
|
1617
1618
|
},
|
|
1618
1619
|
{
|
|
1619
|
-
"text": "
|
|
1620
|
+
"text": "Opción 5",
|
|
1620
1621
|
"value": "option-5",
|
|
1621
1622
|
"id": "option-E"
|
|
1622
1623
|
}
|
|
@@ -1624,8 +1625,8 @@
|
|
|
1624
1625
|
}
|
|
1625
1626
|
},
|
|
1626
1627
|
{
|
|
1627
|
-
"name": "
|
|
1628
|
-
"description": "
|
|
1628
|
+
"name": "con atributos",
|
|
1629
|
+
"description": "Muestra el código para ver cómo se aplican los atributos",
|
|
1629
1630
|
"data": {
|
|
1630
1631
|
"name": "with-attributes",
|
|
1631
1632
|
"classes": "mt-base",
|
|
@@ -1642,7 +1643,7 @@
|
|
|
1642
1643
|
},
|
|
1643
1644
|
"items": [
|
|
1644
1645
|
{
|
|
1645
|
-
"text": "
|
|
1646
|
+
"text": "Opción 1",
|
|
1646
1647
|
"value": "option-1",
|
|
1647
1648
|
"attributes": {
|
|
1648
1649
|
"data-attribute-1": "value-A",
|
|
@@ -1651,7 +1652,7 @@
|
|
|
1651
1652
|
}
|
|
1652
1653
|
},
|
|
1653
1654
|
{
|
|
1654
|
-
"text": "
|
|
1655
|
+
"text": "Opción 2",
|
|
1655
1656
|
"value": "option-2",
|
|
1656
1657
|
"attributes": {
|
|
1657
1658
|
"data-attribute-1": "value-A",
|
|
@@ -1660,7 +1661,7 @@
|
|
|
1660
1661
|
}
|
|
1661
1662
|
},
|
|
1662
1663
|
{
|
|
1663
|
-
"text": "
|
|
1664
|
+
"text": "Opción 3",
|
|
1664
1665
|
"value": "option-3",
|
|
1665
1666
|
"attributes": {
|
|
1666
1667
|
"data-attribute-1": "value-A",
|
|
@@ -1696,7 +1697,7 @@
|
|
|
1696
1697
|
}
|
|
1697
1698
|
},
|
|
1698
1699
|
{
|
|
1699
|
-
"text": "
|
|
1700
|
+
"text": "Opción 4",
|
|
1700
1701
|
"value": "option-4",
|
|
1701
1702
|
"attributes": {
|
|
1702
1703
|
"data-attribute-1": "value-A",
|
|
@@ -1705,7 +1706,7 @@
|
|
|
1705
1706
|
}
|
|
1706
1707
|
},
|
|
1707
1708
|
{
|
|
1708
|
-
"text": "
|
|
1709
|
+
"text": "Opción 5",
|
|
1709
1710
|
"value": "option-5",
|
|
1710
1711
|
"attributes": {
|
|
1711
1712
|
"data-attribute-1": "value-A",
|