@nldd/design-system 0.8.92 → 0.8.94

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 (630) hide show
  1. package/NOTICES.md +29 -27
  2. package/README.md +39 -26
  3. package/custom-elements.json +2134 -1509
  4. package/dist/components/actions/button/button.d.ts +28 -6
  5. package/dist/components/actions/button/button.d.ts.map +1 -1
  6. package/dist/components/actions/button/button.js +58 -8
  7. package/dist/components/actions/button/button.js.map +1 -1
  8. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  9. package/dist/components/actions/button/button.styles.js +44 -74
  10. package/dist/components/actions/button/button.styles.js.map +1 -1
  11. package/dist/components/actions/button/button.template.d.ts.map +1 -1
  12. package/dist/components/actions/button/button.template.js +4 -3
  13. package/dist/components/actions/button/button.template.js.map +1 -1
  14. package/dist/components/actions/button-bar/button-bar.d.ts +11 -4
  15. package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
  16. package/dist/components/actions/button-bar/button-bar.js +25 -9
  17. package/dist/components/actions/button-bar/button-bar.js.map +1 -1
  18. package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
  19. package/dist/components/actions/button-bar/button-bar.styles.js +18 -3
  20. package/dist/components/actions/button-bar/button-bar.styles.js.map +1 -1
  21. package/dist/components/actions/button-group/button-group.d.ts +48 -3
  22. package/dist/components/actions/button-group/button-group.d.ts.map +1 -1
  23. package/dist/components/actions/button-group/button-group.js +104 -11
  24. package/dist/components/actions/button-group/button-group.js.map +1 -1
  25. package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
  26. package/dist/components/actions/button-group/button-group.styles.js +64 -4
  27. package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
  28. package/dist/components/actions/icon-button/icon-button.d.ts +13 -7
  29. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  30. package/dist/components/actions/icon-button/icon-button.js +16 -7
  31. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  32. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  33. package/dist/components/actions/icon-button/icon-button.styles.js +35 -61
  34. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  35. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  36. package/dist/components/actions/icon-button/icon-button.template.js +8 -4
  37. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  38. package/dist/components/actions/menu/menu.d.ts +46 -31
  39. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  40. package/dist/components/actions/menu/menu.js +87 -64
  41. package/dist/components/actions/menu/menu.js.map +1 -1
  42. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
  43. package/dist/components/actions/menu/menu.styles.js +4 -0
  44. package/dist/components/actions/menu/menu.styles.js.map +1 -1
  45. package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
  46. package/dist/components/actions/menu/menu.template.js +13 -5
  47. package/dist/components/actions/menu/menu.template.js.map +1 -1
  48. package/dist/components/actions/split-button/split-button.d.ts +2 -2
  49. package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
  50. package/dist/components/actions/split-button/split-button.js +5 -4
  51. package/dist/components/actions/split-button/split-button.js.map +1 -1
  52. package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
  53. package/dist/components/actions/split-button/split-button.styles.js +18 -3
  54. package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
  55. package/dist/components/actions/split-button/split-button.template.js +2 -2
  56. package/dist/components/actions/split-button/split-button.template.js.map +1 -1
  57. package/dist/components/actions/toolbar/toolbar.d.ts +24 -10
  58. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  59. package/dist/components/actions/toolbar/toolbar.js +60 -28
  60. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  61. package/dist/components/actions/toolbar/toolbar.styles.js +7 -7
  62. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  63. package/dist/components/actions/toolbar/toolbar.template.js +3 -2
  64. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  65. package/dist/components/components.js +3034 -1382
  66. package/dist/components/content/avatar/avatar.d.ts +23 -5
  67. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  68. package/dist/components/content/avatar/avatar.js +24 -6
  69. package/dist/components/content/avatar/avatar.js.map +1 -1
  70. package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
  71. package/dist/components/content/avatar/avatar.template.js +5 -2
  72. package/dist/components/content/avatar/avatar.template.js.map +1 -1
  73. package/dist/components/content/avatar-group/avatar-group.template.d.ts.map +1 -1
  74. package/dist/components/content/avatar-group/avatar-group.template.js +6 -2
  75. package/dist/components/content/avatar-group/avatar-group.template.js.map +1 -1
  76. package/dist/components/content/code-viewer/code-viewer.d.ts +2 -2
  77. package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -1
  78. package/dist/components/content/code-viewer/code-viewer.js +10 -6
  79. package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
  80. package/dist/components/content/code-viewer/code-viewer.styles.js +6 -6
  81. package/dist/components/content/icon/icon.d.ts +18 -6
  82. package/dist/components/content/icon/icon.d.ts.map +1 -1
  83. package/dist/components/content/icon/icon.js +30 -10
  84. package/dist/components/content/icon/icon.js.map +1 -1
  85. package/dist/components/content/identity/identity.template.d.ts.map +1 -1
  86. package/dist/components/content/identity/identity.template.js +4 -1
  87. package/dist/components/content/identity/identity.template.js.map +1 -1
  88. package/dist/components/content/image/image.d.ts.map +1 -1
  89. package/dist/components/content/image/image.js +2 -1
  90. package/dist/components/content/image/image.js.map +1 -1
  91. package/dist/components/content/image/image.template.d.ts.map +1 -1
  92. package/dist/components/content/image/image.template.js +7 -2
  93. package/dist/components/content/image/image.template.js.map +1 -1
  94. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +3 -3
  95. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
  96. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +3 -3
  97. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  98. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +7 -7
  99. package/dist/components/content/rich-text/rich-text.d.ts +20 -9
  100. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  101. package/dist/components/content/rich-text/rich-text.js +32 -16
  102. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  103. package/dist/components/content/tag/tag.d.ts +2 -2
  104. package/dist/components/content/tag/tag.d.ts.map +1 -1
  105. package/dist/components/content/tag/tag.js +5 -5
  106. package/dist/components/content/tag/tag.js.map +1 -1
  107. package/dist/components/content/tag/tag.template.js +2 -2
  108. package/dist/components/content/text/text.styles.d.ts.map +1 -1
  109. package/dist/components/content/text/text.styles.js +1 -0
  110. package/dist/components/content/text/text.styles.js.map +1 -1
  111. package/dist/components/content/title/title.d.ts +30 -6
  112. package/dist/components/content/title/title.d.ts.map +1 -1
  113. package/dist/components/content/title/title.js +72 -8
  114. package/dist/components/content/title/title.js.map +1 -1
  115. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  116. package/dist/components/content/title/title.styles.js +41 -4
  117. package/dist/components/content/title/title.styles.js.map +1 -1
  118. package/dist/components/content/title/title.template.d.ts +2 -1
  119. package/dist/components/content/title/title.template.d.ts.map +1 -1
  120. package/dist/components/content/title/title.template.js +33 -5
  121. package/dist/components/content/title/title.template.js.map +1 -1
  122. package/dist/components/content/token/token.d.ts +15 -5
  123. package/dist/components/content/token/token.d.ts.map +1 -1
  124. package/dist/components/content/token/token.i18n.d.ts +7 -0
  125. package/dist/components/content/token/token.i18n.d.ts.map +1 -0
  126. package/dist/components/content/token/token.i18n.js +6 -0
  127. package/dist/components/content/token/token.i18n.js.map +1 -0
  128. package/dist/components/content/token/token.js +56 -14
  129. package/dist/components/content/token/token.js.map +1 -1
  130. package/dist/components/content/token/token.template.js +6 -6
  131. package/dist/components/content/token/token.template.js.map +1 -1
  132. package/dist/components/forms/form/form.d.ts +18 -7
  133. package/dist/components/forms/form/form.d.ts.map +1 -1
  134. package/dist/components/forms/form/form.js +18 -7
  135. package/dist/components/forms/form/form.js.map +1 -1
  136. package/dist/components/forms/form-actions/form-actions.d.ts +1 -1
  137. package/dist/components/forms/form-actions/form-actions.js +1 -1
  138. package/dist/components/forms/form-field/form-field.d.ts +12 -1
  139. package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
  140. package/dist/components/forms/form-field/form-field.js +12 -1
  141. package/dist/components/forms/form-field/form-field.js.map +1 -1
  142. package/dist/components/forms/form-section/form-section.d.ts +3 -3
  143. package/dist/components/forms/form-section/form-section.js +8 -8
  144. package/dist/components/forms/form-section/form-section.js.map +1 -1
  145. package/dist/components/forms/validation-list/validation-list.d.ts +7 -4
  146. package/dist/components/forms/validation-list/validation-list.d.ts.map +1 -1
  147. package/dist/components/forms/validation-list/validation-list.js +7 -4
  148. package/dist/components/forms/validation-list/validation-list.js.map +1 -1
  149. package/dist/components/{icon-C_zwJZ_g.js → icon-DWNVcttg.js} +4 -4
  150. package/dist/components/{icon-button-oua8pmMC.js → icon-button-DHzLMmj0.js} +62 -78
  151. package/dist/components/index.d.ts +1 -0
  152. package/dist/components/index.d.ts.map +1 -1
  153. package/dist/components/index.js +2 -0
  154. package/dist/components/index.js.map +1 -1
  155. package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
  156. package/dist/components/inputs/checkbox/checkbox.template.js +11 -5
  157. package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
  158. package/dist/components/inputs/code-editor/code-editor.d.ts +5 -5
  159. package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
  160. package/dist/components/inputs/code-editor/code-editor.js +5 -5
  161. package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
  162. package/dist/components/inputs/code-editor/code-editor.styles.js +3 -3
  163. package/dist/components/inputs/combo-box/combo-box.d.ts +47 -3
  164. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  165. package/dist/components/inputs/combo-box/combo-box.js +119 -41
  166. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  167. package/dist/components/inputs/combo-box/combo-box.template.js +4 -4
  168. package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
  169. package/dist/components/inputs/date-field/date-field.js +2 -1
  170. package/dist/components/inputs/date-field/date-field.js.map +1 -1
  171. package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -1
  172. package/dist/components/inputs/date-field/date-field.template.js +6 -4
  173. package/dist/components/inputs/date-field/date-field.template.js.map +1 -1
  174. package/dist/components/inputs/date-picker/date-picker.template.js +3 -3
  175. package/dist/components/inputs/date-picker/date-picker.template.js.map +1 -1
  176. package/dist/components/inputs/dropdown/dropdown.d.ts +0 -2
  177. package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
  178. package/dist/components/inputs/dropdown/dropdown.js +1 -13
  179. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  180. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  181. package/dist/components/inputs/dropdown/dropdown.styles.js +24 -12
  182. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  183. package/dist/components/inputs/dropdown/dropdown.template.d.ts.map +1 -1
  184. package/dist/components/inputs/dropdown/dropdown.template.js +3 -4
  185. package/dist/components/inputs/dropdown/dropdown.template.js.map +1 -1
  186. package/dist/components/inputs/file-field/file-field.d.ts.map +1 -1
  187. package/dist/components/inputs/file-field/file-field.js +2 -7
  188. package/dist/components/inputs/file-field/file-field.js.map +1 -1
  189. package/dist/components/inputs/file-field/file-field.template.js +3 -3
  190. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +2 -2
  191. package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
  192. package/dist/components/inputs/number-field/number-field.js +2 -1
  193. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  194. package/dist/components/inputs/number-field/number-field.styles.js +4 -4
  195. package/dist/components/inputs/number-field/number-field.template.js +2 -2
  196. package/dist/components/inputs/password-field/password-field.template.js +2 -2
  197. package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
  198. package/dist/components/inputs/radio-button/radio-button.template.js +3 -1
  199. package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
  200. package/dist/components/inputs/search-field/search-field.d.ts +24 -24
  201. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  202. package/dist/components/inputs/search-field/search-field.js +42 -41
  203. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  204. package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
  205. package/dist/components/inputs/search-field/search-field.template.js +6 -4
  206. package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
  207. package/dist/components/inputs/segmented-control/segmented-control.d.ts +6 -0
  208. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  209. package/dist/components/inputs/segmented-control/segmented-control.js +13 -0
  210. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  211. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  212. package/dist/components/inputs/segmented-control/segmented-control.styles.js +54 -16
  213. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  214. package/dist/components/inputs/segmented-control/segmented-control.template.js +2 -2
  215. package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
  216. package/dist/components/inputs/stepper/stepper.js +2 -1
  217. package/dist/components/inputs/stepper/stepper.js.map +1 -1
  218. package/dist/components/inputs/stepper/stepper.template.js +2 -2
  219. package/dist/components/inputs/switch/switch.template.js +1 -1
  220. package/dist/components/inputs/text-editor/text-editor.annotations.d.ts.map +1 -1
  221. package/dist/components/inputs/text-editor/text-editor.annotations.js +6 -4
  222. package/dist/components/inputs/text-editor/text-editor.annotations.js.map +1 -1
  223. package/dist/components/inputs/text-editor/text-editor.d.ts +27 -64
  224. package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
  225. package/dist/components/inputs/text-editor/text-editor.i18n.d.ts +2 -0
  226. package/dist/components/inputs/text-editor/text-editor.i18n.d.ts.map +1 -1
  227. package/dist/components/inputs/text-editor/text-editor.i18n.js +5 -0
  228. package/dist/components/inputs/text-editor/text-editor.i18n.js.map +1 -1
  229. package/dist/components/inputs/text-editor/text-editor.js +87 -20
  230. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  231. package/dist/components/inputs/text-editor/text-editor.labels.d.ts +4 -0
  232. package/dist/components/inputs/text-editor/text-editor.labels.d.ts.map +1 -0
  233. package/dist/components/inputs/text-editor/text-editor.labels.js +5 -0
  234. package/dist/components/inputs/text-editor/text-editor.labels.js.map +1 -0
  235. package/dist/components/inputs/text-editor/text-editor.links.d.ts.map +1 -1
  236. package/dist/components/inputs/text-editor/text-editor.links.js +7 -5
  237. package/dist/components/inputs/text-editor/text-editor.links.js.map +1 -1
  238. package/dist/components/inputs/text-editor/text-editor.markdown.d.ts.map +1 -1
  239. package/dist/components/inputs/text-editor/text-editor.markdown.js +6 -2
  240. package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
  241. package/dist/components/inputs/text-editor/text-editor.mentions.d.ts +27 -3
  242. package/dist/components/inputs/text-editor/text-editor.mentions.d.ts.map +1 -1
  243. package/dist/components/inputs/text-editor/text-editor.mentions.js +145 -26
  244. package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
  245. package/dist/components/inputs/text-editor/text-editor.spellcheck.d.ts +11 -0
  246. package/dist/components/inputs/text-editor/text-editor.spellcheck.d.ts.map +1 -0
  247. package/dist/components/inputs/text-editor/text-editor.spellcheck.js +134 -0
  248. package/dist/components/inputs/text-editor/text-editor.spellcheck.js.map +1 -0
  249. package/dist/components/inputs/text-editor/text-editor.styles.d.ts.map +1 -1
  250. package/dist/components/inputs/text-editor/text-editor.styles.js +9 -3
  251. package/dist/components/inputs/text-editor/text-editor.styles.js.map +1 -1
  252. package/dist/components/inputs/text-field/text-field.template.js +2 -2
  253. package/dist/components/inputs/time-field/time-field.d.ts.map +1 -1
  254. package/dist/components/inputs/time-field/time-field.js +2 -1
  255. package/dist/components/inputs/time-field/time-field.js.map +1 -1
  256. package/dist/components/inputs/time-field/time-field.template.d.ts.map +1 -1
  257. package/dist/components/inputs/time-field/time-field.template.js +7 -5
  258. package/dist/components/inputs/time-field/time-field.template.js.map +1 -1
  259. package/dist/components/inputs/time-picker/time-picker.d.ts.map +1 -1
  260. package/dist/components/inputs/time-picker/time-picker.js +2 -1
  261. package/dist/components/inputs/time-picker/time-picker.js.map +1 -1
  262. package/dist/components/inputs/toggle-button/toggle-button.d.ts +12 -0
  263. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  264. package/dist/components/inputs/toggle-button/toggle-button.js +17 -0
  265. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  266. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  267. package/dist/components/inputs/toggle-button/toggle-button.styles.js +99 -12
  268. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  269. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  270. package/dist/components/inputs/toggle-button/toggle-button.template.js +6 -4
  271. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  272. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +4 -2
  273. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
  274. package/dist/components/inputs/toggle-button-group/toggle-button-group.js +8 -2
  275. package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
  276. package/dist/components/inputs/token-field/token-field.d.ts +26 -1
  277. package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
  278. package/dist/components/inputs/token-field/token-field.i18n.js +1 -1
  279. package/dist/components/inputs/token-field/token-field.i18n.js.map +1 -1
  280. package/dist/components/inputs/token-field/token-field.js +59 -6
  281. package/dist/components/inputs/token-field/token-field.js.map +1 -1
  282. package/dist/components/inputs/token-field/token-field.styles.d.ts.map +1 -1
  283. package/dist/components/inputs/token-field/token-field.styles.js +2 -1
  284. package/dist/components/inputs/token-field/token-field.styles.js.map +1 -1
  285. package/dist/components/inputs/token-field/token-field.template.d.ts.map +1 -1
  286. package/dist/components/inputs/token-field/token-field.template.js +7 -5
  287. package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
  288. package/dist/components/layout/app-view/app-view.d.ts +8 -0
  289. package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
  290. package/dist/components/layout/app-view/app-view.js +8 -0
  291. package/dist/components/layout/app-view/app-view.js.map +1 -1
  292. package/dist/components/layout/card/card.d.ts +7 -4
  293. package/dist/components/layout/card/card.d.ts.map +1 -1
  294. package/dist/components/layout/card/card.js +10 -7
  295. package/dist/components/layout/card/card.js.map +1 -1
  296. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  297. package/dist/components/layout/card/card.styles.js +22 -2
  298. package/dist/components/layout/card/card.styles.js.map +1 -1
  299. package/dist/components/layout/card/card.template.d.ts.map +1 -1
  300. package/dist/components/layout/card/card.template.js +4 -2
  301. package/dist/components/layout/card/card.template.js.map +1 -1
  302. package/dist/components/layout/collection/collection.d.ts +11 -6
  303. package/dist/components/layout/collection/collection.d.ts.map +1 -1
  304. package/dist/components/layout/collection/collection.js +21 -15
  305. package/dist/components/layout/collection/collection.js.map +1 -1
  306. package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
  307. package/dist/components/layout/collection/collection.template.js +5 -2
  308. package/dist/components/layout/collection/collection.template.js.map +1 -1
  309. package/dist/components/layout/container/container.d.ts +13 -8
  310. package/dist/components/layout/container/container.d.ts.map +1 -1
  311. package/dist/components/layout/container/container.js +19 -14
  312. package/dist/components/layout/container/container.js.map +1 -1
  313. package/dist/components/layout/page/page.d.ts +52 -2
  314. package/dist/components/layout/page/page.d.ts.map +1 -1
  315. package/dist/components/layout/page/page.js +94 -3
  316. package/dist/components/layout/page/page.js.map +1 -1
  317. package/dist/components/layout/page/page.template.d.ts +6 -0
  318. package/dist/components/layout/page/page.template.d.ts.map +1 -1
  319. package/dist/components/layout/page/page.template.js +21 -6
  320. package/dist/components/layout/page/page.template.js.map +1 -1
  321. package/dist/components/layout/page-footer/page-footer.d.ts +2 -4
  322. package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
  323. package/dist/components/layout/page-footer/page-footer.js +8 -23
  324. package/dist/components/layout/page-footer/page-footer.js.map +1 -1
  325. package/dist/components/layout/page-footer/page-footer.template.d.ts.map +1 -1
  326. package/dist/components/layout/page-footer/page-footer.template.js +16 -4
  327. package/dist/components/layout/page-footer/page-footer.template.js.map +1 -1
  328. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +4 -6
  329. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  330. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +4 -5
  331. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  332. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.d.ts.map +1 -1
  333. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js +8 -2
  334. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js.map +1 -1
  335. package/dist/components/layout/page-sections/hero/hero.d.ts +12 -14
  336. package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
  337. package/dist/components/layout/page-sections/hero/hero.js +19 -20
  338. package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
  339. package/dist/components/layout/page-sections/hero/hero.template.d.ts.map +1 -1
  340. package/dist/components/layout/page-sections/hero/hero.template.js +6 -2
  341. package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -1
  342. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +6 -8
  343. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  344. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +6 -7
  345. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  346. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
  347. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +8 -2
  348. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
  349. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +6 -8
  350. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  351. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +6 -7
  352. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  353. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
  354. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +8 -2
  355. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
  356. package/dist/components/layout/page-sections/page-section-controls.d.ts +139 -44
  357. package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
  358. package/dist/components/layout/page-sections/page-section-controls.js +44 -47
  359. package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
  360. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +11 -12
  361. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
  362. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +21 -20
  363. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
  364. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.d.ts.map +1 -1
  365. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js +8 -2
  366. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js.map +1 -1
  367. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +14 -8
  368. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  369. package/dist/components/layout/page-sections/simple-section/simple-section.js +14 -7
  370. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  371. package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map +1 -1
  372. package/dist/components/layout/page-sections/simple-section/simple-section.template.js +8 -2
  373. package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map +1 -1
  374. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +6 -8
  375. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  376. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +6 -7
  377. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  378. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
  379. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +8 -2
  380. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
  381. package/dist/components/layout/popover/popover.d.ts +12 -8
  382. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  383. package/dist/components/layout/popover/popover.js +40 -19
  384. package/dist/components/layout/popover/popover.js.map +1 -1
  385. package/dist/components/layout/sheet/sheet.d.ts +26 -11
  386. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  387. package/dist/components/layout/sheet/sheet.js +59 -20
  388. package/dist/components/layout/sheet/sheet.js.map +1 -1
  389. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  390. package/dist/components/layout/sheet/sheet.styles.js +4 -0
  391. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  392. package/dist/components/layout/sheet/sheet.template.js +1 -1
  393. package/dist/components/layout/sheet/sheet.template.js.map +1 -1
  394. package/dist/components/layout/spacer/spacer.d.ts +13 -0
  395. package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
  396. package/dist/components/layout/spacer/spacer.js +13 -0
  397. package/dist/components/layout/spacer/spacer.js.map +1 -1
  398. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -1
  399. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts.map +1 -1
  400. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -1
  401. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
  402. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +11 -6
  403. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts.map +1 -1
  404. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +17 -12
  405. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
  406. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.d.ts.map +1 -1
  407. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +4 -0
  408. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
  409. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +3 -1
  410. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map +1 -1
  411. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +3 -1
  412. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
  413. package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +4 -4
  414. package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts.map +1 -1
  415. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +8 -8
  416. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
  417. package/dist/components/layout/window/window.d.ts +30 -18
  418. package/dist/components/layout/window/window.d.ts.map +1 -1
  419. package/dist/components/layout/window/window.js +68 -32
  420. package/dist/components/layout/window/window.js.map +1 -1
  421. package/dist/components/lists-and-tables/cells/cell/cell.d.ts +4 -2
  422. package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -1
  423. package/dist/components/lists-and-tables/cells/cell/cell.js +7 -5
  424. package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
  425. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts.map +1 -1
  426. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js +2 -1
  427. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -1
  428. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +1 -1
  429. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js +88 -16
  430. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map +1 -1
  431. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts +4 -2
  432. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -1
  433. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js +7 -5
  434. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js.map +1 -1
  435. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
  436. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +23 -0
  437. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
  438. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.d.ts.map +1 -1
  439. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js +11 -2
  440. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js.map +1 -1
  441. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts +2 -2
  442. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -1
  443. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +5 -5
  444. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -1
  445. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.d.ts.map +1 -1
  446. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js +8 -2
  447. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js.map +1 -1
  448. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +11 -11
  449. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
  450. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +15 -15
  451. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
  452. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +5 -5
  453. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +2 -2
  454. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -1
  455. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts +3 -3
  456. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -1
  457. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +6 -6
  458. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -1
  459. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.d.ts.map +1 -1
  460. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js +8 -2
  461. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js.map +1 -1
  462. package/dist/components/lists-and-tables/list/list.d.ts +14 -11
  463. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
  464. package/dist/components/lists-and-tables/list/list.js +36 -36
  465. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  466. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  467. package/dist/components/lists-and-tables/list/list.styles.js +9 -5
  468. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  469. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
  470. package/dist/components/lists-and-tables/list/list.template.js +26 -9
  471. package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
  472. package/dist/components/lists-and-tables/list-item/list-item.d.ts +65 -43
  473. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  474. package/dist/components/lists-and-tables/list-item/list-item.js +116 -47
  475. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  476. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
  477. package/dist/components/lists-and-tables/list-item/list-item.styles.js +4 -14
  478. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
  479. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +35 -10
  480. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -1
  481. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js +45 -18
  482. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
  483. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.d.ts.map +1 -1
  484. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +4 -14
  485. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js.map +1 -1
  486. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +1 -1
  487. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -1
  488. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js +11 -2
  489. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -1
  490. package/dist/components/lists-and-tables/table/table.d.ts +4 -2
  491. package/dist/components/lists-and-tables/table/table.d.ts.map +1 -1
  492. package/dist/components/lists-and-tables/table/table.js +15 -12
  493. package/dist/components/lists-and-tables/table/table.js.map +1 -1
  494. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +0 -2
  495. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  496. package/dist/components/navigation/breadcrumbs/breadcrumbs.js +4 -19
  497. package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
  498. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
  499. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +6 -6
  500. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  501. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
  502. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +10 -4
  503. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
  504. package/dist/components/navigation/link/link.template.js +2 -2
  505. package/dist/components/navigation/menu-bar/menu-bar.js +1 -1
  506. package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
  507. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +4 -4
  508. package/dist/components/navigation/pagination/pagination.d.ts +0 -3
  509. package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
  510. package/dist/components/navigation/pagination/pagination.js +2 -13
  511. package/dist/components/navigation/pagination/pagination.js.map +1 -1
  512. package/dist/components/navigation/pagination/pagination.styles.js +4 -4
  513. package/dist/components/navigation/pagination/pagination.template.js +3 -3
  514. package/dist/components/navigation/tab-bar/tab-bar.template.js +2 -2
  515. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +12 -0
  516. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
  517. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +37 -2
  518. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  519. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  520. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +48 -3
  521. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  522. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map +1 -1
  523. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +4 -2
  524. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js.map +1 -1
  525. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +6 -2
  526. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
  527. package/dist/components/navigation/top-title-bar/top-title-bar.js +7 -2
  528. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  529. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -2
  530. package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
  531. package/dist/components/navigation/top-title-bar/top-title-bar.template.js +21 -6
  532. package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
  533. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -1
  534. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +2 -1
  535. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
  536. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +4 -4
  537. package/dist/components/status-and-feedback/badge/badge.template.js +1 -1
  538. package/dist/components/status-and-feedback/banner/banner.d.ts.map +1 -1
  539. package/dist/components/status-and-feedback/banner/banner.js +2 -1
  540. package/dist/components/status-and-feedback/banner/banner.js.map +1 -1
  541. package/dist/components/status-and-feedback/banner/banner.template.js +2 -2
  542. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +1 -1
  543. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.template.js +1 -1
  544. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +14 -5
  545. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
  546. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +43 -13
  547. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  548. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
  549. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +4 -1
  550. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
  551. package/dist/components/status-and-feedback/notification/notification.d.ts +8 -8
  552. package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -1
  553. package/dist/components/status-and-feedback/notification/notification.js +13 -13
  554. package/dist/components/status-and-feedback/notification/notification.js.map +1 -1
  555. package/dist/components/status-and-feedback/notification/notification.template.d.ts.map +1 -1
  556. package/dist/components/status-and-feedback/notification/notification.template.js +6 -3
  557. package/dist/components/status-and-feedback/notification/notification.template.js.map +1 -1
  558. package/dist/components/status-and-feedback/notification/{notification-region.d.ts → notifications-area.d.ts} +3 -3
  559. package/dist/components/status-and-feedback/notification/notifications-area.d.ts.map +1 -0
  560. package/dist/components/status-and-feedback/notification/{notification-region.js → notifications-area.js} +137 -140
  561. package/dist/components/status-and-feedback/notification/notifications-area.js.map +1 -0
  562. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +4 -4
  563. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -1
  564. package/dist/components/status-and-feedback/progress-bar/progress-bar.js +11 -10
  565. package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
  566. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  567. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +10 -6
  568. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  569. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.d.ts.map +1 -1
  570. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +3 -2
  571. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
  572. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +6 -4
  573. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -1
  574. package/dist/components/status-and-feedback/progress-circle/progress-circle.js +16 -13
  575. package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
  576. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +3 -3
  577. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
  578. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +106 -18
  579. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  580. package/dist/components/status-and-feedback/status-bar/status-bar.template.js +1 -1
  581. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +4 -1
  582. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -1
  583. package/dist/components/status-and-feedback/step-indicator/step-indicator.js +4 -1
  584. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -1
  585. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +2 -2
  586. package/dist/components/{with-translations-BAKFoEKy.js → with-translations-Dt2DTXJF.js} +40 -12
  587. package/dist/css/form-section.css +4 -4
  588. package/dist/css/form.css +4 -0
  589. package/dist/css/rich-text.css +31 -12
  590. package/dist/css/variables.css +33 -56
  591. package/dist/nldd.min.js +1772 -1113
  592. package/dist/translations/en-US.d.ts +17 -0
  593. package/dist/translations/en-US.d.ts.map +1 -0
  594. package/dist/translations/en-US.js +185 -0
  595. package/dist/translations/en-US.js.map +1 -0
  596. package/dist/translations/fy.d.ts +20 -0
  597. package/dist/translations/fy.d.ts.map +1 -0
  598. package/dist/translations/fy.js +185 -0
  599. package/dist/translations/fy.js.map +1 -0
  600. package/dist/translations/nl.generated.d.ts +188 -0
  601. package/dist/translations/nl.generated.d.ts.map +1 -0
  602. package/dist/translations/nl.generated.js +101 -0
  603. package/dist/translations/nl.generated.js.map +1 -0
  604. package/dist/translations/pap-AW.d.ts +22 -0
  605. package/dist/translations/pap-AW.d.ts.map +1 -0
  606. package/dist/translations/pap-AW.js +185 -0
  607. package/dist/translations/pap-AW.js.map +1 -0
  608. package/dist/translations/pap-CW.d.ts +22 -0
  609. package/dist/translations/pap-CW.d.ts.map +1 -0
  610. package/dist/translations/pap-CW.js +185 -0
  611. package/dist/translations/pap-CW.js.map +1 -0
  612. package/dist/types/vue.d.ts +387 -302
  613. package/dist/utilities/page-section-mixin.d.ts +3 -8
  614. package/dist/utilities/page-section-mixin.d.ts.map +1 -1
  615. package/dist/utilities/page-section-mixin.js +4 -84
  616. package/dist/utilities/page-section-mixin.js.map +1 -1
  617. package/dist/utilities/title-bar-label-controller.d.ts +25 -0
  618. package/dist/utilities/title-bar-label-controller.d.ts.map +1 -0
  619. package/dist/utilities/title-bar-label-controller.js +52 -0
  620. package/dist/utilities/title-bar-label-controller.js.map +1 -0
  621. package/dist/utilities/translations.d.ts +37 -0
  622. package/dist/utilities/translations.d.ts.map +1 -0
  623. package/dist/utilities/translations.js +80 -0
  624. package/dist/utilities/translations.js.map +1 -0
  625. package/dist/utilities/with-translations.d.ts.map +1 -1
  626. package/dist/utilities/with-translations.js +2 -15
  627. package/dist/utilities/with-translations.js.map +1 -1
  628. package/package.json +32 -4
  629. package/dist/components/status-and-feedback/notification/notification-region.d.ts.map +0 -1
  630. package/dist/components/status-and-feedback/notification/notification-region.js.map +0 -1
@@ -1,8 +1,20 @@
1
1
  import { html, nothing } from 'lit';
2
+ import { html as staticHtml, unsafeStatic } from 'lit/static-html.js';
2
3
  import '../../actions/button/button.js';
3
4
  import '../../actions/icon-button/icon-button.js';
5
+ // SAFETY: the only tags unsafeStatic ever sees. A heading-level outside the map
6
+ // falls back to h1, so no tag name is derived from input.
7
+ const HEADING_TAGS = {
8
+ 1: unsafeStatic('h1'),
9
+ 2: unsafeStatic('h2'),
10
+ 3: unsafeStatic('h3'),
11
+ 4: unsafeStatic('h4'),
12
+ 5: unsafeStatic('h5'),
13
+ 6: unsafeStatic('h6'),
14
+ };
4
15
  export function topTitleBarTemplate(component) {
5
16
  const showBack = !!component.backText;
17
+ const headingTag = HEADING_TAGS[component.headingLevel] ?? HEADING_TAGS[1];
6
18
  return html `
7
19
  <div class="top-title-bar">
8
20
  <div class="top-title-bar__start">
@@ -10,7 +22,7 @@ export function topTitleBarTemplate(component) {
10
22
  <div class="top-title-bar__back-button">
11
23
  <div class="top-title-bar__text-back-button">
12
24
  <nldd-button
13
- variant="accent-transparent"
25
+ appearance="accent-transparent"
14
26
  start-icon="chevron-left"
15
27
  text=${component.backText}
16
28
  href=${component.backHref || nothing}
@@ -20,7 +32,7 @@ export function topTitleBarTemplate(component) {
20
32
  </div>
21
33
  <div class="top-title-bar__icon-back-button">
22
34
  <nldd-icon-button
23
- variant="accent-transparent"
35
+ appearance="accent-transparent"
24
36
  icon="chevron-left"
25
37
  text=${component.backText}
26
38
  accessible-label=${component.backText || nothing}
@@ -34,20 +46,23 @@ export function topTitleBarTemplate(component) {
34
46
  <div class="top-title-bar__title-group"
35
47
  aria-hidden=${component._hasAnchor ? 'true' : nothing}
36
48
  >
37
- <h1 class="top-title-bar__title">${component.text}</h1>
49
+ ${staticHtml `<${headingTag} class="top-title-bar__title">${component.text}</${headingTag}>`}
38
50
  ${component.supportingText ? html `
39
- <p class="top-title-bar__subtitle">${component.supportingText}</p>
51
+ <p class="top-title-bar__supporting-text">${component.supportingText}</p>
40
52
  ` : nothing}
41
53
  </div>
42
54
  </div>
43
55
  <div class="top-title-bar__end"
44
56
  ?hidden=${!component.dismissText && !component._hasToolbarItems}
45
57
  >
46
- <slot name="toolbar" @slotchange=${component._onToolbarSlotChange}></slot>
58
+ <slot
59
+ name="toolbar"
60
+ @slotchange=${component._onToolbarSlotChange}
61
+ ></slot>
47
62
  ${component.dismissText ? html `
48
63
  <div class="top-title-bar__dismiss-button">
49
64
  <nldd-button
50
- variant="accent-transparent"
65
+ appearance="accent-transparent"
51
66
  text=${component.dismissText}
52
67
  @click=${component._handleDismiss}
53
68
  ></nldd-button>
@@ -1 +1 @@
1
- {"version":3,"file":"top-title-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAElD,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC;IAEtC,OAAO,IAAI,CAAA;;;MAGN,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;eAMN,SAAS,CAAC,QAAQ;eAClB,SAAS,CAAC,QAAQ,IAAI,OAAO;;iBAE3B,SAAS,CAAC,WAAW;;;;;;;eAOvB,SAAS,CAAC,QAAQ;2BACN,SAAS,CAAC,QAAQ,IAAI,OAAO;eACzC,SAAS,CAAC,QAAQ,IAAI,OAAO;iBAC3B,SAAS,CAAC,WAAW;;;;;KAKjC,CAAC,CAAC,CAAC,OAAO;;mBAEI,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;wCAElB,SAAS,CAAC,IAAI;OAC/C,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;2CACK,SAAS,CAAC,cAAc;MAC7D,CAAC,CAAC,CAAC,OAAO;;;;cAIF,CAAC,SAAS,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,gBAAgB;;uCAE5B,SAAS,CAAC,oBAAoB;MAC/D,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIpB,SAAS,CAAC,WAAW;gBACnB,SAAS,CAAC,cAAc;;;KAGnC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"top-title-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAElD,gFAAgF;AAChF,0DAA0D;AAC1D,MAAM,YAAY,GAAoD;IACrE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC;IACtC,MAAM,UAAU,GAAG,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;IAE3E,OAAO,IAAI,CAAA;;;MAGN,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;eAMN,SAAS,CAAC,QAAQ;eAClB,SAAS,CAAC,QAAQ,IAAI,OAAO;;iBAE3B,SAAS,CAAC,WAAW;;;;;;;eAOvB,SAAS,CAAC,QAAQ;2BACN,SAAS,CAAC,QAAQ,IAAI,OAAO;eACzC,SAAS,CAAC,QAAQ,IAAI,OAAO;iBAC3B,SAAS,CAAC,WAAW;;;;;KAKjC,CAAC,CAAC,CAAC,OAAO;;mBAEI,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;OAEnD,UAAU,CAAA,IAAI,UAAU,iCAAiC,SAAS,CAAC,IAAI,KAAK,UAAU,GAAG;OACzF,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;kDACY,SAAS,CAAC,cAAc;MACpE,CAAC,CAAC,CAAC,OAAO;;;;cAIF,CAAC,SAAS,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,gBAAgB;;;;mBAIhD,SAAS,CAAC,oBAAoB;;MAE3C,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIpB,SAAS,CAAC,WAAW;gBACnB,SAAS,CAAC,cAAc;;;KAGnC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"activity-indicator.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,8BAA8B,CAAC;AAMtF,MAAM,MAAM,qBAAqB,GAChC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnF,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1D,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAGjD,IAAI,EAAE,qBAAqB,CAAQ;IAEnC;uEACmE;IAEnE,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAEV;qDACiD;IAEjD,MAAM,EAAE,uBAAuB,CAAW;IAE1C;mEAC+D;IAE/D,QAAQ,UAAS;IAEjB;;;;gBAIY;IAEZ,UAAU,UAAS;IAGnB,YAAY,EAAE,OAAO,CAAC,iCAAiC,CAAC,CAAM;IAG9D,QAAQ,UAAS;IAEjB;;mDAE+C;IAE/C,WAAW,UAAS;IAEpB,OAAO,CAAC,aAAa,CAAC,CAAgC;IAEtD;;uDAEmD;IACnD,oBAAoB,GAAI,GAAG,KAAK,KAAG,IAAI,CAGrC;IAEK,EAAE,CAAC,GAAG,EAAE,MAAM,iCAAiC,GAAG,MAAM;IAI/D,+CAA+C;IAC/C,IAAW,eAAe,IAAI,MAAM,CAEnC;IAEQ,iBAAiB,IAAI,IAAI;IASzB,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAkB/C,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,cAAc;IAOtB;;;iEAG6D;IAC7D,OAAO,CAAC,SAAS;IAQR,OAAO,IAAI,IAAI;IAQf,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,qBAAqB,CAAC;KACjD;CACD"}
1
+ {"version":3,"file":"activity-indicator.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,8BAA8B,CAAC;AAOtF,MAAM,MAAM,qBAAqB,GAChC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnF,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1D,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAGjD,IAAI,EAAE,qBAAqB,CAAQ;IAEnC;uEACmE;IAEnE,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAEV;qDACiD;IAEjD,MAAM,EAAE,uBAAuB,CAAW;IAE1C;mEAC+D;IAE/D,QAAQ,UAAS;IAEjB;;;;gBAIY;IAEZ,UAAU,UAAS;IAGnB,YAAY,EAAE,OAAO,CAAC,iCAAiC,CAAC,CAAM;IAG9D,QAAQ,UAAS;IAEjB;;mDAE+C;IAE/C,WAAW,UAAS;IAEpB,OAAO,CAAC,aAAa,CAAC,CAAgC;IAEtD;;uDAEmD;IACnD,oBAAoB,GAAI,GAAG,KAAK,KAAG,IAAI,CAGrC;IAEK,EAAE,CAAC,GAAG,EAAE,MAAM,iCAAiC,GAAG,MAAM;IAI/D,+CAA+C;IAC/C,IAAW,eAAe,IAAI,MAAM,CAEnC;IAEQ,iBAAiB,IAAI,IAAI;IASzB,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAkB/C,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,cAAc;IAOtB;;;iEAG6D;IAC7D,OAAO,CAAC,SAAS;IAQR,OAAO,IAAI,IAAI;IAQf,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,qBAAqB,CAAC;KACjD;CACD"}
@@ -75,6 +75,7 @@ import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
75
75
  import { activityIndicatorStyles } from './activity-indicator.styles.js';
76
76
  import { activityIndicatorTemplate } from './activity-indicator.template.js';
77
77
  import { nlddActivityIndicatorTranslations } from './activity-indicator.i18n.js';
78
+ import { translate } from '../../../utilities/translations.js';
78
79
  /** Delay before the indicator fades in. Brief loading states finish within
79
80
  * this window and the indicator is never shown — avoids a jarring flash. */
80
81
  const DELAY_MS = 1000;
@@ -113,7 +114,7 @@ let NLDDActivityIndicator = class NLDDActivityIndicator extends LitElement {
113
114
  };
114
115
  }
115
116
  _t(key) {
116
- return this.translations[key] ?? nlddActivityIndicatorTranslations[key];
117
+ return translate(this.translations, nlddActivityIndicatorTranslations, key);
117
118
  }
118
119
  /** Accessible name announced while loading. */
119
120
  get _accessibleName() {
@@ -1 +1 @@
1
- {"version":3,"file":"activity-indicator.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"activity-indicator.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.ts"],"names":[],"mappings":"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"}
@@ -37,10 +37,6 @@ export const activityIndicatorStyles = css `
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- :host([hidden]) {
41
- display: none;
42
- }
43
-
44
40
  /* Overlay mode (content in the default slot): the host wraps the content and
45
41
  is the containing block for the absolutely-positioned indicator + backdrop,
46
42
  so it sizes to the content instead of filling its parent. */
@@ -50,6 +46,10 @@ export const activityIndicatorStyles = css `
50
46
  height: auto;
51
47
  }
52
48
 
49
+ :host([hidden]) {
50
+ display: none;
51
+ }
52
+
53
53
 
54
54
  /* ## Sizes (icon scale) */
55
55
 
@@ -19,7 +19,7 @@ export function template(component) {
19
19
  ${component.pulse ? html `<span class="badge__pulse"></span>` : ''}
20
20
  ${component.icon ? html `
21
21
  <span class="badge__icon">
22
- <nldd-icon name=${component.icon}></nldd-icon>
22
+ <nldd-icon icon=${component.icon}></nldd-icon>
23
23
  </span>
24
24
  ` : ''}
25
25
  ${component._hasText ? html `<span class="badge__text">${component._displayValue}</span>` : ''}
@@ -1 +1 @@
1
- {"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,4BAA4B,CAAC;AACpC,OAAO,4CAA4C,CAAC;AACpD,OAAO,0CAA0C,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACtF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAUrC,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAGtC,OAAO,EAAE,aAAa,CAAa;IAGnC,IAAI,EAAE,UAAU,CAAQ;IAGxB,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,YAAY,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAQ;IAGlD,WAAW,UAAS;IAEpB,kFAAkF;IAElF,YAAY,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAM;IAGnD,WAAW,UAAS;IAGpB,WAAW,UAAS;IAEpB;;0EAEsE;IACtE,OAAO,CAAC,YAAY,CAAC,CAAa;IAClC,OAAO,CAAC,YAAY,CAAC,CAAa;IAG3B,EAAE,CAAC,GAAG,EAAE,MAAM,sBAAsB,GAAG,MAAM;IAIpD,IAAI,aAAa,IAAI,MAAM,CAE1B;IAaQ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIrD,OAAO,CAAC,oBAAoB;IAc5B;;;kFAG8E;IAC9E,OAAO,CAAC,oBAAoB;IAmBnB,YAAY,IAAI,IAAI;IAIpB,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;IAU9B,eAAe,IAAI,IAAI;IAIrB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
1
+ {"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,4BAA4B,CAAC;AACpC,OAAO,4CAA4C,CAAC;AACpD,OAAO,0CAA0C,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACtF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAUrC,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAGtC,OAAO,EAAE,aAAa,CAAa;IAGnC,IAAI,EAAE,UAAU,CAAQ;IAGxB,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,YAAY,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAQ;IAGlD,WAAW,UAAS;IAEpB,kFAAkF;IAElF,YAAY,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAM;IAGnD,WAAW,UAAS;IAGpB,WAAW,UAAS;IAEpB;;0EAEsE;IACtE,OAAO,CAAC,YAAY,CAAC,CAAa;IAClC,OAAO,CAAC,YAAY,CAAC,CAAa;IAG3B,EAAE,CAAC,GAAG,EAAE,MAAM,sBAAsB,GAAG,MAAM;IAIpD,IAAI,aAAa,IAAI,MAAM,CAE1B;IAaQ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIrD,OAAO,CAAC,oBAAoB;IAc5B;;;kFAG8E;IAC9E,OAAO,CAAC,oBAAoB;IAmBnB,YAAY,IAAI,IAAI;IAIpB,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;IAU9B,eAAe,IAAI,IAAI;IAIrB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
@@ -58,6 +58,7 @@ import { nlddBannerTranslations } from './banner.i18n.js';
58
58
  import '../../content/icon/icon.js';
59
59
  import '../../actions/button-group/button-group.js';
60
60
  import '../../actions/icon-button/icon-button.js';
61
+ import { translate } from '../../../utilities/translations.js';
61
62
  const DEFAULT_ICONS = {
62
63
  neutral: 'info-circle-filled',
63
64
  accent: 'info-circle-filled',
@@ -81,7 +82,7 @@ let NLDDBanner = class NLDDBanner extends LitElement {
81
82
  this._hasActions = false;
82
83
  }
83
84
  _t(key) {
84
- return this.translations[key] ?? nlddBannerTranslations[key];
85
+ return translate(this.translations, nlddBannerTranslations, key);
85
86
  }
86
87
  get _resolvedIcon() {
87
88
  return this.icon || DEFAULT_ICONS[this.variant];
@@ -1 +1 @@
1
- {"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.ts"],"names":[],"mappings":"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"}
@@ -16,7 +16,7 @@ export function bannerTemplate(component) {
16
16
  <div class="banner__icon"
17
17
  aria-hidden="true"
18
18
  >
19
- <nldd-icon name=${component._resolvedIcon}></nldd-icon>
19
+ <nldd-icon icon=${component._resolvedIcon}></nldd-icon>
20
20
  </div>
21
21
  <div class="banner__main">
22
22
  ${component.text || component.supportingText ? html `
@@ -44,7 +44,7 @@ export function bannerTemplate(component) {
44
44
  <div class="banner__dismiss-button">
45
45
  <nldd-icon-button
46
46
  icon="dismiss-small"
47
- variant="neutral-transparent"
47
+ appearance="neutral-transparent"
48
48
  size=${component.size}
49
49
  accessible-label=${component._t('components.banner.dismiss-action')}
50
50
  @click=${component._onDismissClick}
@@ -16,7 +16,7 @@ export function inlineDialogTemplate(component) {
16
16
  </div>
17
17
  ` : component._resolvedIconName ? html `
18
18
  <div class="inline-dialog__icon">
19
- <nldd-icon name=${component._resolvedIconName}></nldd-icon>
19
+ <nldd-icon icon=${component._resolvedIconName}></nldd-icon>
20
20
  </div>
21
21
  ` : nothing}
22
22
  ${component.text ? html `
@@ -34,7 +34,7 @@ export function justInTimeEducationTemplate(component) {
34
34
  <div class="just-in-time-education__dismiss-button">
35
35
  <nldd-icon-button
36
36
  icon="dismiss"
37
- variant="neutral-transparent"
37
+ appearance="neutral-transparent"
38
38
  size="md"
39
39
  accessible-label=${component._t('components.just-in-time-education.dismiss-action')}
40
40
  @click=${component._handleDismiss}
@@ -4,20 +4,27 @@
4
4
  * A modal window with overlay backdrop, based on the native <dialog> element.
5
5
  * Internally renders an <nldd-inline-dialog> for the visual structure.
6
6
  *
7
+ * Open and close it with `open`, bound to your state together with the close
8
+ * event: the dialog clears `open` itself when the user closes it. show() and
9
+ * hide() do the same for code without a binding. Keep the dialog in the DOM
10
+ * rather than mounting it when it opens, or the animations are skipped.
11
+ *
7
12
  * @element nldd-modal-dialog
8
13
  *
9
14
  * @attr {'alert'} variant - Forwarded to nldd-inline-dialog; 'alert' forces icon and color
10
- * @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
15
+ * @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
11
16
  * @attr {string} text - Forwarded to nldd-inline-dialog; main text
12
17
  * @attr {string} supporting-text - Forwarded to nldd-inline-dialog; supporting text
13
- * @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
18
+ * @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
14
19
  * @attr {string} accessible-label - Accessible name for the dialog (aria-label); falls back to text
20
+ * @attr {boolean} open - Whether the dialog is open. Set it to open or close the dialog, as an alternative to show() and hide(). The dialog clears it itself when it closes another way (Escape, the backdrop), so bind it together with the close event.
15
21
  *
16
22
  * @slot - Optional custom content, forwarded to nldd-inline-dialog
17
23
  * @slot actions - nldd-button elements, forwarded to nldd-inline-dialog
24
+ * @slot notifications - Where the notifications area lands while this overlay is open, so a notification is not left inert behind it. Filled by the package; leave it alone.
18
25
  *
19
26
  * @fires open - When the dialog is opened
20
- * @fires close - When the dialog is fully closed. Does not bubble: overlays nest, and a listener on one dialog asking about that dialog should not also hear the form it opened.
27
+ * @fires close - When the dialog is fully closed. Does not bubble: overlays nest, and a listener on one dialog asking about that dialog should not also hear the form it opened. The dismiss button of an nldd-top-title-bar inside it fires `dismiss`, which bubbles; this component catches that itself, closes and fires `close`. Listen to `close` alone, or one click runs your handler twice.
21
28
  *
22
29
  * @method show() - Opens the modal dialog
23
30
  * @method hide() - Closes the modal dialog with a closing animation
@@ -28,12 +35,14 @@ import '../inline-dialog/inline-dialog.js';
28
35
  export declare class NLDDModalDialog extends LitElement {
29
36
  static styles: import("lit").CSSResult;
30
37
  variant: InlineDialogVariant | '';
31
- icon: string;
38
+ horizontalAlignment: InlineDialogHorizontalAlignment | '';
32
39
  text: string;
33
40
  supportingText: string;
34
- horizontalAlignment: InlineDialogHorizontalAlignment | '';
41
+ icon: string;
35
42
  /** Accessible name for the dialog — forwarded as aria-label. Falls back to text. */
36
43
  accessibleLabel: string;
44
+ open: boolean;
45
+ updated(changed: Map<string, unknown>): void;
37
46
  private _closing;
38
47
  private get _dialog();
39
48
  /** Cancels a `show()` that is waiting for the first render; null when none is. */
@@ -1 +1 @@
1
- {"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAajC,OAAO,KAAK,EAAE,mBAAmB,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAC9G,OAAO,mCAAmC,CAAC;AAE3C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,mBAAmB,EAAE,+BAA+B,GAAG,EAAE,CAAM;IAE/D,oFAAoF;IAEpF,eAAe,SAAM;IAErB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAED,kFAAkF;IAClF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAI,IAAI,IAAI;IAqBZ,OAAO,CAAC,YAAY;IAapB,IAAI,IAAI,IAAI;IAmCZ,6CAA6C;IAC7C,OAAO,CAAC,cAAc,CAAK;IAE3B;;;mEAG+D;IAC/D,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,GAAI,GAAG,YAAY,KAAG,IAAI,CAEhD;IAEF;;;;2EAIuE;IACvE,OAAO,CAAC,aAAa;IASrB,oBAAoB,GAAI,GAAG,UAAU,KAAG,IAAI,CAO3C;IAED,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
1
+ {"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAajC,OAAO,KAAK,EAAE,mBAAmB,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAC9G,OAAO,mCAAmC,CAAC;AAE3C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,mBAAmB,EAAE,+BAA+B,GAAG,EAAE,CAAM;IAG/D,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,IAAI,SAAM;IAEV,oFAAoF;IAEpF,eAAe,SAAM;IAGrB,IAAI,UAAS;IAEJ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQrD,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAED,kFAAkF;IAClF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAI,IAAI,IAAI;IA6BZ,OAAO,CAAC,YAAY;IAapB,IAAI,IAAI,IAAI;IAoCZ,6CAA6C;IAC7C,OAAO,CAAC,cAAc,CAAK;IAE3B;;;mEAG+D;IAC/D,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,GAAI,GAAG,YAAY,KAAG,IAAI,CAEhD;IAEF;;;;2EAIuE;IACvE,OAAO,CAAC,aAAa;IASrB,oBAAoB,GAAI,GAAG,UAAU,KAAG,IAAI,CAO3C;IAED,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
@@ -10,20 +10,27 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
10
10
  * A modal window with overlay backdrop, based on the native <dialog> element.
11
11
  * Internally renders an <nldd-inline-dialog> for the visual structure.
12
12
  *
13
+ * Open and close it with `open`, bound to your state together with the close
14
+ * event: the dialog clears `open` itself when the user closes it. show() and
15
+ * hide() do the same for code without a binding. Keep the dialog in the DOM
16
+ * rather than mounting it when it opens, or the animations are skipped.
17
+ *
13
18
  * @element nldd-modal-dialog
14
19
  *
15
20
  * @attr {'alert'} variant - Forwarded to nldd-inline-dialog; 'alert' forces icon and color
16
- * @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
21
+ * @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
17
22
  * @attr {string} text - Forwarded to nldd-inline-dialog; main text
18
23
  * @attr {string} supporting-text - Forwarded to nldd-inline-dialog; supporting text
19
- * @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
24
+ * @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
20
25
  * @attr {string} accessible-label - Accessible name for the dialog (aria-label); falls back to text
26
+ * @attr {boolean} open - Whether the dialog is open. Set it to open or close the dialog, as an alternative to show() and hide(). The dialog clears it itself when it closes another way (Escape, the backdrop), so bind it together with the close event.
21
27
  *
22
28
  * @slot - Optional custom content, forwarded to nldd-inline-dialog
23
29
  * @slot actions - nldd-button elements, forwarded to nldd-inline-dialog
30
+ * @slot notifications - Where the notifications area lands while this overlay is open, so a notification is not left inert behind it. Filled by the package; leave it alone.
24
31
  *
25
32
  * @fires open - When the dialog is opened
26
- * @fires close - When the dialog is fully closed. Does not bubble: overlays nest, and a listener on one dialog asking about that dialog should not also hear the form it opened.
33
+ * @fires close - When the dialog is fully closed. Does not bubble: overlays nest, and a listener on one dialog asking about that dialog should not also hear the form it opened. The dismiss button of an nldd-top-title-bar inside it fires `dismiss`, which bubbles; this component catches that itself, closes and fires `close`. Listen to `close` alone, or one click runs your handler twice.
27
34
  *
28
35
  * @method show() - Opens the modal dialog
29
36
  * @method hide() - Closes the modal dialog with a closing animation
@@ -45,12 +52,13 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
45
52
  constructor() {
46
53
  super(...arguments);
47
54
  this.variant = '';
48
- this.icon = '';
55
+ this.horizontalAlignment = '';
49
56
  this.text = '';
50
57
  this.supportingText = '';
51
- this.horizontalAlignment = '';
58
+ this.icon = '';
52
59
  /** Accessible name for the dialog — forwarded as aria-label. Falls back to text. */
53
60
  this.accessibleLabel = '';
61
+ this.open = false;
54
62
  this._closing = false;
55
63
  /** Cancels a `show()` that is waiting for the first render; null when none is. */
56
64
  this._cancelPendingOpen = null;
@@ -73,6 +81,15 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
73
81
  }
74
82
  };
75
83
  }
84
+ updated(changed) {
85
+ if (changed.has('open')) {
86
+ const dialog = this._dialog;
87
+ if (this.open && (!dialog?.open || this._closing))
88
+ this.show();
89
+ else if (!this.open && dialog?.open && !this._closing)
90
+ this.hide();
91
+ }
92
+ }
76
93
  get _dialog() {
77
94
  return this.shadowRoot?.querySelector('dialog') ?? null;
78
95
  }
@@ -85,10 +102,19 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
85
102
  }
86
103
  this._cancelPendingOpen?.();
87
104
  this._cancelPendingOpen = null;
88
- if (dialog.open)
89
- return;
90
- dialog.showModal();
91
- this._manageFocus();
105
+ if (this._closing) {
106
+ // Opened again while the close animation runs: call the close off.
107
+ window.clearTimeout(this._closeFallback);
108
+ this._closing = false;
109
+ dialog.classList.remove('is-closing');
110
+ }
111
+ else {
112
+ if (dialog.open)
113
+ return;
114
+ dialog.showModal();
115
+ this._manageFocus();
116
+ }
117
+ this.open = true;
92
118
  this.dispatchEvent(new CustomEvent('open', { bubbles: true, composed: true }));
93
119
  }
94
120
  _manageFocus() {
@@ -111,6 +137,7 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
111
137
  const dialog = this._dialog;
112
138
  if (!dialog || !dialog.open || this._closing)
113
139
  return;
140
+ this.open = false;
114
141
  this._closing = true;
115
142
  dialog.classList.add('is-closing');
116
143
  const finish = () => {
@@ -163,8 +190,8 @@ __decorate([
163
190
  property({ reflect: true, converter: reflectNonDefault('') })
164
191
  ], NLDDModalDialog.prototype, "variant", void 0);
165
192
  __decorate([
166
- property({ type: String, reflect: true })
167
- ], NLDDModalDialog.prototype, "icon", void 0);
193
+ property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('') })
194
+ ], NLDDModalDialog.prototype, "horizontalAlignment", void 0);
168
195
  __decorate([
169
196
  property({ reflect: true, converter: reflectNonDefault('') })
170
197
  ], NLDDModalDialog.prototype, "text", void 0);
@@ -172,11 +199,14 @@ __decorate([
172
199
  property({ reflect: true, attribute: 'supporting-text', converter: reflectNonDefault('') })
173
200
  ], NLDDModalDialog.prototype, "supportingText", void 0);
174
201
  __decorate([
175
- property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('') })
176
- ], NLDDModalDialog.prototype, "horizontalAlignment", void 0);
202
+ property({ type: String, reflect: true })
203
+ ], NLDDModalDialog.prototype, "icon", void 0);
177
204
  __decorate([
178
205
  property({ type: String, attribute: 'accessible-label' })
179
206
  ], NLDDModalDialog.prototype, "accessibleLabel", void 0);
207
+ __decorate([
208
+ property({ type: Boolean, reflect: true })
209
+ ], NLDDModalDialog.prototype, "open", void 0);
180
210
  NLDDModalDialog = __decorate([
181
211
  customElement('nldd-modal-dialog')
182
212
  ], NLDDModalDialog);
@@ -1 +1 @@
1
- {"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCA0B7D"}
1
+ {"version":3,"file":"modal-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCA6B7D"}
@@ -19,7 +19,10 @@ export function modalDialogTemplate(component) {
19
19
  heading-level="2"
20
20
  >
21
21
  <slot></slot>
22
- <slot slot="actions" name="actions"></slot>
22
+ <slot
23
+ slot="actions"
24
+ name="actions"
25
+ ></slot>
23
26
  </nldd-inline-dialog>
24
27
  <!-- Inside the dialog, so it escapes the inertness a modal imposes on
25
28
  everything outside it. Plumbing, not consumer API. -->
@@ -1 +1 @@
1
- {"version":3,"file":"modal-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;gBACjD,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO;;kBAEpD,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,oBAAoB;aAC7B,SAAS,CAAC,aAAa;;;cAGtB,SAAS,CAAC,OAAO,IAAI,OAAO;WAC/B,SAAS,CAAC,IAAI,IAAI,OAAO;WACzB,SAAS,CAAC,IAAI,IAAI,OAAO;sBACd,SAAS,CAAC,cAAc,IAAI,OAAO;2BAC9B,SAAS,CAAC,mBAAmB,IAAI,OAAO;;;;;;;;;;EAUjE,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"modal-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;gBACjD,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO;;kBAEpD,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,oBAAoB;aAC7B,SAAS,CAAC,aAAa;;;cAGtB,SAAS,CAAC,OAAO,IAAI,OAAO;WAC/B,SAAS,CAAC,IAAI,IAAI,OAAO;WACzB,SAAS,CAAC,IAAI,IAAI,OAAO;sBACd,SAAS,CAAC,cAAc,IAAI,OAAO;2BAC9B,SAAS,CAAC,mBAAmB,IAAI,OAAO;;;;;;;;;;;;;EAajE,CAAC;AACH,CAAC"}
@@ -6,14 +6,14 @@
6
6
  * page and stays there — this one floats, stacks, and goes away.
7
7
  *
8
8
  * It places itself. Write it wherever it belongs in your code and it moves to
9
- * one shared region: top right from md, full width across the top below that.
9
+ * one shared area: top right from md, full width across the top below that.
10
10
  * Nothing about the position is settable, so notifications from anywhere in an
11
11
  * application land in the same place and stack in the same order.
12
12
  *
13
13
  * A modal overlay is the one thing that moves it. An nldd-sheet, nldd-window or
14
14
  * nldd-modal-dialog paints in the browser's top layer, above the whole page and
15
15
  * out of reach of any z-index, and while one is open everything outside it is
16
- * inert. So the region goes in: into the topmost overlay that is open, and back
16
+ * inert. So the area goes in: into the topmost overlay that is open, and back
17
17
  * down as they close. A notification already on screen travels with it, and one
18
18
  * raised from inside a sheet is readable and reachable where it is raised.
19
19
  *
@@ -28,7 +28,7 @@
28
28
  * Under the front notification sits a strip as wide as the deck and as tall as
29
29
  * the deck is when it fans out. Pointing at it fans the deck out to fill it,
30
30
  * which is the only hint that there is more here than the message you can read;
31
- * clicking it, or moving focus into the region, lays the whole deck out as a
31
+ * clicking it, or moving focus into the area, lays the whole deck out as a
32
32
  * list. Clicking or tabbing away puts it back. The notification itself is not a
33
33
  * button: a click on the message you are reading does nothing.
34
34
  *
@@ -82,7 +82,7 @@ export declare class NLDDNotification extends NLDDNotification_base {
82
82
  supportingText: string;
83
83
  duration: number;
84
84
  _hasActions: boolean;
85
- /** Set by the region: true for the front of the deck, the only one that runs
85
+ /** Set by the area: true for the front of the deck, the only one that runs
86
86
  * its clock. */
87
87
  private _isFront;
88
88
  private _timer;
@@ -94,8 +94,8 @@ export declare class NLDDNotification extends NLDDNotification_base {
94
94
  * spot differs per engine and per platform. */
95
95
  private _pointerInside;
96
96
  private _focusInside;
97
- /** Moving into the region disconnects and reconnects this element. Without
98
- * this the leave-handler would tear down the very region we are joining. */
97
+ /** Moving into the area disconnects and reconnects this element. Without
98
+ * this the leave-handler would tear down the very area we are joining. */
99
99
  private _moving;
100
100
  /** What is left of `duration`, so a pause resumes rather than restarts. */
101
101
  private _remainingDuration;
@@ -105,14 +105,14 @@ export declare class NLDDNotification extends NLDDNotification_base {
105
105
  connectedCallback(): void;
106
106
  disconnectedCallback(): void;
107
107
  willUpdate(changed: PropertyValues): void;
108
- /** Called by the region while it carries this notification to another
108
+ /** Called by the area while it carries this notification to another
109
109
  * parent. A move disconnects the element, and without this the
110
110
  * notification would read its own disconnect as having been dismissed.
111
111
  * It also counts as having arrived: the browser starts a CSS animation over
112
112
  * when its element comes back, and one caught halfway in would slide in
113
113
  * from off the screen a second time. */
114
114
  _setMoving(moving: boolean): void;
115
- /** Called by the region. Starting the clock here rather than on connect is
115
+ /** Called by the area. Starting the clock here rather than on connect is
116
116
  * the whole point: a notification three deep in the deck is not counting. */
117
117
  _setFront(isFront: boolean): void;
118
118
  _onActionsSlotChange: (e: Event) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,0CAA0C,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;;;;;;;;AAY5F,qBACa,gBAAiB,SAAQ,qBAA0D;IAC/F,OAAgB,MAAM,0BAAsB;IAG5C,OAAO,EAAE,mBAAmB,CAAa;IAGzC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,QAAQ,SAAoB;IAG5B,WAAW,UAAS;IAEpB;qBACiB;IAEjB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,MAAM,CAAuB;IAErC;sBACkB;IAClB,OAAO,CAAC,eAAe,CAAK;IAE5B;;oDAEgD;IAChD,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,YAAY,CAAS;IAE7B;iFAC6E;IAC7E,OAAO,CAAC,OAAO,CAAS;IAExB,2EAA2E;IAC3E,OAAO,CAAC,kBAAkB,CAAoB;IAE9C,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,yEAAyE;IACzE,OAAO,KAAK,eAAe,GAE1B;IAEQ,iBAAiB,IAAI,IAAI;IAuBzB,oBAAoB,IAAI,IAAI;IAe5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD;;;;;6CAKyC;IACzC,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAKjC;kFAC8E;IAC9E,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOjC,oBAAoB,GAAI,GAAG,KAAK,KAAG,IAAI,CASrC;IAEF;;;;;yEAKqE;IACrE,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF;8BAC0B;IAC1B,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,YAAY,CAQlB;IAEF,yEAAyE;IACzE,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,UAAU,CAQhB;IAEF,cAAc,QAAO,IAAI,CAEvB;IAEF,OAAO,CAAC,QAAQ;IAKP,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}
1
+ {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,0CAA0C,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;;;;;;;;AAY5F,qBACa,gBAAiB,SAAQ,qBAA0D;IAC/F,OAAgB,MAAM,0BAAsB;IAG5C,OAAO,EAAE,mBAAmB,CAAa;IAGzC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,QAAQ,SAAoB;IAG5B,WAAW,UAAS;IAEpB;qBACiB;IAEjB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,MAAM,CAAuB;IAErC;sBACkB;IAClB,OAAO,CAAC,eAAe,CAAK;IAE5B;;oDAEgD;IAChD,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,YAAY,CAAS;IAE7B;+EAC2E;IAC3E,OAAO,CAAC,OAAO,CAAS;IAExB,2EAA2E;IAC3E,OAAO,CAAC,kBAAkB,CAAoB;IAE9C,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,yEAAyE;IACzE,OAAO,KAAK,eAAe,GAE1B;IAEQ,iBAAiB,IAAI,IAAI;IAuBzB,oBAAoB,IAAI,IAAI;IAe5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD;;;;;6CAKyC;IACzC,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAKjC;kFAC8E;IAC9E,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOjC,oBAAoB,GAAI,GAAG,KAAK,KAAG,IAAI,CASrC;IAEF;;;;;yEAKqE;IACrE,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF;8BAC0B;IAC1B,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,YAAY,CAQlB;IAEF,yEAAyE;IACzE,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,UAAU,CAQhB;IAEF,cAAc,QAAO,IAAI,CAEvB;IAEF,OAAO,CAAC,QAAQ;IAKP,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}