@nldd/design-system 0.8.41 → 0.8.43

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 (341) hide show
  1. package/README.md +19 -2
  2. package/dist/assets/styles/tokens.d.ts +25 -0
  3. package/dist/assets/styles/tokens.d.ts.map +1 -0
  4. package/dist/assets/styles/tokens.js +25 -0
  5. package/dist/assets/styles/tokens.js.map +1 -0
  6. package/dist/components/actions/button/button.d.ts +23 -5
  7. package/dist/components/actions/button/button.d.ts.map +1 -1
  8. package/dist/components/actions/button/button.js +45 -6
  9. package/dist/components/actions/button/button.js.map +1 -1
  10. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  11. package/dist/components/actions/button/button.styles.js +136 -50
  12. package/dist/components/actions/button/button.styles.js.map +1 -1
  13. package/dist/components/actions/button/button.template.d.ts.map +1 -1
  14. package/dist/components/actions/button/button.template.js +12 -1
  15. package/dist/components/actions/button/button.template.js.map +1 -1
  16. package/dist/components/actions/button-group/button-group.js +2 -2
  17. package/dist/components/actions/button-group/button-group.js.map +1 -1
  18. package/dist/components/actions/icon-button/icon-button.d.ts +21 -5
  19. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  20. package/dist/components/actions/icon-button/icon-button.js +40 -6
  21. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  22. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  23. package/dist/components/actions/icon-button/icon-button.styles.js +153 -96
  24. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  25. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  26. package/dist/components/actions/icon-button/icon-button.template.js +11 -0
  27. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  28. package/dist/components/actions/link/link.d.ts +17 -6
  29. package/dist/components/actions/link/link.d.ts.map +1 -1
  30. package/dist/components/actions/link/link.js +15 -5
  31. package/dist/components/actions/link/link.js.map +1 -1
  32. package/dist/components/actions/link/link.styles.d.ts.map +1 -1
  33. package/dist/components/actions/link/link.styles.js +44 -6
  34. package/dist/components/actions/link/link.styles.js.map +1 -1
  35. package/dist/components/actions/link/link.template.d.ts.map +1 -1
  36. package/dist/components/actions/link/link.template.js +7 -9
  37. package/dist/components/actions/link/link.template.js.map +1 -1
  38. package/dist/components/actions/split-button/split-button.template.js +2 -2
  39. package/dist/components/actions/split-button/split-button.template.js.map +1 -1
  40. package/dist/components/actions/toolbar/toolbar.d.ts +4 -4
  41. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  42. package/dist/components/actions/toolbar/toolbar.js +11 -11
  43. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  44. package/dist/components/actions/toolbar/toolbar.template.d.ts +2 -2
  45. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  46. package/dist/components/actions/toolbar/toolbar.template.js +4 -4
  47. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  48. package/dist/components/components.js +1 -1
  49. package/dist/components/content/blockquote/blockquote.styles.js +1 -1
  50. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  51. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  52. package/dist/components/content/icon/icon-aliases.js +6 -1
  53. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  54. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  55. package/dist/components/content/icon/icon-registry.js +11 -7
  56. package/dist/components/content/icon/icon-registry.js.map +1 -1
  57. package/dist/components/content/tag/tag.d.ts +3 -3
  58. package/dist/components/content/tag/tag.d.ts.map +1 -1
  59. package/dist/components/content/tag/tag.js +3 -3
  60. package/dist/components/content/tag/tag.js.map +1 -1
  61. package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
  62. package/dist/components/content/tag/tag.styles.js +107 -9
  63. package/dist/components/content/tag/tag.styles.js.map +1 -1
  64. package/dist/components/content/title/title.styles.js +18 -18
  65. package/dist/components/content/title/title.styles.js.map +1 -1
  66. package/dist/components/content/tooltip/tooltip.d.ts +13 -7
  67. package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
  68. package/dist/components/content/tooltip/tooltip.js +34 -22
  69. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  70. package/dist/components/forms/form-field/form-field.styles.js +1 -1
  71. package/dist/components/{index-DMYkp2tq.js → index-By2jYHEw.js} +2934 -1234
  72. package/dist/components/inputs/combo-box/combo-box.d.ts +28 -4
  73. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  74. package/dist/components/inputs/combo-box/combo-box.js +86 -23
  75. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  76. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  77. package/dist/components/inputs/combo-box/combo-box.styles.js +2 -0
  78. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  79. package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
  80. package/dist/components/inputs/combo-box/combo-box.template.js +4 -2
  81. package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
  82. package/dist/components/inputs/dropdown/dropdown.d.ts +11 -1
  83. package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
  84. package/dist/components/inputs/dropdown/dropdown.js +31 -2
  85. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  86. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  87. package/dist/components/inputs/dropdown/dropdown.styles.js +3 -1
  88. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  89. package/dist/components/inputs/dropdown/dropdown.template.js +1 -1
  90. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +1 -1
  91. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  92. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +8 -2
  93. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  94. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
  95. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +2 -0
  96. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
  97. package/dist/components/inputs/number-field/number-field.d.ts +7 -4
  98. package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
  99. package/dist/components/inputs/number-field/number-field.js +15 -12
  100. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  101. package/dist/components/inputs/number-field/number-field.styles.js +3 -3
  102. package/dist/components/inputs/password-field/password-field.d.ts +1 -1
  103. package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
  104. package/dist/components/inputs/password-field/password-field.js +8 -2
  105. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  106. package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
  107. package/dist/components/inputs/password-field/password-field.styles.js +2 -0
  108. package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
  109. package/dist/components/inputs/search-field/search-field.d.ts +6 -1
  110. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  111. package/dist/components/inputs/search-field/search-field.js +15 -2
  112. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  113. package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
  114. package/dist/components/inputs/search-field/search-field.styles.js +2 -0
  115. package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
  116. package/dist/components/inputs/segmented-control/segmented-control.d.ts +8 -2
  117. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  118. package/dist/components/inputs/segmented-control/segmented-control.js +25 -4
  119. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  120. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  121. package/dist/components/inputs/segmented-control/segmented-control.styles.js +65 -64
  122. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  123. package/dist/components/inputs/segmented-control/segmented-control.template.js +1 -1
  124. package/dist/components/inputs/switch/switch.d.ts +5 -0
  125. package/dist/components/inputs/switch/switch.d.ts.map +1 -1
  126. package/dist/components/inputs/switch/switch.js +7 -0
  127. package/dist/components/inputs/switch/switch.js.map +1 -1
  128. package/dist/components/inputs/switch-field/switch-field.d.ts +6 -0
  129. package/dist/components/inputs/switch-field/switch-field.d.ts.map +1 -1
  130. package/dist/components/inputs/switch-field/switch-field.js +8 -0
  131. package/dist/components/inputs/switch-field/switch-field.js.map +1 -1
  132. package/dist/components/inputs/text-field/text-field.d.ts +6 -2
  133. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  134. package/dist/components/inputs/text-field/text-field.js +15 -5
  135. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  136. package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
  137. package/dist/components/inputs/text-field/text-field.styles.js +2 -0
  138. package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
  139. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  140. package/dist/components/inputs/toggle-button/toggle-button.styles.js +26 -6
  141. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  142. package/dist/components/inputs/token/token.d.ts +3 -3
  143. package/dist/components/inputs/token/token.d.ts.map +1 -1
  144. package/dist/components/inputs/token/token.js +6 -6
  145. package/dist/components/inputs/token/token.js.map +1 -1
  146. package/dist/components/inputs/token/token.styles.js +2 -2
  147. package/dist/components/inputs/token/token.template.js +1 -1
  148. package/dist/components/inputs/token/token.template.js.map +1 -1
  149. package/dist/components/layout/card/card.js +1 -1
  150. package/dist/components/layout/card/card.js.map +1 -1
  151. package/dist/components/layout/container/container.d.ts +4 -4
  152. package/dist/components/layout/container/container.js +4 -4
  153. package/dist/components/layout/container/container.styles.js +399 -399
  154. package/dist/components/layout/container/container.styles.js.map +1 -1
  155. package/dist/components/layout/page/page.js +1 -1
  156. package/dist/components/layout/page/page.js.map +1 -1
  157. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +6 -3
  158. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  159. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +21 -5
  160. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  161. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +9 -9
  162. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
  163. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +6 -3
  164. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  165. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +21 -5
  166. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  167. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +12 -12
  168. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
  169. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +6 -3
  170. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  171. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +21 -5
  172. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  173. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +12 -12
  174. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
  175. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +6 -3
  176. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  177. package/dist/components/layout/page-sections/simple-section/simple-section.js +21 -5
  178. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  179. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +9 -9
  180. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.map +1 -1
  181. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +6 -3
  182. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  183. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +21 -5
  184. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  185. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +12 -12
  186. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
  187. package/dist/components/layout/popover/popover.js +1 -1
  188. package/dist/components/layout/popover/popover.js.map +1 -1
  189. package/dist/components/layout/sheet/sheet.js +3 -3
  190. package/dist/components/layout/sheet/sheet.js.map +1 -1
  191. package/dist/components/layout/sheet/sheet.styles.js +5 -5
  192. package/dist/components/layout/spacer/spacer.d.ts +28 -3
  193. package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
  194. package/dist/components/layout/spacer/spacer.js +33 -2
  195. package/dist/components/layout/spacer/spacer.js.map +1 -1
  196. package/dist/components/layout/spacer/spacer.styles.d.ts.map +1 -1
  197. package/dist/components/layout/spacer/spacer.styles.js +157 -110
  198. package/dist/components/layout/spacer/spacer.styles.js.map +1 -1
  199. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +1 -1
  200. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
  201. package/dist/components/layout/window/window.js +1 -1
  202. package/dist/components/layout/window/window.js.map +1 -1
  203. package/dist/components/lists-and-menus/cells/cell/cell.d.ts +4 -2
  204. package/dist/components/lists-and-menus/cells/cell/cell.d.ts.map +1 -1
  205. package/dist/components/lists-and-menus/cells/cell/cell.js +17 -6
  206. package/dist/components/lists-and-menus/cells/cell/cell.js.map +1 -1
  207. package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
  208. package/dist/components/lists-and-menus/cells/cell/cell.styles.js +22 -11
  209. package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
  210. package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts +2 -2
  211. package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts.map +1 -1
  212. package/dist/components/lists-and-menus/cells/description-cell/description-cell.js +12 -7
  213. package/dist/components/lists-and-menus/cells/description-cell/description-cell.js.map +1 -1
  214. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  215. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +4 -3
  216. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
  217. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts +2 -2
  218. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts.map +1 -1
  219. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js +2 -2
  220. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js.map +1 -1
  221. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
  222. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js +50 -14
  223. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map +1 -1
  224. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.d.ts.map +1 -1
  225. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js +1 -1
  226. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js.map +1 -1
  227. package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts +31 -9
  228. package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts.map +1 -1
  229. package/dist/components/lists-and-menus/cells/text-cell/text-cell.js +71 -14
  230. package/dist/components/lists-and-menus/cells/text-cell/text-cell.js.map +1 -1
  231. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  232. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +49 -8
  233. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
  234. package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.d.ts.map +1 -1
  235. package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js +33 -3
  236. package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js.map +1 -1
  237. package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts +31 -9
  238. package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts.map +1 -1
  239. package/dist/components/lists-and-menus/cells/title-cell/title-cell.js +70 -13
  240. package/dist/components/lists-and-menus/cells/title-cell/title-cell.js.map +1 -1
  241. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  242. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +68 -8
  243. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
  244. package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.d.ts.map +1 -1
  245. package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.js +36 -7
  246. package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.js.map +1 -1
  247. package/dist/components/lists-and-menus/list/list.d.ts.map +1 -1
  248. package/dist/components/lists-and-menus/list/list.i18n.js +1 -1
  249. package/dist/components/lists-and-menus/list/list.i18n.js.map +1 -1
  250. package/dist/components/lists-and-menus/list/list.js +7 -0
  251. package/dist/components/lists-and-menus/list/list.js.map +1 -1
  252. package/dist/components/lists-and-menus/list-item/list-item.d.ts +5 -0
  253. package/dist/components/lists-and-menus/list-item/list-item.d.ts.map +1 -1
  254. package/dist/components/lists-and-menus/list-item/list-item.js +7 -0
  255. package/dist/components/lists-and-menus/list-item/list-item.js.map +1 -1
  256. package/dist/components/lists-and-menus/list-item/list-item.styles.js +1 -1
  257. package/dist/components/lists-and-menus/menu/menu.d.ts +254 -0
  258. package/dist/components/lists-and-menus/menu/menu.d.ts.map +1 -1
  259. package/dist/components/lists-and-menus/menu/menu.i18n.d.ts +1 -0
  260. package/dist/components/lists-and-menus/menu/menu.i18n.d.ts.map +1 -1
  261. package/dist/components/lists-and-menus/menu/menu.i18n.js +1 -0
  262. package/dist/components/lists-and-menus/menu/menu.i18n.js.map +1 -1
  263. package/dist/components/lists-and-menus/menu/menu.js +906 -15
  264. package/dist/components/lists-and-menus/menu/menu.js.map +1 -1
  265. package/dist/components/lists-and-menus/menu/menu.styles.d.ts +1 -0
  266. package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
  267. package/dist/components/lists-and-menus/menu/menu.styles.js +141 -2
  268. package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
  269. package/dist/components/lists-and-menus/menu/menu.template.d.ts +2 -1
  270. package/dist/components/lists-and-menus/menu/menu.template.d.ts.map +1 -1
  271. package/dist/components/lists-and-menus/menu/menu.template.js +60 -0
  272. package/dist/components/lists-and-menus/menu/menu.template.js.map +1 -1
  273. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +1 -1
  274. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +1 -1
  275. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
  276. package/dist/components/navigation/menu-bar/menu-bar.js +4 -4
  277. package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
  278. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -1
  279. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
  280. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +6 -6
  281. package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
  282. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +2 -2
  283. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +1 -1
  284. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
  285. package/dist/components/navigation/pagination/pagination.d.ts +3 -2
  286. package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
  287. package/dist/components/navigation/pagination/pagination.js +5 -4
  288. package/dist/components/navigation/pagination/pagination.js.map +1 -1
  289. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  290. package/dist/components/navigation/pagination/pagination.styles.js +5 -3
  291. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  292. package/dist/components/navigation/pagination/pagination.template.js +1 -1
  293. package/dist/components/navigation/tab-bar/tab-bar.d.ts +3 -1
  294. package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
  295. package/dist/components/navigation/tab-bar/tab-bar.js +5 -3
  296. package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
  297. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  298. package/dist/components/navigation/tab-bar/tab-bar.styles.js +35 -15
  299. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  300. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +2 -2
  301. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  302. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +6 -6
  303. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  304. package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
  305. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -0
  306. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
  307. package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
  308. package/dist/components/navigation/top-title-bar/top-title-bar.template.js +1 -0
  309. package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
  310. package/dist/components/{prism-typescript-9LDqHHRS.js → prism-typescript-BlIir5CV.js} +1 -1
  311. package/dist/components/status-and-feedback/badge/badge.d.ts +3 -3
  312. package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
  313. package/dist/components/status-and-feedback/badge/badge.js +3 -3
  314. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  315. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  316. package/dist/components/status-and-feedback/badge/badge.styles.js +7 -6
  317. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  318. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +7 -4
  319. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
  320. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +10 -3
  321. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js.map +1 -1
  322. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
  323. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +12 -2
  324. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
  325. package/dist/css/global.css +1 -0
  326. package/dist/css/reset.css +7 -0
  327. package/dist/css/rich-text.css +21 -21
  328. package/dist/css/settings.css +140 -98
  329. package/dist/fonts/JetBrainsMono-Italic[wght].woff2 +0 -0
  330. package/dist/fonts/JetBrainsMono[wght].woff2 +0 -0
  331. package/dist/fonts/RijksSansWeb-Italic.woff2 +0 -0
  332. package/dist/fonts/RijksSansWeb-Regular.woff2 +0 -0
  333. package/dist/utilities/visibility-mixin.d.ts +18 -12
  334. package/dist/utilities/visibility-mixin.d.ts.map +1 -1
  335. package/dist/utilities/visibility-mixin.js +21 -14
  336. package/dist/utilities/visibility-mixin.js.map +1 -1
  337. package/package.json +7 -3
  338. package/dist/fonts/IBMPlexMono-Bold.woff2 +0 -0
  339. package/dist/fonts/IBMPlexMono-Regular.woff2 +0 -0
  340. package/dist/fonts/RijksSansVF-Italic.ttf +0 -0
  341. package/dist/fonts/RijksSansVF-Regular.ttf +0 -0
@@ -13,6 +13,11 @@
13
13
  *
14
14
  * @element nldd-combo-box
15
15
  * @attr {string} value - The selected form value
16
+ * @attr {string} text - The text shown in the input. May differ from `value`
17
+ * (e.g. value="nl" → text="Nederland"). Set this when
18
+ * pre-populating an existing record. If left empty and
19
+ * `value` matches a slotted menu item, the matching
20
+ * item's `text` is used automatically.
16
21
  * @attr {string} placeholder - Placeholder text for the input
17
22
  * @attr {string} size - Size: 'sm' | 'md' (default: 'md')
18
23
  * @attr {boolean} valid - Marks the field as valid
@@ -26,7 +31,7 @@
26
31
  * @attr {string} accessible-label - Accessible label forwarded as aria-label to the input. Required for screen reader accessibility.
27
32
  * @attr {number} max-items - Maximum visible items before scrolling (default: 8)
28
33
  * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
29
- * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
34
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
30
35
  *
31
36
  * @note Free-text values: if the user types a value that does not match any menu option
32
37
  * and presses Enter or moves focus away, the typed text is emitted as-is via the
@@ -59,8 +64,17 @@ export declare class NLDDComboBox extends LitElement {
59
64
  static styles: import("lit").CSSResult;
60
65
  private _internals;
61
66
  private _initialValue;
62
- private _initialDisplayValue;
67
+ private _initialText;
63
68
  value: string;
69
+ /**
70
+ * The text shown in the input. May differ from `value` (the form-submission value).
71
+ *
72
+ * Updated automatically on user input and menu select. When the consumer sets `value`
73
+ * without setting `text`, the matching slotted `nldd-menu-item`'s `text` is used as
74
+ * the display label. Set `text` explicitly to opt out of auto-derivation (e.g. for
75
+ * custom display formats like `${item.text} (${item.id})`).
76
+ */
77
+ text: string;
64
78
  placeholder: string;
65
79
  size: ComboBoxSize;
66
80
  valid: boolean;
@@ -78,8 +92,6 @@ export declare class NLDDComboBox extends LitElement {
78
92
  /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
79
93
  width: string;
80
94
  _isOpen: boolean;
81
- /** Display value shown in the input. May differ from value (form value). */
82
- _displayValue: string;
83
95
  /** ID of the currently highlighted menu item for aria-activedescendant. */
84
96
  _highlightedId: string;
85
97
  private static _idCounter;
@@ -89,6 +101,7 @@ export declare class NLDDComboBox extends LitElement {
89
101
  _input: HTMLInputElement;
90
102
  _t(key: keyof NLDDComboBoxTranslations): string;
91
103
  firstUpdated(): void;
104
+ willUpdate(changedProperties: Map<string, unknown>): void;
92
105
  updated(changedProperties: Map<string, unknown>): void;
93
106
  formResetCallback(): void;
94
107
  formDisabledCallback(disabled: boolean): void;
@@ -96,6 +109,12 @@ export declare class NLDDComboBox extends LitElement {
96
109
  connectedCallback(): void;
97
110
  disconnectedCallback(): void;
98
111
  _onSlotChange(): void;
112
+ /**
113
+ * Walk slotted menu items and set `text` from the first item whose `value`
114
+ * (or `text`, when value is unset) matches the current `value`. No-op when
115
+ * the menu isn't wired yet or no item matches.
116
+ */
117
+ private _deriveTextFromMenu;
99
118
  private _updateMenuWidth;
100
119
  private _handleScrollOrResize;
101
120
  private _handleMenuToggle;
@@ -122,6 +141,11 @@ export declare class NLDDComboBox extends LitElement {
122
141
  /** Accept a custom typed value and close the menu when focus leaves the input. */
123
142
  _handleBlur(e: FocusEvent): void;
124
143
  _handleKeydown(e: KeyboardEvent): void;
144
+ /**
145
+ * Delegates focus to the inner native `<input>`, so consumers can call
146
+ * `comboBoxEl.focus()` without reaching into shadow DOM.
147
+ */
148
+ focus(options?: FocusOptions): void;
125
149
  render(): import("lit-html").TemplateResult;
126
150
  }
127
151
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,OAAO,oCAAoC,CAAC;AAC5C,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,qBACa,YAAa,SAAQ,UAAU;IAC3C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAkB;IAExC,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,oBAAoB,CAAM;IAGlC,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,IAAI,EAAE,YAAY,CAAQ;IAG1B,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAEV;;iDAE6C;IAE7C,YAAY,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAS;IAE/C,4EAA4E;IAE5E,QAAQ,SAAK;IAGb,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAM;IAErD,oGAAoG;IAEpG,KAAK,SAAM;IAGX,OAAO,UAAS;IAEhB,4EAA4E;IAE5E,aAAa,SAAM;IAEnB,2EAA2E;IAE3E,cAAc,SAAM;IAEpB,OAAO,CAAC,MAAM,CAAC,UAAU,CAAK;IAC9B,QAAQ,CAAC,OAAO,SAAsD;IAEtE,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,eAAe,CAA+B;IAGtD,MAAM,EAAG,gBAAgB,CAAC;IAInB,EAAE,CAAC,GAAG,EAAE,MAAM,wBAAwB,GAAG,MAAM;IAM7C,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAkB/D,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAW7D,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAgB9B,aAAa,IAAI,IAAI;IAsB5B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,qBAAqB,CAI3B;IAIF,OAAO,CAAC,iBAAiB,CAUvB;IAEF,OAAO,CAAC,iBAAiB,CAavB;IAEF,OAAO,CAAC,uBAAuB;IAI/B;;;OAGG;IACI,SAAS,IAAI,IAAI;IAUjB,UAAU,IAAI,IAAI;IAKzB,OAAO,CAAC,2BAA2B,CAAS;IAErC,WAAW,IAAI,IAAI;IAcnB,wBAAwB,IAAI,IAAI;IAQvC;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CAKxB;IAEK,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAa5B,YAAY,IAAI,IAAI;IAkB3B,kFAAkF;IAC3E,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAehC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IA2CpC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
1
+ {"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,OAAO,oCAAoC,CAAC;AAC5C,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,qBACa,YAAa,SAAQ,UAAU;IAC3C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAkB;IAExC,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,YAAY,CAAM;IAG1B,KAAK,SAAM;IAEX;;;;;;;OAOG;IAEH,IAAI,SAAM;IAGV,WAAW,SAAM;IAGjB,IAAI,EAAE,YAAY,CAAQ;IAG1B,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAEV;;iDAE6C;IAE7C,YAAY,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAS;IAE/C,4EAA4E;IAE5E,QAAQ,SAAK;IAGb,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAM;IAErD,oGAAoG;IAEpG,KAAK,SAAM;IAGX,OAAO,UAAS;IAEhB,2EAA2E;IAE3E,cAAc,SAAM;IAEpB,OAAO,CAAC,MAAM,CAAC,UAAU,CAAK;IAC9B,QAAQ,CAAC,OAAO,SAAsD;IAEtE,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,eAAe,CAA+B;IAGtD,MAAM,EAAG,gBAAgB,CAAC;IAInB,EAAE,CAAC,GAAG,EAAE,MAAM,wBAAwB,GAAG,MAAM;IAM7C,YAAY,IAAI,IAAI;IAQpB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IASzD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAuB/D,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAW7D,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAgB9B,aAAa,IAAI,IAAI;IA6B5B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,qBAAqB,CAI3B;IAIF,OAAO,CAAC,iBAAiB,CAUvB;IAEF,OAAO,CAAC,iBAAiB,CAavB;IAEF,OAAO,CAAC,uBAAuB;IAI/B;;;OAGG;IACI,SAAS,IAAI,IAAI;IAUjB,UAAU,IAAI,IAAI;IAKzB,OAAO,CAAC,2BAA2B,CAAS;IAErC,WAAW,IAAI,IAAI;IAcnB,wBAAwB,IAAI,IAAI;IAQvC;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CAKxB;IAEK,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAa5B,YAAY,IAAI,IAAI;IAkB3B,kFAAkF;IAC3E,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAehC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IA2C7C;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
@@ -20,6 +20,11 @@ var NLDDComboBox_1;
20
20
  *
21
21
  * @element nldd-combo-box
22
22
  * @attr {string} value - The selected form value
23
+ * @attr {string} text - The text shown in the input. May differ from `value`
24
+ * (e.g. value="nl" → text="Nederland"). Set this when
25
+ * pre-populating an existing record. If left empty and
26
+ * `value` matches a slotted menu item, the matching
27
+ * item's `text` is used automatically.
23
28
  * @attr {string} placeholder - Placeholder text for the input
24
29
  * @attr {string} size - Size: 'sm' | 'md' (default: 'md')
25
30
  * @attr {boolean} valid - Marks the field as valid
@@ -33,7 +38,7 @@ var NLDDComboBox_1;
33
38
  * @attr {string} accessible-label - Accessible label forwarded as aria-label to the input. Required for screen reader accessibility.
34
39
  * @attr {number} max-items - Maximum visible items before scrolling (default: 8)
35
40
  * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
36
- * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
41
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
37
42
  *
38
43
  * @note Free-text values: if the user types a value that does not match any menu option
39
44
  * and presses Enter or moves focus away, the typed text is emitted as-is via the
@@ -68,8 +73,17 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
68
73
  super(...arguments);
69
74
  this._internals = this.attachInternals();
70
75
  this._initialValue = '';
71
- this._initialDisplayValue = '';
76
+ this._initialText = '';
72
77
  this.value = '';
78
+ /**
79
+ * The text shown in the input. May differ from `value` (the form-submission value).
80
+ *
81
+ * Updated automatically on user input and menu select. When the consumer sets `value`
82
+ * without setting `text`, the matching slotted `nldd-menu-item`'s `text` is used as
83
+ * the display label. Set `text` explicitly to opt out of auto-derivation (e.g. for
84
+ * custom display formats like `${item.text} (${item.id})`).
85
+ */
86
+ this.text = '';
73
87
  this.placeholder = '';
74
88
  this.size = 'md';
75
89
  this.valid = false;
@@ -87,8 +101,6 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
87
101
  /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
88
102
  this.width = '';
89
103
  this._isOpen = false;
90
- /** Display value shown in the input. May differ from value (form value). */
91
- this._displayValue = '';
92
104
  /** ID of the currently highlighted menu item for aria-activedescendant. */
93
105
  this._highlightedId = '';
94
106
  this._menuId = `nldd-combo-box-menu-${NLDDComboBox_1._idCounter++}`;
@@ -115,7 +127,7 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
115
127
  };
116
128
  this._handleMenuSelect = (e) => {
117
129
  const item = e.target;
118
- this._displayValue = item.text;
130
+ this.text = item.text;
119
131
  this.value = item.value || item.text;
120
132
  this._highlightedId = '';
121
133
  this._closeMenu();
@@ -153,28 +165,42 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
153
165
  console.warn('<nldd-combo-box>: No accessible-label provided. Add an accessible-label attribute for screen reader accessibility.');
154
166
  }
155
167
  this._initialValue = this.value;
156
- this._initialDisplayValue = this._displayValue;
168
+ this._initialText = this.text;
169
+ }
170
+ willUpdate(changedProperties) {
171
+ // Auto-derive text from a matching slotted menu item when value changes
172
+ // alone. If text also changed in the same update cycle the consumer
173
+ // was explicit — don't overwrite it.
174
+ if (changedProperties.has('value') && !changedProperties.has('text')) {
175
+ this._deriveTextFromMenu();
176
+ }
157
177
  }
158
178
  updated(changedProperties) {
159
179
  if (changedProperties.has('maxItems') && this._menu) {
160
180
  this._menu.maxItems = this.maxItems;
161
181
  }
162
182
  if (changedProperties.has('width')) {
163
- this.style.width = this.width || '';
183
+ const w = this.width;
184
+ if (w && w !== 'full' && CSS.supports('width', w)) {
185
+ this.style.setProperty('--_width', w);
186
+ }
187
+ else {
188
+ this.style.removeProperty('--_width');
189
+ }
164
190
  }
165
- if (changedProperties.has('value') || changedProperties.has('_displayValue')) {
191
+ if (changedProperties.has('value') || changedProperties.has('text')) {
166
192
  // Submit only the form value, but persist the display label in the
167
193
  // restore state so bfcache / state restore can rehydrate the input
168
- // text (e.g. value "NL" → display "Netherlands").
194
+ // text (e.g. value "nl" → display "Nederland").
169
195
  const state = new FormData();
170
196
  state.append('value', this.value);
171
- state.append('display', this._displayValue);
197
+ state.append('display', this.text);
172
198
  this._internals.setFormValue(this.value, state);
173
199
  }
174
200
  }
175
201
  formResetCallback() {
176
202
  this.value = this._initialValue;
177
- this._displayValue = this._initialDisplayValue;
203
+ this.text = this._initialText;
178
204
  }
179
205
  formDisabledCallback(disabled) {
180
206
  this.disabled = disabled;
@@ -182,12 +208,12 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
182
208
  formStateRestoreCallback(state) {
183
209
  if (state instanceof FormData) {
184
210
  this.value = String(state.get('value') ?? '');
185
- this._displayValue = String(state.get('display') ?? '');
211
+ this.text = String(state.get('display') ?? '');
186
212
  }
187
213
  else if (typeof state === 'string') {
188
214
  // Fallback for older session state without separate display label.
189
215
  this.value = state;
190
- this._displayValue = state;
216
+ this.text = state;
191
217
  }
192
218
  }
193
219
  connectedCallback() {
@@ -228,6 +254,36 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
228
254
  menu.addEventListener('select', this._handleMenuSelect);
229
255
  menu.addEventListener('keydown', this._handleMenuKeydown);
230
256
  this._updateMenuWidth();
257
+ // First time the menu is wired up, derive a missing text from the
258
+ // matching item. Covers the common case where the consumer renders
259
+ // <nldd-combo-box value="nl"> with the menu as a child — value is set
260
+ // before the menu exists, so the willUpdate hook's first run has no
261
+ // menu to walk.
262
+ if (this.value && !this.text) {
263
+ this._deriveTextFromMenu();
264
+ }
265
+ }
266
+ /**
267
+ * Walk slotted menu items and set `text` from the first item whose `value`
268
+ * (or `text`, when value is unset) matches the current `value`. No-op when
269
+ * the menu isn't wired yet or no item matches.
270
+ */
271
+ _deriveTextFromMenu() {
272
+ if (!this._menu || !this.value)
273
+ return;
274
+ // Scope to items that belong directly to the wired menu — without the
275
+ // closest() filter, a nested nldd-menu submenu's items would match
276
+ // before the intended top-level item when value keys overlap. Today's
277
+ // combo-boxes are flat, but this keeps the derivation correct as the
278
+ // menu structure gains depth.
279
+ const items = Array.from(this._menu.querySelectorAll('nldd-menu-item'))
280
+ .filter(item => item.closest('nldd-menu') === this._menu);
281
+ for (const item of items) {
282
+ if ((item.value || item.text) === this.value) {
283
+ this.text = item.text;
284
+ return;
285
+ }
286
+ }
231
287
  }
232
288
  // — Menu width & position ————————————————————————————————————————————————
233
289
  _updateMenuWidth() {
@@ -279,19 +335,19 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
279
335
  }
280
336
  _handleInput(e) {
281
337
  const input = e.target;
282
- this._displayValue = input.value;
283
- this._menu?.filter(this._displayValue);
338
+ this.text = input.value;
339
+ this._menu?.filter(this.text);
284
340
  this._updateActiveDescendant();
285
341
  if (!this._isOpen)
286
342
  this._openMenu();
287
343
  this.dispatchEvent(new CustomEvent('input', {
288
- detail: { value: this._displayValue },
344
+ detail: { value: this.text },
289
345
  bubbles: true,
290
346
  composed: true,
291
347
  }));
292
348
  }
293
349
  _handleClear() {
294
- this._displayValue = '';
350
+ this.text = '';
295
351
  this.value = '';
296
352
  this._menu?.filter('');
297
353
  this._closeMenu();
@@ -313,8 +369,8 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
313
369
  if (!relatedTarget || !this._menu?.contains(relatedTarget)) {
314
370
  this._closeMenu();
315
371
  }
316
- if (this._displayValue !== '' && this._displayValue !== this.value) {
317
- this.value = this._displayValue;
372
+ if (this.text !== '' && this.text !== this.value) {
373
+ this.value = this.text;
318
374
  this.dispatchEvent(new CustomEvent('change', {
319
375
  detail: { value: this.value },
320
376
  bubbles: true,
@@ -348,7 +404,7 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
348
404
  highlighted.select();
349
405
  }
350
406
  else {
351
- this.value = this._displayValue;
407
+ this.value = this.text;
352
408
  this._closeMenu();
353
409
  this.dispatchEvent(new CustomEvent('change', {
354
410
  detail: { value: this.value },
@@ -364,6 +420,13 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
364
420
  break;
365
421
  }
366
422
  }
423
+ /**
424
+ * Delegates focus to the inner native `<input>`, so consumers can call
425
+ * `comboBoxEl.focus()` without reaching into shadow DOM.
426
+ */
427
+ focus(options) {
428
+ this._input?.focus(options);
429
+ }
367
430
  render() {
368
431
  return comboBoxTemplate(this);
369
432
  }
@@ -374,6 +437,9 @@ NLDDComboBox._idCounter = 0;
374
437
  __decorate([
375
438
  property({ type: String })
376
439
  ], NLDDComboBox.prototype, "value", void 0);
440
+ __decorate([
441
+ property({ type: String })
442
+ ], NLDDComboBox.prototype, "text", void 0);
377
443
  __decorate([
378
444
  property({ type: String })
379
445
  ], NLDDComboBox.prototype, "placeholder", void 0);
@@ -410,9 +476,6 @@ __decorate([
410
476
  __decorate([
411
477
  state()
412
478
  ], NLDDComboBox.prototype, "_isOpen", void 0);
413
- __decorate([
414
- state()
415
- ], NLDDComboBox.prototype, "_displayValue", void 0);
416
479
  __decorate([
417
480
  state()
418
481
  ], NLDDComboBox.prototype, "_highlightedId", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"combo-box.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"combo-box.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"combo-box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA4L1B,CAAC"}
1
+ {"version":3,"file":"combo-box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA8L1B,CAAC"}
@@ -7,8 +7,10 @@ export const comboBoxStyles = css `
7
7
  :host {
8
8
  --_background-color: var(--semantics-input-fields-background-color);
9
9
  --_z-index-button-focus: 1;
10
+ --_width: auto;
10
11
 
11
12
  display: block;
13
+ width: var(--_width);
12
14
  -webkit-tap-highlight-color: transparent;
13
15
  }
14
16
 
@@ -1 +1 @@
1
- {"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4LhC,CAAC"}
1
+ {"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8LhC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"combo-box.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AA0BpC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,CAwDxE"}
1
+ {"version":3,"file":"combo-box.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AA0BpC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,CA0DxE"}
@@ -38,7 +38,7 @@ export function comboBoxTemplate(component) {
38
38
  aria-haspopup="listbox"
39
39
  aria-activedescendant=${component._highlightedId || nothing}
40
40
  aria-invalid=${component.invalid ? 'true' : nothing}
41
- .value=${component._displayValue}
41
+ .value=${component.text}
42
42
  placeholder=${component.placeholder || nothing}
43
43
  ?disabled=${component.disabled}
44
44
  name=${component.name || nothing}
@@ -49,7 +49,7 @@ export function comboBoxTemplate(component) {
49
49
  >
50
50
  <div class="combo-box__input-fade"></div>
51
51
  <div class="combo-box__end">
52
- ${component._displayValue ? html `
52
+ ${component.text ? html `
53
53
  <div class="combo-box__clear-button">
54
54
  <nldd-icon-button
55
55
  variant="neutral-transparent"
@@ -71,6 +71,8 @@ export function comboBoxTemplate(component) {
71
71
  text=${component._t('components.combo-box.open-menu-action')}
72
72
  hide-tooltip
73
73
  ?disabled=${component.disabled}
74
+ ?expanded=${component._isOpen}
75
+ popup-type="listbox"
74
76
  @pointerdown=${component._handlePickerPointerdown}
75
77
  @click=${component._toggleMenu}
76
78
  ></nldd-icon-button>
@@ -1 +1 @@
1
- {"version":3,"file":"combo-box.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,SAAS,oBAAoB,CAAC,SAAuB;IACpD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7D,OAAO,IAAI,CAAA;;;;;iBAKK,SAAS,CAAC,eAAe,IAAI,OAAO;oBACjC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,SAAS,CAAC,OAAO;;;4BAGT,SAAS,CAAC,cAAc,IAAI,OAAO;mBAC5C,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,aAAa;kBAClB,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;WACvB,SAAS,CAAC,IAAI,IAAI,OAAO;mBACjB,SAAS,CAAC,YAAY,IAAI,OAAO;aACvC,SAAS,CAAC,YAAY;eACpB,SAAS,CAAC,cAAc;YAC3B,SAAS,CAAC,WAAW;;;;MAI3B,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAItB,cAAc;;cAEd,SAAS,CAAC,EAAE,CAAC,mCAAmC,CAAC;;mBAE5C,SAAS,CAAC,QAAQ;gBACrB,SAAS,CAAC,YAAY;;;KAGjC,CAAC,CAAC,CAAC,OAAO;MACT,oBAAoB,CAAC,SAAS,CAAC;;;;aAIxB,cAAc;;aAEd,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC;;kBAEhD,SAAS,CAAC,QAAQ;qBACf,SAAS,CAAC,wBAAwB;eACxC,SAAS,CAAC,WAAW;;;;;sBAKd,SAAS,CAAC,aAAa;EAC3C,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"combo-box.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,SAAS,oBAAoB,CAAC,SAAuB;IACpD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7D,OAAO,IAAI,CAAA;;;;;iBAKK,SAAS,CAAC,eAAe,IAAI,OAAO;oBACjC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,SAAS,CAAC,OAAO;;;4BAGT,SAAS,CAAC,cAAc,IAAI,OAAO;mBAC5C,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,IAAI;kBACT,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;WACvB,SAAS,CAAC,IAAI,IAAI,OAAO;mBACjB,SAAS,CAAC,YAAY,IAAI,OAAO;aACvC,SAAS,CAAC,YAAY;eACpB,SAAS,CAAC,cAAc;YAC3B,SAAS,CAAC,WAAW;;;;MAI3B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIb,cAAc;;cAEd,SAAS,CAAC,EAAE,CAAC,mCAAmC,CAAC;;mBAE5C,SAAS,CAAC,QAAQ;gBACrB,SAAS,CAAC,YAAY;;;KAGjC,CAAC,CAAC,CAAC,OAAO;MACT,oBAAoB,CAAC,SAAS,CAAC;;;;aAIxB,cAAc;;aAEd,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC;;kBAEhD,SAAS,CAAC,QAAQ;kBAClB,SAAS,CAAC,OAAO;;qBAEd,SAAS,CAAC,wBAAwB;eACxC,SAAS,CAAC,WAAW;;;;;sBAKd,SAAS,CAAC,aAAa;EAC3C,CAAC;AACH,CAAC"}
@@ -12,7 +12,7 @@
12
12
  * @attr {boolean} valid - Marks the field as valid
13
13
  * @attr {boolean} invalid - Marks the field as invalid
14
14
  * @attr {boolean} disabled - Disabled state; also forwarded to the slotted select
15
- * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
15
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
16
16
  *
17
17
  * @slot - A native `<select>` element with `<option>` and/or `<optgroup>` children
18
18
  *
@@ -48,6 +48,16 @@ export declare class NLDDDropdown extends LitElement {
48
48
  private _syncAriaInvalid;
49
49
  private _syncDisplayValue;
50
50
  private _handleSelectChange;
51
+ /**
52
+ * Mirrors the global input modality onto a host attribute so the wrapper
53
+ * shows a focus ring only on keyboard focus. We can't rely on
54
+ * `:focus-visible` for native <select> because Chrome matches it even on
55
+ * mouse click (the dropdown is keyboard-navigable once open).
56
+ */
57
+ private _handleSelectFocus;
58
+ private _handleSelectBlur;
59
+ /** Click-then-keyboard: any key press while focused promotes to keyboard mode. */
60
+ private _handleSelectKeydown;
51
61
  render(): import("lit-html").TemplateResult;
52
62
  }
53
63
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAAkB;IAGxC,IAAI,EAAE,YAAY,CAAQ;IAG1B,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,aAAa,SAAM;IAEnB,OAAO,CAAC,OAAO,CAAkC;IAIxC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAcxD,aAAa,IAAI,IAAI;IA4B5B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,mBAAmB,CAQzB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}
1
+ {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAAkB;IAGxC,IAAI,EAAE,YAAY,CAAQ;IAG1B,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,aAAa,SAAM;IAEnB,OAAO,CAAC,OAAO,CAAkC;IAIxC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAmBxD,aAAa,IAAI,IAAI;IAkC5B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,mBAAmB,CAQzB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,kFAAkF;IAClF,OAAO,CAAC,oBAAoB,CAE1B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}
@@ -18,7 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
18
18
  * @attr {boolean} valid - Marks the field as valid
19
19
  * @attr {boolean} invalid - Marks the field as invalid
20
20
  * @attr {boolean} disabled - Disabled state; also forwarded to the slotted select
21
- * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
21
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
22
22
  *
23
23
  * @slot - A native `<select>` element with `<option>` and/or `<optgroup>` children
24
24
  *
@@ -39,6 +39,7 @@ import { LitElement } from 'lit';
39
39
  import { customElement, property, state } from 'lit/decorators.js';
40
40
  import { dropdownStyles } from './dropdown.styles.js';
41
41
  import { dropdownTemplate } from './dropdown.template.js';
42
+ import { isKeyboardMode } from '../../../utilities/input-modality.js';
42
43
  import './../../content/icon/icon.js';
43
44
  let NLDDDropdown = class NLDDDropdown extends LitElement {
44
45
  constructor() {
@@ -60,6 +61,22 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
60
61
  composed: true,
61
62
  }));
62
63
  };
64
+ /**
65
+ * Mirrors the global input modality onto a host attribute so the wrapper
66
+ * shows a focus ring only on keyboard focus. We can't rely on
67
+ * `:focus-visible` for native <select> because Chrome matches it even on
68
+ * mouse click (the dropdown is keyboard-navigable once open).
69
+ */
70
+ this._handleSelectFocus = () => {
71
+ this.toggleAttribute('keyboard-focused', isKeyboardMode());
72
+ };
73
+ this._handleSelectBlur = () => {
74
+ this.toggleAttribute('keyboard-focused', false);
75
+ };
76
+ /** Click-then-keyboard: any key press while focused promotes to keyboard mode. */
77
+ this._handleSelectKeydown = () => {
78
+ this.toggleAttribute('keyboard-focused', true);
79
+ };
63
80
  }
64
81
  // — Lifecycle ——————————————————————————————————————————————————————————————
65
82
  updated(changedProperties) {
@@ -70,7 +87,13 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
70
87
  this._syncAriaInvalid();
71
88
  }
72
89
  if (changedProperties.has('width')) {
73
- this.style.width = this.width || '';
90
+ const w = this.width;
91
+ if (w && w !== 'full' && CSS.supports('width', w)) {
92
+ this.style.setProperty('--_width', w);
93
+ }
94
+ else {
95
+ this.style.removeProperty('--_width');
96
+ }
74
97
  }
75
98
  }
76
99
  // — Slot ——————————————————————————————————————————————————————————————————
@@ -80,6 +103,9 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
80
103
  .find((el) => el.tagName === 'SELECT') ?? null;
81
104
  if (this._select && this._select !== select) {
82
105
  this._select.removeEventListener('change', this._handleSelectChange);
106
+ this._select.removeEventListener('focus', this._handleSelectFocus);
107
+ this._select.removeEventListener('blur', this._handleSelectBlur);
108
+ this._select.removeEventListener('keydown', this._handleSelectKeydown);
83
109
  }
84
110
  this._select = select;
85
111
  if (!select) {
@@ -90,6 +116,9 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
90
116
  console.warn('<nldd-dropdown>: The slotted <select> has no accessible name. Add an aria-label or aria-labelledby attribute to the <select> element.');
91
117
  }
92
118
  select.addEventListener('change', this._handleSelectChange);
119
+ select.addEventListener('focus', this._handleSelectFocus);
120
+ select.addEventListener('blur', this._handleSelectBlur);
121
+ select.addEventListener('keydown', this._handleSelectKeydown);
93
122
  this._syncDisabled();
94
123
  this._syncAriaInvalid();
95
124
  this._syncDisplayValue();
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAuL1B,CAAC"}
1
+ {"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAyL1B,CAAC"}
@@ -8,8 +8,10 @@ export const dropdownStyles = css `
8
8
  --_xs-picker-icon-size: var(--primitives-space-16);
9
9
  --_sm-picker-icon-size: var(--primitives-space-20);
10
10
  --_md-picker-icon-size: var(--primitives-space-24);
11
+ --_width: auto;
11
12
 
12
13
  display: block;
14
+ width: var(--_width);
13
15
  -webkit-tap-highlight-color: transparent;
14
16
  }
15
17
 
@@ -52,7 +54,7 @@ export const dropdownStyles = css `
52
54
  border-radius: var(--semantics-controls-md-corner-radius);
53
55
  }
54
56
 
55
- .dropdown:focus-within {
57
+ :host([keyboard-focused]) .dropdown {
56
58
  outline: var(--semantics-focus-ring-outline);
57
59
  outline-offset: var(--semantics-focus-ring-outline-offset);
58
60
  box-shadow: var(--semantics-focus-ring-box-shadow);
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuLhC,CAAC"}
1
+ {"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLhC,CAAC"}
@@ -30,7 +30,7 @@ export function dropdownTemplate(component) {
30
30
  <span class="dropdown__value">${component._displayValue}</span>
31
31
  ${renderValidationIcon(component)}
32
32
  <div class="dropdown__picker-icon">
33
- <nldd-icon name="chevron-up-down"></nldd-icon>
33
+ <nldd-icon name="chevron-up-chevron-down"></nldd-icon>
34
34
  </div>
35
35
  </div>
36
36
  `;
@@ -18,7 +18,7 @@
18
18
  * @attr {string} resize - 'none' | 'vertical' (default) | 'auto'.
19
19
  * 'auto' grows with content (native field-sizing), no manual handle.
20
20
  * @attr {string} accessible-label - Accessible label forwarded to the inner textarea. Set automatically by nldd-form-field.
21
- * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
21
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
22
22
  *
23
23
  * @fires input - When value changes
24
24
  * @fires change - When value is committed (blur)