@neumorphism-ui/elements 1.0.0-next.1 → 1.0.0-next.2

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 (102) hide show
  1. package/README.md +12 -1
  2. package/cdn/neu.min.js +184 -51
  3. package/custom-elements.json +2232 -282
  4. package/dist/all.d.ts +8 -0
  5. package/dist/all.js +8 -0
  6. package/dist/checkbox.d.ts +3 -0
  7. package/dist/checkbox.js +4 -0
  8. package/dist/components/button/button.d.ts +0 -2
  9. package/dist/components/button/button.js +3 -36
  10. package/dist/components/checkbox/checkbox.d.ts +44 -0
  11. package/dist/components/checkbox/checkbox.def.d.ts +31 -0
  12. package/dist/components/checkbox/checkbox.def.js +37 -0
  13. package/dist/components/checkbox/checkbox.js +40 -0
  14. package/dist/components/checkbox/checkbox.styles.d.ts +1 -0
  15. package/dist/components/checkbox/checkbox.styles.js +28 -0
  16. package/dist/components/icon/system-icons.d.ts +10 -0
  17. package/dist/components/icon/system-icons.js +22 -11
  18. package/dist/components/number-field/number-field.d.ts +84 -0
  19. package/dist/components/number-field/number-field.def.d.ts +125 -0
  20. package/dist/components/number-field/number-field.def.js +62 -0
  21. package/dist/components/number-field/number-field.js +121 -0
  22. package/dist/components/number-field/number-field.styles.d.ts +1 -0
  23. package/dist/components/number-field/number-field.styles.js +15 -0
  24. package/dist/components/option/option-data.d.ts +8 -0
  25. package/dist/components/option/option-data.js +12 -0
  26. package/dist/components/option/option.d.ts +19 -0
  27. package/dist/components/option/option.def.d.ts +10 -0
  28. package/dist/components/option/option.def.js +19 -0
  29. package/dist/components/option/option.js +17 -0
  30. package/dist/components/option/option.styles.d.ts +2 -0
  31. package/dist/components/option/option.styles.js +5 -0
  32. package/dist/components/radio/radio-link.d.ts +11 -0
  33. package/dist/components/radio/radio-link.js +5 -0
  34. package/dist/components/radio/radio.d.ts +29 -0
  35. package/dist/components/radio/radio.def.d.ts +11 -0
  36. package/dist/components/radio/radio.def.js +25 -0
  37. package/dist/components/radio/radio.js +43 -0
  38. package/dist/components/radio/radio.styles.d.ts +1 -0
  39. package/dist/components/radio/radio.styles.js +21 -0
  40. package/dist/components/radio-group/radio-group.d.ts +77 -0
  41. package/dist/components/radio-group/radio-group.def.d.ts +40 -0
  42. package/dist/components/radio-group/radio-group.def.js +55 -0
  43. package/dist/components/radio-group/radio-group.js +184 -0
  44. package/dist/components/radio-group/radio-group.styles.d.ts +1 -0
  45. package/dist/components/radio-group/radio-group.styles.js +15 -0
  46. package/dist/components/select/select.d.ts +119 -0
  47. package/dist/components/select/select.def.d.ts +38 -0
  48. package/dist/components/select/select.def.js +59 -0
  49. package/dist/components/select/select.js +385 -0
  50. package/dist/components/select/select.styles.d.ts +1 -0
  51. package/dist/components/select/select.styles.js +39 -0
  52. package/dist/components/shared/checkable.d.ts +45 -0
  53. package/dist/components/shared/checkable.js +108 -0
  54. package/dist/components/shared/field.styles.d.ts +1 -0
  55. package/dist/components/shared/field.styles.js +36 -0
  56. package/dist/components/shared/press.d.ts +7 -0
  57. package/dist/components/shared/press.js +42 -0
  58. package/dist/components/shared/step.d.ts +2 -0
  59. package/dist/components/shared/step.js +2 -0
  60. package/dist/components/shared/text-control.d.ts +72 -0
  61. package/dist/components/shared/text-control.js +191 -0
  62. package/dist/components/slider/slider.d.ts +69 -0
  63. package/dist/components/slider/slider.def.d.ts +39 -0
  64. package/dist/components/slider/slider.def.js +76 -0
  65. package/dist/components/slider/slider.js +170 -0
  66. package/dist/components/slider/slider.styles.d.ts +1 -0
  67. package/dist/components/slider/slider.styles.js +16 -0
  68. package/dist/components/switch/switch.d.ts +4 -30
  69. package/dist/components/switch/switch.js +5 -117
  70. package/dist/components/text-field/implicit-submit.d.ts +5 -0
  71. package/dist/components/text-field/implicit-submit.js +8 -3
  72. package/dist/components/text-field/text-field.d.ts +9 -36
  73. package/dist/components/text-field/text-field.js +21 -178
  74. package/dist/components/text-field/text-field.styles.d.ts +1 -1
  75. package/dist/components/text-field/text-field.styles.js +2 -35
  76. package/dist/components/textarea/textarea.d.ts +98 -0
  77. package/dist/components/textarea/textarea.def.d.ts +139 -0
  78. package/dist/components/textarea/textarea.def.js +65 -0
  79. package/dist/components/textarea/textarea.js +101 -0
  80. package/dist/components/textarea/textarea.styles.d.ts +1 -0
  81. package/dist/components/textarea/textarea.styles.js +9 -0
  82. package/dist/core/define.d.ts +16 -1
  83. package/dist/core/form-control.js +3 -1
  84. package/dist/core/validation.d.ts +6 -2
  85. package/dist/core/validation.js +15 -8
  86. package/dist/number-field.d.ts +3 -0
  87. package/dist/number-field.js +4 -0
  88. package/dist/option.d.ts +3 -0
  89. package/dist/option.js +4 -0
  90. package/dist/radio-group.d.ts +4 -0
  91. package/dist/radio-group.js +6 -0
  92. package/dist/radio.d.ts +3 -0
  93. package/dist/radio.js +4 -0
  94. package/dist/select.d.ts +3 -0
  95. package/dist/select.js +4 -0
  96. package/dist/slider.d.ts +3 -0
  97. package/dist/slider.js +4 -0
  98. package/dist/ssr.d.ts +9 -5
  99. package/dist/ssr.js +25 -5
  100. package/dist/textarea.d.ts +3 -0
  101. package/dist/textarea.js +4 -0
  102. package/package.json +41 -1
@@ -585,6 +585,236 @@
585
585
  }
586
586
  ]
587
587
  },
588
+ {
589
+ "kind": "javascript-module",
590
+ "path": "dist/checkbox.js",
591
+ "declarations": [
592
+ {
593
+ "kind": "class",
594
+ "name": "NeuCheckbox",
595
+ "tagName": "neu-checkbox",
596
+ "customElement": true,
597
+ "description": "A checkbox. The checked attribute is the default state; indeterminate is a property whose attribute only sets the initial state.",
598
+ "attributes": [
599
+ {
600
+ "name": "checked",
601
+ "fieldName": "defaultChecked",
602
+ "type": {
603
+ "text": "boolean"
604
+ },
605
+ "default": "false"
606
+ },
607
+ {
608
+ "name": "indeterminate",
609
+ "fieldName": "indeterminate",
610
+ "type": {
611
+ "text": "boolean"
612
+ },
613
+ "default": "false"
614
+ },
615
+ {
616
+ "name": "name",
617
+ "fieldName": "name",
618
+ "type": {
619
+ "text": "string"
620
+ },
621
+ "default": "''"
622
+ },
623
+ {
624
+ "name": "value",
625
+ "fieldName": "value",
626
+ "type": {
627
+ "text": "string"
628
+ },
629
+ "default": "'on'"
630
+ },
631
+ {
632
+ "name": "disabled",
633
+ "fieldName": "disabled",
634
+ "type": {
635
+ "text": "boolean"
636
+ },
637
+ "default": "false"
638
+ },
639
+ {
640
+ "name": "required",
641
+ "fieldName": "required",
642
+ "type": {
643
+ "text": "boolean"
644
+ },
645
+ "default": "false"
646
+ },
647
+ {
648
+ "name": "size",
649
+ "fieldName": "size",
650
+ "type": {
651
+ "text": "'sm' | 'md' | 'lg'"
652
+ },
653
+ "default": "'md'"
654
+ }
655
+ ],
656
+ "members": [
657
+ {
658
+ "kind": "field",
659
+ "name": "checked",
660
+ "type": {
661
+ "text": "boolean"
662
+ },
663
+ "description": "Current checked. The checked attribute holds the default."
664
+ },
665
+ {
666
+ "kind": "field",
667
+ "name": "indeterminate",
668
+ "type": {
669
+ "text": "boolean"
670
+ },
671
+ "default": "false",
672
+ "attribute": "indeterminate",
673
+ "reflects": false
674
+ },
675
+ {
676
+ "kind": "field",
677
+ "name": "name",
678
+ "type": {
679
+ "text": "string"
680
+ },
681
+ "default": "''",
682
+ "attribute": "name",
683
+ "reflects": true
684
+ },
685
+ {
686
+ "kind": "field",
687
+ "name": "value",
688
+ "type": {
689
+ "text": "string"
690
+ },
691
+ "default": "'on'",
692
+ "attribute": "value",
693
+ "reflects": true
694
+ },
695
+ {
696
+ "kind": "field",
697
+ "name": "disabled",
698
+ "type": {
699
+ "text": "boolean"
700
+ },
701
+ "default": "false",
702
+ "attribute": "disabled",
703
+ "reflects": true
704
+ },
705
+ {
706
+ "kind": "field",
707
+ "name": "required",
708
+ "type": {
709
+ "text": "boolean"
710
+ },
711
+ "default": "false",
712
+ "attribute": "required",
713
+ "reflects": true
714
+ },
715
+ {
716
+ "kind": "field",
717
+ "name": "size",
718
+ "type": {
719
+ "text": "'sm' | 'md' | 'lg'"
720
+ },
721
+ "default": "'md'",
722
+ "attribute": "size",
723
+ "reflects": true
724
+ },
725
+ {
726
+ "kind": "field",
727
+ "name": "defaultChecked",
728
+ "type": {
729
+ "text": "boolean"
730
+ },
731
+ "attribute": "checked",
732
+ "reflects": true
733
+ }
734
+ ],
735
+ "events": [
736
+ {
737
+ "name": "input",
738
+ "type": {
739
+ "text": "Event"
740
+ },
741
+ "description": "Fired when the user toggles the checkbox."
742
+ },
743
+ {
744
+ "name": "change",
745
+ "type": {
746
+ "text": "Event"
747
+ },
748
+ "description": "Fired after input when the user toggles the checkbox."
749
+ }
750
+ ],
751
+ "slots": [
752
+ {
753
+ "name": "",
754
+ "description": "Label; also the accessible name."
755
+ }
756
+ ],
757
+ "cssParts": [
758
+ {
759
+ "name": "base",
760
+ "description": "Wrapper around control and label."
761
+ },
762
+ {
763
+ "name": "control",
764
+ "description": "The inset box."
765
+ },
766
+ {
767
+ "name": "indicator",
768
+ "description": "The check or minus mark."
769
+ },
770
+ {
771
+ "name": "label",
772
+ "description": "Wrapper around the default slot."
773
+ }
774
+ ],
775
+ "cssProperties": [
776
+ {
777
+ "name": "--neu-bg",
778
+ "description": "Surface colour; shadows and text are derived from it."
779
+ },
780
+ {
781
+ "name": "--neu-accent",
782
+ "description": "Accent colour."
783
+ },
784
+ {
785
+ "name": "--neu-distance",
786
+ "description": "Shadow distance for the md size."
787
+ },
788
+ {
789
+ "name": "--neu-intensity",
790
+ "description": "Shadow strength multiplier."
791
+ },
792
+ {
793
+ "name": "--neu-radius",
794
+ "description": "Corner radius for the md size."
795
+ }
796
+ ]
797
+ }
798
+ ],
799
+ "exports": [
800
+ {
801
+ "kind": "js",
802
+ "name": "NeuCheckbox",
803
+ "declaration": {
804
+ "name": "NeuCheckbox",
805
+ "module": "dist/checkbox.js"
806
+ }
807
+ },
808
+ {
809
+ "kind": "custom-element-definition",
810
+ "name": "neu-checkbox",
811
+ "declaration": {
812
+ "name": "NeuCheckbox",
813
+ "module": "dist/checkbox.js"
814
+ }
815
+ }
816
+ ]
817
+ },
588
818
  {
589
819
  "kind": "javascript-module",
590
820
  "path": "dist/divider.js",
@@ -993,64 +1223,1384 @@
993
1223
  },
994
1224
  {
995
1225
  "kind": "javascript-module",
996
- "path": "dist/spinner.js",
1226
+ "path": "dist/number-field.js",
997
1227
  "declarations": [
998
1228
  {
999
1229
  "kind": "class",
1000
- "name": "NeuSpinner",
1001
- "tagName": "neu-spinner",
1230
+ "name": "NeuNumberField",
1231
+ "tagName": "neu-number-field",
1002
1232
  "customElement": true,
1003
- "description": "A rotating indicator for work in progress.",
1233
+ "description": "A numeric input with an inset field and stepper buttons. The value attribute is the default value.",
1004
1234
  "attributes": [
1005
1235
  {
1006
- "name": "label",
1007
- "fieldName": "label",
1236
+ "name": "value",
1237
+ "fieldName": "defaultValue",
1008
1238
  "type": {
1009
1239
  "text": "string"
1010
1240
  },
1011
- "default": "'Loading'"
1241
+ "default": "''"
1012
1242
  },
1013
1243
  {
1014
- "name": "size",
1015
- "fieldName": "size",
1244
+ "name": "min",
1245
+ "fieldName": "min",
1016
1246
  "type": {
1017
- "text": "'sm' | 'md' | 'lg'"
1247
+ "text": "number"
1018
1248
  },
1019
- "default": "'md'"
1020
- }
1021
- ],
1022
- "members": [
1249
+ "default": "NaN"
1250
+ },
1023
1251
  {
1024
- "kind": "field",
1025
- "name": "label",
1252
+ "name": "max",
1253
+ "fieldName": "max",
1026
1254
  "type": {
1027
- "text": "string"
1255
+ "text": "number"
1028
1256
  },
1029
- "default": "'Loading'",
1030
- "attribute": "label",
1031
- "reflects": false
1257
+ "default": "NaN"
1032
1258
  },
1033
1259
  {
1034
- "kind": "field",
1035
- "name": "size",
1260
+ "name": "step",
1261
+ "fieldName": "step",
1036
1262
  "type": {
1037
- "text": "'sm' | 'md' | 'lg'"
1263
+ "text": "number"
1038
1264
  },
1039
- "default": "'md'",
1040
- "attribute": "size",
1041
- "reflects": true
1042
- }
1043
- ],
1044
- "events": [],
1045
- "slots": [],
1046
- "cssParts": [
1047
- {
1048
- "name": "base",
1049
- "description": "The sized wrapper."
1050
- },
1051
- {
1052
- "name": "track",
1053
- "description": "The inset ring behind the indicator."
1265
+ "default": "1"
1266
+ },
1267
+ {
1268
+ "name": "name",
1269
+ "fieldName": "name",
1270
+ "type": {
1271
+ "text": "string"
1272
+ },
1273
+ "default": "''"
1274
+ },
1275
+ {
1276
+ "name": "label",
1277
+ "fieldName": "label",
1278
+ "type": {
1279
+ "text": "string"
1280
+ },
1281
+ "default": "''"
1282
+ },
1283
+ {
1284
+ "name": "placeholder",
1285
+ "fieldName": "placeholder",
1286
+ "type": {
1287
+ "text": "string"
1288
+ },
1289
+ "default": "''"
1290
+ },
1291
+ {
1292
+ "name": "help-text",
1293
+ "fieldName": "helpText",
1294
+ "type": {
1295
+ "text": "string"
1296
+ },
1297
+ "default": "''"
1298
+ },
1299
+ {
1300
+ "name": "error-text",
1301
+ "fieldName": "errorText",
1302
+ "type": {
1303
+ "text": "string"
1304
+ },
1305
+ "default": "''"
1306
+ },
1307
+ {
1308
+ "name": "required",
1309
+ "fieldName": "required",
1310
+ "type": {
1311
+ "text": "boolean"
1312
+ },
1313
+ "default": "false"
1314
+ },
1315
+ {
1316
+ "name": "disabled",
1317
+ "fieldName": "disabled",
1318
+ "type": {
1319
+ "text": "boolean"
1320
+ },
1321
+ "default": "false"
1322
+ },
1323
+ {
1324
+ "name": "readonly",
1325
+ "fieldName": "readOnly",
1326
+ "type": {
1327
+ "text": "boolean"
1328
+ },
1329
+ "default": "false"
1330
+ },
1331
+ {
1332
+ "name": "size",
1333
+ "fieldName": "size",
1334
+ "type": {
1335
+ "text": "'sm' | 'md' | 'lg'"
1336
+ },
1337
+ "default": "'md'"
1338
+ },
1339
+ {
1340
+ "name": "increment-label",
1341
+ "fieldName": "incrementLabel",
1342
+ "type": {
1343
+ "text": "string"
1344
+ },
1345
+ "default": "'Increase'"
1346
+ },
1347
+ {
1348
+ "name": "decrement-label",
1349
+ "fieldName": "decrementLabel",
1350
+ "type": {
1351
+ "text": "string"
1352
+ },
1353
+ "default": "'Decrease'"
1354
+ }
1355
+ ],
1356
+ "members": [
1357
+ {
1358
+ "kind": "field",
1359
+ "name": "value",
1360
+ "type": {
1361
+ "text": "string"
1362
+ },
1363
+ "description": "Current value. The value attribute holds the default."
1364
+ },
1365
+ {
1366
+ "kind": "field",
1367
+ "name": "min",
1368
+ "type": {
1369
+ "text": "number"
1370
+ },
1371
+ "default": "NaN",
1372
+ "attribute": "min",
1373
+ "reflects": false
1374
+ },
1375
+ {
1376
+ "kind": "field",
1377
+ "name": "max",
1378
+ "type": {
1379
+ "text": "number"
1380
+ },
1381
+ "default": "NaN",
1382
+ "attribute": "max",
1383
+ "reflects": false
1384
+ },
1385
+ {
1386
+ "kind": "field",
1387
+ "name": "step",
1388
+ "type": {
1389
+ "text": "number"
1390
+ },
1391
+ "default": "1",
1392
+ "attribute": "step",
1393
+ "reflects": false
1394
+ },
1395
+ {
1396
+ "kind": "field",
1397
+ "name": "name",
1398
+ "type": {
1399
+ "text": "string"
1400
+ },
1401
+ "default": "''",
1402
+ "attribute": "name",
1403
+ "reflects": true
1404
+ },
1405
+ {
1406
+ "kind": "field",
1407
+ "name": "label",
1408
+ "type": {
1409
+ "text": "string"
1410
+ },
1411
+ "default": "''",
1412
+ "attribute": "label",
1413
+ "reflects": false
1414
+ },
1415
+ {
1416
+ "kind": "field",
1417
+ "name": "placeholder",
1418
+ "type": {
1419
+ "text": "string"
1420
+ },
1421
+ "default": "''",
1422
+ "attribute": "placeholder",
1423
+ "reflects": false
1424
+ },
1425
+ {
1426
+ "kind": "field",
1427
+ "name": "helpText",
1428
+ "type": {
1429
+ "text": "string"
1430
+ },
1431
+ "default": "''",
1432
+ "attribute": "help-text",
1433
+ "reflects": false
1434
+ },
1435
+ {
1436
+ "kind": "field",
1437
+ "name": "errorText",
1438
+ "type": {
1439
+ "text": "string"
1440
+ },
1441
+ "default": "''",
1442
+ "attribute": "error-text",
1443
+ "reflects": false
1444
+ },
1445
+ {
1446
+ "kind": "field",
1447
+ "name": "required",
1448
+ "type": {
1449
+ "text": "boolean"
1450
+ },
1451
+ "default": "false",
1452
+ "attribute": "required",
1453
+ "reflects": true
1454
+ },
1455
+ {
1456
+ "kind": "field",
1457
+ "name": "disabled",
1458
+ "type": {
1459
+ "text": "boolean"
1460
+ },
1461
+ "default": "false",
1462
+ "attribute": "disabled",
1463
+ "reflects": true
1464
+ },
1465
+ {
1466
+ "kind": "field",
1467
+ "name": "readOnly",
1468
+ "type": {
1469
+ "text": "boolean"
1470
+ },
1471
+ "default": "false",
1472
+ "attribute": "readonly",
1473
+ "reflects": true
1474
+ },
1475
+ {
1476
+ "kind": "field",
1477
+ "name": "size",
1478
+ "type": {
1479
+ "text": "'sm' | 'md' | 'lg'"
1480
+ },
1481
+ "default": "'md'",
1482
+ "attribute": "size",
1483
+ "reflects": true
1484
+ },
1485
+ {
1486
+ "kind": "field",
1487
+ "name": "incrementLabel",
1488
+ "type": {
1489
+ "text": "string"
1490
+ },
1491
+ "default": "'Increase'",
1492
+ "attribute": "increment-label",
1493
+ "reflects": false
1494
+ },
1495
+ {
1496
+ "kind": "field",
1497
+ "name": "decrementLabel",
1498
+ "type": {
1499
+ "text": "string"
1500
+ },
1501
+ "default": "'Decrease'",
1502
+ "attribute": "decrement-label",
1503
+ "reflects": false
1504
+ },
1505
+ {
1506
+ "kind": "field",
1507
+ "name": "defaultValue",
1508
+ "type": {
1509
+ "text": "string"
1510
+ },
1511
+ "attribute": "value",
1512
+ "reflects": true
1513
+ }
1514
+ ],
1515
+ "events": [
1516
+ {
1517
+ "name": "input",
1518
+ "type": {
1519
+ "text": "Event"
1520
+ },
1521
+ "description": "Fired on every edit and every step (composed)."
1522
+ },
1523
+ {
1524
+ "name": "change",
1525
+ "type": {
1526
+ "text": "Event"
1527
+ },
1528
+ "description": "Fired when an edit is committed, or after each step."
1529
+ }
1530
+ ],
1531
+ "slots": [
1532
+ {
1533
+ "name": "label",
1534
+ "description": "Rich label; replaces the label attribute."
1535
+ },
1536
+ {
1537
+ "name": "help-text",
1538
+ "description": "Rich help text; replaces the help-text attribute."
1539
+ }
1540
+ ],
1541
+ "cssParts": [
1542
+ {
1543
+ "name": "base",
1544
+ "description": "Outer wrapper."
1545
+ },
1546
+ {
1547
+ "name": "label",
1548
+ "description": "The <label> element."
1549
+ },
1550
+ {
1551
+ "name": "control",
1552
+ "description": "The inset field around the input and buttons."
1553
+ },
1554
+ {
1555
+ "name": "input",
1556
+ "description": "The native <input type=\"number\">."
1557
+ },
1558
+ {
1559
+ "name": "decrement",
1560
+ "description": "The button that lowers the value."
1561
+ },
1562
+ {
1563
+ "name": "increment",
1564
+ "description": "The button that raises the value."
1565
+ },
1566
+ {
1567
+ "name": "help-text",
1568
+ "description": "Help or error text area."
1569
+ }
1570
+ ],
1571
+ "cssProperties": [
1572
+ {
1573
+ "name": "--neu-bg",
1574
+ "description": "Surface colour; shadows and text are derived from it."
1575
+ },
1576
+ {
1577
+ "name": "--neu-accent",
1578
+ "description": "Accent colour."
1579
+ },
1580
+ {
1581
+ "name": "--neu-distance",
1582
+ "description": "Shadow distance for the md size."
1583
+ },
1584
+ {
1585
+ "name": "--neu-intensity",
1586
+ "description": "Shadow strength multiplier."
1587
+ },
1588
+ {
1589
+ "name": "--neu-radius",
1590
+ "description": "Corner radius for the md size."
1591
+ }
1592
+ ]
1593
+ }
1594
+ ],
1595
+ "exports": [
1596
+ {
1597
+ "kind": "js",
1598
+ "name": "NeuNumberField",
1599
+ "declaration": {
1600
+ "name": "NeuNumberField",
1601
+ "module": "dist/number-field.js"
1602
+ }
1603
+ },
1604
+ {
1605
+ "kind": "custom-element-definition",
1606
+ "name": "neu-number-field",
1607
+ "declaration": {
1608
+ "name": "NeuNumberField",
1609
+ "module": "dist/number-field.js"
1610
+ }
1611
+ }
1612
+ ]
1613
+ },
1614
+ {
1615
+ "kind": "javascript-module",
1616
+ "path": "dist/option.js",
1617
+ "declarations": [
1618
+ {
1619
+ "kind": "class",
1620
+ "name": "NeuOption",
1621
+ "tagName": "neu-option",
1622
+ "customElement": true,
1623
+ "description": "One choice of a neu-select. It is data only and never rendered: the select reads its value (the value attribute, or the label when there is none), its text as the label, and disabled.",
1624
+ "attributes": [
1625
+ {
1626
+ "name": "value",
1627
+ "fieldName": "value",
1628
+ "type": {
1629
+ "text": "string"
1630
+ },
1631
+ "default": "''"
1632
+ },
1633
+ {
1634
+ "name": "disabled",
1635
+ "fieldName": "disabled",
1636
+ "type": {
1637
+ "text": "boolean"
1638
+ },
1639
+ "default": "false"
1640
+ }
1641
+ ],
1642
+ "members": [
1643
+ {
1644
+ "kind": "field",
1645
+ "name": "value",
1646
+ "type": {
1647
+ "text": "string"
1648
+ },
1649
+ "default": "''",
1650
+ "attribute": "value",
1651
+ "reflects": true
1652
+ },
1653
+ {
1654
+ "kind": "field",
1655
+ "name": "disabled",
1656
+ "type": {
1657
+ "text": "boolean"
1658
+ },
1659
+ "default": "false",
1660
+ "attribute": "disabled",
1661
+ "reflects": true
1662
+ }
1663
+ ],
1664
+ "events": [],
1665
+ "slots": [
1666
+ {
1667
+ "name": "",
1668
+ "description": "The label, as plain text."
1669
+ }
1670
+ ],
1671
+ "cssParts": [],
1672
+ "cssProperties": []
1673
+ }
1674
+ ],
1675
+ "exports": [
1676
+ {
1677
+ "kind": "js",
1678
+ "name": "NeuOption",
1679
+ "declaration": {
1680
+ "name": "NeuOption",
1681
+ "module": "dist/option.js"
1682
+ }
1683
+ },
1684
+ {
1685
+ "kind": "custom-element-definition",
1686
+ "name": "neu-option",
1687
+ "declaration": {
1688
+ "name": "NeuOption",
1689
+ "module": "dist/option.js"
1690
+ }
1691
+ }
1692
+ ]
1693
+ },
1694
+ {
1695
+ "kind": "javascript-module",
1696
+ "path": "dist/radio.js",
1697
+ "declarations": [
1698
+ {
1699
+ "kind": "class",
1700
+ "name": "NeuRadio",
1701
+ "tagName": "neu-radio",
1702
+ "customElement": true,
1703
+ "description": "One choice inside a neu-radio-group, which owns the value, the keyboard and the form. On its own it does nothing.",
1704
+ "attributes": [
1705
+ {
1706
+ "name": "value",
1707
+ "fieldName": "value",
1708
+ "type": {
1709
+ "text": "string"
1710
+ },
1711
+ "default": "'on'"
1712
+ },
1713
+ {
1714
+ "name": "disabled",
1715
+ "fieldName": "disabled",
1716
+ "type": {
1717
+ "text": "boolean"
1718
+ },
1719
+ "default": "false"
1720
+ }
1721
+ ],
1722
+ "members": [
1723
+ {
1724
+ "kind": "field",
1725
+ "name": "value",
1726
+ "type": {
1727
+ "text": "string"
1728
+ },
1729
+ "default": "'on'",
1730
+ "attribute": "value",
1731
+ "reflects": true
1732
+ },
1733
+ {
1734
+ "kind": "field",
1735
+ "name": "disabled",
1736
+ "type": {
1737
+ "text": "boolean"
1738
+ },
1739
+ "default": "false",
1740
+ "attribute": "disabled",
1741
+ "reflects": true
1742
+ }
1743
+ ],
1744
+ "events": [],
1745
+ "slots": [
1746
+ {
1747
+ "name": "",
1748
+ "description": "Label; also the accessible name."
1749
+ }
1750
+ ],
1751
+ "cssParts": [
1752
+ {
1753
+ "name": "base",
1754
+ "description": "Wrapper around control and label."
1755
+ },
1756
+ {
1757
+ "name": "control",
1758
+ "description": "The inset ring."
1759
+ },
1760
+ {
1761
+ "name": "indicator",
1762
+ "description": "The dot shown when selected."
1763
+ },
1764
+ {
1765
+ "name": "label",
1766
+ "description": "Wrapper around the default slot."
1767
+ }
1768
+ ],
1769
+ "cssProperties": [
1770
+ {
1771
+ "name": "--neu-bg",
1772
+ "description": "Surface colour; shadows and text are derived from it."
1773
+ },
1774
+ {
1775
+ "name": "--neu-accent",
1776
+ "description": "Accent colour."
1777
+ },
1778
+ {
1779
+ "name": "--neu-distance",
1780
+ "description": "Shadow distance for the md size."
1781
+ },
1782
+ {
1783
+ "name": "--neu-intensity",
1784
+ "description": "Shadow strength multiplier."
1785
+ },
1786
+ {
1787
+ "name": "--neu-radius",
1788
+ "description": "Corner radius for the md size."
1789
+ }
1790
+ ]
1791
+ }
1792
+ ],
1793
+ "exports": [
1794
+ {
1795
+ "kind": "js",
1796
+ "name": "NeuRadio",
1797
+ "declaration": {
1798
+ "name": "NeuRadio",
1799
+ "module": "dist/radio.js"
1800
+ }
1801
+ },
1802
+ {
1803
+ "kind": "custom-element-definition",
1804
+ "name": "neu-radio",
1805
+ "declaration": {
1806
+ "name": "NeuRadio",
1807
+ "module": "dist/radio.js"
1808
+ }
1809
+ }
1810
+ ]
1811
+ },
1812
+ {
1813
+ "kind": "javascript-module",
1814
+ "path": "dist/radio-group.js",
1815
+ "declarations": [
1816
+ {
1817
+ "kind": "class",
1818
+ "name": "NeuRadioGroup",
1819
+ "tagName": "neu-radio-group",
1820
+ "customElement": true,
1821
+ "description": "A group of neu-radio elements with one selected value, arrow-key navigation and form support. The value attribute is the default value.",
1822
+ "attributes": [
1823
+ {
1824
+ "name": "label",
1825
+ "fieldName": "label",
1826
+ "type": {
1827
+ "text": "string"
1828
+ },
1829
+ "default": "''"
1830
+ },
1831
+ {
1832
+ "name": "name",
1833
+ "fieldName": "name",
1834
+ "type": {
1835
+ "text": "string"
1836
+ },
1837
+ "default": "''"
1838
+ },
1839
+ {
1840
+ "name": "value",
1841
+ "fieldName": "defaultValue",
1842
+ "type": {
1843
+ "text": "string"
1844
+ },
1845
+ "default": "''"
1846
+ },
1847
+ {
1848
+ "name": "required",
1849
+ "fieldName": "required",
1850
+ "type": {
1851
+ "text": "boolean"
1852
+ },
1853
+ "default": "false"
1854
+ },
1855
+ {
1856
+ "name": "disabled",
1857
+ "fieldName": "disabled",
1858
+ "type": {
1859
+ "text": "boolean"
1860
+ },
1861
+ "default": "false"
1862
+ },
1863
+ {
1864
+ "name": "orientation",
1865
+ "fieldName": "orientation",
1866
+ "type": {
1867
+ "text": "'vertical' | 'horizontal'"
1868
+ },
1869
+ "default": "'vertical'"
1870
+ }
1871
+ ],
1872
+ "members": [
1873
+ {
1874
+ "kind": "field",
1875
+ "name": "label",
1876
+ "type": {
1877
+ "text": "string"
1878
+ },
1879
+ "default": "''",
1880
+ "attribute": "label",
1881
+ "reflects": false
1882
+ },
1883
+ {
1884
+ "kind": "field",
1885
+ "name": "name",
1886
+ "type": {
1887
+ "text": "string"
1888
+ },
1889
+ "default": "''",
1890
+ "attribute": "name",
1891
+ "reflects": true
1892
+ },
1893
+ {
1894
+ "kind": "field",
1895
+ "name": "value",
1896
+ "type": {
1897
+ "text": "string"
1898
+ },
1899
+ "description": "Current value. The value attribute holds the default."
1900
+ },
1901
+ {
1902
+ "kind": "field",
1903
+ "name": "required",
1904
+ "type": {
1905
+ "text": "boolean"
1906
+ },
1907
+ "default": "false",
1908
+ "attribute": "required",
1909
+ "reflects": true
1910
+ },
1911
+ {
1912
+ "kind": "field",
1913
+ "name": "disabled",
1914
+ "type": {
1915
+ "text": "boolean"
1916
+ },
1917
+ "default": "false",
1918
+ "attribute": "disabled",
1919
+ "reflects": true
1920
+ },
1921
+ {
1922
+ "kind": "field",
1923
+ "name": "orientation",
1924
+ "type": {
1925
+ "text": "'vertical' | 'horizontal'"
1926
+ },
1927
+ "default": "'vertical'",
1928
+ "attribute": "orientation",
1929
+ "reflects": true
1930
+ },
1931
+ {
1932
+ "kind": "field",
1933
+ "name": "defaultValue",
1934
+ "type": {
1935
+ "text": "string"
1936
+ },
1937
+ "attribute": "value",
1938
+ "reflects": true
1939
+ }
1940
+ ],
1941
+ "events": [
1942
+ {
1943
+ "name": "input",
1944
+ "type": {
1945
+ "text": "Event"
1946
+ },
1947
+ "description": "Fired when the user selects a radio."
1948
+ },
1949
+ {
1950
+ "name": "change",
1951
+ "type": {
1952
+ "text": "Event"
1953
+ },
1954
+ "description": "Fired after input when the user selects a radio."
1955
+ }
1956
+ ],
1957
+ "slots": [
1958
+ {
1959
+ "name": "",
1960
+ "description": "neu-radio elements."
1961
+ }
1962
+ ],
1963
+ "cssParts": [
1964
+ {
1965
+ "name": "base",
1966
+ "description": "Outer wrapper."
1967
+ },
1968
+ {
1969
+ "name": "label",
1970
+ "description": "The group label."
1971
+ }
1972
+ ],
1973
+ "cssProperties": [
1974
+ {
1975
+ "name": "--neu-bg",
1976
+ "description": "Surface colour; shadows and text are derived from it."
1977
+ },
1978
+ {
1979
+ "name": "--neu-accent",
1980
+ "description": "Accent colour."
1981
+ },
1982
+ {
1983
+ "name": "--neu-distance",
1984
+ "description": "Shadow distance for the md size."
1985
+ },
1986
+ {
1987
+ "name": "--neu-intensity",
1988
+ "description": "Shadow strength multiplier."
1989
+ },
1990
+ {
1991
+ "name": "--neu-radius",
1992
+ "description": "Corner radius for the md size."
1993
+ }
1994
+ ]
1995
+ }
1996
+ ],
1997
+ "exports": [
1998
+ {
1999
+ "kind": "js",
2000
+ "name": "NeuRadioGroup",
2001
+ "declaration": {
2002
+ "name": "NeuRadioGroup",
2003
+ "module": "dist/radio-group.js"
2004
+ }
2005
+ },
2006
+ {
2007
+ "kind": "custom-element-definition",
2008
+ "name": "neu-radio-group",
2009
+ "declaration": {
2010
+ "name": "NeuRadioGroup",
2011
+ "module": "dist/radio-group.js"
2012
+ }
2013
+ }
2014
+ ]
2015
+ },
2016
+ {
2017
+ "kind": "javascript-module",
2018
+ "path": "dist/select.js",
2019
+ "declarations": [
2020
+ {
2021
+ "kind": "class",
2022
+ "name": "NeuSelect",
2023
+ "tagName": "neu-select",
2024
+ "customElement": true,
2025
+ "description": "A single-value select (the APG select-only combobox): a raised trigger and a popover listbox built from the neu-option children, which are data only. The value attribute is the default value.",
2026
+ "attributes": [
2027
+ {
2028
+ "name": "value",
2029
+ "fieldName": "defaultValue",
2030
+ "type": {
2031
+ "text": "string"
2032
+ },
2033
+ "default": "''"
2034
+ },
2035
+ {
2036
+ "name": "name",
2037
+ "fieldName": "name",
2038
+ "type": {
2039
+ "text": "string"
2040
+ },
2041
+ "default": "''"
2042
+ },
2043
+ {
2044
+ "name": "label",
2045
+ "fieldName": "label",
2046
+ "type": {
2047
+ "text": "string"
2048
+ },
2049
+ "default": "''"
2050
+ },
2051
+ {
2052
+ "name": "placeholder",
2053
+ "fieldName": "placeholder",
2054
+ "type": {
2055
+ "text": "string"
2056
+ },
2057
+ "default": "''"
2058
+ },
2059
+ {
2060
+ "name": "help-text",
2061
+ "fieldName": "helpText",
2062
+ "type": {
2063
+ "text": "string"
2064
+ },
2065
+ "default": "''"
2066
+ },
2067
+ {
2068
+ "name": "error-text",
2069
+ "fieldName": "errorText",
2070
+ "type": {
2071
+ "text": "string"
2072
+ },
2073
+ "default": "''"
2074
+ },
2075
+ {
2076
+ "name": "required",
2077
+ "fieldName": "required",
2078
+ "type": {
2079
+ "text": "boolean"
2080
+ },
2081
+ "default": "false"
2082
+ },
2083
+ {
2084
+ "name": "disabled",
2085
+ "fieldName": "disabled",
2086
+ "type": {
2087
+ "text": "boolean"
2088
+ },
2089
+ "default": "false"
2090
+ },
2091
+ {
2092
+ "name": "size",
2093
+ "fieldName": "size",
2094
+ "type": {
2095
+ "text": "'sm' | 'md' | 'lg'"
2096
+ },
2097
+ "default": "'md'"
2098
+ }
2099
+ ],
2100
+ "members": [
2101
+ {
2102
+ "kind": "field",
2103
+ "name": "value",
2104
+ "type": {
2105
+ "text": "string"
2106
+ },
2107
+ "description": "Current value. The value attribute holds the default."
2108
+ },
2109
+ {
2110
+ "kind": "field",
2111
+ "name": "name",
2112
+ "type": {
2113
+ "text": "string"
2114
+ },
2115
+ "default": "''",
2116
+ "attribute": "name",
2117
+ "reflects": true
2118
+ },
2119
+ {
2120
+ "kind": "field",
2121
+ "name": "label",
2122
+ "type": {
2123
+ "text": "string"
2124
+ },
2125
+ "default": "''",
2126
+ "attribute": "label",
2127
+ "reflects": false
2128
+ },
2129
+ {
2130
+ "kind": "field",
2131
+ "name": "placeholder",
2132
+ "type": {
2133
+ "text": "string"
2134
+ },
2135
+ "default": "''",
2136
+ "attribute": "placeholder",
2137
+ "reflects": false
2138
+ },
2139
+ {
2140
+ "kind": "field",
2141
+ "name": "helpText",
2142
+ "type": {
2143
+ "text": "string"
2144
+ },
2145
+ "default": "''",
2146
+ "attribute": "help-text",
2147
+ "reflects": false
2148
+ },
2149
+ {
2150
+ "kind": "field",
2151
+ "name": "errorText",
2152
+ "type": {
2153
+ "text": "string"
2154
+ },
2155
+ "default": "''",
2156
+ "attribute": "error-text",
2157
+ "reflects": false
2158
+ },
2159
+ {
2160
+ "kind": "field",
2161
+ "name": "required",
2162
+ "type": {
2163
+ "text": "boolean"
2164
+ },
2165
+ "default": "false",
2166
+ "attribute": "required",
2167
+ "reflects": true
2168
+ },
2169
+ {
2170
+ "kind": "field",
2171
+ "name": "disabled",
2172
+ "type": {
2173
+ "text": "boolean"
2174
+ },
2175
+ "default": "false",
2176
+ "attribute": "disabled",
2177
+ "reflects": true
2178
+ },
2179
+ {
2180
+ "kind": "field",
2181
+ "name": "size",
2182
+ "type": {
2183
+ "text": "'sm' | 'md' | 'lg'"
2184
+ },
2185
+ "default": "'md'",
2186
+ "attribute": "size",
2187
+ "reflects": true
2188
+ },
2189
+ {
2190
+ "kind": "field",
2191
+ "name": "defaultValue",
2192
+ "type": {
2193
+ "text": "string"
2194
+ },
2195
+ "attribute": "value",
2196
+ "reflects": true
2197
+ }
2198
+ ],
2199
+ "events": [
2200
+ {
2201
+ "name": "input",
2202
+ "type": {
2203
+ "text": "Event"
2204
+ },
2205
+ "description": "Fired when the user chooses an option with a new value."
2206
+ },
2207
+ {
2208
+ "name": "change",
2209
+ "type": {
2210
+ "text": "Event"
2211
+ },
2212
+ "description": "Fired after input when the user chooses a new value."
2213
+ },
2214
+ {
2215
+ "name": "neu-open",
2216
+ "type": {
2217
+ "text": "Event"
2218
+ },
2219
+ "description": "Fired when the listbox opens."
2220
+ },
2221
+ {
2222
+ "name": "neu-close",
2223
+ "type": {
2224
+ "text": "Event"
2225
+ },
2226
+ "description": "Fired when the listbox closes."
2227
+ }
2228
+ ],
2229
+ "slots": [
2230
+ {
2231
+ "name": "help-text",
2232
+ "description": "Rich help text; replaces the help-text attribute."
2233
+ }
2234
+ ],
2235
+ "cssParts": [
2236
+ {
2237
+ "name": "base",
2238
+ "description": "Outer wrapper."
2239
+ },
2240
+ {
2241
+ "name": "label",
2242
+ "description": "The label text."
2243
+ },
2244
+ {
2245
+ "name": "combobox",
2246
+ "description": "The raised trigger that holds focus."
2247
+ },
2248
+ {
2249
+ "name": "display",
2250
+ "description": "The selected label, or the placeholder."
2251
+ },
2252
+ {
2253
+ "name": "chevron",
2254
+ "description": "The chevron icon."
2255
+ },
2256
+ {
2257
+ "name": "listbox",
2258
+ "description": "The popover list of options."
2259
+ },
2260
+ {
2261
+ "name": "option",
2262
+ "description": "One option in the listbox."
2263
+ },
2264
+ {
2265
+ "name": "help-text",
2266
+ "description": "Help or error text area."
2267
+ }
2268
+ ],
2269
+ "cssProperties": [
2270
+ {
2271
+ "name": "--neu-bg",
2272
+ "description": "Surface colour; shadows and text are derived from it."
2273
+ },
2274
+ {
2275
+ "name": "--neu-accent",
2276
+ "description": "Accent colour."
2277
+ },
2278
+ {
2279
+ "name": "--neu-distance",
2280
+ "description": "Shadow distance for the md size."
2281
+ },
2282
+ {
2283
+ "name": "--neu-intensity",
2284
+ "description": "Shadow strength multiplier."
2285
+ },
2286
+ {
2287
+ "name": "--neu-radius",
2288
+ "description": "Corner radius for the md size."
2289
+ }
2290
+ ]
2291
+ }
2292
+ ],
2293
+ "exports": [
2294
+ {
2295
+ "kind": "js",
2296
+ "name": "NeuSelect",
2297
+ "declaration": {
2298
+ "name": "NeuSelect",
2299
+ "module": "dist/select.js"
2300
+ }
2301
+ },
2302
+ {
2303
+ "kind": "custom-element-definition",
2304
+ "name": "neu-select",
2305
+ "declaration": {
2306
+ "name": "NeuSelect",
2307
+ "module": "dist/select.js"
2308
+ }
2309
+ }
2310
+ ]
2311
+ },
2312
+ {
2313
+ "kind": "javascript-module",
2314
+ "path": "dist/slider.js",
2315
+ "declarations": [
2316
+ {
2317
+ "kind": "class",
2318
+ "name": "NeuSlider",
2319
+ "tagName": "neu-slider",
2320
+ "customElement": true,
2321
+ "description": "A horizontal slider for a number. The value attribute is the default; the value property is the current value. The valueFormatter property turns the value into the text a screen reader announces.",
2322
+ "attributes": [
2323
+ {
2324
+ "name": "value",
2325
+ "fieldName": "defaultValue",
2326
+ "type": {
2327
+ "text": "number"
2328
+ },
2329
+ "default": "NaN"
2330
+ },
2331
+ {
2332
+ "name": "min",
2333
+ "fieldName": "min",
2334
+ "type": {
2335
+ "text": "number"
2336
+ },
2337
+ "default": "0"
2338
+ },
2339
+ {
2340
+ "name": "max",
2341
+ "fieldName": "max",
2342
+ "type": {
2343
+ "text": "number"
2344
+ },
2345
+ "default": "100"
2346
+ },
2347
+ {
2348
+ "name": "step",
2349
+ "fieldName": "step",
2350
+ "type": {
2351
+ "text": "number"
2352
+ },
2353
+ "default": "1"
2354
+ },
2355
+ {
2356
+ "name": "name",
2357
+ "fieldName": "name",
2358
+ "type": {
2359
+ "text": "string"
2360
+ },
2361
+ "default": "''"
2362
+ },
2363
+ {
2364
+ "name": "label",
2365
+ "fieldName": "label",
2366
+ "type": {
2367
+ "text": "string"
2368
+ },
2369
+ "default": "''"
2370
+ },
2371
+ {
2372
+ "name": "disabled",
2373
+ "fieldName": "disabled",
2374
+ "type": {
2375
+ "text": "boolean"
2376
+ },
2377
+ "default": "false"
2378
+ }
2379
+ ],
2380
+ "members": [
2381
+ {
2382
+ "kind": "field",
2383
+ "name": "value",
2384
+ "type": {
2385
+ "text": "number"
2386
+ },
2387
+ "description": "Current value. The value attribute holds the default."
2388
+ },
2389
+ {
2390
+ "kind": "field",
2391
+ "name": "min",
2392
+ "type": {
2393
+ "text": "number"
2394
+ },
2395
+ "default": "0",
2396
+ "attribute": "min",
2397
+ "reflects": false
2398
+ },
2399
+ {
2400
+ "kind": "field",
2401
+ "name": "max",
2402
+ "type": {
2403
+ "text": "number"
2404
+ },
2405
+ "default": "100",
2406
+ "attribute": "max",
2407
+ "reflects": false
2408
+ },
2409
+ {
2410
+ "kind": "field",
2411
+ "name": "step",
2412
+ "type": {
2413
+ "text": "number"
2414
+ },
2415
+ "default": "1",
2416
+ "attribute": "step",
2417
+ "reflects": false
2418
+ },
2419
+ {
2420
+ "kind": "field",
2421
+ "name": "name",
2422
+ "type": {
2423
+ "text": "string"
2424
+ },
2425
+ "default": "''",
2426
+ "attribute": "name",
2427
+ "reflects": true
2428
+ },
2429
+ {
2430
+ "kind": "field",
2431
+ "name": "label",
2432
+ "type": {
2433
+ "text": "string"
2434
+ },
2435
+ "default": "''",
2436
+ "attribute": "label",
2437
+ "reflects": false
2438
+ },
2439
+ {
2440
+ "kind": "field",
2441
+ "name": "disabled",
2442
+ "type": {
2443
+ "text": "boolean"
2444
+ },
2445
+ "default": "false",
2446
+ "attribute": "disabled",
2447
+ "reflects": true
2448
+ },
2449
+ {
2450
+ "kind": "field",
2451
+ "name": "defaultValue",
2452
+ "type": {
2453
+ "text": "number"
2454
+ },
2455
+ "attribute": "value",
2456
+ "reflects": true
2457
+ },
2458
+ {
2459
+ "kind": "field",
2460
+ "name": "valueFormatter",
2461
+ "type": {
2462
+ "text": "(value: number) => string"
2463
+ }
2464
+ }
2465
+ ],
2466
+ "events": [
2467
+ {
2468
+ "name": "input",
2469
+ "type": {
2470
+ "text": "Event"
2471
+ },
2472
+ "description": "Fired on every change while the user drags or presses a key."
2473
+ },
2474
+ {
2475
+ "name": "change",
2476
+ "type": {
2477
+ "text": "Event"
2478
+ },
2479
+ "description": "Fired after the user commits a change: on release, or per key."
2480
+ }
2481
+ ],
2482
+ "slots": [],
2483
+ "cssParts": [
2484
+ {
2485
+ "name": "base",
2486
+ "description": "Wrapper around the track."
2487
+ },
2488
+ {
2489
+ "name": "track",
2490
+ "description": "The inset groove."
2491
+ },
2492
+ {
2493
+ "name": "fill",
2494
+ "description": "The part of the track up to the thumb."
2495
+ },
2496
+ {
2497
+ "name": "thumb",
2498
+ "description": "The raised handle."
2499
+ }
2500
+ ],
2501
+ "cssProperties": [
2502
+ {
2503
+ "name": "--neu-bg",
2504
+ "description": "Surface colour; shadows and text are derived from it."
2505
+ },
2506
+ {
2507
+ "name": "--neu-accent",
2508
+ "description": "Accent colour."
2509
+ },
2510
+ {
2511
+ "name": "--neu-distance",
2512
+ "description": "Shadow distance for the md size."
2513
+ },
2514
+ {
2515
+ "name": "--neu-intensity",
2516
+ "description": "Shadow strength multiplier."
2517
+ },
2518
+ {
2519
+ "name": "--neu-radius",
2520
+ "description": "Corner radius for the md size."
2521
+ }
2522
+ ]
2523
+ }
2524
+ ],
2525
+ "exports": [
2526
+ {
2527
+ "kind": "js",
2528
+ "name": "NeuSlider",
2529
+ "declaration": {
2530
+ "name": "NeuSlider",
2531
+ "module": "dist/slider.js"
2532
+ }
2533
+ },
2534
+ {
2535
+ "kind": "custom-element-definition",
2536
+ "name": "neu-slider",
2537
+ "declaration": {
2538
+ "name": "NeuSlider",
2539
+ "module": "dist/slider.js"
2540
+ }
2541
+ }
2542
+ ]
2543
+ },
2544
+ {
2545
+ "kind": "javascript-module",
2546
+ "path": "dist/spinner.js",
2547
+ "declarations": [
2548
+ {
2549
+ "kind": "class",
2550
+ "name": "NeuSpinner",
2551
+ "tagName": "neu-spinner",
2552
+ "customElement": true,
2553
+ "description": "A rotating indicator for work in progress.",
2554
+ "attributes": [
2555
+ {
2556
+ "name": "label",
2557
+ "fieldName": "label",
2558
+ "type": {
2559
+ "text": "string"
2560
+ },
2561
+ "default": "'Loading'"
2562
+ },
2563
+ {
2564
+ "name": "size",
2565
+ "fieldName": "size",
2566
+ "type": {
2567
+ "text": "'sm' | 'md' | 'lg'"
2568
+ },
2569
+ "default": "'md'"
2570
+ }
2571
+ ],
2572
+ "members": [
2573
+ {
2574
+ "kind": "field",
2575
+ "name": "label",
2576
+ "type": {
2577
+ "text": "string"
2578
+ },
2579
+ "default": "'Loading'",
2580
+ "attribute": "label",
2581
+ "reflects": false
2582
+ },
2583
+ {
2584
+ "kind": "field",
2585
+ "name": "size",
2586
+ "type": {
2587
+ "text": "'sm' | 'md' | 'lg'"
2588
+ },
2589
+ "default": "'md'",
2590
+ "attribute": "size",
2591
+ "reflects": true
2592
+ }
2593
+ ],
2594
+ "events": [],
2595
+ "slots": [],
2596
+ "cssParts": [
2597
+ {
2598
+ "name": "base",
2599
+ "description": "The sized wrapper."
2600
+ },
2601
+ {
2602
+ "name": "track",
2603
+ "description": "The inset ring behind the indicator."
1054
2604
  },
1055
2605
  {
1056
2606
  "name": "indicator",
@@ -1084,272 +2634,682 @@
1084
2634
  "exports": [
1085
2635
  {
1086
2636
  "kind": "js",
1087
- "name": "NeuSpinner",
2637
+ "name": "NeuSpinner",
2638
+ "declaration": {
2639
+ "name": "NeuSpinner",
2640
+ "module": "dist/spinner.js"
2641
+ }
2642
+ },
2643
+ {
2644
+ "kind": "custom-element-definition",
2645
+ "name": "neu-spinner",
2646
+ "declaration": {
2647
+ "name": "NeuSpinner",
2648
+ "module": "dist/spinner.js"
2649
+ }
2650
+ }
2651
+ ]
2652
+ },
2653
+ {
2654
+ "kind": "javascript-module",
2655
+ "path": "dist/surface.js",
2656
+ "declarations": [
2657
+ {
2658
+ "kind": "class",
2659
+ "name": "NeuSurface",
2660
+ "tagName": "neu-surface",
2661
+ "customElement": true,
2662
+ "description": "A neumorphic container with its own shape, elevation, radius and padding.",
2663
+ "attributes": [
2664
+ {
2665
+ "name": "shape",
2666
+ "fieldName": "shape",
2667
+ "type": {
2668
+ "text": "'raised' | 'inset' | 'flat' | 'convex' | 'concave'"
2669
+ },
2670
+ "default": "'raised'"
2671
+ },
2672
+ {
2673
+ "name": "elevation",
2674
+ "fieldName": "elevation",
2675
+ "type": {
2676
+ "text": "'sm' | 'md' | 'lg'"
2677
+ },
2678
+ "default": "'md'"
2679
+ },
2680
+ {
2681
+ "name": "radius",
2682
+ "fieldName": "radius",
2683
+ "type": {
2684
+ "text": "'sm' | 'md' | 'lg' | 'full'"
2685
+ },
2686
+ "default": "'md'"
2687
+ },
2688
+ {
2689
+ "name": "padding",
2690
+ "fieldName": "padding",
2691
+ "type": {
2692
+ "text": "'none' | 'sm' | 'md' | 'lg'"
2693
+ },
2694
+ "default": "'md'"
2695
+ }
2696
+ ],
2697
+ "members": [
2698
+ {
2699
+ "kind": "field",
2700
+ "name": "shape",
2701
+ "type": {
2702
+ "text": "'raised' | 'inset' | 'flat' | 'convex' | 'concave'"
2703
+ },
2704
+ "default": "'raised'",
2705
+ "attribute": "shape",
2706
+ "reflects": true
2707
+ },
2708
+ {
2709
+ "kind": "field",
2710
+ "name": "elevation",
2711
+ "type": {
2712
+ "text": "'sm' | 'md' | 'lg'"
2713
+ },
2714
+ "default": "'md'",
2715
+ "attribute": "elevation",
2716
+ "reflects": true
2717
+ },
2718
+ {
2719
+ "kind": "field",
2720
+ "name": "radius",
2721
+ "type": {
2722
+ "text": "'sm' | 'md' | 'lg' | 'full'"
2723
+ },
2724
+ "default": "'md'",
2725
+ "attribute": "radius",
2726
+ "reflects": true
2727
+ },
2728
+ {
2729
+ "kind": "field",
2730
+ "name": "padding",
2731
+ "type": {
2732
+ "text": "'none' | 'sm' | 'md' | 'lg'"
2733
+ },
2734
+ "default": "'md'",
2735
+ "attribute": "padding",
2736
+ "reflects": true
2737
+ }
2738
+ ],
2739
+ "events": [],
2740
+ "slots": [
2741
+ {
2742
+ "name": "",
2743
+ "description": "The content of the surface."
2744
+ }
2745
+ ],
2746
+ "cssParts": [
2747
+ {
2748
+ "name": "base",
2749
+ "description": "The surface itself."
2750
+ }
2751
+ ],
2752
+ "cssProperties": [
2753
+ {
2754
+ "name": "--neu-bg",
2755
+ "description": "Surface colour; shadows and text are derived from it."
2756
+ },
2757
+ {
2758
+ "name": "--neu-accent",
2759
+ "description": "Accent colour."
2760
+ },
2761
+ {
2762
+ "name": "--neu-distance",
2763
+ "description": "Shadow distance for the md size."
2764
+ },
2765
+ {
2766
+ "name": "--neu-intensity",
2767
+ "description": "Shadow strength multiplier."
2768
+ },
2769
+ {
2770
+ "name": "--neu-radius",
2771
+ "description": "Corner radius for the md size."
2772
+ }
2773
+ ]
2774
+ }
2775
+ ],
2776
+ "exports": [
2777
+ {
2778
+ "kind": "js",
2779
+ "name": "NeuSurface",
2780
+ "declaration": {
2781
+ "name": "NeuSurface",
2782
+ "module": "dist/surface.js"
2783
+ }
2784
+ },
2785
+ {
2786
+ "kind": "custom-element-definition",
2787
+ "name": "neu-surface",
2788
+ "declaration": {
2789
+ "name": "NeuSurface",
2790
+ "module": "dist/surface.js"
2791
+ }
2792
+ }
2793
+ ]
2794
+ },
2795
+ {
2796
+ "kind": "javascript-module",
2797
+ "path": "dist/switch.js",
2798
+ "declarations": [
2799
+ {
2800
+ "kind": "class",
2801
+ "name": "NeuSwitch",
2802
+ "tagName": "neu-switch",
2803
+ "customElement": true,
2804
+ "description": "An on/off switch. The checked attribute is the default state.",
2805
+ "attributes": [
2806
+ {
2807
+ "name": "checked",
2808
+ "fieldName": "defaultChecked",
2809
+ "type": {
2810
+ "text": "boolean"
2811
+ },
2812
+ "default": "false"
2813
+ },
2814
+ {
2815
+ "name": "name",
2816
+ "fieldName": "name",
2817
+ "type": {
2818
+ "text": "string"
2819
+ },
2820
+ "default": "''"
2821
+ },
2822
+ {
2823
+ "name": "value",
2824
+ "fieldName": "value",
2825
+ "type": {
2826
+ "text": "string"
2827
+ },
2828
+ "default": "'on'"
2829
+ },
2830
+ {
2831
+ "name": "disabled",
2832
+ "fieldName": "disabled",
2833
+ "type": {
2834
+ "text": "boolean"
2835
+ },
2836
+ "default": "false"
2837
+ },
2838
+ {
2839
+ "name": "required",
2840
+ "fieldName": "required",
2841
+ "type": {
2842
+ "text": "boolean"
2843
+ },
2844
+ "default": "false"
2845
+ },
2846
+ {
2847
+ "name": "size",
2848
+ "fieldName": "size",
2849
+ "type": {
2850
+ "text": "'sm' | 'md' | 'lg'"
2851
+ },
2852
+ "default": "'md'"
2853
+ }
2854
+ ],
2855
+ "members": [
2856
+ {
2857
+ "kind": "field",
2858
+ "name": "checked",
2859
+ "type": {
2860
+ "text": "boolean"
2861
+ },
2862
+ "description": "Current checked. The checked attribute holds the default."
2863
+ },
2864
+ {
2865
+ "kind": "field",
2866
+ "name": "name",
2867
+ "type": {
2868
+ "text": "string"
2869
+ },
2870
+ "default": "''",
2871
+ "attribute": "name",
2872
+ "reflects": true
2873
+ },
2874
+ {
2875
+ "kind": "field",
2876
+ "name": "value",
2877
+ "type": {
2878
+ "text": "string"
2879
+ },
2880
+ "default": "'on'",
2881
+ "attribute": "value",
2882
+ "reflects": true
2883
+ },
2884
+ {
2885
+ "kind": "field",
2886
+ "name": "disabled",
2887
+ "type": {
2888
+ "text": "boolean"
2889
+ },
2890
+ "default": "false",
2891
+ "attribute": "disabled",
2892
+ "reflects": true
2893
+ },
2894
+ {
2895
+ "kind": "field",
2896
+ "name": "required",
2897
+ "type": {
2898
+ "text": "boolean"
2899
+ },
2900
+ "default": "false",
2901
+ "attribute": "required",
2902
+ "reflects": true
2903
+ },
2904
+ {
2905
+ "kind": "field",
2906
+ "name": "size",
2907
+ "type": {
2908
+ "text": "'sm' | 'md' | 'lg'"
2909
+ },
2910
+ "default": "'md'",
2911
+ "attribute": "size",
2912
+ "reflects": true
2913
+ },
2914
+ {
2915
+ "kind": "field",
2916
+ "name": "defaultChecked",
2917
+ "type": {
2918
+ "text": "boolean"
2919
+ },
2920
+ "attribute": "checked",
2921
+ "reflects": true
2922
+ }
2923
+ ],
2924
+ "events": [
2925
+ {
2926
+ "name": "input",
2927
+ "type": {
2928
+ "text": "Event"
2929
+ },
2930
+ "description": "Fired when the user toggles the switch."
2931
+ },
2932
+ {
2933
+ "name": "change",
2934
+ "type": {
2935
+ "text": "Event"
2936
+ },
2937
+ "description": "Fired after input when the user toggles the switch."
2938
+ }
2939
+ ],
2940
+ "slots": [
2941
+ {
2942
+ "name": "",
2943
+ "description": "Label; also the accessible name."
2944
+ }
2945
+ ],
2946
+ "cssParts": [
2947
+ {
2948
+ "name": "base",
2949
+ "description": "Wrapper around track and label."
2950
+ },
2951
+ {
2952
+ "name": "track",
2953
+ "description": "The inset track."
2954
+ },
2955
+ {
2956
+ "name": "thumb",
2957
+ "description": "The raised thumb."
2958
+ },
2959
+ {
2960
+ "name": "label",
2961
+ "description": "Wrapper around the default slot."
2962
+ }
2963
+ ],
2964
+ "cssProperties": [
2965
+ {
2966
+ "name": "--neu-bg",
2967
+ "description": "Surface colour; shadows and text are derived from it."
2968
+ },
2969
+ {
2970
+ "name": "--neu-accent",
2971
+ "description": "Accent colour."
2972
+ },
2973
+ {
2974
+ "name": "--neu-distance",
2975
+ "description": "Shadow distance for the md size."
2976
+ },
2977
+ {
2978
+ "name": "--neu-intensity",
2979
+ "description": "Shadow strength multiplier."
2980
+ },
2981
+ {
2982
+ "name": "--neu-radius",
2983
+ "description": "Corner radius for the md size."
2984
+ }
2985
+ ]
2986
+ }
2987
+ ],
2988
+ "exports": [
2989
+ {
2990
+ "kind": "js",
2991
+ "name": "NeuSwitch",
1088
2992
  "declaration": {
1089
- "name": "NeuSpinner",
1090
- "module": "dist/spinner.js"
2993
+ "name": "NeuSwitch",
2994
+ "module": "dist/switch.js"
1091
2995
  }
1092
2996
  },
1093
2997
  {
1094
2998
  "kind": "custom-element-definition",
1095
- "name": "neu-spinner",
2999
+ "name": "neu-switch",
1096
3000
  "declaration": {
1097
- "name": "NeuSpinner",
1098
- "module": "dist/spinner.js"
3001
+ "name": "NeuSwitch",
3002
+ "module": "dist/switch.js"
1099
3003
  }
1100
3004
  }
1101
3005
  ]
1102
3006
  },
1103
3007
  {
1104
3008
  "kind": "javascript-module",
1105
- "path": "dist/surface.js",
3009
+ "path": "dist/text-field.js",
1106
3010
  "declarations": [
1107
3011
  {
1108
3012
  "kind": "class",
1109
- "name": "NeuSurface",
1110
- "tagName": "neu-surface",
3013
+ "name": "NeuTextField",
3014
+ "tagName": "neu-text-field",
1111
3015
  "customElement": true,
1112
- "description": "A neumorphic container with its own shape, elevation, radius and padding.",
3016
+ "description": "A single-line text input with an inset field. The value attribute is the default value.",
1113
3017
  "attributes": [
1114
3018
  {
1115
- "name": "shape",
1116
- "fieldName": "shape",
3019
+ "name": "type",
3020
+ "fieldName": "type",
1117
3021
  "type": {
1118
- "text": "'raised' | 'inset' | 'flat' | 'convex' | 'concave'"
3022
+ "text": "'text' | 'email' | 'password' | 'search' | 'tel' | 'url'"
1119
3023
  },
1120
- "default": "'raised'"
3024
+ "default": "'text'"
1121
3025
  },
1122
3026
  {
1123
- "name": "elevation",
1124
- "fieldName": "elevation",
3027
+ "name": "value",
3028
+ "fieldName": "defaultValue",
1125
3029
  "type": {
1126
- "text": "'sm' | 'md' | 'lg'"
3030
+ "text": "string"
1127
3031
  },
1128
- "default": "'md'"
3032
+ "default": "''"
1129
3033
  },
1130
3034
  {
1131
- "name": "radius",
1132
- "fieldName": "radius",
3035
+ "name": "name",
3036
+ "fieldName": "name",
1133
3037
  "type": {
1134
- "text": "'sm' | 'md' | 'lg' | 'full'"
3038
+ "text": "string"
1135
3039
  },
1136
- "default": "'md'"
3040
+ "default": "''"
1137
3041
  },
1138
3042
  {
1139
- "name": "padding",
1140
- "fieldName": "padding",
3043
+ "name": "label",
3044
+ "fieldName": "label",
1141
3045
  "type": {
1142
- "text": "'none' | 'sm' | 'md' | 'lg'"
3046
+ "text": "string"
1143
3047
  },
1144
- "default": "'md'"
1145
- }
1146
- ],
1147
- "members": [
3048
+ "default": "''"
3049
+ },
1148
3050
  {
1149
- "kind": "field",
1150
- "name": "shape",
3051
+ "name": "placeholder",
3052
+ "fieldName": "placeholder",
1151
3053
  "type": {
1152
- "text": "'raised' | 'inset' | 'flat' | 'convex' | 'concave'"
3054
+ "text": "string"
1153
3055
  },
1154
- "default": "'raised'",
1155
- "attribute": "shape",
1156
- "reflects": true
3056
+ "default": "''"
1157
3057
  },
1158
3058
  {
1159
- "kind": "field",
1160
- "name": "elevation",
3059
+ "name": "help-text",
3060
+ "fieldName": "helpText",
1161
3061
  "type": {
1162
- "text": "'sm' | 'md' | 'lg'"
3062
+ "text": "string"
1163
3063
  },
1164
- "default": "'md'",
1165
- "attribute": "elevation",
1166
- "reflects": true
3064
+ "default": "''"
1167
3065
  },
1168
3066
  {
1169
- "kind": "field",
1170
- "name": "radius",
3067
+ "name": "error-text",
3068
+ "fieldName": "errorText",
1171
3069
  "type": {
1172
- "text": "'sm' | 'md' | 'lg' | 'full'"
3070
+ "text": "string"
1173
3071
  },
1174
- "default": "'md'",
1175
- "attribute": "radius",
1176
- "reflects": true
3072
+ "default": "''"
1177
3073
  },
1178
3074
  {
1179
- "kind": "field",
1180
- "name": "padding",
3075
+ "name": "required",
3076
+ "fieldName": "required",
1181
3077
  "type": {
1182
- "text": "'none' | 'sm' | 'md' | 'lg'"
3078
+ "text": "boolean"
1183
3079
  },
1184
- "default": "'md'",
1185
- "attribute": "padding",
1186
- "reflects": true
1187
- }
1188
- ],
1189
- "events": [],
1190
- "slots": [
3080
+ "default": "false"
3081
+ },
1191
3082
  {
1192
- "name": "",
1193
- "description": "The content of the surface."
1194
- }
1195
- ],
1196
- "cssParts": [
3083
+ "name": "disabled",
3084
+ "fieldName": "disabled",
3085
+ "type": {
3086
+ "text": "boolean"
3087
+ },
3088
+ "default": "false"
3089
+ },
1197
3090
  {
1198
- "name": "base",
1199
- "description": "The surface itself."
1200
- }
1201
- ],
1202
- "cssProperties": [
3091
+ "name": "readonly",
3092
+ "fieldName": "readOnly",
3093
+ "type": {
3094
+ "text": "boolean"
3095
+ },
3096
+ "default": "false"
3097
+ },
1203
3098
  {
1204
- "name": "--neu-bg",
1205
- "description": "Surface colour; shadows and text are derived from it."
3099
+ "name": "minlength",
3100
+ "fieldName": "minLength",
3101
+ "type": {
3102
+ "text": "number"
3103
+ },
3104
+ "default": "-1"
1206
3105
  },
1207
3106
  {
1208
- "name": "--neu-accent",
1209
- "description": "Accent colour."
3107
+ "name": "maxlength",
3108
+ "fieldName": "maxLength",
3109
+ "type": {
3110
+ "text": "number"
3111
+ },
3112
+ "default": "-1"
1210
3113
  },
1211
3114
  {
1212
- "name": "--neu-distance",
1213
- "description": "Shadow distance for the md size."
3115
+ "name": "pattern",
3116
+ "fieldName": "pattern",
3117
+ "type": {
3118
+ "text": "string"
3119
+ },
3120
+ "default": "''"
1214
3121
  },
1215
3122
  {
1216
- "name": "--neu-intensity",
1217
- "description": "Shadow strength multiplier."
3123
+ "name": "autocomplete",
3124
+ "fieldName": "autocomplete",
3125
+ "type": {
3126
+ "text": "string"
3127
+ },
3128
+ "default": "''"
1218
3129
  },
1219
3130
  {
1220
- "name": "--neu-radius",
1221
- "description": "Corner radius for the md size."
3131
+ "name": "inputmode",
3132
+ "fieldName": "inputMode",
3133
+ "type": {
3134
+ "text": "string"
3135
+ },
3136
+ "default": "''"
3137
+ },
3138
+ {
3139
+ "name": "enterkeyhint",
3140
+ "fieldName": "enterKeyHint",
3141
+ "type": {
3142
+ "text": "string"
3143
+ },
3144
+ "default": "''"
3145
+ },
3146
+ {
3147
+ "name": "size",
3148
+ "fieldName": "size",
3149
+ "type": {
3150
+ "text": "'sm' | 'md' | 'lg'"
3151
+ },
3152
+ "default": "'md'"
1222
3153
  }
1223
- ]
1224
- }
1225
- ],
1226
- "exports": [
1227
- {
1228
- "kind": "js",
1229
- "name": "NeuSurface",
1230
- "declaration": {
1231
- "name": "NeuSurface",
1232
- "module": "dist/surface.js"
1233
- }
1234
- },
1235
- {
1236
- "kind": "custom-element-definition",
1237
- "name": "neu-surface",
1238
- "declaration": {
1239
- "name": "NeuSurface",
1240
- "module": "dist/surface.js"
1241
- }
1242
- }
1243
- ]
1244
- },
1245
- {
1246
- "kind": "javascript-module",
1247
- "path": "dist/switch.js",
1248
- "declarations": [
1249
- {
1250
- "kind": "class",
1251
- "name": "NeuSwitch",
1252
- "tagName": "neu-switch",
1253
- "customElement": true,
1254
- "description": "An on/off switch. The checked attribute is the default state.",
1255
- "attributes": [
3154
+ ],
3155
+ "members": [
3156
+ {
3157
+ "kind": "field",
3158
+ "name": "type",
3159
+ "type": {
3160
+ "text": "'text' | 'email' | 'password' | 'search' | 'tel' | 'url'"
3161
+ },
3162
+ "default": "'text'",
3163
+ "attribute": "type",
3164
+ "reflects": true
3165
+ },
3166
+ {
3167
+ "kind": "field",
3168
+ "name": "value",
3169
+ "type": {
3170
+ "text": "string"
3171
+ },
3172
+ "description": "Current value. The value attribute holds the default."
3173
+ },
3174
+ {
3175
+ "kind": "field",
3176
+ "name": "name",
3177
+ "type": {
3178
+ "text": "string"
3179
+ },
3180
+ "default": "''",
3181
+ "attribute": "name",
3182
+ "reflects": true
3183
+ },
3184
+ {
3185
+ "kind": "field",
3186
+ "name": "label",
3187
+ "type": {
3188
+ "text": "string"
3189
+ },
3190
+ "default": "''",
3191
+ "attribute": "label",
3192
+ "reflects": false
3193
+ },
1256
3194
  {
1257
- "name": "checked",
1258
- "fieldName": "defaultChecked",
3195
+ "kind": "field",
3196
+ "name": "placeholder",
1259
3197
  "type": {
1260
- "text": "boolean"
3198
+ "text": "string"
1261
3199
  },
1262
- "default": "false"
3200
+ "default": "''",
3201
+ "attribute": "placeholder",
3202
+ "reflects": false
1263
3203
  },
1264
3204
  {
1265
- "name": "name",
1266
- "fieldName": "name",
3205
+ "kind": "field",
3206
+ "name": "helpText",
1267
3207
  "type": {
1268
3208
  "text": "string"
1269
3209
  },
1270
- "default": "''"
3210
+ "default": "''",
3211
+ "attribute": "help-text",
3212
+ "reflects": false
1271
3213
  },
1272
3214
  {
1273
- "name": "value",
1274
- "fieldName": "value",
3215
+ "kind": "field",
3216
+ "name": "errorText",
1275
3217
  "type": {
1276
3218
  "text": "string"
1277
3219
  },
1278
- "default": "'on'"
3220
+ "default": "''",
3221
+ "attribute": "error-text",
3222
+ "reflects": false
3223
+ },
3224
+ {
3225
+ "kind": "field",
3226
+ "name": "required",
3227
+ "type": {
3228
+ "text": "boolean"
3229
+ },
3230
+ "default": "false",
3231
+ "attribute": "required",
3232
+ "reflects": true
1279
3233
  },
1280
3234
  {
3235
+ "kind": "field",
1281
3236
  "name": "disabled",
1282
- "fieldName": "disabled",
1283
3237
  "type": {
1284
3238
  "text": "boolean"
1285
3239
  },
1286
- "default": "false"
3240
+ "default": "false",
3241
+ "attribute": "disabled",
3242
+ "reflects": true
1287
3243
  },
1288
3244
  {
1289
- "name": "required",
1290
- "fieldName": "required",
3245
+ "kind": "field",
3246
+ "name": "readOnly",
1291
3247
  "type": {
1292
3248
  "text": "boolean"
1293
3249
  },
1294
- "default": "false"
3250
+ "default": "false",
3251
+ "attribute": "readonly",
3252
+ "reflects": true
1295
3253
  },
1296
3254
  {
1297
- "name": "size",
1298
- "fieldName": "size",
3255
+ "kind": "field",
3256
+ "name": "minLength",
1299
3257
  "type": {
1300
- "text": "'sm' | 'md' | 'lg'"
3258
+ "text": "number"
1301
3259
  },
1302
- "default": "'md'"
1303
- }
1304
- ],
1305
- "members": [
3260
+ "default": "-1",
3261
+ "attribute": "minlength",
3262
+ "reflects": false
3263
+ },
1306
3264
  {
1307
3265
  "kind": "field",
1308
- "name": "checked",
3266
+ "name": "maxLength",
1309
3267
  "type": {
1310
- "text": "boolean"
3268
+ "text": "number"
1311
3269
  },
1312
- "description": "Current checked. The checked attribute holds the default."
3270
+ "default": "-1",
3271
+ "attribute": "maxlength",
3272
+ "reflects": false
1313
3273
  },
1314
3274
  {
1315
3275
  "kind": "field",
1316
- "name": "name",
3276
+ "name": "pattern",
1317
3277
  "type": {
1318
3278
  "text": "string"
1319
3279
  },
1320
3280
  "default": "''",
1321
- "attribute": "name",
1322
- "reflects": true
3281
+ "attribute": "pattern",
3282
+ "reflects": false
1323
3283
  },
1324
3284
  {
1325
3285
  "kind": "field",
1326
- "name": "value",
3286
+ "name": "autocomplete",
1327
3287
  "type": {
1328
3288
  "text": "string"
1329
3289
  },
1330
- "default": "'on'",
1331
- "attribute": "value",
1332
- "reflects": true
3290
+ "default": "''",
3291
+ "attribute": "autocomplete",
3292
+ "reflects": false
1333
3293
  },
1334
3294
  {
1335
3295
  "kind": "field",
1336
- "name": "disabled",
3296
+ "name": "inputMode",
1337
3297
  "type": {
1338
- "text": "boolean"
3298
+ "text": "string"
1339
3299
  },
1340
- "default": "false",
1341
- "attribute": "disabled",
1342
- "reflects": true
3300
+ "default": "''",
3301
+ "attribute": "inputmode",
3302
+ "reflects": false
1343
3303
  },
1344
3304
  {
1345
3305
  "kind": "field",
1346
- "name": "required",
3306
+ "name": "enterKeyHint",
1347
3307
  "type": {
1348
- "text": "boolean"
3308
+ "text": "string"
1349
3309
  },
1350
- "default": "false",
1351
- "attribute": "required",
1352
- "reflects": true
3310
+ "default": "''",
3311
+ "attribute": "enterkeyhint",
3312
+ "reflects": false
1353
3313
  },
1354
3314
  {
1355
3315
  "kind": "field",
@@ -1363,11 +3323,11 @@
1363
3323
  },
1364
3324
  {
1365
3325
  "kind": "field",
1366
- "name": "defaultChecked",
3326
+ "name": "defaultValue",
1367
3327
  "type": {
1368
- "text": "boolean"
3328
+ "text": "string"
1369
3329
  },
1370
- "attribute": "checked",
3330
+ "attribute": "value",
1371
3331
  "reflects": true
1372
3332
  }
1373
3333
  ],
@@ -1377,38 +3337,62 @@
1377
3337
  "type": {
1378
3338
  "text": "Event"
1379
3339
  },
1380
- "description": "Fired when the user toggles the switch."
3340
+ "description": "Fired on every edit (the native input event, composed)."
1381
3341
  },
1382
3342
  {
1383
3343
  "name": "change",
1384
3344
  "type": {
1385
3345
  "text": "Event"
1386
3346
  },
1387
- "description": "Fired after input when the user toggles the switch."
3347
+ "description": "Fired when an edit is committed, usually on blur."
1388
3348
  }
1389
3349
  ],
1390
3350
  "slots": [
1391
3351
  {
1392
- "name": "",
1393
- "description": "Label; also the accessible name."
3352
+ "name": "label",
3353
+ "description": "Rich label; replaces the label attribute."
3354
+ },
3355
+ {
3356
+ "name": "prefix",
3357
+ "description": "Content before the input, such as an icon."
3358
+ },
3359
+ {
3360
+ "name": "suffix",
3361
+ "description": "Content after the input."
3362
+ },
3363
+ {
3364
+ "name": "help-text",
3365
+ "description": "Rich help text; replaces the help-text attribute."
1394
3366
  }
1395
3367
  ],
1396
3368
  "cssParts": [
1397
3369
  {
1398
3370
  "name": "base",
1399
- "description": "Wrapper around track and label."
3371
+ "description": "Outer wrapper."
1400
3372
  },
1401
3373
  {
1402
- "name": "track",
1403
- "description": "The inset track."
3374
+ "name": "label",
3375
+ "description": "The <label> element."
1404
3376
  },
1405
3377
  {
1406
- "name": "thumb",
1407
- "description": "The raised thumb."
3378
+ "name": "control",
3379
+ "description": "The inset field around the input."
1408
3380
  },
1409
3381
  {
1410
- "name": "label",
1411
- "description": "Wrapper around the default slot."
3382
+ "name": "input",
3383
+ "description": "The native <input>."
3384
+ },
3385
+ {
3386
+ "name": "prefix",
3387
+ "description": "Wrapper around the prefix slot."
3388
+ },
3389
+ {
3390
+ "name": "suffix",
3391
+ "description": "Wrapper around the suffix slot."
3392
+ },
3393
+ {
3394
+ "name": "help-text",
3395
+ "description": "Help or error text area."
1412
3396
  }
1413
3397
  ],
1414
3398
  "cssProperties": [
@@ -1438,41 +3422,33 @@
1438
3422
  "exports": [
1439
3423
  {
1440
3424
  "kind": "js",
1441
- "name": "NeuSwitch",
3425
+ "name": "NeuTextField",
1442
3426
  "declaration": {
1443
- "name": "NeuSwitch",
1444
- "module": "dist/switch.js"
3427
+ "name": "NeuTextField",
3428
+ "module": "dist/text-field.js"
1445
3429
  }
1446
3430
  },
1447
3431
  {
1448
3432
  "kind": "custom-element-definition",
1449
- "name": "neu-switch",
3433
+ "name": "neu-text-field",
1450
3434
  "declaration": {
1451
- "name": "NeuSwitch",
1452
- "module": "dist/switch.js"
3435
+ "name": "NeuTextField",
3436
+ "module": "dist/text-field.js"
1453
3437
  }
1454
3438
  }
1455
3439
  ]
1456
3440
  },
1457
3441
  {
1458
3442
  "kind": "javascript-module",
1459
- "path": "dist/text-field.js",
3443
+ "path": "dist/textarea.js",
1460
3444
  "declarations": [
1461
3445
  {
1462
3446
  "kind": "class",
1463
- "name": "NeuTextField",
1464
- "tagName": "neu-text-field",
3447
+ "name": "NeuTextarea",
3448
+ "tagName": "neu-textarea",
1465
3449
  "customElement": true,
1466
- "description": "A single-line text input with an inset field. The value attribute is the default value.",
3450
+ "description": "A multi-line text input with an inset field. The value attribute is the default value; resize=\"auto\" grows the field with its content.",
1467
3451
  "attributes": [
1468
- {
1469
- "name": "type",
1470
- "fieldName": "type",
1471
- "type": {
1472
- "text": "'text' | 'email' | 'password' | 'search' | 'tel' | 'url'"
1473
- },
1474
- "default": "'text'"
1475
- },
1476
3452
  {
1477
3453
  "name": "value",
1478
3454
  "fieldName": "defaultValue",
@@ -1562,36 +3538,36 @@
1562
3538
  "default": "-1"
1563
3539
  },
1564
3540
  {
1565
- "name": "pattern",
1566
- "fieldName": "pattern",
3541
+ "name": "autocomplete",
3542
+ "fieldName": "autocomplete",
1567
3543
  "type": {
1568
3544
  "text": "string"
1569
3545
  },
1570
3546
  "default": "''"
1571
3547
  },
1572
3548
  {
1573
- "name": "autocomplete",
1574
- "fieldName": "autocomplete",
3549
+ "name": "enterkeyhint",
3550
+ "fieldName": "enterKeyHint",
1575
3551
  "type": {
1576
3552
  "text": "string"
1577
3553
  },
1578
3554
  "default": "''"
1579
3555
  },
1580
3556
  {
1581
- "name": "inputmode",
1582
- "fieldName": "inputMode",
3557
+ "name": "rows",
3558
+ "fieldName": "rows",
1583
3559
  "type": {
1584
- "text": "string"
3560
+ "text": "number"
1585
3561
  },
1586
- "default": "''"
3562
+ "default": "3"
1587
3563
  },
1588
3564
  {
1589
- "name": "enterkeyhint",
1590
- "fieldName": "enterKeyHint",
3565
+ "name": "resize",
3566
+ "fieldName": "resize",
1591
3567
  "type": {
1592
- "text": "string"
3568
+ "text": "'none' | 'vertical' | 'auto'"
1593
3569
  },
1594
- "default": "''"
3570
+ "default": "'vertical'"
1595
3571
  },
1596
3572
  {
1597
3573
  "name": "size",
@@ -1603,16 +3579,6 @@
1603
3579
  }
1604
3580
  ],
1605
3581
  "members": [
1606
- {
1607
- "kind": "field",
1608
- "name": "type",
1609
- "type": {
1610
- "text": "'text' | 'email' | 'password' | 'search' | 'tel' | 'url'"
1611
- },
1612
- "default": "'text'",
1613
- "attribute": "type",
1614
- "reflects": true
1615
- },
1616
3582
  {
1617
3583
  "kind": "field",
1618
3584
  "name": "value",
@@ -1723,43 +3689,43 @@
1723
3689
  },
1724
3690
  {
1725
3691
  "kind": "field",
1726
- "name": "pattern",
3692
+ "name": "autocomplete",
1727
3693
  "type": {
1728
3694
  "text": "string"
1729
3695
  },
1730
3696
  "default": "''",
1731
- "attribute": "pattern",
3697
+ "attribute": "autocomplete",
1732
3698
  "reflects": false
1733
3699
  },
1734
3700
  {
1735
3701
  "kind": "field",
1736
- "name": "autocomplete",
3702
+ "name": "enterKeyHint",
1737
3703
  "type": {
1738
3704
  "text": "string"
1739
3705
  },
1740
3706
  "default": "''",
1741
- "attribute": "autocomplete",
3707
+ "attribute": "enterkeyhint",
1742
3708
  "reflects": false
1743
3709
  },
1744
3710
  {
1745
3711
  "kind": "field",
1746
- "name": "inputMode",
3712
+ "name": "rows",
1747
3713
  "type": {
1748
- "text": "string"
3714
+ "text": "number"
1749
3715
  },
1750
- "default": "''",
1751
- "attribute": "inputmode",
3716
+ "default": "3",
3717
+ "attribute": "rows",
1752
3718
  "reflects": false
1753
3719
  },
1754
3720
  {
1755
3721
  "kind": "field",
1756
- "name": "enterKeyHint",
3722
+ "name": "resize",
1757
3723
  "type": {
1758
- "text": "string"
3724
+ "text": "'none' | 'vertical' | 'auto'"
1759
3725
  },
1760
- "default": "''",
1761
- "attribute": "enterkeyhint",
1762
- "reflects": false
3726
+ "default": "'vertical'",
3727
+ "attribute": "resize",
3728
+ "reflects": true
1763
3729
  },
1764
3730
  {
1765
3731
  "kind": "field",
@@ -1802,14 +3768,6 @@
1802
3768
  "name": "label",
1803
3769
  "description": "Rich label; replaces the label attribute."
1804
3770
  },
1805
- {
1806
- "name": "prefix",
1807
- "description": "Content before the input, such as an icon."
1808
- },
1809
- {
1810
- "name": "suffix",
1811
- "description": "Content after the input."
1812
- },
1813
3771
  {
1814
3772
  "name": "help-text",
1815
3773
  "description": "Rich help text; replaces the help-text attribute."
@@ -1826,19 +3784,11 @@
1826
3784
  },
1827
3785
  {
1828
3786
  "name": "control",
1829
- "description": "The inset field around the input."
3787
+ "description": "The inset field around the textarea."
1830
3788
  },
1831
3789
  {
1832
- "name": "input",
1833
- "description": "The native <input>."
1834
- },
1835
- {
1836
- "name": "prefix",
1837
- "description": "Wrapper around the prefix slot."
1838
- },
1839
- {
1840
- "name": "suffix",
1841
- "description": "Wrapper around the suffix slot."
3790
+ "name": "textarea",
3791
+ "description": "The native <textarea>."
1842
3792
  },
1843
3793
  {
1844
3794
  "name": "help-text",
@@ -1872,18 +3822,18 @@
1872
3822
  "exports": [
1873
3823
  {
1874
3824
  "kind": "js",
1875
- "name": "NeuTextField",
3825
+ "name": "NeuTextarea",
1876
3826
  "declaration": {
1877
- "name": "NeuTextField",
1878
- "module": "dist/text-field.js"
3827
+ "name": "NeuTextarea",
3828
+ "module": "dist/textarea.js"
1879
3829
  }
1880
3830
  },
1881
3831
  {
1882
3832
  "kind": "custom-element-definition",
1883
- "name": "neu-text-field",
3833
+ "name": "neu-textarea",
1884
3834
  "declaration": {
1885
- "name": "NeuTextField",
1886
- "module": "dist/text-field.js"
3835
+ "name": "NeuTextarea",
3836
+ "module": "dist/textarea.js"
1887
3837
  }
1888
3838
  }
1889
3839
  ]