@nldd/design-system 0.8.79 → 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 (446) hide show
  1. package/custom-elements.json +2400 -664
  2. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  3. package/dist/components/actions/button/button.styles.js +4 -1
  4. package/dist/components/actions/button/button.styles.js.map +1 -1
  5. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  6. package/dist/components/actions/icon-button/icon-button.styles.js +4 -1
  7. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  8. package/dist/components/actions/menu/menu.d.ts +44 -3
  9. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  10. package/dist/components/actions/menu/menu.js +86 -33
  11. package/dist/components/actions/menu/menu.js.map +1 -1
  12. package/dist/components/actions/menu/menu.template.d.ts +1 -1
  13. package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
  14. package/dist/components/actions/menu/menu.template.js +7 -3
  15. package/dist/components/actions/menu/menu.template.js.map +1 -1
  16. package/dist/components/actions/toolbar/toolbar.d.ts +29 -0
  17. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  18. package/dist/components/actions/toolbar/toolbar.i18n.d.ts +1 -0
  19. package/dist/components/actions/toolbar/toolbar.i18n.d.ts.map +1 -1
  20. package/dist/components/actions/toolbar/toolbar.i18n.js +1 -0
  21. package/dist/components/actions/toolbar/toolbar.i18n.js.map +1 -1
  22. package/dist/components/actions/toolbar/toolbar.js +74 -0
  23. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  24. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  25. package/dist/components/actions/toolbar/toolbar.styles.js +39 -5
  26. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  27. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  28. package/dist/components/actions/toolbar/toolbar.template.js +19 -1
  29. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  30. package/dist/components/breakpoints-CkxsiRgH.js +10 -0
  31. package/dist/components/components.js +51975 -114
  32. package/dist/components/content/avatar/avatar.d.ts +51 -47
  33. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  34. package/dist/components/content/avatar/avatar.js +85 -75
  35. package/dist/components/content/avatar/avatar.js.map +1 -1
  36. package/dist/components/content/avatar/avatar.styles.js +2 -2
  37. package/dist/components/content/avatar/avatar.template.d.ts +1 -0
  38. package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
  39. package/dist/components/content/avatar/avatar.template.js +26 -18
  40. package/dist/components/content/avatar/avatar.template.js.map +1 -1
  41. package/dist/components/content/avatar-group/avatar-group.d.ts +90 -0
  42. package/dist/components/content/avatar-group/avatar-group.d.ts.map +1 -0
  43. package/dist/components/content/avatar-group/avatar-group.i18n.d.ts +6 -0
  44. package/dist/components/content/avatar-group/avatar-group.i18n.d.ts.map +1 -0
  45. package/dist/components/content/avatar-group/avatar-group.i18n.js +5 -0
  46. package/dist/components/content/avatar-group/avatar-group.i18n.js.map +1 -0
  47. package/dist/components/content/avatar-group/avatar-group.js +169 -0
  48. package/dist/components/content/avatar-group/avatar-group.js.map +1 -0
  49. package/dist/components/content/avatar-group/avatar-group.styles.d.ts +2 -0
  50. package/dist/components/content/avatar-group/avatar-group.styles.d.ts.map +1 -0
  51. package/dist/components/content/avatar-group/avatar-group.styles.js +132 -0
  52. package/dist/components/content/avatar-group/avatar-group.styles.js.map +1 -0
  53. package/dist/components/content/avatar-group/avatar-group.template.d.ts +3 -0
  54. package/dist/components/content/avatar-group/avatar-group.template.d.ts.map +1 -0
  55. package/dist/components/content/avatar-group/avatar-group.template.js +50 -0
  56. package/dist/components/content/avatar-group/avatar-group.template.js.map +1 -0
  57. package/dist/components/content/blockquote/blockquote.d.ts +3 -3
  58. package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
  59. package/dist/components/content/blockquote/blockquote.js +8 -8
  60. package/dist/components/content/blockquote/blockquote.js.map +1 -1
  61. package/dist/components/content/blockquote/blockquote.styles.js +1 -1
  62. package/dist/components/content/blockquote/blockquote.template.js +1 -1
  63. package/dist/components/content/blockquote/blockquote.template.js.map +1 -1
  64. package/dist/components/content/code-viewer/code-viewer.d.ts +4 -4
  65. package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -1
  66. package/dist/components/content/code-viewer/code-viewer.js +5 -13
  67. package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
  68. package/dist/components/content/code-viewer/code-viewer.styles.js +1 -1
  69. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  70. package/dist/components/content/icon/icon-aliases.js +18 -0
  71. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  72. package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
  73. package/dist/components/content/icon/icon-gallery-status.js +75 -27
  74. package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
  75. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  76. package/dist/components/content/icon/icon-registry.js +25 -13
  77. package/dist/components/content/icon/icon-registry.js.map +1 -1
  78. package/dist/components/content/identity/identity.d.ts +71 -0
  79. package/dist/components/content/identity/identity.d.ts.map +1 -0
  80. package/dist/components/content/identity/identity.js +124 -0
  81. package/dist/components/content/identity/identity.js.map +1 -0
  82. package/dist/components/content/identity/identity.styles.d.ts +2 -0
  83. package/dist/components/content/identity/identity.styles.d.ts.map +1 -0
  84. package/dist/components/content/{byline/byline.styles.js → identity/identity.styles.js} +28 -47
  85. package/dist/components/content/identity/identity.styles.js.map +1 -0
  86. package/dist/components/content/identity/identity.template.d.ts +3 -0
  87. package/dist/components/content/identity/identity.template.d.ts.map +1 -0
  88. package/dist/components/content/{byline/byline.template.js → identity/identity.template.js} +12 -11
  89. package/dist/components/content/identity/identity.template.js.map +1 -0
  90. package/dist/components/content/tag/tag.d.ts +15 -10
  91. package/dist/components/content/tag/tag.d.ts.map +1 -1
  92. package/dist/components/content/tag/tag.js +15 -10
  93. package/dist/components/content/tag/tag.js.map +1 -1
  94. package/dist/components/content/title/title.d.ts +4 -4
  95. package/dist/components/content/title/title.js +4 -4
  96. package/dist/components/content/title/title.styles.js +1 -1
  97. package/dist/components/content/title/title.template.js +2 -2
  98. package/dist/components/content/token/token.d.ts +6 -2
  99. package/dist/components/content/token/token.d.ts.map +1 -1
  100. package/dist/components/content/token/token.js +6 -2
  101. package/dist/components/content/token/token.js.map +1 -1
  102. package/dist/components/content/tooltip/tooltip.d.ts +26 -25
  103. package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
  104. package/dist/components/content/tooltip/tooltip.js +31 -25
  105. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  106. package/dist/components/decorate-BKn10QQi.js +9 -0
  107. package/dist/components/dist-BYVOPNHp.js +381 -0
  108. package/dist/components/dist-Bq4xc7Bm.js +624 -0
  109. package/dist/components/dist-C0PiB1dr.js +870 -0
  110. package/dist/components/dist-C400RcFU.js +1498 -0
  111. package/dist/components/dist-CCg5Mso_.js +390 -0
  112. package/dist/components/dist-CJR_Rwhh.js +464 -0
  113. package/dist/components/dist-Ccw7ZfsU.js +18481 -0
  114. package/dist/components/dist-OBifyiJS.js +887 -0
  115. package/dist/components/dist-TpIL8G4G.js +1480 -0
  116. package/dist/components/dist-afrAoubg.js +1181 -0
  117. package/dist/components/dist-bO14jlsr.js +78 -0
  118. package/dist/components/forms/form-field/form-field.d.ts +59 -2
  119. package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
  120. package/dist/components/forms/form-field/form-field.js +120 -35
  121. package/dist/components/forms/form-field/form-field.js.map +1 -1
  122. package/dist/components/gherkin-uCVRxsGf.js +108 -0
  123. package/dist/components/icon-CIpJq_cf.js +751 -0
  124. package/dist/components/icon-button-BAkUJTn6.js +1676 -0
  125. package/dist/components/index.d.ts +4 -1
  126. package/dist/components/index.d.ts.map +1 -1
  127. package/dist/components/index.js +4 -1
  128. package/dist/components/index.js.map +1 -1
  129. package/dist/components/input-modality-DhTeUxKi.js +43 -0
  130. package/dist/components/inputs/checkbox/checkbox.d.ts +13 -0
  131. package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
  132. package/dist/components/inputs/checkbox/checkbox.js +18 -0
  133. package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
  134. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  135. package/dist/components/inputs/checkbox/checkbox.styles.js +17 -0
  136. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  137. package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
  138. package/dist/components/inputs/checkbox/checkbox.template.js +11 -0
  139. package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
  140. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts +9 -0
  141. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map +1 -1
  142. package/dist/components/inputs/checkbox-field/checkbox-field.js +11 -0
  143. package/dist/components/inputs/checkbox-field/checkbox-field.js.map +1 -1
  144. package/dist/components/inputs/code-editor/code-editor.d.ts +3 -0
  145. package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
  146. package/dist/components/inputs/code-editor/code-editor.js +3 -0
  147. package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
  148. package/dist/components/inputs/combo-box/combo-box.d.ts +6 -0
  149. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  150. package/dist/components/inputs/combo-box/combo-box.js +21 -0
  151. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  152. package/dist/components/inputs/date-field/date-field.d.ts +6 -0
  153. package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
  154. package/dist/components/inputs/date-field/date-field.js +11 -0
  155. package/dist/components/inputs/date-field/date-field.js.map +1 -1
  156. package/dist/components/inputs/date-picker/date-picker.d.ts +3 -0
  157. package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -1
  158. package/dist/components/inputs/date-picker/date-picker.js +4 -1
  159. package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
  160. package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map +1 -1
  161. package/dist/components/inputs/date-picker/date-picker.styles.js +7 -2
  162. package/dist/components/inputs/date-picker/date-picker.styles.js.map +1 -1
  163. package/dist/components/inputs/dropdown/dropdown.d.ts +29 -0
  164. package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
  165. package/dist/components/inputs/dropdown/dropdown.js +44 -1
  166. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  167. package/dist/components/inputs/file-field/file-field.d.ts +115 -0
  168. package/dist/components/inputs/file-field/file-field.d.ts.map +1 -0
  169. package/dist/components/inputs/file-field/file-field.i18n.d.ts +10 -0
  170. package/dist/components/inputs/file-field/file-field.i18n.d.ts.map +1 -0
  171. package/dist/components/inputs/file-field/file-field.i18n.js +9 -0
  172. package/dist/components/inputs/file-field/file-field.i18n.js.map +1 -0
  173. package/dist/components/inputs/file-field/file-field.js +249 -0
  174. package/dist/components/inputs/file-field/file-field.js.map +1 -0
  175. package/dist/components/inputs/file-field/file-field.styles.d.ts +2 -0
  176. package/dist/components/inputs/file-field/file-field.styles.d.ts.map +1 -0
  177. package/dist/components/inputs/file-field/file-field.styles.js +134 -0
  178. package/dist/components/inputs/file-field/file-field.styles.js.map +1 -0
  179. package/dist/components/inputs/file-field/file-field.template.d.ts +7 -0
  180. package/dist/components/inputs/file-field/file-field.template.d.ts.map +1 -0
  181. package/dist/components/inputs/file-field/file-field.template.js +63 -0
  182. package/dist/components/inputs/file-field/file-field.template.js.map +1 -0
  183. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +3 -0
  184. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  185. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +3 -0
  186. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  187. package/dist/components/inputs/number-field/number-field.d.ts +9 -0
  188. package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
  189. package/dist/components/inputs/number-field/number-field.js +12 -0
  190. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  191. package/dist/components/inputs/number-field/number-field.template.d.ts.map +1 -1
  192. package/dist/components/inputs/number-field/number-field.template.js +1 -0
  193. package/dist/components/inputs/number-field/number-field.template.js.map +1 -1
  194. package/dist/components/inputs/password-field/password-field.d.ts +9 -0
  195. package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
  196. package/dist/components/inputs/password-field/password-field.js +12 -0
  197. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  198. package/dist/components/inputs/password-field/password-field.template.d.ts.map +1 -1
  199. package/dist/components/inputs/password-field/password-field.template.js +1 -0
  200. package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
  201. package/dist/components/inputs/radio-button/radio-button.d.ts +13 -0
  202. package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
  203. package/dist/components/inputs/radio-button/radio-button.js +18 -0
  204. package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
  205. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  206. package/dist/components/inputs/radio-button/radio-button.styles.js +11 -0
  207. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  208. package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
  209. package/dist/components/inputs/radio-button/radio-button.template.js +10 -0
  210. package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
  211. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +9 -0
  212. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
  213. package/dist/components/inputs/radio-button-field/radio-button-field.js +11 -0
  214. package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
  215. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +16 -0
  216. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
  217. package/dist/components/inputs/radio-button-group/radio-button-group.js +33 -0
  218. package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
  219. package/dist/components/inputs/search-field/search-field.d.ts +6 -0
  220. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  221. package/dist/components/inputs/search-field/search-field.js +6 -0
  222. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  223. package/dist/components/inputs/segmented-control/segmented-control.d.ts +16 -0
  224. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  225. package/dist/components/inputs/segmented-control/segmented-control.js +26 -7
  226. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  227. package/dist/components/inputs/stepper/stepper.d.ts +17 -0
  228. package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
  229. package/dist/components/inputs/stepper/stepper.js +22 -0
  230. package/dist/components/inputs/stepper/stepper.js.map +1 -1
  231. package/dist/components/inputs/stepper/stepper.template.js +1 -1
  232. package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
  233. package/dist/components/inputs/switch/switch.d.ts +3 -0
  234. package/dist/components/inputs/switch/switch.d.ts.map +1 -1
  235. package/dist/components/inputs/switch/switch.js +3 -0
  236. package/dist/components/inputs/switch/switch.js.map +1 -1
  237. package/dist/components/inputs/switch-field/switch-field.d.ts +3 -0
  238. package/dist/components/inputs/switch-field/switch-field.d.ts.map +1 -1
  239. package/dist/components/inputs/switch-field/switch-field.js +3 -0
  240. package/dist/components/inputs/switch-field/switch-field.js.map +1 -1
  241. package/dist/components/inputs/text-editor/text-editor.caret.d.ts.map +1 -1
  242. package/dist/components/inputs/text-editor/text-editor.caret.js +7 -1
  243. package/dist/components/inputs/text-editor/text-editor.caret.js.map +1 -1
  244. package/dist/components/inputs/text-editor/text-editor.d.ts +3 -4
  245. package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
  246. package/dist/components/inputs/text-editor/text-editor.js +4 -7
  247. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  248. package/dist/components/inputs/text-editor/text-editor.styles.d.ts.map +1 -1
  249. package/dist/components/inputs/text-editor/text-editor.styles.js +1 -9
  250. package/dist/components/inputs/text-editor/text-editor.styles.js.map +1 -1
  251. package/dist/components/inputs/text-field/text-field.d.ts +9 -0
  252. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  253. package/dist/components/inputs/text-field/text-field.js +12 -0
  254. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  255. package/dist/components/inputs/text-field/text-field.template.d.ts.map +1 -1
  256. package/dist/components/inputs/text-field/text-field.template.js +1 -0
  257. package/dist/components/inputs/text-field/text-field.template.js.map +1 -1
  258. package/dist/components/inputs/time-field/time-field.d.ts +6 -0
  259. package/dist/components/inputs/time-field/time-field.d.ts.map +1 -1
  260. package/dist/components/inputs/time-field/time-field.js +11 -0
  261. package/dist/components/inputs/time-field/time-field.js.map +1 -1
  262. package/dist/components/inputs/time-field/time-field.template.js +1 -1
  263. package/dist/components/inputs/time-picker/time-picker.d.ts +3 -0
  264. package/dist/components/inputs/time-picker/time-picker.d.ts.map +1 -1
  265. package/dist/components/inputs/time-picker/time-picker.js +4 -1
  266. package/dist/components/inputs/time-picker/time-picker.js.map +1 -1
  267. package/dist/components/inputs/time-picker/time-picker.styles.d.ts.map +1 -1
  268. package/dist/components/inputs/time-picker/time-picker.styles.js +7 -2
  269. package/dist/components/inputs/time-picker/time-picker.styles.js.map +1 -1
  270. package/dist/components/inputs/toggle-button/toggle-button.d.ts +10 -0
  271. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  272. package/dist/components/inputs/toggle-button/toggle-button.js +14 -0
  273. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  274. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +11 -0
  275. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
  276. package/dist/components/inputs/toggle-button-group/toggle-button-group.js +16 -6
  277. package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
  278. package/dist/components/inputs/token-field/token-field.d.ts +6 -0
  279. package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
  280. package/dist/components/inputs/token-field/token-field.js +13 -0
  281. package/dist/components/inputs/token-field/token-field.js.map +1 -1
  282. package/dist/components/layout/box/box.d.ts +17 -7
  283. package/dist/components/layout/box/box.d.ts.map +1 -1
  284. package/dist/components/layout/box/box.js +17 -7
  285. package/dist/components/layout/box/box.js.map +1 -1
  286. package/dist/components/layout/box/box.styles.d.ts.map +1 -1
  287. package/dist/components/layout/box/box.styles.js +9 -2
  288. package/dist/components/layout/box/box.styles.js.map +1 -1
  289. package/dist/components/layout/container/container.d.ts +10 -0
  290. package/dist/components/layout/container/container.d.ts.map +1 -1
  291. package/dist/components/layout/container/container.js +38 -0
  292. package/dist/components/layout/container/container.js.map +1 -1
  293. package/dist/components/layout/container/container.styles.d.ts.map +1 -1
  294. package/dist/components/layout/container/container.styles.js +10 -1
  295. package/dist/components/layout/container/container.styles.js.map +1 -1
  296. package/dist/components/layout/page/page.styles.d.ts.map +1 -1
  297. package/dist/components/layout/page/page.styles.js +8 -1
  298. package/dist/components/layout/page/page.styles.js.map +1 -1
  299. package/dist/components/layout/page-sections/hero/hero.d.ts +32 -33
  300. package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
  301. package/dist/components/layout/page-sections/hero/hero.js +32 -33
  302. package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
  303. package/dist/components/layout/page-sections/hero/hero.template.js +1 -1
  304. package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -1
  305. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +7 -0
  306. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  307. package/dist/components/layout/page-sections/simple-section/simple-section.js +12 -0
  308. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  309. package/dist/components/layout/page-sections/simple-section/simple-section.styles.d.ts.map +1 -1
  310. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +19 -0
  311. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.map +1 -1
  312. package/dist/components/layout/popover/popover.d.ts +34 -28
  313. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  314. package/dist/components/layout/popover/popover.js +44 -31
  315. package/dist/components/layout/popover/popover.js.map +1 -1
  316. package/dist/components/layout/sheet/sheet.d.ts +2 -0
  317. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  318. package/dist/components/layout/sheet/sheet.js +12 -1
  319. package/dist/components/layout/sheet/sheet.js.map +1 -1
  320. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  321. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +9 -1
  322. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -1
  323. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  324. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +9 -1
  325. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
  326. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +14 -14
  327. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
  328. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +13 -13
  329. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  330. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +13 -2
  331. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
  332. package/dist/components/lists-and-tables/list/list.d.ts +8 -11
  333. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
  334. package/dist/components/lists-and-tables/list/list.js +8 -10
  335. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  336. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  337. package/dist/components/lists-and-tables/list/list.styles.js +13 -6
  338. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  339. package/dist/components/lists-and-tables/list-item/list-item.d.ts +20 -16
  340. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  341. package/dist/components/lists-and-tables/list-item/list-item.js +44 -30
  342. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  343. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +1 -1
  344. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  345. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +15 -0
  346. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
  347. package/dist/components/navigation/top-title-bar/top-title-bar.js +44 -1
  348. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  349. package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
  350. package/dist/components/navigation/top-title-bar/top-title-bar.template.js +3 -1
  351. package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
  352. package/dist/components/reflect-non-default-OLaK60rT.js +37 -0
  353. package/dist/components/rolldown-runtime-D7D4PA-g.js +13 -0
  354. package/dist/components/shadow-resets-aG-rgyNQ.js +61 -0
  355. package/dist/components/shell-C61GCsJA.js +223 -0
  356. package/dist/components/status-and-feedback/badge/badge.d.ts +23 -11
  357. package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
  358. package/dist/components/status-and-feedback/badge/badge.js +32 -14
  359. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  360. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  361. package/dist/components/status-and-feedback/badge/badge.styles.js +59 -2
  362. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  363. package/dist/components/status-and-feedback/badge/badge.template.d.ts.map +1 -1
  364. package/dist/components/status-and-feedback/badge/badge.template.js +6 -1
  365. package/dist/components/status-and-feedback/badge/badge.template.js.map +1 -1
  366. package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -1
  367. package/dist/components/status-and-feedback/banner/banner.styles.js +6 -0
  368. package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -1
  369. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +2 -0
  370. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
  371. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +14 -1
  372. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  373. package/dist/components/status-and-feedback/notification/notification-region.d.ts +6 -0
  374. package/dist/components/status-and-feedback/notification/notification-region.d.ts.map +1 -0
  375. package/dist/components/status-and-feedback/notification/notification-region.js +245 -0
  376. package/dist/components/status-and-feedback/notification/notification-region.js.map +1 -0
  377. package/dist/components/status-and-feedback/notification/notification.d.ts +129 -0
  378. package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -0
  379. package/dist/components/status-and-feedback/notification/notification.i18n.d.ts +6 -0
  380. package/dist/components/status-and-feedback/notification/notification.i18n.d.ts.map +1 -0
  381. package/dist/components/status-and-feedback/notification/notification.i18n.js +5 -0
  382. package/dist/components/status-and-feedback/notification/notification.i18n.js.map +1 -0
  383. package/dist/components/status-and-feedback/notification/notification.js +269 -0
  384. package/dist/components/status-and-feedback/notification/notification.js.map +1 -0
  385. package/dist/components/status-and-feedback/notification/notification.styles.d.ts +2 -0
  386. package/dist/components/status-and-feedback/notification/notification.styles.d.ts.map +1 -0
  387. package/dist/components/status-and-feedback/notification/notification.styles.js +177 -0
  388. package/dist/components/status-and-feedback/notification/notification.styles.js.map +1 -0
  389. package/dist/components/status-and-feedback/notification/notification.template.d.ts +4 -0
  390. package/dist/components/status-and-feedback/notification/notification.template.d.ts.map +1 -0
  391. package/dist/components/status-and-feedback/notification/notification.template.js +40 -0
  392. package/dist/components/status-and-feedback/notification/notification.template.js.map +1 -0
  393. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  394. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +1 -0
  395. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  396. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +30 -30
  397. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -1
  398. package/dist/components/status-and-feedback/step-indicator/step-indicator.js +33 -30
  399. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -1
  400. package/dist/components/toml-C2HBbPgG.js +59 -0
  401. package/dist/components/visibility-mixin-GxbwkBb1.js +104 -0
  402. package/dist/components/with-translations-DzAdFTK8.js +48 -0
  403. package/dist/css/variables.css +24 -0
  404. package/dist/nldd.min.js +10763 -9942
  405. package/dist/types/vue.d.ts +270 -153
  406. package/dist/utilities/implicit-submission.d.ts +31 -0
  407. package/dist/utilities/implicit-submission.d.ts.map +1 -0
  408. package/dist/utilities/implicit-submission.js +65 -0
  409. package/dist/utilities/implicit-submission.js.map +1 -0
  410. package/dist/utilities/open-when-rendered.d.ts +21 -0
  411. package/dist/utilities/open-when-rendered.d.ts.map +1 -0
  412. package/dist/utilities/open-when-rendered.js +30 -0
  413. package/dist/utilities/open-when-rendered.js.map +1 -0
  414. package/dist/utilities/owned-attribute.d.ts +19 -0
  415. package/dist/utilities/owned-attribute.d.ts.map +1 -0
  416. package/dist/utilities/owned-attribute.js +32 -0
  417. package/dist/utilities/owned-attribute.js.map +1 -0
  418. package/dist/utilities/reflect-non-default.d.ts +3 -3
  419. package/dist/utilities/reflect-non-default.d.ts.map +1 -1
  420. package/dist/utilities/reflect-non-default.js +7 -4
  421. package/dist/utilities/reflect-non-default.js.map +1 -1
  422. package/dist/utilities/visibility-mixin.d.ts +5 -0
  423. package/dist/utilities/visibility-mixin.d.ts.map +1 -1
  424. package/dist/utilities/visibility-mixin.js +22 -0
  425. package/dist/utilities/visibility-mixin.js.map +1 -1
  426. package/package.json +34 -23
  427. package/dist/components/content/byline/byline.d.ts +0 -73
  428. package/dist/components/content/byline/byline.d.ts.map +0 -1
  429. package/dist/components/content/byline/byline.js +0 -125
  430. package/dist/components/content/byline/byline.js.map +0 -1
  431. package/dist/components/content/byline/byline.styles.d.ts +0 -2
  432. package/dist/components/content/byline/byline.styles.d.ts.map +0 -1
  433. package/dist/components/content/byline/byline.styles.js.map +0 -1
  434. package/dist/components/content/byline/byline.template.d.ts +0 -3
  435. package/dist/components/content/byline/byline.template.d.ts.map +0 -1
  436. package/dist/components/content/byline/byline.template.js.map +0 -1
  437. package/dist/components/gherkin-DhZlEZiy.js +0 -115
  438. package/dist/components/index--8_4HvE9.js +0 -688
  439. package/dist/components/index-BMeSmtdw.js +0 -384
  440. package/dist/components/index-Bonuul3m.js +0 -73466
  441. package/dist/components/index-CdOU-HVN.js +0 -81
  442. package/dist/components/index-CqhFJR7l.js +0 -703
  443. package/dist/components/index-CwmDMN6X.js +0 -177
  444. package/dist/components/index-yX0V7C44.js +0 -405
  445. package/dist/components/shell-BlsXDxCn.js +0 -222
  446. package/dist/components/toml-BOuWGMcf.js +0 -76
@@ -1,46 +1,46 @@
1
1
  /**
2
2
  * NLDD Design System Avatar Component (Lit + TypeScript)
3
3
  *
4
- * Toont één persoon of organisatie als een compacte, ronde (persoon) of
5
- * afgeronde (organisatie) representatie. De inhoud volgt een vaste
6
- * terugvalketen: een afbeelding wanneer `src` laadt, anders de initialen
7
- * (uit `initials` of afgeleid uit `name`), en anders een terugval-icoon.
4
+ * Shows one person or organization as a compact, round (person) or rounded
5
+ * (organization) representation. The content follows a fixed fallback chain: an
6
+ * image when `src` loads, otherwise the initials (from `initials` or derived
7
+ * from `name`), and otherwise a fallback icon.
8
8
  *
9
- * `type` bepaalt zowel de vorm als het terugval-icoon: `person` geeft een
10
- * cirkel met een person-icoon, `organization` een afgeronde vierkant met een
11
- * building-icoon. De vorm hoort dus bij de betekenis en is niet los
12
- * instelbaar. Overschrijf het terugval-icoon desgewenst met `icon`.
9
+ * `type` sets both the shape and the fallback icon: `person` gives a circle
10
+ * with a person icon, `organization` a rounded square with a building icon. The
11
+ * shape belongs to the meaning and cannot be set on its own. Override the
12
+ * fallback icon with `icon` where that helps.
13
13
  *
14
- * Zonder `size` schaalt de avatar mee met zijn container (net als `nldd-icon`);
15
- * een vaste maat (dezelfde spacer-uitgelijnde schaal, 16 tot en met 96) is de
16
- * uitzondering. De initialen en het icoon schalen mee. Brede initialen (WW, MMM)
17
- * worden automatisch teruggeschaald zodat ze binnen de schijf blijven.
14
+ * Without `size` the avatar scales with its container, like `nldd-icon`; a
15
+ * fixed size (the same spacer-aligned scale, 16 through 96) is the exception.
16
+ * The initials and the icon scale along. Wide initials (WW, MMM) are scaled
17
+ * down automatically so they stay inside the shape.
18
18
  *
19
- * Toegankelijkheid: het host-element draagt de betekenis. Met een `name`
20
- * (en zonder `decorative`) krijgt het `role="img"` met de naam als label.
21
- * Staat de naam al als tekst ernaast (bijvoorbeeld in een byline), zet dan
22
- * `decorative` zodat de avatar voor hulpsoftware verborgen blijft. Een dode
23
- * `src` valt automatisch terug op de initialen of het icoon, nooit op een
24
- * gebroken-afbeelding-icoon.
19
+ * Accessibility: the host element carries the meaning. With a `name` (and
20
+ * without `decorative`) it gets `role="img"` with the name as its label. When
21
+ * the name already stands beside it as text, in an identity for instance, set
22
+ * `decorative` so the avatar stays hidden from assistive software. A dead `src`
23
+ * falls back to the initials or the icon, never to a broken-image icon.
25
24
  *
26
25
  * @element nldd-avatar
27
26
  *
28
- * @attr {string} src - Afbeeldingsbron; valt bij een laadfout terug op initialen/icoon
29
- * @attr {string} srcset - Responsive source set voor de afbeelding (het component zet zelf `sizes`)
30
- * @attr {string} name - Naam van de persoon/organisatie; levert de afgeleide initialen en het toegankelijke label
31
- * @attr {string} initials - Expliciete initialen, max 3 tekens (overschrijft de afleiding uit `name`; ook voor organisatie-acroniemen)
32
- * @attr {string} type - `person` (cirkel, person-icoon) of `organization` (afgerond, building-icoon); standaard `person`
33
- * @attr {string} icon - Overschrijft het type-afhankelijke terugval-icoon
34
- * @attr {string} size - `full` (standaard) schaalt mee met de container, net als nldd-icon; of een vaste maat in px (spacer-uitgelijnd: 16, 20, 24, 28, 32, 40, 44, 48, 56, 64, 80, 96). Leeg gedraagt zich als `full`. De initialen en het icoon schalen mee
35
- * @attr {string} color - `default` (neutrale vulling) of `inherit` (vulling in de content-kleur: de `--context-content-color`-channel, of `currentColor` als die niet gezet is; tekst in de contrastkleur, zodat de avatar een icoon in bijvoorbeeld een knop kan vervangen); standaard `default`
36
- * @attr {boolean} icon-aligned - Krimpt de zichtbare schijf naar 5/6 van de host, gecentreerd, zodat de avatar optisch uitlijnt met een icoon op hetzelfde grid (een icoon-glyph heeft ingebouwde marge)
37
- * @attr {boolean} decorative - Verbergt de avatar voor hulpsoftware (gebruik wanneer de naam er al als tekst naast staat)
38
- * @attr {string} href - Maakt de avatar een link naar deze URL; de schijf zelf wordt de link, dus klikgebied en focusring volgen de vorm
39
- * @attr {boolean} button - Maakt de avatar een knop; genegeerd wanneer `href` is gezet
40
- * @attr {string} target - Link target voor href (bijv. '_blank'); vult rel aan en meldt "Opent in nieuw tabblad"
41
- * @attr {string} rel - Link rel voor href; standaard 'noopener noreferrer' bij target='_blank'
42
- * @attr {string} accessible-label - Naam van de link of knop; zonder deze wordt `name` gebruikt
43
- * @attr {object} translations - Overschrijf translation keys; niet gezette keys vallen terug op het Nederlands
27
+ * @attr {string} type - `person` (circle, person icon) or `organization` (rounded, building icon); default `person`
28
+ * @attr {string} size - `full` (default) scales with the container, like nldd-icon; or a fixed size in px (spacer-aligned: 16, 20, 24, 28, 32, 40, 44, 48, 56, 64, 80, 96). Empty behaves as `full`. The initials and the icon scale along
29
+ * @attr {string} color - `default` (neutral fill) or `inherit` (fill in the content color: the `--context-content-color` channel, or `currentColor` when that is unset; text in the contrast color, so the avatar can replace an icon in a button for instance); default `default`
30
+ * @attr {boolean} icon-aligned - Shrinks the visible shape to 5/6 of the host, centered, so the avatar aligns optically with an icon on the same grid (an icon glyph has built-in margin)
31
+ * @attr {string} name - Name of the person or organization; supplies the derived initials and the accessible label
32
+ * @attr {string} initials - Explicit initials, at most 3 characters (overrides what is derived from `name`; also for organization acronyms)
33
+ * @attr {string} src - Image source; falls back to initials or icon when it fails to load
34
+ * @attr {string} srcset - Responsive source set for the image (the component sets `sizes` itself)
35
+ * @attr {string} icon - Overrides the type-dependent fallback icon
36
+ * @attr {string} accessible-label - Name of the link or button; without it `name` is used
37
+ * @attr {boolean} decorative - Hides the avatar from assistive software (use when the name already stands beside it as text)
38
+ * @attr {string} tooltip-timing - When the name appears as a tooltip on hover or focus: `default` (after 700ms; the default), `instant`, or `never`. An avatar shows no text, so without a tooltip the name is readable by assistive software only. A `decorative` avatar shows none regardless: there the name already stands beside it as text
39
+ * @attr {string} href - Makes the avatar a link to this URL; the shape itself becomes the link, so the hit area and the focus ring follow it
40
+ * @attr {boolean} button - Makes the avatar a button; ignored when `href` is set
41
+ * @attr {string} target - Link target for href (e.g. '_blank'); completes rel and announces "Opens in a new tab"
42
+ * @attr {string} rel - Link rel for href; defaults to 'noopener noreferrer' when target='_blank'
43
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
44
44
  *
45
45
  * @example
46
46
  * ```html
@@ -66,17 +66,24 @@ declare const NLDDAvatar_base: (abstract new (...args: any[]) => LitElement & {
66
66
  }) & typeof LitElement;
67
67
  export declare class NLDDAvatar extends NLDDAvatar_base {
68
68
  static styles: import("lit").CSSResult;
69
- src: string;
70
- srcset: string;
71
- name: string;
72
- initials: string;
73
- icon: string;
74
69
  type: AvatarType;
75
- color: AvatarColor;
76
70
  size: AvatarSize;
71
+ color: AvatarColor;
77
72
  iconAligned: boolean;
73
+ name: string;
74
+ initials: string;
75
+ src: string;
76
+ srcset: string;
77
+ icon: string;
78
+ /** Accessible name of the link or button. Without it, it falls back to
79
+ * `name`. Only matters when the avatar is interactive. */
80
+ accessibleLabel: string;
78
81
  decorative: boolean;
79
- /** Makes the avatar one link: the disc itself becomes the <a>, so the click
82
+ /** Forwarded to the inner nldd-tooltip's `timing`, like nldd-icon-button.
83
+ * On by default: initials without a name are a riddle. An
84
+ * avatar that sits beside that name is `decorative` and shows none. */
85
+ tooltipTiming: 'default' | 'instant' | 'never';
86
+ /** Makes the avatar one link: the shape itself becomes the <a>, so the click
80
87
  * area and the focus ring follow its shape (an overlay would be square). */
81
88
  href: string;
82
89
  /** Makes the avatar a button. Ignored once `href` is set: one avatar is one
@@ -84,9 +91,6 @@ export declare class NLDDAvatar extends NLDDAvatar_base {
84
91
  button: boolean;
85
92
  target: string;
86
93
  rel: string;
87
- /** Accessible name of the link or button. Without it, it falls back to
88
- * `name`. Only matters when the avatar is interactive. */
89
- accessibleLabel: string;
90
94
  /** True once the avatar is a control itself. */
91
95
  get isInteractive(): boolean;
92
96
  /** Resolves rel for the link: _blank adds noopener/noreferrer (mirroring
@@ -102,7 +106,7 @@ export declare class NLDDAvatar extends NLDDAvatar_base {
102
106
  /** Fallback icon when there is neither image nor initials. */
103
107
  get resolvedIcon(): string;
104
108
  _onImageError: () => void;
105
- /** Re-measures the initials fit when the disc lays out or resizes; covers the
109
+ /** Re-measures the initials fit when the shape lays out or resizes; covers the
106
110
  * case where the avatar is only sized after first render (e.g. filling a
107
111
  * container that appears later). Content changes are handled in updated(). */
108
112
  private _resizeObserver;
@@ -111,8 +115,8 @@ export declare class NLDDAvatar extends NLDDAvatar_base {
111
115
  connectedCallback(): void;
112
116
  disconnectedCallback(): void;
113
117
  updated(changed: PropertyValues<this>): void;
114
- /** Shrink wide initials so they always fit the disc. The fit factor is the
115
- * disc's usable width over the initials' natural width (scrollWidth ignores
118
+ /** Shrink wide initials so they always fit. The fit factor is the shape's
119
+ * usable width over the initials' natural width (scrollWidth ignores
116
120
  * the applied transform, so the measurement stays stable); capped at 1 so
117
121
  * narrow initials are never enlarged. Applied via --_initials-fit (a
118
122
  * transform scale), so no reflow and it stays measurable. */
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,cAAc,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAOhD,qFAAqF;AACrF,MAAM,MAAM,UAAU,GACrB,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;;;;;;AAEjG,qBACa,UAAW,SAAQ,eAAoD;IACnF,OAAgB,MAAM,0BAAgB;IAGtC,GAAG,SAAM;IAGT,MAAM,SAAM;IAGZ,IAAI,SAAM;IAGV,QAAQ,SAAM;IAGd,IAAI,SAAM;IAGV,IAAI,EAAE,UAAU,CAAY;IAG5B,KAAK,EAAE,WAAW,CAAa;IAG/B,IAAI,EAAE,UAAU,CAAM;IAGtB,WAAW,UAAS;IAGpB,UAAU,UAAS;IAEnB;iFAC6E;IAE7E,IAAI,SAAM;IAEV;6EACyE;IAEzE,MAAM,UAAS;IAGf,MAAM,SAAM;IAGZ,GAAG,SAAM;IAET;+DAC2D;IAE3D,eAAe,SAAM;IAErB,gDAAgD;IAChD,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED;mEAC+D;IAC/D,YAAY,IAAI,MAAM;IAStB,OAAO,CAAC,YAAY,CAAS;IAE7B;mEAC+D;IAE/D,YAAY,UAAS;IAErB;2EACuE;IACvE,IAAI,gBAAgB,IAAI,MAAM,CAO7B;IAED,8DAA8D;IAC9D,IAAI,YAAY,IAAI,MAAM,CAGzB;IAED,aAAa,QAAO,IAAI,CAEtB;IAEF;;mFAE+E;IAC/E,OAAO,CAAC,eAAe,CAAiD;IAE/D,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM/C,YAAY,IAAI,IAAI;IAKpB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAiDrD;;;;kEAI8D;IAC9D,OAAO,CAAC,YAAY;IAaX,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,cAAc,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAOhD,qFAAqF;AACrF,MAAM,MAAM,UAAU,GACrB,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;;;;;;AAEjG,qBACa,UAAW,SAAQ,eAAoD;IACnF,OAAgB,MAAM,0BAAgB;IAGtC,IAAI,EAAE,UAAU,CAAY;IAG5B,IAAI,EAAE,UAAU,CAAM;IAGtB,KAAK,EAAE,WAAW,CAAa;IAG/B,WAAW,UAAS;IAGpB,IAAI,SAAM;IAGV,QAAQ,SAAM;IAGd,GAAG,SAAM;IAGT,MAAM,SAAM;IAGZ,IAAI,SAAM;IAEV;+DAC2D;IAE3D,eAAe,SAAM;IAGrB,UAAU,UAAS;IAEnB;;4EAEwE;IAExE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE3D;iFAC6E;IAE7E,IAAI,SAAM;IAEV;6EACyE;IAEzE,MAAM,UAAS;IAGf,MAAM,SAAM;IAGZ,GAAG,SAAM;IAET,gDAAgD;IAChD,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED;mEAC+D;IAC/D,YAAY,IAAI,MAAM;IAStB,OAAO,CAAC,YAAY,CAAS;IAE7B;mEAC+D;IAE/D,YAAY,UAAS;IAErB;2EACuE;IACvE,IAAI,gBAAgB,IAAI,MAAM,CAO7B;IAED,8DAA8D;IAC9D,IAAI,YAAY,IAAI,MAAM,CAGzB;IAED,aAAa,QAAO,IAAI,CAEtB;IAEF;;mFAE+E;IAC/E,OAAO,CAAC,eAAe,CAAiD;IAE/D,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS/C,YAAY,IAAI,IAAI;IAKpB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAiDrD;;;;kEAI8D;IAC9D,OAAO,CAAC,YAAY;IAaX,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
@@ -7,46 +7,46 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  /**
8
8
  * NLDD Design System Avatar Component (Lit + TypeScript)
9
9
  *
10
- * Toont één persoon of organisatie als een compacte, ronde (persoon) of
11
- * afgeronde (organisatie) representatie. De inhoud volgt een vaste
12
- * terugvalketen: een afbeelding wanneer `src` laadt, anders de initialen
13
- * (uit `initials` of afgeleid uit `name`), en anders een terugval-icoon.
10
+ * Shows one person or organization as a compact, round (person) or rounded
11
+ * (organization) representation. The content follows a fixed fallback chain: an
12
+ * image when `src` loads, otherwise the initials (from `initials` or derived
13
+ * from `name`), and otherwise a fallback icon.
14
14
  *
15
- * `type` bepaalt zowel de vorm als het terugval-icoon: `person` geeft een
16
- * cirkel met een person-icoon, `organization` een afgeronde vierkant met een
17
- * building-icoon. De vorm hoort dus bij de betekenis en is niet los
18
- * instelbaar. Overschrijf het terugval-icoon desgewenst met `icon`.
15
+ * `type` sets both the shape and the fallback icon: `person` gives a circle
16
+ * with a person icon, `organization` a rounded square with a building icon. The
17
+ * shape belongs to the meaning and cannot be set on its own. Override the
18
+ * fallback icon with `icon` where that helps.
19
19
  *
20
- * Zonder `size` schaalt de avatar mee met zijn container (net als `nldd-icon`);
21
- * een vaste maat (dezelfde spacer-uitgelijnde schaal, 16 tot en met 96) is de
22
- * uitzondering. De initialen en het icoon schalen mee. Brede initialen (WW, MMM)
23
- * worden automatisch teruggeschaald zodat ze binnen de schijf blijven.
20
+ * Without `size` the avatar scales with its container, like `nldd-icon`; a
21
+ * fixed size (the same spacer-aligned scale, 16 through 96) is the exception.
22
+ * The initials and the icon scale along. Wide initials (WW, MMM) are scaled
23
+ * down automatically so they stay inside the shape.
24
24
  *
25
- * Toegankelijkheid: het host-element draagt de betekenis. Met een `name`
26
- * (en zonder `decorative`) krijgt het `role="img"` met de naam als label.
27
- * Staat de naam al als tekst ernaast (bijvoorbeeld in een byline), zet dan
28
- * `decorative` zodat de avatar voor hulpsoftware verborgen blijft. Een dode
29
- * `src` valt automatisch terug op de initialen of het icoon, nooit op een
30
- * gebroken-afbeelding-icoon.
25
+ * Accessibility: the host element carries the meaning. With a `name` (and
26
+ * without `decorative`) it gets `role="img"` with the name as its label. When
27
+ * the name already stands beside it as text, in an identity for instance, set
28
+ * `decorative` so the avatar stays hidden from assistive software. A dead `src`
29
+ * falls back to the initials or the icon, never to a broken-image icon.
31
30
  *
32
31
  * @element nldd-avatar
33
32
  *
34
- * @attr {string} src - Afbeeldingsbron; valt bij een laadfout terug op initialen/icoon
35
- * @attr {string} srcset - Responsive source set voor de afbeelding (het component zet zelf `sizes`)
36
- * @attr {string} name - Naam van de persoon/organisatie; levert de afgeleide initialen en het toegankelijke label
37
- * @attr {string} initials - Expliciete initialen, max 3 tekens (overschrijft de afleiding uit `name`; ook voor organisatie-acroniemen)
38
- * @attr {string} type - `person` (cirkel, person-icoon) of `organization` (afgerond, building-icoon); standaard `person`
39
- * @attr {string} icon - Overschrijft het type-afhankelijke terugval-icoon
40
- * @attr {string} size - `full` (standaard) schaalt mee met de container, net als nldd-icon; of een vaste maat in px (spacer-uitgelijnd: 16, 20, 24, 28, 32, 40, 44, 48, 56, 64, 80, 96). Leeg gedraagt zich als `full`. De initialen en het icoon schalen mee
41
- * @attr {string} color - `default` (neutrale vulling) of `inherit` (vulling in de content-kleur: de `--context-content-color`-channel, of `currentColor` als die niet gezet is; tekst in de contrastkleur, zodat de avatar een icoon in bijvoorbeeld een knop kan vervangen); standaard `default`
42
- * @attr {boolean} icon-aligned - Krimpt de zichtbare schijf naar 5/6 van de host, gecentreerd, zodat de avatar optisch uitlijnt met een icoon op hetzelfde grid (een icoon-glyph heeft ingebouwde marge)
43
- * @attr {boolean} decorative - Verbergt de avatar voor hulpsoftware (gebruik wanneer de naam er al als tekst naast staat)
44
- * @attr {string} href - Maakt de avatar een link naar deze URL; de schijf zelf wordt de link, dus klikgebied en focusring volgen de vorm
45
- * @attr {boolean} button - Maakt de avatar een knop; genegeerd wanneer `href` is gezet
46
- * @attr {string} target - Link target voor href (bijv. '_blank'); vult rel aan en meldt "Opent in nieuw tabblad"
47
- * @attr {string} rel - Link rel voor href; standaard 'noopener noreferrer' bij target='_blank'
48
- * @attr {string} accessible-label - Naam van de link of knop; zonder deze wordt `name` gebruikt
49
- * @attr {object} translations - Overschrijf translation keys; niet gezette keys vallen terug op het Nederlands
33
+ * @attr {string} type - `person` (circle, person icon) or `organization` (rounded, building icon); default `person`
34
+ * @attr {string} size - `full` (default) scales with the container, like nldd-icon; or a fixed size in px (spacer-aligned: 16, 20, 24, 28, 32, 40, 44, 48, 56, 64, 80, 96). Empty behaves as `full`. The initials and the icon scale along
35
+ * @attr {string} color - `default` (neutral fill) or `inherit` (fill in the content color: the `--context-content-color` channel, or `currentColor` when that is unset; text in the contrast color, so the avatar can replace an icon in a button for instance); default `default`
36
+ * @attr {boolean} icon-aligned - Shrinks the visible shape to 5/6 of the host, centered, so the avatar aligns optically with an icon on the same grid (an icon glyph has built-in margin)
37
+ * @attr {string} name - Name of the person or organization; supplies the derived initials and the accessible label
38
+ * @attr {string} initials - Explicit initials, at most 3 characters (overrides what is derived from `name`; also for organization acronyms)
39
+ * @attr {string} src - Image source; falls back to initials or icon when it fails to load
40
+ * @attr {string} srcset - Responsive source set for the image (the component sets `sizes` itself)
41
+ * @attr {string} icon - Overrides the type-dependent fallback icon
42
+ * @attr {string} accessible-label - Name of the link or button; without it `name` is used
43
+ * @attr {boolean} decorative - Hides the avatar from assistive software (use when the name already stands beside it as text)
44
+ * @attr {string} tooltip-timing - When the name appears as a tooltip on hover or focus: `default` (after 700ms; the default), `instant`, or `never`. An avatar shows no text, so without a tooltip the name is readable by assistive software only. A `decorative` avatar shows none regardless: there the name already stands beside it as text
45
+ * @attr {string} href - Makes the avatar a link to this URL; the shape itself becomes the link, so the hit area and the focus ring follow it
46
+ * @attr {boolean} button - Makes the avatar a button; ignored when `href` is set
47
+ * @attr {string} target - Link target for href (e.g. '_blank'); completes rel and announces "Opens in a new tab"
48
+ * @attr {string} rel - Link rel for href; defaults to 'noopener noreferrer' when target='_blank'
49
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
50
50
  *
51
51
  * @example
52
52
  * ```html
@@ -66,24 +66,31 @@ import { nlddAvatarTranslations } from './avatar.i18n.js';
66
66
  import { avatarStyles } from './avatar.styles.js';
67
67
  import { avatarTemplate } from './avatar.template.js';
68
68
  import '../icon/icon.js';
69
- /** Fraction of the disc width the initials may occupy before they are scaled to
69
+ /** Fraction of the shape width the initials may occupy before they are scaled to
70
70
  * fit. Leaves margin inside the circle so wide glyphs stay clear of the edge
71
71
  * (the circle narrows above/below the center, so caps need room). */
72
72
  const INITIALS_FIT_RATIO = 0.75;
73
73
  let NLDDAvatar = class NLDDAvatar extends withTranslations(LitElement, nlddAvatarTranslations) {
74
74
  constructor() {
75
75
  super(...arguments);
76
- this.src = '';
77
- this.srcset = '';
78
- this.name = '';
79
- this.initials = '';
80
- this.icon = '';
81
76
  this.type = 'person';
82
- this.color = 'default';
83
77
  this.size = '';
78
+ this.color = 'default';
84
79
  this.iconAligned = false;
80
+ this.name = '';
81
+ this.initials = '';
82
+ this.src = '';
83
+ this.srcset = '';
84
+ this.icon = '';
85
+ /** Accessible name of the link or button. Without it, it falls back to
86
+ * `name`. Only matters when the avatar is interactive. */
87
+ this.accessibleLabel = '';
85
88
  this.decorative = false;
86
- /** Makes the avatar one link: the disc itself becomes the <a>, so the click
89
+ /** Forwarded to the inner nldd-tooltip's `timing`, like nldd-icon-button.
90
+ * On by default: initials without a name are a riddle. An
91
+ * avatar that sits beside that name is `decorative` and shows none. */
92
+ this.tooltipTiming = 'default';
93
+ /** Makes the avatar one link: the shape itself becomes the <a>, so the click
87
94
  * area and the focus ring follow its shape (an overlay would be square). */
88
95
  this.href = '';
89
96
  /** Makes the avatar a button. Ignored once `href` is set: one avatar is one
@@ -91,9 +98,6 @@ let NLDDAvatar = class NLDDAvatar extends withTranslations(LitElement, nlddAvata
91
98
  this.button = false;
92
99
  this.target = '';
93
100
  this.rel = '';
94
- /** Accessible name of the link or button. Without it, it falls back to
95
- * `name`. Only matters when the avatar is interactive. */
96
- this.accessibleLabel = '';
97
101
  this._warnedLabel = false;
98
102
  /** Set when the image errors, so the template falls through to the next
99
103
  * content step. Not private: the template module reads it. */
@@ -101,7 +105,7 @@ let NLDDAvatar = class NLDDAvatar extends withTranslations(LitElement, nlddAvata
101
105
  this._onImageError = () => {
102
106
  this._imageFailed = true;
103
107
  };
104
- /** Re-measures the initials fit when the disc lays out or resizes; covers the
108
+ /** Re-measures the initials fit when the shape lays out or resizes; covers the
105
109
  * case where the avatar is only sized after first render (e.g. filling a
106
110
  * container that appears later). Content changes are handled in updated(). */
107
111
  this._resizeObserver = new ResizeObserver(() => this._fitInitials());
@@ -140,21 +144,24 @@ let NLDDAvatar = class NLDDAvatar extends withTranslations(LitElement, nlddAvata
140
144
  return this.type === 'organization' ? 'building' : 'person';
141
145
  }
142
146
  willUpdate(changed) {
147
+ // withTranslations merges a consumer's `translations` override in its own
148
+ // willUpdate; without this call the override is silently ignored.
149
+ super.willUpdate(changed);
143
150
  // Either source changing offers a fresh candidate, so give the image
144
151
  // another chance rather than staying on the fallback forever.
145
152
  if (changed.has('src') || changed.has('srcset'))
146
153
  this._imageFailed = false;
147
154
  }
148
155
  firstUpdated() {
149
- const disc = this.shadowRoot?.querySelector('.avatar');
150
- if (disc)
151
- this._resizeObserver.observe(disc);
156
+ const shape = this.shadowRoot?.querySelector('.avatar');
157
+ if (shape)
158
+ this._resizeObserver.observe(shape);
152
159
  }
153
160
  connectedCallback() {
154
161
  super.connectedCallback();
155
- const disc = this.shadowRoot?.querySelector('.avatar');
156
- if (this.hasUpdated && disc)
157
- this._resizeObserver.observe(disc);
162
+ const shape = this.shadowRoot?.querySelector('.avatar');
163
+ if (this.hasUpdated && shape)
164
+ this._resizeObserver.observe(shape);
158
165
  }
159
166
  disconnectedCallback() {
160
167
  super.disconnectedCallback();
@@ -197,7 +204,7 @@ let NLDDAvatar = class NLDDAvatar extends withTranslations(LitElement, nlddAvata
197
204
  this._warnedLabel = false;
198
205
  }
199
206
  }
200
- // The disc size doesn't change when only its content does, so the
207
+ // The shape does not resize when only its content does, so the
201
208
  // ResizeObserver won't fire — re-measure here on every change that can
202
209
  // swap the initials in or alter their text. src/_imageFailed matter too:
203
210
  // a dead image falls back to initials that were never measured.
@@ -206,19 +213,19 @@ let NLDDAvatar = class NLDDAvatar extends withTranslations(LitElement, nlddAvata
206
213
  this._fitInitials();
207
214
  }
208
215
  }
209
- /** Shrink wide initials so they always fit the disc. The fit factor is the
210
- * disc's usable width over the initials' natural width (scrollWidth ignores
216
+ /** Shrink wide initials so they always fit. The fit factor is the shape's
217
+ * usable width over the initials' natural width (scrollWidth ignores
211
218
  * the applied transform, so the measurement stays stable); capped at 1 so
212
219
  * narrow initials are never enlarged. Applied via --_initials-fit (a
213
220
  * transform scale), so no reflow and it stays measurable. */
214
221
  _fitInitials() {
215
222
  const initials = this.shadowRoot?.querySelector('.avatar__initials');
216
- const disc = this.shadowRoot?.querySelector('.avatar');
217
- if (!initials || !disc) {
223
+ const shape = this.shadowRoot?.querySelector('.avatar');
224
+ if (!initials || !shape) {
218
225
  this.style.removeProperty('--_initials-fit');
219
226
  return;
220
227
  }
221
- const available = disc.clientWidth * INITIALS_FIT_RATIO;
228
+ const available = shape.clientWidth * INITIALS_FIT_RATIO;
222
229
  const actual = initials.scrollWidth;
223
230
  if (available <= 0 || actual <= 0)
224
231
  return; // not laid out yet — leave as is
@@ -230,11 +237,17 @@ let NLDDAvatar = class NLDDAvatar extends withTranslations(LitElement, nlddAvata
230
237
  };
231
238
  NLDDAvatar.styles = avatarStyles;
232
239
  __decorate([
233
- property({ type: String })
234
- ], NLDDAvatar.prototype, "src", void 0);
240
+ property({ reflect: true, converter: reflectNonDefault('person') })
241
+ ], NLDDAvatar.prototype, "type", void 0);
235
242
  __decorate([
236
- property({ type: String })
237
- ], NLDDAvatar.prototype, "srcset", void 0);
243
+ property({ reflect: true, converter: reflectNonDefault('') })
244
+ ], NLDDAvatar.prototype, "size", void 0);
245
+ __decorate([
246
+ property({ reflect: true, converter: reflectNonDefault('default') })
247
+ ], NLDDAvatar.prototype, "color", void 0);
248
+ __decorate([
249
+ property({ type: Boolean, reflect: true, attribute: 'icon-aligned' })
250
+ ], NLDDAvatar.prototype, "iconAligned", void 0);
238
251
  __decorate([
239
252
  property({ type: String })
240
253
  ], NLDDAvatar.prototype, "name", void 0);
@@ -243,22 +256,22 @@ __decorate([
243
256
  ], NLDDAvatar.prototype, "initials", void 0);
244
257
  __decorate([
245
258
  property({ type: String })
246
- ], NLDDAvatar.prototype, "icon", void 0);
247
- __decorate([
248
- property({ reflect: true, converter: reflectNonDefault('person') })
249
- ], NLDDAvatar.prototype, "type", void 0);
259
+ ], NLDDAvatar.prototype, "src", void 0);
250
260
  __decorate([
251
- property({ reflect: true, converter: reflectNonDefault('default') })
252
- ], NLDDAvatar.prototype, "color", void 0);
261
+ property({ type: String })
262
+ ], NLDDAvatar.prototype, "srcset", void 0);
253
263
  __decorate([
254
- property({ reflect: true, converter: reflectNonDefault('') })
255
- ], NLDDAvatar.prototype, "size", void 0);
264
+ property({ type: String })
265
+ ], NLDDAvatar.prototype, "icon", void 0);
256
266
  __decorate([
257
- property({ type: Boolean, reflect: true, attribute: 'icon-aligned' })
258
- ], NLDDAvatar.prototype, "iconAligned", void 0);
267
+ property({ type: String, attribute: 'accessible-label' })
268
+ ], NLDDAvatar.prototype, "accessibleLabel", void 0);
259
269
  __decorate([
260
270
  property({ type: Boolean, reflect: true })
261
271
  ], NLDDAvatar.prototype, "decorative", void 0);
272
+ __decorate([
273
+ property({ reflect: true, attribute: 'tooltip-timing', converter: reflectNonDefault('default') })
274
+ ], NLDDAvatar.prototype, "tooltipTiming", void 0);
262
275
  __decorate([
263
276
  property({ type: String, reflect: true })
264
277
  ], NLDDAvatar.prototype, "href", void 0);
@@ -271,9 +284,6 @@ __decorate([
271
284
  __decorate([
272
285
  property({ type: String })
273
286
  ], NLDDAvatar.prototype, "rel", void 0);
274
- __decorate([
275
- property({ type: String, attribute: 'accessible-label' })
276
- ], NLDDAvatar.prototype, "accessibleLabel", void 0);
277
287
  __decorate([
278
288
  state()
279
289
  ], NLDDAvatar.prototype, "_imageFailed", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.ts"],"names":[],"mappings":"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"}
@@ -47,7 +47,7 @@ export const avatarStyles = css `
47
47
  --_content-color: var(--semantics-content-contrast-color);
48
48
  }
49
49
 
50
- /* Shrink the visible disc to 5/6 of the host (centered), so the avatar lines
50
+ /* Shrink the visible shape to 5/6 of the host (centered), so the avatar lines
51
51
  up optically with an icon on the same grid (an icon glyph has built-in
52
52
  padding). The host keeps the grid cell size. */
53
53
  :host([icon-aligned]) {
@@ -94,7 +94,7 @@ export const avatarStyles = css `
94
94
  user-select: none;
95
95
  }
96
96
 
97
- /* # Interactive — the disc itself is the link or button */
97
+ /* # Interactive — the shape itself is the link or button */
98
98
 
99
99
  .avatar--interactive {
100
100
  padding: 0;
@@ -1,4 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
2
  import type { NLDDAvatar } from './avatar.js';
3
+ import '../tooltip/tooltip.js';
3
4
  export declare function avatarTemplate(component: NLDDAvatar): TemplateResult;
4
5
  //# sourceMappingURL=avatar.template.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CAgEpE"}
1
+ {"version":3,"file":"avatar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,uBAAuB,CAAC;AAE/B,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CAyEpE"}
@@ -1,4 +1,5 @@
1
1
  import { html, nothing } from 'lit';
2
+ import '../tooltip/tooltip.js';
2
3
  export function avatarTemplate(component) {
3
4
  const showImage = Boolean(component.src) && !component._imageFailed;
4
5
  const initials = component.resolvedInitials;
@@ -38,29 +39,36 @@ export function avatarTemplate(component) {
38
39
  ></nldd-icon>
39
40
  ` : nothing}
40
41
  `;
41
- // The disc itself becomes the control, rather than an overlay: an avatar is
42
- // small and round, so a rectangular overlay would take clicks (and paint a
43
- // focus ring) outside the shape.
44
- if (component.href) {
45
- return html `
42
+ // The shape itself becomes the control, rather than an overlay: an avatar is
43
+ // small and rounded, so a rectangular overlay would take clicks (and paint a
44
+ // focus ring) outside it.
45
+ const shape = component.href
46
+ ? html `
46
47
  <a class="avatar avatar--interactive"
47
48
  href=${component.href}
48
49
  target=${component.target || nothing}
49
50
  rel=${component._resolvedRel() || nothing}
50
51
  aria-label=${controlLabel}
51
52
  >${content}</a>
52
- `;
53
- }
54
- if (component.button) {
55
- return html `
56
- <button class="avatar avatar--interactive"
57
- type="button"
58
- aria-label=${controlLabel}
59
- >${content}</button>
60
- `;
61
- }
62
- return html `
63
- <div class="avatar">${content}</div>
64
- `;
53
+ `
54
+ : component.button
55
+ ? html `
56
+ <button class="avatar avatar--interactive"
57
+ type="button"
58
+ aria-label=${controlLabel}
59
+ >${content}</button>
60
+ `
61
+ : html `<div class="avatar">${content}</div>`;
62
+ // The name as a tooltip, like nldd-icon-button does for its label: an avatar
63
+ // shows no text, so without this the name is readable by assistive software
64
+ // and by nobody else. Decorative avatars have nothing to say here.
65
+ const tooltipText = component.decorative ? '' : (component.accessibleLabel || component.name);
66
+ return tooltipText && component.tooltipTiming !== 'never'
67
+ ? html `
68
+ <nldd-tooltip text=${tooltipText} timing=${component.tooltipTiming}>
69
+ ${shape}
70
+ </nldd-tooltip>
71
+ `
72
+ : shape;
65
73
  }
66
74
  //# sourceMappingURL=avatar.template.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.template.js","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;IACpE,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC;IAC5C,MAAM,YAAY,GAAG,CAAC,SAAS,IAAI,QAAQ,KAAK,EAAE,CAAC;IACnD,MAAM,QAAQ,GAAG,CAAC,SAAS,IAAI,CAAC,YAAY,CAAC;IAC7C,6EAA6E;IAC7E,MAAM,iBAAiB,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,MAAM,KAAK,QAAQ;QACxE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;QAC1D,CAAC,CAAC,EAAE,CAAC;IACN,+DAA+D;IAC/D,4EAA4E;IAC5E,MAAM,YAAY,GAAG,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,EAAE,iBAAiB,CAAC;SACnF,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC;IACxC,6EAA6E;IAC7E,4EAA4E;IAC5E,0EAA0E;IAC1E,MAAM,OAAO,GAAG,IAAI,CAAA;IACjB,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEV,SAAS,CAAC,GAAG;aACV,SAAS,CAAC,MAAM,IAAI,OAAO;YAC5B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM;;;;aAI9C,SAAS,CAAC,aAAa;;GAEjC,CAAC,CAAC,CAAC,OAAO;IACT,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;;MAGjB,QAAQ;GACX,CAAC,CAAC,CAAC,OAAO;IACT,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;WAER,SAAS,CAAC,YAAY;;GAE9B,CAAC,CAAC,CAAC,OAAO;EACX,CAAC;IAEF,4EAA4E;IAC5E,2EAA2E;IAC3E,iCAAiC;IACjC,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,IAAI,CAAA;;WAEF,SAAS,CAAC,IAAI;aACZ,SAAS,CAAC,MAAM,IAAI,OAAO;UAC9B,SAAS,CAAC,YAAY,EAAE,IAAI,OAAO;iBAC5B,YAAY;MACvB,OAAO;GACV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACtB,OAAO,IAAI,CAAA;;;iBAGI,YAAY;MACvB,OAAO;GACV,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAA;wBACY,OAAO;EAC7B,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"avatar.template.js","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;IACpE,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC;IAC5C,MAAM,YAAY,GAAG,CAAC,SAAS,IAAI,QAAQ,KAAK,EAAE,CAAC;IACnD,MAAM,QAAQ,GAAG,CAAC,SAAS,IAAI,CAAC,YAAY,CAAC;IAC7C,6EAA6E;IAC7E,MAAM,iBAAiB,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,MAAM,KAAK,QAAQ;QACxE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;QAC1D,CAAC,CAAC,EAAE,CAAC;IACN,+DAA+D;IAC/D,4EAA4E;IAC5E,MAAM,YAAY,GAAG,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,EAAE,iBAAiB,CAAC;SACnF,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC;IACxC,6EAA6E;IAC7E,4EAA4E;IAC5E,0EAA0E;IAC1E,MAAM,OAAO,GAAG,IAAI,CAAA;IACjB,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEV,SAAS,CAAC,GAAG;aACV,SAAS,CAAC,MAAM,IAAI,OAAO;YAC5B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM;;;;aAI9C,SAAS,CAAC,aAAa;;GAEjC,CAAC,CAAC,CAAC,OAAO;IACT,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;;MAGjB,QAAQ;GACX,CAAC,CAAC,CAAC,OAAO;IACT,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;WAER,SAAS,CAAC,YAAY;;GAE9B,CAAC,CAAC,CAAC,OAAO;EACX,CAAC;IAEF,6EAA6E;IAC7E,6EAA6E;IAC7E,0BAA0B;IAC1B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI;QAC3B,CAAC,CAAC,IAAI,CAAA;;WAEG,SAAS,CAAC,IAAI;aACZ,SAAS,CAAC,MAAM,IAAI,OAAO;UAC9B,SAAS,CAAC,YAAY,EAAE,IAAI,OAAO;iBAC5B,YAAY;MACvB,OAAO;GACV;QACD,CAAC,CAAC,SAAS,CAAC,MAAM;YACjB,CAAC,CAAC,IAAI,CAAA;;;kBAGS,YAAY;OACvB,OAAO;IACV;YACD,CAAC,CAAC,IAAI,CAAA,uBAAuB,OAAO,QAAQ,CAAC;IAE/C,6EAA6E;IAC7E,4EAA4E;IAC5E,mEAAmE;IACnE,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;IAE9F,OAAO,WAAW,IAAI,SAAS,CAAC,aAAa,KAAK,OAAO;QACxD,CAAC,CAAC,IAAI,CAAA;wBACgB,WAAW,WAAW,SAAS,CAAC,aAAa;MAC/D,KAAK;;GAER;QACD,CAAC,CAAC,KAAK,CAAC;AACV,CAAC"}