@nldd/design-system 0.8.80 → 0.8.82

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 (184) hide show
  1. package/custom-elements.json +704 -5
  2. package/dist/components/actions/menu/menu.d.ts +25 -2
  3. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  4. package/dist/components/actions/menu/menu.js +31 -8
  5. package/dist/components/actions/menu/menu.js.map +1 -1
  6. package/dist/components/actions/menu/menu.template.d.ts +1 -1
  7. package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
  8. package/dist/components/actions/menu/menu.template.js +7 -3
  9. package/dist/components/actions/menu/menu.template.js.map +1 -1
  10. package/dist/components/actions/toolbar/toolbar.d.ts +20 -0
  11. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  12. package/dist/components/actions/toolbar/toolbar.js +54 -0
  13. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  14. package/dist/components/breakpoints-CkxsiRgH.js +10 -0
  15. package/dist/components/components.js +51975 -117
  16. package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
  17. package/dist/components/content/icon/icon-gallery-status.js +14 -4
  18. package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
  19. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  20. package/dist/components/content/icon/icon-registry.js +10 -2
  21. package/dist/components/content/icon/icon-registry.js.map +1 -1
  22. package/dist/components/decorate-BKn10QQi.js +9 -0
  23. package/dist/components/dist-BYVOPNHp.js +381 -0
  24. package/dist/components/dist-Bq4xc7Bm.js +624 -0
  25. package/dist/components/dist-C0PiB1dr.js +870 -0
  26. package/dist/components/dist-C400RcFU.js +1498 -0
  27. package/dist/components/dist-CCg5Mso_.js +390 -0
  28. package/dist/components/dist-CJR_Rwhh.js +464 -0
  29. package/dist/components/dist-Ccw7ZfsU.js +18481 -0
  30. package/dist/components/dist-OBifyiJS.js +887 -0
  31. package/dist/components/dist-TpIL8G4G.js +1480 -0
  32. package/dist/components/dist-afrAoubg.js +1181 -0
  33. package/dist/components/dist-bO14jlsr.js +78 -0
  34. package/dist/components/forms/form-field/form-field.d.ts +59 -2
  35. package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
  36. package/dist/components/forms/form-field/form-field.js +120 -35
  37. package/dist/components/forms/form-field/form-field.js.map +1 -1
  38. package/dist/components/gherkin-uCVRxsGf.js +108 -0
  39. package/dist/components/icon-CIpJq_cf.js +751 -0
  40. package/dist/components/icon-button-BAkUJTn6.js +1676 -0
  41. package/dist/components/input-modality-DhTeUxKi.js +43 -0
  42. package/dist/components/inputs/checkbox/checkbox.d.ts +8 -0
  43. package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
  44. package/dist/components/inputs/checkbox/checkbox.js +10 -0
  45. package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
  46. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts +9 -0
  47. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map +1 -1
  48. package/dist/components/inputs/checkbox-field/checkbox-field.js +11 -0
  49. package/dist/components/inputs/checkbox-field/checkbox-field.js.map +1 -1
  50. package/dist/components/inputs/code-editor/code-editor.d.ts +3 -0
  51. package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
  52. package/dist/components/inputs/code-editor/code-editor.js +3 -0
  53. package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
  54. package/dist/components/inputs/combo-box/combo-box.d.ts +6 -0
  55. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  56. package/dist/components/inputs/combo-box/combo-box.js +14 -0
  57. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  58. package/dist/components/inputs/date-field/date-field.d.ts +6 -0
  59. package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
  60. package/dist/components/inputs/date-field/date-field.js +11 -0
  61. package/dist/components/inputs/date-field/date-field.js.map +1 -1
  62. package/dist/components/inputs/date-picker/date-picker.d.ts +3 -0
  63. package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -1
  64. package/dist/components/inputs/date-picker/date-picker.js +4 -1
  65. package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
  66. package/dist/components/inputs/dropdown/dropdown.d.ts +29 -0
  67. package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
  68. package/dist/components/inputs/dropdown/dropdown.js +44 -1
  69. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  70. package/dist/components/inputs/file-field/file-field.d.ts +3 -0
  71. package/dist/components/inputs/file-field/file-field.d.ts.map +1 -1
  72. package/dist/components/inputs/file-field/file-field.js +3 -0
  73. package/dist/components/inputs/file-field/file-field.js.map +1 -1
  74. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +3 -0
  75. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  76. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +3 -0
  77. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  78. package/dist/components/inputs/number-field/number-field.d.ts +9 -0
  79. package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
  80. package/dist/components/inputs/number-field/number-field.js +12 -0
  81. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  82. package/dist/components/inputs/number-field/number-field.template.d.ts.map +1 -1
  83. package/dist/components/inputs/number-field/number-field.template.js +1 -0
  84. package/dist/components/inputs/number-field/number-field.template.js.map +1 -1
  85. package/dist/components/inputs/password-field/password-field.d.ts +9 -0
  86. package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
  87. package/dist/components/inputs/password-field/password-field.js +12 -0
  88. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  89. package/dist/components/inputs/password-field/password-field.template.d.ts.map +1 -1
  90. package/dist/components/inputs/password-field/password-field.template.js +1 -0
  91. package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
  92. package/dist/components/inputs/radio-button/radio-button.d.ts +8 -0
  93. package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
  94. package/dist/components/inputs/radio-button/radio-button.js +10 -0
  95. package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
  96. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +9 -0
  97. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
  98. package/dist/components/inputs/radio-button-field/radio-button-field.js +11 -0
  99. package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
  100. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +16 -0
  101. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
  102. package/dist/components/inputs/radio-button-group/radio-button-group.js +33 -0
  103. package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
  104. package/dist/components/inputs/search-field/search-field.d.ts +6 -0
  105. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  106. package/dist/components/inputs/search-field/search-field.js +6 -0
  107. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  108. package/dist/components/inputs/segmented-control/segmented-control.d.ts +16 -0
  109. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  110. package/dist/components/inputs/segmented-control/segmented-control.js +26 -7
  111. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  112. package/dist/components/inputs/stepper/stepper.d.ts +17 -0
  113. package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
  114. package/dist/components/inputs/stepper/stepper.js +22 -0
  115. package/dist/components/inputs/stepper/stepper.js.map +1 -1
  116. package/dist/components/inputs/stepper/stepper.template.js +1 -1
  117. package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
  118. package/dist/components/inputs/switch/switch.d.ts +3 -0
  119. package/dist/components/inputs/switch/switch.d.ts.map +1 -1
  120. package/dist/components/inputs/switch/switch.js +3 -0
  121. package/dist/components/inputs/switch/switch.js.map +1 -1
  122. package/dist/components/inputs/switch-field/switch-field.d.ts +3 -0
  123. package/dist/components/inputs/switch-field/switch-field.d.ts.map +1 -1
  124. package/dist/components/inputs/switch-field/switch-field.js +3 -0
  125. package/dist/components/inputs/switch-field/switch-field.js.map +1 -1
  126. package/dist/components/inputs/text-editor/text-editor.d.ts +3 -0
  127. package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
  128. package/dist/components/inputs/text-editor/text-editor.js +4 -1
  129. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  130. package/dist/components/inputs/text-field/text-field.d.ts +9 -0
  131. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  132. package/dist/components/inputs/text-field/text-field.js +12 -0
  133. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  134. package/dist/components/inputs/text-field/text-field.template.d.ts.map +1 -1
  135. package/dist/components/inputs/text-field/text-field.template.js +1 -0
  136. package/dist/components/inputs/text-field/text-field.template.js.map +1 -1
  137. package/dist/components/inputs/time-field/time-field.d.ts +6 -0
  138. package/dist/components/inputs/time-field/time-field.d.ts.map +1 -1
  139. package/dist/components/inputs/time-field/time-field.js +11 -0
  140. package/dist/components/inputs/time-field/time-field.js.map +1 -1
  141. package/dist/components/inputs/time-picker/time-picker.d.ts +3 -0
  142. package/dist/components/inputs/time-picker/time-picker.d.ts.map +1 -1
  143. package/dist/components/inputs/time-picker/time-picker.js +4 -1
  144. package/dist/components/inputs/time-picker/time-picker.js.map +1 -1
  145. package/dist/components/inputs/toggle-button/toggle-button.d.ts +10 -0
  146. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  147. package/dist/components/inputs/toggle-button/toggle-button.js +14 -0
  148. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  149. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +11 -0
  150. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
  151. package/dist/components/inputs/toggle-button-group/toggle-button-group.js +16 -6
  152. package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
  153. package/dist/components/inputs/token-field/token-field.d.ts +6 -0
  154. package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
  155. package/dist/components/inputs/token-field/token-field.js +13 -0
  156. package/dist/components/inputs/token-field/token-field.js.map +1 -1
  157. package/dist/components/reflect-non-default-OLaK60rT.js +37 -0
  158. package/dist/components/rolldown-runtime-D7D4PA-g.js +13 -0
  159. package/dist/components/shadow-resets-aG-rgyNQ.js +61 -0
  160. package/dist/components/shell-C61GCsJA.js +223 -0
  161. package/dist/components/toml-C2HBbPgG.js +59 -0
  162. package/dist/components/visibility-mixin-GxbwkBb1.js +104 -0
  163. package/dist/components/with-translations-DzAdFTK8.js +48 -0
  164. package/dist/nldd.min.js +2284 -2251
  165. package/dist/types/vue.d.ts +13 -1
  166. package/dist/utilities/implicit-submission.d.ts +31 -0
  167. package/dist/utilities/implicit-submission.d.ts.map +1 -0
  168. package/dist/utilities/implicit-submission.js +65 -0
  169. package/dist/utilities/implicit-submission.js.map +1 -0
  170. package/dist/utilities/owned-attribute.d.ts +19 -0
  171. package/dist/utilities/owned-attribute.d.ts.map +1 -0
  172. package/dist/utilities/owned-attribute.js +32 -0
  173. package/dist/utilities/owned-attribute.js.map +1 -0
  174. package/package.json +3 -3
  175. package/dist/components/gherkin-DhZlEZiy.js +0 -115
  176. package/dist/components/index-8pDDdMeW.js +0 -384
  177. package/dist/components/index-C7QocEcT.js +0 -81
  178. package/dist/components/index-CDz7-C9c.js +0 -177
  179. package/dist/components/index-CWQunWUb.js +0 -75039
  180. package/dist/components/index-CoY3JfIy.js +0 -688
  181. package/dist/components/index-DP9dl7P7.js +0 -703
  182. package/dist/components/index-DV_2YpaH.js +0 -405
  183. package/dist/components/shell-BlsXDxCn.js +0 -222
  184. package/dist/components/toml-BOuWGMcf.js +0 -76
@@ -1519,10 +1519,10 @@
1519
1519
  "kind": "field",
1520
1520
  "name": "menuVariant",
1521
1521
  "type": {
1522
- "text": "'menu' | 'listbox'"
1522
+ "text": "'menu' | 'listbox' | null"
1523
1523
  },
1524
- "default": "'menu'",
1525
- "description": "Set by nldd-menu. Not part of the public API."
1524
+ "default": "null",
1525
+ "description": "Which menu owns this item, set by that nldd-menu. Not part of the public API.\n\n`null` until one claims it, and an unclaimed item carries no menu role.\nA menu role is a promise about what is around you, so an item cannot make\nit on its own. `nldd-toolbar-item` holds exactly such an item: the\ndeclaration of what belongs in the overflow menu, which the toolbar clones\ninto the real menu when it collapses. The clone is claimed there and the\ndeclaration stays what it is."
1526
1526
  },
1527
1527
  {
1528
1528
  "kind": "method",
@@ -6568,6 +6568,16 @@
6568
6568
  "description": "A checkbox with an inline label for use in forms. Form-associated: participates in native form submission under `name` with `value` when checked (the inner nldd-checkbox sits in the shadow root and never joins the consumer's form; the field submits on its behalf).",
6569
6569
  "name": "NLDDCheckboxField",
6570
6570
  "members": [
6571
+ {
6572
+ "kind": "field",
6573
+ "name": "isFormInput",
6574
+ "type": {
6575
+ "text": "boolean"
6576
+ },
6577
+ "static": true,
6578
+ "default": "true",
6579
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
6580
+ },
6571
6581
  {
6572
6582
  "kind": "field",
6573
6583
  "name": "checked",
@@ -6667,6 +6677,25 @@
6667
6677
  }
6668
6678
  ]
6669
6679
  },
6680
+ {
6681
+ "kind": "method",
6682
+ "name": "focus",
6683
+ "return": {
6684
+ "type": {
6685
+ "text": "void"
6686
+ }
6687
+ },
6688
+ "parameters": [
6689
+ {
6690
+ "name": "options",
6691
+ "optional": true,
6692
+ "type": {
6693
+ "text": "FocusOptions"
6694
+ }
6695
+ }
6696
+ ],
6697
+ "description": "Delegates focus to the inner `<nldd-checkbox>`, which in turn focuses its\nnative input. Lets consumers call `checkboxFieldEl.focus()` without\nreaching into shadow DOM."
6698
+ },
6670
6699
  {
6671
6700
  "kind": "field",
6672
6701
  "name": "formAssociated",
@@ -6843,6 +6872,16 @@
6843
6872
  "description": "",
6844
6873
  "name": "NLDDCheckbox",
6845
6874
  "members": [
6875
+ {
6876
+ "kind": "field",
6877
+ "name": "isFormInput",
6878
+ "type": {
6879
+ "text": "boolean"
6880
+ },
6881
+ "static": true,
6882
+ "default": "true",
6883
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
6884
+ },
6846
6885
  {
6847
6886
  "kind": "field",
6848
6887
  "name": "checked",
@@ -6961,6 +7000,25 @@
6961
7000
  }
6962
7001
  }
6963
7002
  },
7003
+ {
7004
+ "kind": "method",
7005
+ "name": "focus",
7006
+ "return": {
7007
+ "type": {
7008
+ "text": "void"
7009
+ }
7010
+ },
7011
+ "parameters": [
7012
+ {
7013
+ "name": "options",
7014
+ "optional": true,
7015
+ "type": {
7016
+ "text": "FocusOptions"
7017
+ }
7018
+ }
7019
+ ],
7020
+ "description": "Delegates focus to the inner native checkbox `<input>`, so consumers can\ncall `checkboxEl.focus()` without reaching into shadow DOM."
7021
+ },
6964
7022
  {
6965
7023
  "kind": "field",
6966
7024
  "name": "formAssociated",
@@ -7155,6 +7213,16 @@
7155
7213
  "static": true,
7156
7214
  "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
7157
7215
  },
7216
+ {
7217
+ "kind": "field",
7218
+ "name": "isFormInput",
7219
+ "type": {
7220
+ "text": "boolean"
7221
+ },
7222
+ "static": true,
7223
+ "default": "true",
7224
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
7225
+ },
7158
7226
  {
7159
7227
  "kind": "field",
7160
7228
  "name": "value",
@@ -7583,6 +7651,26 @@
7583
7651
  "description": "A text input with autocomplete dropdown via nldd-menu. Add a slotted nldd-menu with nldd-menu-item children to provide options. The slotted nldd-menu keeps its default focus behavior (menu container receives focus) so that typing keeps focus on the input. The picker button moves focus to the menu explicitly on activation. Note: Only nldd-menu-item type=\"button\" is supported. Radio and checkbox types are not supported in this context.",
7584
7652
  "name": "NLDDComboBox",
7585
7653
  "members": [
7654
+ {
7655
+ "kind": "field",
7656
+ "name": "isFormInput",
7657
+ "type": {
7658
+ "text": "boolean"
7659
+ },
7660
+ "static": true,
7661
+ "default": "true",
7662
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
7663
+ },
7664
+ {
7665
+ "kind": "field",
7666
+ "name": "blocksImplicitSubmission",
7667
+ "type": {
7668
+ "text": "boolean"
7669
+ },
7670
+ "static": true,
7671
+ "default": "true",
7672
+ "description": "Counts for the implicit-submission rule: a single-line field where Enter\nwould submit the form. See utilities/implicit-submission.ts."
7673
+ },
7586
7674
  {
7587
7675
  "kind": "field",
7588
7676
  "name": "value",
@@ -8067,6 +8155,26 @@
8067
8155
  "static": true,
8068
8156
  "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
8069
8157
  },
8158
+ {
8159
+ "kind": "field",
8160
+ "name": "isFormInput",
8161
+ "type": {
8162
+ "text": "boolean"
8163
+ },
8164
+ "static": true,
8165
+ "default": "true",
8166
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
8167
+ },
8168
+ {
8169
+ "kind": "field",
8170
+ "name": "blocksImplicitSubmission",
8171
+ "type": {
8172
+ "text": "boolean"
8173
+ },
8174
+ "static": true,
8175
+ "default": "true",
8176
+ "description": "Counts for the implicit-submission rule: a single-line field where Enter\nwould submit the form. See utilities/implicit-submission.ts."
8177
+ },
8070
8178
  {
8071
8179
  "kind": "field",
8072
8180
  "name": "size",
@@ -8595,6 +8703,16 @@
8595
8703
  "description": "Een kalender waarin een datum of een periode wordt gekozen. Het component is zelfstandig bruikbaar - inline op een pagina, in een filterpaneel - en zit ook in de popover van nldd-date-field. Waarden zijn altijd ISO (jjjj-mm-dd). Met `range` kiest de gebruiker in twee stappen een begin- en einddatum.",
8596
8704
  "name": "NLDDDatePicker",
8597
8705
  "members": [
8706
+ {
8707
+ "kind": "field",
8708
+ "name": "isFormInput",
8709
+ "type": {
8710
+ "text": "boolean"
8711
+ },
8712
+ "static": true,
8713
+ "default": "true",
8714
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
8715
+ },
8598
8716
  {
8599
8717
  "kind": "field",
8600
8718
  "name": "value",
@@ -8887,6 +9005,16 @@
8887
9005
  "description": "A visual wrapper around a native `<select>` element. The consumer provides a native `<select>` as a slotted child — this way the browser retains full control over form submission, accessibility and keyboard navigation, including `<optgroup>`, `data-*` attributes and dynamic changes to options.",
8888
9006
  "name": "NLDDDropdown",
8889
9007
  "members": [
9008
+ {
9009
+ "kind": "field",
9010
+ "name": "isFormInput",
9011
+ "type": {
9012
+ "text": "boolean"
9013
+ },
9014
+ "static": true,
9015
+ "default": "true",
9016
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
9017
+ },
8890
9018
  {
8891
9019
  "kind": "field",
8892
9020
  "name": "size",
@@ -8947,6 +9075,35 @@
8947
9075
  "description": "Optional fixed width (any CSS length). When unset, the field stretches to fill its container.",
8948
9076
  "attribute": "width",
8949
9077
  "reflects": true
9078
+ },
9079
+ {
9080
+ "kind": "field",
9081
+ "name": "accessibleLabel",
9082
+ "type": {
9083
+ "text": "string"
9084
+ },
9085
+ "default": "''",
9086
+ "description": "Accessible name, forwarded as aria-label to the slotted `<select>`. The\nwrapper is not the control, so a name on the wrapper reaches nobody. Leave\nit empty and name the `<select>` yourself if you prefer.",
9087
+ "attribute": "accessible-label"
9088
+ },
9089
+ {
9090
+ "kind": "method",
9091
+ "name": "focus",
9092
+ "return": {
9093
+ "type": {
9094
+ "text": "void"
9095
+ }
9096
+ },
9097
+ "parameters": [
9098
+ {
9099
+ "name": "options",
9100
+ "optional": true,
9101
+ "type": {
9102
+ "text": "FocusOptions"
9103
+ }
9104
+ }
9105
+ ],
9106
+ "description": "Delegates focus to the slotted `<select>`. The wrapper itself is not\nfocusable, so without this a label pointing at the dropdown has nowhere\nto send focus."
8950
9107
  }
8951
9108
  ],
8952
9109
  "attributes": [
@@ -9003,6 +9160,15 @@
9003
9160
  "default": "''",
9004
9161
  "description": "Optional fixed width (any CSS length, e.g. \"240px\"). Default: stretches to fill container.",
9005
9162
  "fieldName": "width"
9163
+ },
9164
+ {
9165
+ "name": "accessible-label",
9166
+ "type": {
9167
+ "text": "string"
9168
+ },
9169
+ "default": "''",
9170
+ "description": "Accessible name, forwarded as aria-label to the slotted select",
9171
+ "fieldName": "accessibleLabel"
9006
9172
  }
9007
9173
  ],
9008
9174
  "superclass": {
@@ -9053,6 +9219,16 @@
9053
9219
  "description": "A file picker that reads as one control: an nldd-button flush in the corner of a tinted surface, the chosen file next to it, and a dismiss button to clear it again. It wraps a hidden native `<input type=\"file\">`, which is what makes the picker open at all — a file dialog only opens from a user gesture on a real input. The surface deliberately does not look like an input field. A border with field semantics promises you can type into it; here you can only press a button, so it uses button and surface colors instead of `--semantics-input-fields-*`. The button keeps its own tinted background and therefore sits a shade darker in the surface, which is what marks it as the thing to press. Several files are summarized, not listed: \"3 bestanden\" with a single cross that clears all of them. Every pick replaces the whole FileList, and rebuilding it to add or drop one file means going through DataTransfer, which does not deduplicate (even the same File object twice yields two entries) — and a File has no id, so deduplicating would come down to guessing from name, size and last-modified. A list with a cross per file would promise an edit the platform does not support. A page that does want to show the files renders its own list from the `File[]` in the change event.",
9054
9220
  "name": "NLDDFileField",
9055
9221
  "members": [
9222
+ {
9223
+ "kind": "field",
9224
+ "name": "isFormInput",
9225
+ "type": {
9226
+ "text": "boolean"
9227
+ },
9228
+ "static": true,
9229
+ "default": "true",
9230
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
9231
+ },
9056
9232
  {
9057
9233
  "kind": "field",
9058
9234
  "name": "size",
@@ -9459,6 +9635,16 @@
9459
9635
  "static": true,
9460
9636
  "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
9461
9637
  },
9638
+ {
9639
+ "kind": "field",
9640
+ "name": "isFormInput",
9641
+ "type": {
9642
+ "text": "boolean"
9643
+ },
9644
+ "static": true,
9645
+ "default": "true",
9646
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
9647
+ },
9462
9648
  {
9463
9649
  "kind": "field",
9464
9650
  "name": "size",
@@ -9944,6 +10130,26 @@
9944
10130
  "description": "A numeric input field with decrement and increment buttons.",
9945
10131
  "name": "NLDDNumberField",
9946
10132
  "members": [
10133
+ {
10134
+ "kind": "field",
10135
+ "name": "isFormInput",
10136
+ "type": {
10137
+ "text": "boolean"
10138
+ },
10139
+ "static": true,
10140
+ "default": "true",
10141
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
10142
+ },
10143
+ {
10144
+ "kind": "field",
10145
+ "name": "blocksImplicitSubmission",
10146
+ "type": {
10147
+ "text": "boolean"
10148
+ },
10149
+ "static": true,
10150
+ "default": "true",
10151
+ "description": "Counts for the implicit-submission rule: a single-line field where Enter\nwould submit the form. See utilities/implicit-submission.ts."
10152
+ },
9947
10153
  {
9948
10154
  "kind": "field",
9949
10155
  "name": "value",
@@ -10338,6 +10544,26 @@
10338
10544
  "static": true,
10339
10545
  "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
10340
10546
  },
10547
+ {
10548
+ "kind": "field",
10549
+ "name": "isFormInput",
10550
+ "type": {
10551
+ "text": "boolean"
10552
+ },
10553
+ "static": true,
10554
+ "default": "true",
10555
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
10556
+ },
10557
+ {
10558
+ "kind": "field",
10559
+ "name": "blocksImplicitSubmission",
10560
+ "type": {
10561
+ "text": "boolean"
10562
+ },
10563
+ "static": true,
10564
+ "default": "true",
10565
+ "description": "Counts for the implicit-submission rule: a single-line field where Enter\nwould submit the form. See utilities/implicit-submission.ts."
10566
+ },
10341
10567
  {
10342
10568
  "kind": "field",
10343
10569
  "name": "size",
@@ -10882,6 +11108,16 @@
10882
11108
  "description": "A radio button with an inline label. Use inside nldd-radio-button-group for keyboard navigation and group semantics. The group sets the name. Form-associated: the checked field submits its `value` under `name` (the inner nldd-radio-button sits in the shadow root and never joins the consumer's form; the field submits on its behalf). Unchecking siblings is the group's job, so exactly one value per group reaches the form.",
10883
11109
  "name": "NLDDRadioButtonField",
10884
11110
  "members": [
11111
+ {
11112
+ "kind": "field",
11113
+ "name": "isFormInput",
11114
+ "type": {
11115
+ "text": "boolean"
11116
+ },
11117
+ "static": true,
11118
+ "default": "true",
11119
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
11120
+ },
10885
11121
  {
10886
11122
  "kind": "field",
10887
11123
  "name": "checked",
@@ -10981,6 +11217,25 @@
10981
11217
  }
10982
11218
  ]
10983
11219
  },
11220
+ {
11221
+ "kind": "method",
11222
+ "name": "focus",
11223
+ "return": {
11224
+ "type": {
11225
+ "text": "void"
11226
+ }
11227
+ },
11228
+ "parameters": [
11229
+ {
11230
+ "name": "options",
11231
+ "optional": true,
11232
+ "type": {
11233
+ "text": "FocusOptions"
11234
+ }
11235
+ }
11236
+ ],
11237
+ "description": "Delegates focus to the inner `<nldd-radio-button>`, which in turn focuses\nits native input. Lets consumers call `radioFieldEl.focus()` without\nreaching into shadow DOM."
11238
+ },
10984
11239
  {
10985
11240
  "kind": "field",
10986
11241
  "name": "formAssociated",
@@ -11157,6 +11412,16 @@
11157
11412
  "description": "Groups nldd-radio-button-field elements, handles keyboard navigation, and forwards name and disabled state to all child fields. Use inside nldd-form-field which provides the group label.",
11158
11413
  "name": "NLDDRadioButtonGroup",
11159
11414
  "members": [
11415
+ {
11416
+ "kind": "field",
11417
+ "name": "isFormInput",
11418
+ "type": {
11419
+ "text": "boolean"
11420
+ },
11421
+ "static": true,
11422
+ "default": "true",
11423
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
11424
+ },
11160
11425
  {
11161
11426
  "kind": "field",
11162
11427
  "name": "name",
@@ -11186,6 +11451,16 @@
11186
11451
  "attribute": "required",
11187
11452
  "reflects": true
11188
11453
  },
11454
+ {
11455
+ "kind": "field",
11456
+ "name": "accessibleLabel",
11457
+ "type": {
11458
+ "text": "string"
11459
+ },
11460
+ "default": "''",
11461
+ "description": "Accessible name forwarded as aria-label to the group host.",
11462
+ "attribute": "accessible-label"
11463
+ },
11189
11464
  {
11190
11465
  "kind": "field",
11191
11466
  "name": "accessibleLabeledBy",
@@ -11194,6 +11469,25 @@
11194
11469
  },
11195
11470
  "default": "''",
11196
11471
  "attribute": "accessible-labeled-by"
11472
+ },
11473
+ {
11474
+ "kind": "method",
11475
+ "name": "focus",
11476
+ "return": {
11477
+ "type": {
11478
+ "text": "void"
11479
+ }
11480
+ },
11481
+ "parameters": [
11482
+ {
11483
+ "name": "options",
11484
+ "optional": true,
11485
+ "type": {
11486
+ "text": "FocusOptions"
11487
+ }
11488
+ }
11489
+ ],
11490
+ "description": "Delegates focus to the checked option, or to the first enabled one when\nnothing is checked. That is where the keyboard puts focus when tabbing\ninto a radio group, so a label pointing at the group lands in the same\nplace."
11197
11491
  }
11198
11492
  ],
11199
11493
  "attributes": [
@@ -11224,6 +11518,15 @@
11224
11518
  "fieldName": "required",
11225
11519
  "description": "Marks the group as required"
11226
11520
  },
11521
+ {
11522
+ "name": "accessible-label",
11523
+ "type": {
11524
+ "text": "string"
11525
+ },
11526
+ "default": "''",
11527
+ "description": "Accessible name for the group, set as aria-label on the group",
11528
+ "fieldName": "accessibleLabel"
11529
+ },
11227
11530
  {
11228
11531
  "name": "accessible-labeled-by",
11229
11532
  "type": {
@@ -11282,6 +11585,16 @@
11282
11585
  "description": "WAI-ARIA: Wrap radio buttons in a <fieldset>/<legend> or a container with role=\"radiogroup\" and aria-labelledby for proper group semantics. <fieldset> <legend>Kies een optie</legend> <nldd-radio-button name=\"options\" value=\"1\">Optie 1</nldd-radio-button> <nldd-radio-button name=\"options\" value=\"2\">Optie 2</nldd-radio-button> </fieldset>",
11283
11586
  "name": "NLDDRadioButton",
11284
11587
  "members": [
11588
+ {
11589
+ "kind": "field",
11590
+ "name": "isFormInput",
11591
+ "type": {
11592
+ "text": "boolean"
11593
+ },
11594
+ "static": true,
11595
+ "default": "true",
11596
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
11597
+ },
11285
11598
  {
11286
11599
  "kind": "field",
11287
11600
  "name": "checked",
@@ -11400,6 +11713,25 @@
11400
11713
  }
11401
11714
  }
11402
11715
  },
11716
+ {
11717
+ "kind": "method",
11718
+ "name": "focus",
11719
+ "return": {
11720
+ "type": {
11721
+ "text": "void"
11722
+ }
11723
+ },
11724
+ "parameters": [
11725
+ {
11726
+ "name": "options",
11727
+ "optional": true,
11728
+ "type": {
11729
+ "text": "FocusOptions"
11730
+ }
11731
+ }
11732
+ ],
11733
+ "description": "Delegates focus to the inner native radio `<input>`, so consumers can\ncall `radioEl.focus()` without reaching into shadow DOM."
11734
+ },
11403
11735
  {
11404
11736
  "kind": "field",
11405
11737
  "name": "formAssociated",
@@ -11585,6 +11917,26 @@
11585
11917
  "description": "A search input with a leading search icon, an optional dismiss button, and an optional search button.",
11586
11918
  "name": "NLDDSearchField",
11587
11919
  "members": [
11920
+ {
11921
+ "kind": "field",
11922
+ "name": "isFormInput",
11923
+ "type": {
11924
+ "text": "boolean"
11925
+ },
11926
+ "static": true,
11927
+ "default": "true",
11928
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
11929
+ },
11930
+ {
11931
+ "kind": "field",
11932
+ "name": "blocksImplicitSubmission",
11933
+ "type": {
11934
+ "text": "boolean"
11935
+ },
11936
+ "static": true,
11937
+ "default": "true",
11938
+ "description": "Counts for the implicit-submission rule: a single-line field where Enter\nwould submit the form. See utilities/implicit-submission.ts."
11939
+ },
11588
11940
  {
11589
11941
  "kind": "field",
11590
11942
  "name": "value",
@@ -12055,6 +12407,25 @@
12055
12407
  "default": "''",
12056
12408
  "description": "Icon name for nldd-icon. When not set, the icon slot is used; the icon and\nicon-and-text variants show a placeholder icon when neither is provided.",
12057
12409
  "attribute": "icon"
12410
+ },
12411
+ {
12412
+ "kind": "method",
12413
+ "name": "focus",
12414
+ "return": {
12415
+ "type": {
12416
+ "text": "void"
12417
+ }
12418
+ },
12419
+ "parameters": [
12420
+ {
12421
+ "name": "options",
12422
+ "optional": true,
12423
+ "type": {
12424
+ "text": "FocusOptions"
12425
+ }
12426
+ }
12427
+ ],
12428
+ "description": "Delegates focus to the inner native `<input>`, so consumers can call\n`itemEl.focus()` without reaching into shadow DOM."
12058
12429
  }
12059
12430
  ],
12060
12431
  "events": [
@@ -12164,6 +12535,16 @@
12164
12535
  "description": "A horizontal group of mutually exclusive (radio) or multi-select (checkbox) options. Exports both NLDDSegmentedControl and NLDDSegmentedControlItem.",
12165
12536
  "name": "NLDDSegmentedControl",
12166
12537
  "members": [
12538
+ {
12539
+ "kind": "field",
12540
+ "name": "isFormInput",
12541
+ "type": {
12542
+ "text": "boolean"
12543
+ },
12544
+ "static": true,
12545
+ "default": "true",
12546
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
12547
+ },
12167
12548
  {
12168
12549
  "kind": "field",
12169
12550
  "name": "value",
@@ -12301,10 +12682,29 @@
12301
12682
  {
12302
12683
  "name": "state",
12303
12684
  "type": {
12304
- "text": "FormData | string | null"
12685
+ "text": "FormData | string | null"
12686
+ }
12687
+ }
12688
+ ]
12689
+ },
12690
+ {
12691
+ "kind": "method",
12692
+ "name": "focus",
12693
+ "return": {
12694
+ "type": {
12695
+ "text": "void"
12696
+ }
12697
+ },
12698
+ "parameters": [
12699
+ {
12700
+ "name": "options",
12701
+ "optional": true,
12702
+ "type": {
12703
+ "text": "FocusOptions"
12305
12704
  }
12306
12705
  }
12307
- ]
12706
+ ],
12707
+ "description": "Delegates focus to the selected item, or to the first enabled one when\nnothing is selected. Mirrors where the keyboard lands when tabbing into\nthe control."
12308
12708
  },
12309
12709
  {
12310
12710
  "kind": "field",
@@ -12531,6 +12931,16 @@
12531
12931
  "description": "A numeric control with increment and decrement buttons.",
12532
12932
  "name": "NLDDStepper",
12533
12933
  "members": [
12934
+ {
12935
+ "kind": "field",
12936
+ "name": "isFormInput",
12937
+ "type": {
12938
+ "text": "boolean"
12939
+ },
12940
+ "static": true,
12941
+ "default": "true",
12942
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
12943
+ },
12534
12944
  {
12535
12945
  "kind": "field",
12536
12946
  "name": "value",
@@ -12594,6 +13004,16 @@
12594
13004
  "attribute": "name",
12595
13005
  "reflects": true
12596
13006
  },
13007
+ {
13008
+ "kind": "field",
13009
+ "name": "accessibleLabel",
13010
+ "type": {
13011
+ "text": "string"
13012
+ },
13013
+ "default": "''",
13014
+ "description": "Accessible name for the spinbutton. Without one it falls back to a generic\n\"adjust the value\", which says what the control does but not which value,\nso give it the name of the field whenever there is one.",
13015
+ "attribute": "accessible-label"
13016
+ },
12597
13017
  {
12598
13018
  "kind": "field",
12599
13019
  "name": "translations",
@@ -12644,6 +13064,25 @@
12644
13064
  }
12645
13065
  ]
12646
13066
  },
13067
+ {
13068
+ "kind": "method",
13069
+ "name": "focus",
13070
+ "return": {
13071
+ "type": {
13072
+ "text": "void"
13073
+ }
13074
+ },
13075
+ "parameters": [
13076
+ {
13077
+ "name": "options",
13078
+ "optional": true,
13079
+ "type": {
13080
+ "text": "FocusOptions"
13081
+ }
13082
+ }
13083
+ ],
13084
+ "description": "Delegates focus to the spinbutton, the element that carries the tabindex\nand the keyboard handling. The two icon buttons are `tabindex=\"-1\"` on\npurpose, so the stepper is one stop rather than three. Does nothing while\ndisabled, because the spinbutton drops its tabindex then."
13085
+ },
12647
13086
  {
12648
13087
  "kind": "field",
12649
13088
  "name": "formAssociated",
@@ -12783,6 +13222,15 @@
12783
13222
  "fieldName": "name",
12784
13223
  "description": "Name for form submission; the value is submitted under this name"
12785
13224
  },
13225
+ {
13226
+ "name": "accessible-label",
13227
+ "type": {
13228
+ "text": "string"
13229
+ },
13230
+ "default": "''",
13231
+ "description": "Accessible name for the spinbutton; falls back to a generic label",
13232
+ "fieldName": "accessibleLabel"
13233
+ },
12786
13234
  {
12787
13235
  "name": "translations",
12788
13236
  "type": {
@@ -12835,6 +13283,16 @@
12835
13283
  "description": "A switch toggle with an inline label for use in forms.",
12836
13284
  "name": "NLDDSwitchField",
12837
13285
  "members": [
13286
+ {
13287
+ "kind": "field",
13288
+ "name": "isFormInput",
13289
+ "type": {
13290
+ "text": "boolean"
13291
+ },
13292
+ "static": true,
13293
+ "default": "true",
13294
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
13295
+ },
12838
13296
  {
12839
13297
  "kind": "field",
12840
13298
  "name": "checked",
@@ -12991,6 +13449,16 @@
12991
13449
  "description": "A toggle control for on/off settings. Prefer nldd-switch-field for labeled usage — it combines the switch with a visible label. Direct use of nldd-switch requires an accessible-label attribute for screen reader accessibility.",
12992
13450
  "name": "NLDDSwitch",
12993
13451
  "members": [
13452
+ {
13453
+ "kind": "field",
13454
+ "name": "isFormInput",
13455
+ "type": {
13456
+ "text": "boolean"
13457
+ },
13458
+ "static": true,
13459
+ "default": "true",
13460
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
13461
+ },
12994
13462
  {
12995
13463
  "kind": "field",
12996
13464
  "name": "name",
@@ -14625,6 +15093,16 @@
14625
15093
  "static": true,
14626
15094
  "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
14627
15095
  },
15096
+ {
15097
+ "kind": "field",
15098
+ "name": "isFormInput",
15099
+ "type": {
15100
+ "text": "boolean"
15101
+ },
15102
+ "static": true,
15103
+ "default": "true",
15104
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
15105
+ },
14628
15106
  {
14629
15107
  "kind": "field",
14630
15108
  "name": "value",
@@ -15414,6 +15892,26 @@
15414
15892
  "static": true,
15415
15893
  "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
15416
15894
  },
15895
+ {
15896
+ "kind": "field",
15897
+ "name": "isFormInput",
15898
+ "type": {
15899
+ "text": "boolean"
15900
+ },
15901
+ "static": true,
15902
+ "default": "true",
15903
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
15904
+ },
15905
+ {
15906
+ "kind": "field",
15907
+ "name": "blocksImplicitSubmission",
15908
+ "type": {
15909
+ "text": "boolean"
15910
+ },
15911
+ "static": true,
15912
+ "default": "true",
15913
+ "description": "Counts for the implicit-submission rule: a single-line field where Enter\nwould submit the form. See utilities/implicit-submission.ts."
15914
+ },
15417
15915
  {
15418
15916
  "kind": "field",
15419
15917
  "name": "size",
@@ -15964,6 +16462,26 @@
15964
16462
  "static": true,
15965
16463
  "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
15966
16464
  },
16465
+ {
16466
+ "kind": "field",
16467
+ "name": "isFormInput",
16468
+ "type": {
16469
+ "text": "boolean"
16470
+ },
16471
+ "static": true,
16472
+ "default": "true",
16473
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
16474
+ },
16475
+ {
16476
+ "kind": "field",
16477
+ "name": "blocksImplicitSubmission",
16478
+ "type": {
16479
+ "text": "boolean"
16480
+ },
16481
+ "static": true,
16482
+ "default": "true",
16483
+ "description": "Counts for the implicit-submission rule: a single-line field where Enter\nwould submit the form. See utilities/implicit-submission.ts."
16484
+ },
15967
16485
  {
15968
16486
  "kind": "field",
15969
16487
  "name": "size",
@@ -16541,6 +17059,16 @@
16541
17059
  "description": "Twee kolommen, uren en minuten, die als een wiel langs de selectie in het midden schuiven. Het component is zelfstandig bruikbaar (inline op een pagina, in een filterpaneel) en zit ook in de popover van nldd-time-field. Waarden zijn altijd 24-uurs `HH:mm`. Scrollen ís kiezen: wat in het midden tot stilstand komt, is de waarde. Met het toetsenbord bedien je de selectie, want dat is wat een wiel is: uur en minuut zijn er elk een spinbutton. De kolommen eronder staan op aria-hidden, zodat dezelfde waarden niet twee keer worden voorgelezen.",
16542
17060
  "name": "NLDDTimePicker",
16543
17061
  "members": [
17062
+ {
17063
+ "kind": "field",
17064
+ "name": "isFormInput",
17065
+ "type": {
17066
+ "text": "boolean"
17067
+ },
17068
+ "static": true,
17069
+ "default": "true",
17070
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
17071
+ },
16544
17072
  {
16545
17073
  "kind": "field",
16546
17074
  "name": "value",
@@ -16782,6 +17310,16 @@
16782
17310
  "description": "Groups nldd-toggle-button elements and manages selection, keyboard navigation, and forwarding of type, name, size, and disabled state to all buttons. For type=\"radio\" (single-select), arrow keys navigate between buttons and automatically select the focused one. For type=\"checkbox\" (multi-select), multiple buttons can be selected simultaneously.",
16783
17311
  "name": "NLDDToggleButtonGroup",
16784
17312
  "members": [
17313
+ {
17314
+ "kind": "field",
17315
+ "name": "isFormInput",
17316
+ "type": {
17317
+ "text": "boolean"
17318
+ },
17319
+ "static": true,
17320
+ "default": "true",
17321
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
17322
+ },
16785
17323
  {
16786
17324
  "kind": "field",
16787
17325
  "name": "type",
@@ -16840,6 +17378,25 @@
16840
17378
  "default": "''",
16841
17379
  "description": "ID of an external label element forwarded as aria-labelledby to the group host.",
16842
17380
  "attribute": "accessible-labeled-by"
17381
+ },
17382
+ {
17383
+ "kind": "method",
17384
+ "name": "focus",
17385
+ "return": {
17386
+ "type": {
17387
+ "text": "void"
17388
+ }
17389
+ },
17390
+ "parameters": [
17391
+ {
17392
+ "name": "options",
17393
+ "optional": true,
17394
+ "type": {
17395
+ "text": "FocusOptions"
17396
+ }
17397
+ }
17398
+ ],
17399
+ "description": "Delegates focus to the first selected button, or to the first enabled one\nwhen nothing is selected. With `type=\"checkbox\"` more than one can be\nselected; focus goes to the first of them, in DOM order."
16843
17400
  }
16844
17401
  ],
16845
17402
  "attributes": [
@@ -16946,6 +17503,16 @@
16946
17503
  "description": "A selectable button that toggles between selected and unselected. Available as a button (aria-pressed), checkbox, or radio input.",
16947
17504
  "name": "NLDDToggleButton",
16948
17505
  "members": [
17506
+ {
17507
+ "kind": "field",
17508
+ "name": "isFormInput",
17509
+ "type": {
17510
+ "text": "boolean"
17511
+ },
17512
+ "static": true,
17513
+ "default": "true",
17514
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
17515
+ },
16949
17516
  {
16950
17517
  "kind": "field",
16951
17518
  "name": "type",
@@ -17095,6 +17662,25 @@
17095
17662
  },
17096
17663
  "description": "Toggle selected state programmatically.\nFor type=\"radio\", the button can only be selected, never deselected (native behavior)."
17097
17664
  },
17665
+ {
17666
+ "kind": "method",
17667
+ "name": "focus",
17668
+ "return": {
17669
+ "type": {
17670
+ "text": "void"
17671
+ }
17672
+ },
17673
+ "parameters": [
17674
+ {
17675
+ "name": "options",
17676
+ "optional": true,
17677
+ "type": {
17678
+ "text": "FocusOptions"
17679
+ }
17680
+ }
17681
+ ],
17682
+ "description": "Delegates focus to whichever control this type renders: the `<input>` for\n`checkbox` and `radio`, the `<button>` for `button`. Only one of the two\nexists at a time. Lets consumers call `toggleButtonEl.focus()` without\nreaching into shadow DOM."
17683
+ },
17098
17684
  {
17099
17685
  "kind": "field",
17100
17686
  "name": "formAssociated",
@@ -17313,6 +17899,26 @@
17313
17899
  "description": "A multi-select input that looks like a normal input field: chosen values show as dismissible tokens in a wrapping row, followed by an inline text input that stretches to fill the remaining space and wraps to a new line (growing the field) when it no longer fits. Options are supplied as a slotted nldd-menu, exactly like nldd-combo-box; the menu filters as you type, with a chevron picker button, arrow-key roving across the tokens and ElementInternals form participation.",
17314
17900
  "name": "NLDDTokenField",
17315
17901
  "members": [
17902
+ {
17903
+ "kind": "field",
17904
+ "name": "isFormInput",
17905
+ "type": {
17906
+ "text": "boolean"
17907
+ },
17908
+ "static": true,
17909
+ "default": "true",
17910
+ "description": "Says this is the control an nldd-form-field is about, so the field can\nfind it, name it and move focus into it. See nldd-form-field."
17911
+ },
17912
+ {
17913
+ "kind": "field",
17914
+ "name": "blocksImplicitSubmission",
17915
+ "type": {
17916
+ "text": "boolean"
17917
+ },
17918
+ "static": true,
17919
+ "default": "true",
17920
+ "description": "Counts for the implicit-submission rule: a single-line field where Enter\nwould submit the form. See utilities/implicit-submission.ts."
17921
+ },
17316
17922
  {
17317
17923
  "kind": "field",
17318
17924
  "name": "values",
@@ -32653,6 +33259,46 @@
32653
33259
  }
32654
33260
  ]
32655
33261
  },
33262
+ {
33263
+ "kind": "javascript-module",
33264
+ "path": "src/utilities/implicit-submission.ts",
33265
+ "declarations": [
33266
+ {
33267
+ "kind": "function",
33268
+ "name": "submitOnEnter",
33269
+ "return": {
33270
+ "type": {
33271
+ "text": ""
33272
+ }
33273
+ },
33274
+ "parameters": [
33275
+ {
33276
+ "name": "host",
33277
+ "type": {
33278
+ "text": "HTMLElement & { internals: ElementInternals }"
33279
+ }
33280
+ },
33281
+ {
33282
+ "name": "event",
33283
+ "type": {
33284
+ "text": "KeyboardEvent"
33285
+ }
33286
+ }
33287
+ ],
33288
+ "description": "Submits the form this field belongs to, under the same conditions the browser\nuses.\n\nDoes nothing when something already handled the Enter. A component that owns\nthe key calls `preventDefault` when it acts on it and leaves it alone when it\ndoes not, so an open date picker keeps its Enter and a token field that\ncommits nothing lets the form through.\n\nWithout a submit button the specification submits only when the form holds a\nsingle field that blocks implicit submission. Reproducing that rule matters\nmore than it looks: an Enter that behaves differently inside this design\nsystem than outside it is worse than one that does nothing."
33289
+ }
33290
+ ],
33291
+ "exports": [
33292
+ {
33293
+ "kind": "js",
33294
+ "name": "submitOnEnter",
33295
+ "declaration": {
33296
+ "name": "submitOnEnter",
33297
+ "module": "src/utilities/implicit-submission.ts"
33298
+ }
33299
+ }
33300
+ ]
33301
+ },
32656
33302
  {
32657
33303
  "kind": "javascript-module",
32658
33304
  "path": "src/utilities/input-modality.ts",
@@ -32890,6 +33536,59 @@
32890
33536
  }
32891
33537
  ]
32892
33538
  },
33539
+ {
33540
+ "kind": "javascript-module",
33541
+ "path": "src/utilities/owned-attribute.ts",
33542
+ "declarations": [
33543
+ {
33544
+ "kind": "function",
33545
+ "name": "setOwnedAttribute",
33546
+ "return": {
33547
+ "type": {
33548
+ "text": ""
33549
+ }
33550
+ },
33551
+ "parameters": [
33552
+ {
33553
+ "name": "el",
33554
+ "type": {
33555
+ "text": "Element"
33556
+ }
33557
+ },
33558
+ {
33559
+ "name": "name",
33560
+ "type": {
33561
+ "text": "string"
33562
+ }
33563
+ },
33564
+ {
33565
+ "name": "value",
33566
+ "type": {
33567
+ "text": "string"
33568
+ }
33569
+ },
33570
+ {
33571
+ "name": "applied",
33572
+ "type": {
33573
+ "text": "string | null"
33574
+ },
33575
+ "description": "what this component wrote here last time, or null"
33576
+ }
33577
+ ],
33578
+ "description": "An attribute one component hands to another without overruling what is\nalready there.\n\nThe closer to the control, the more specific, so the heavier it weighs. An\n`aria-label` on a slotted `<select>` beats the `accessible-label` on the\nwrapper around it, which beats the caption of the `nldd-form-field` above\nthat. Every layer does two things and no more: it fills a gap, and it takes\nback only what it wrote itself.\n\nWithout that second half a component reads \"I have no name to give\" as\n\"remove the name that is there\", which is how a documented way of naming a\ncontrol quietly stopped working."
33579
+ }
33580
+ ],
33581
+ "exports": [
33582
+ {
33583
+ "kind": "js",
33584
+ "name": "setOwnedAttribute",
33585
+ "declaration": {
33586
+ "name": "setOwnedAttribute",
33587
+ "module": "src/utilities/owned-attribute.ts"
33588
+ }
33589
+ }
33590
+ ]
33591
+ },
32893
33592
  {
32894
33593
  "kind": "javascript-module",
32895
33594
  "path": "src/utilities/page-section-mixin.ts",