@nldd/design-system 0.8.49 → 0.8.51

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 (245) hide show
  1. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  2. package/dist/components/actions/button/button.styles.js +1 -0
  3. package/dist/components/actions/button/button.styles.js.map +1 -1
  4. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  5. package/dist/components/actions/icon-button/icon-button.styles.js +1 -0
  6. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  7. package/dist/components/components.js +93 -86
  8. package/dist/components/content/code-viewer/code-viewer.d.ts +37 -0
  9. package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -1
  10. package/dist/components/content/code-viewer/code-viewer.i18n.d.ts +8 -0
  11. package/dist/components/content/code-viewer/code-viewer.i18n.d.ts.map +1 -0
  12. package/dist/components/content/code-viewer/code-viewer.i18n.js +7 -0
  13. package/dist/components/content/code-viewer/code-viewer.i18n.js.map +1 -0
  14. package/dist/components/content/code-viewer/code-viewer.js +104 -1
  15. package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
  16. package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
  17. package/dist/components/content/code-viewer/code-viewer.styles.js +112 -1
  18. package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
  19. package/dist/components/content/code-viewer/code-viewer.template.d.ts.map +1 -1
  20. package/dist/components/content/code-viewer/code-viewer.template.js +50 -3
  21. package/dist/components/content/code-viewer/code-viewer.template.js.map +1 -1
  22. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  23. package/dist/components/content/icon/icon-aliases.js +17 -0
  24. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  25. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  26. package/dist/components/content/icon/icon-registry.js +12 -0
  27. package/dist/components/content/icon/icon-registry.js.map +1 -1
  28. package/dist/components/content/image/image.d.ts +151 -0
  29. package/dist/components/content/image/image.d.ts.map +1 -0
  30. package/dist/components/content/image/image.i18n.d.ts +8 -0
  31. package/dist/components/content/image/image.i18n.d.ts.map +1 -0
  32. package/dist/components/content/image/image.i18n.js +7 -0
  33. package/dist/components/content/image/image.i18n.js.map +1 -0
  34. package/dist/components/content/image/image.js +320 -0
  35. package/dist/components/content/image/image.js.map +1 -0
  36. package/dist/components/content/image/image.styles.d.ts +2 -0
  37. package/dist/components/content/image/image.styles.d.ts.map +1 -0
  38. package/dist/components/content/image/image.styles.js +402 -0
  39. package/dist/components/content/image/image.styles.js.map +1 -0
  40. package/dist/components/content/image/image.template.d.ts +3 -0
  41. package/dist/components/content/image/image.template.d.ts.map +1 -0
  42. package/dist/components/content/image/image.template.js +109 -0
  43. package/dist/components/content/image/image.template.js.map +1 -0
  44. package/dist/components/content/image/lqip-encoder-element.d.ts +39 -0
  45. package/dist/components/content/image/lqip-encoder-element.d.ts.map +1 -0
  46. package/dist/components/content/image/lqip-encoder-element.js +240 -0
  47. package/dist/components/content/image/lqip-encoder-element.js.map +1 -0
  48. package/dist/components/content/image/lqip-encoder.d.ts +59 -0
  49. package/dist/components/content/image/lqip-encoder.d.ts.map +1 -0
  50. package/dist/components/content/image/lqip-encoder.js +279 -0
  51. package/dist/components/content/image/lqip-encoder.js.map +1 -0
  52. package/dist/components/content/rich-text/rich-text.d.ts +9 -0
  53. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  54. package/dist/components/content/rich-text/rich-text.i18n.d.ts +5 -0
  55. package/dist/components/content/rich-text/rich-text.i18n.d.ts.map +1 -0
  56. package/dist/components/content/rich-text/rich-text.i18n.js +4 -0
  57. package/dist/components/content/rich-text/rich-text.i18n.js.map +1 -0
  58. package/dist/components/content/rich-text/rich-text.js +61 -0
  59. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  60. package/dist/components/content/tooltip/tooltip.d.ts +10 -0
  61. package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
  62. package/dist/components/content/tooltip/tooltip.js +74 -2
  63. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  64. package/dist/components/{index-BVOcPb8I.js → index-DYnIl3ts.js} +5435 -2205
  65. package/dist/components/index.d.ts +5 -0
  66. package/dist/components/index.d.ts.map +1 -1
  67. package/dist/components/index.js +5 -0
  68. package/dist/components/index.js.map +1 -1
  69. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  70. package/dist/components/inputs/checkbox/checkbox.styles.js +1 -0
  71. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  72. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  73. package/dist/components/inputs/combo-box/combo-box.styles.js +4 -1
  74. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  75. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  76. package/dist/components/inputs/dropdown/dropdown.styles.js +1 -0
  77. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  78. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
  79. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +4 -1
  80. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
  81. package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
  82. package/dist/components/inputs/password-field/password-field.styles.js +4 -1
  83. package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
  84. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  85. package/dist/components/inputs/radio-button/radio-button.styles.js +1 -0
  86. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  87. package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
  88. package/dist/components/inputs/search-field/search-field.styles.js +4 -1
  89. package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
  90. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  91. package/dist/components/inputs/segmented-control/segmented-control.styles.js +1 -0
  92. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  93. package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
  94. package/dist/components/inputs/stepper/stepper.styles.js +1 -0
  95. package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
  96. package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
  97. package/dist/components/inputs/switch/switch.styles.js +1 -0
  98. package/dist/components/inputs/switch/switch.styles.js.map +1 -1
  99. package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
  100. package/dist/components/inputs/text-field/text-field.styles.js +4 -1
  101. package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
  102. package/dist/components/inputs/toggle-button/toggle-button.d.ts +1 -1
  103. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  104. package/dist/components/inputs/toggle-button/toggle-button.js +22 -14
  105. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  106. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  107. package/dist/components/inputs/toggle-button/toggle-button.styles.js +16 -11
  108. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  109. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  110. package/dist/components/inputs/toggle-button/toggle-button.template.js +32 -16
  111. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  112. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  113. package/dist/components/inputs/token/token.styles.js +1 -0
  114. package/dist/components/inputs/token/token.styles.js.map +1 -1
  115. package/dist/components/layout/box/box.d.ts +6 -0
  116. package/dist/components/layout/box/box.d.ts.map +1 -1
  117. package/dist/components/layout/box/box.js +12 -1
  118. package/dist/components/layout/box/box.js.map +1 -1
  119. package/dist/components/layout/box/box.styles.d.ts.map +1 -1
  120. package/dist/components/layout/box/box.styles.js +40 -1
  121. package/dist/components/layout/box/box.styles.js.map +1 -1
  122. package/dist/components/layout/collection/collection.d.ts +1 -0
  123. package/dist/components/layout/collection/collection.d.ts.map +1 -1
  124. package/dist/components/layout/collection/collection.i18n.d.ts +1 -0
  125. package/dist/components/layout/collection/collection.i18n.d.ts.map +1 -1
  126. package/dist/components/layout/collection/collection.i18n.js +1 -0
  127. package/dist/components/layout/collection/collection.i18n.js.map +1 -1
  128. package/dist/components/layout/collection/collection.js +14 -0
  129. package/dist/components/layout/collection/collection.js.map +1 -1
  130. package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
  131. package/dist/components/layout/collection/collection.styles.js +27 -0
  132. package/dist/components/layout/collection/collection.styles.js.map +1 -1
  133. package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
  134. package/dist/components/layout/collection/collection.template.js +12 -4
  135. package/dist/components/layout/collection/collection.template.js.map +1 -1
  136. package/dist/components/lists-and-menus/list/list.d.ts +10 -3
  137. package/dist/components/lists-and-menus/list/list.d.ts.map +1 -1
  138. package/dist/components/lists-and-menus/list/list.js +8 -3
  139. package/dist/components/lists-and-menus/list/list.js.map +1 -1
  140. package/dist/components/lists-and-menus/list/list.styles.d.ts.map +1 -1
  141. package/dist/components/lists-and-menus/list/list.styles.js +33 -6
  142. package/dist/components/lists-and-menus/list/list.styles.js.map +1 -1
  143. package/dist/components/lists-and-menus/list-item/list-item.js +1 -1
  144. package/dist/components/lists-and-menus/list-item/list-item.js.map +1 -1
  145. package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
  146. package/dist/components/lists-and-menus/menu/menu.styles.js +1 -0
  147. package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
  148. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  149. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +1 -0
  150. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  151. package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
  152. package/dist/components/navigation/menu-bar/menu-bar.styles.js +1 -0
  153. package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
  154. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  155. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +1 -0
  156. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  157. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  158. package/dist/components/navigation/pagination/pagination.styles.js +1 -0
  159. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  160. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  161. package/dist/components/navigation/tab-bar/tab-bar.styles.js +1 -0
  162. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  163. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  164. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +10 -1
  165. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  166. package/dist/components/{prism-python-C1D7CYBc.js → prism-python-C9GXiQLy.js} +1 -1
  167. package/dist/components/{prism-rust-DI5vrP6V.js → prism-rust-De_U8Otq.js} +1 -1
  168. package/dist/components/{prism-typescript-DBgOPJ4M.js → prism-typescript-BJbUDHsa.js} +1 -1
  169. package/dist/components/sample-images/butterfly-1200.jpg +0 -0
  170. package/dist/components/sample-images/butterfly-1600.jpg +0 -0
  171. package/dist/components/sample-images/butterfly-480.jpg +0 -0
  172. package/dist/components/sample-images/butterfly-960.jpg +0 -0
  173. package/dist/components/status-and-feedback/badge/badge.d.ts +2 -2
  174. package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
  175. package/dist/components/status-and-feedback/badge/badge.js +1 -1
  176. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  177. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  178. package/dist/components/status-and-feedback/badge/badge.styles.js +126 -1
  179. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  180. package/dist/components/status-and-feedback/banner/banner.d.ts +89 -0
  181. package/dist/components/status-and-feedback/banner/banner.d.ts.map +1 -0
  182. package/dist/components/status-and-feedback/banner/banner.i18n.d.ts +5 -0
  183. package/dist/components/status-and-feedback/banner/banner.i18n.d.ts.map +1 -0
  184. package/dist/components/status-and-feedback/banner/banner.i18n.js +4 -0
  185. package/dist/components/status-and-feedback/banner/banner.i18n.js.map +1 -0
  186. package/dist/components/status-and-feedback/banner/banner.js +206 -0
  187. package/dist/components/status-and-feedback/banner/banner.js.map +1 -0
  188. package/dist/components/status-and-feedback/banner/banner.styles.d.ts +2 -0
  189. package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -0
  190. package/dist/components/status-and-feedback/banner/banner.styles.js +160 -0
  191. package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -0
  192. package/dist/components/status-and-feedback/banner/banner.template.d.ts +3 -0
  193. package/dist/components/status-and-feedback/banner/banner.template.d.ts.map +1 -0
  194. package/dist/components/status-and-feedback/banner/banner.template.js +51 -0
  195. package/dist/components/status-and-feedback/banner/banner.template.js.map +1 -0
  196. package/dist/components/status-and-feedback/progress/progress.d.ts +77 -0
  197. package/dist/components/status-and-feedback/progress/progress.d.ts.map +1 -0
  198. package/dist/components/status-and-feedback/progress/progress.i18n.d.ts +5 -0
  199. package/dist/components/status-and-feedback/progress/progress.i18n.d.ts.map +1 -0
  200. package/dist/components/status-and-feedback/progress/progress.i18n.js +4 -0
  201. package/dist/components/status-and-feedback/progress/progress.i18n.js.map +1 -0
  202. package/dist/components/status-and-feedback/progress/progress.js +137 -0
  203. package/dist/components/status-and-feedback/progress/progress.js.map +1 -0
  204. package/dist/components/status-and-feedback/progress/progress.styles.d.ts +2 -0
  205. package/dist/components/status-and-feedback/progress/progress.styles.d.ts.map +1 -0
  206. package/dist/components/status-and-feedback/progress/progress.styles.js +57 -0
  207. package/dist/components/status-and-feedback/progress/progress.styles.js.map +1 -0
  208. package/dist/components/status-and-feedback/progress/progress.template.d.ts +4 -0
  209. package/dist/components/status-and-feedback/progress/progress.template.d.ts.map +1 -0
  210. package/dist/components/status-and-feedback/progress/progress.template.js +26 -0
  211. package/dist/components/status-and-feedback/progress/progress.template.js.map +1 -0
  212. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +131 -0
  213. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -0
  214. package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.d.ts +8 -0
  215. package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.d.ts.map +1 -0
  216. package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js +7 -0
  217. package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js.map +1 -0
  218. package/dist/components/status-and-feedback/progress-bar/progress-bar.js +426 -0
  219. package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -0
  220. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts +3 -0
  221. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -0
  222. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +400 -0
  223. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -0
  224. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.d.ts +3 -0
  225. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.d.ts.map +1 -0
  226. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +60 -0
  227. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -0
  228. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +132 -0
  229. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -0
  230. package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.d.ts +8 -0
  231. package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.d.ts.map +1 -0
  232. package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js +7 -0
  233. package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js.map +1 -0
  234. package/dist/components/status-and-feedback/progress-circle/progress-circle.js +437 -0
  235. package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -0
  236. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts +3 -0
  237. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -0
  238. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +245 -0
  239. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -0
  240. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts +14 -0
  241. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -0
  242. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +115 -0
  243. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -0
  244. package/dist/css/settings.css +346 -18
  245. package/package.json +21 -1
@@ -0,0 +1,437 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ /**
8
+ * Nederlandse Digitale Dienst Progress Circle Component (Lit + TypeScript)
9
+ *
10
+ * Exports both NLDDProgressCircle and NLDDProgressCircleSegment.
11
+ *
12
+ * A circular progress indicator that mirrors the API of nldd-progress-bar:
13
+ * single-value or multi-segment, progress or distribution mode, 24 colours,
14
+ * fade transitions between determinate/indeterminate, indeterminate indicator.
15
+ *
16
+ * Visual differences vs the bar:
17
+ * - SVG arcs instead of rectangular bars.
18
+ * - Label below the circle (not above).
19
+ * - No centre text; the consumer can wrap the circle if needed.
20
+ * - One combined tooltip on the whole circle showing all segment info
21
+ * (no per-segment tooltips).
22
+ * - Indeterminate uses a rotating elastic arc (Material-style) instead of
23
+ * the bar's Knight Rider scanner.
24
+ *
25
+ * @element nldd-progress-circle
26
+ *
27
+ * @attr {'progress'|'distribution'} mode - Semantics for ARIA and gap behaviour (default: 'progress')
28
+ * @attr {number} max - Total value (default: 100)
29
+ * @attr {number} value - Single-segment shorthand (ignored when segment children exist)
30
+ * @attr {string} color - Color. Semantic (neutral, accent, success, warning, critical) or a Rijkskleur. Default 'accent'.
31
+ * @attr {string} size - Circle diameter in px. Matches nldd-icon sizes: 16, 20, 24, 28, 32, 40, 44, 48, 56, 64, 80, 96 (default: '28')
32
+ * @attr {string} text - Label below the circle
33
+ * @attr {'percentage'|'absolute'|'fraction'|'none'} value-format - Format the tooltip uses for the auto-text
34
+ * @attr {string} accessible-label - Full override of aria-valuetext (and tooltip text)
35
+ * @attr {boolean} indeterminate - Renders the rotating elastic arc animation
36
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
37
+ *
38
+ * @element nldd-progress-circle-segment
39
+ *
40
+ * @attr {number} value - Share of the parent's total (default 0; <=0 hides segment)
41
+ * @attr {string} color - Color (semantic or Rijkskleur). Default 'accent'.
42
+ * @attr {string} name - Optional name used in the combined tooltip + screenreader text
43
+ */
44
+ import { LitElement, nothing } from 'lit';
45
+ import { customElement, property, state } from 'lit/decorators.js';
46
+ import { progressCircleStyles, progressCircleSegmentStyles } from './progress-circle.styles.js';
47
+ import { progressCircleTemplate, getCircumference, getStrokeWidthPx } from './progress-circle.template.js';
48
+ import { nlddProgressCircleTranslations } from './progress-circle.i18n.js';
49
+ import '../../content/tooltip/tooltip.js';
50
+ /** Indeterminate ↔ determinate crossfade duration. Must stay in sync with
51
+ * --primitives-transition-duration-slow used by the matching CSS animations
52
+ * and with nldd-progress-bar's matching constant. Exported so the test
53
+ * suite can cross-check this value against the resolved CSS token. */
54
+ export const INDETERMINATE_TRANSITION_MS = 300;
55
+ // # nldd-progress-circle-segment
56
+ let NLDDProgressCircleSegment = class NLDDProgressCircleSegment extends LitElement {
57
+ constructor() {
58
+ super(...arguments);
59
+ this.value = 0;
60
+ this.color = 'accent';
61
+ this.name = '';
62
+ }
63
+ render() {
64
+ // Data-only element — the parent reads value/color/name and renders
65
+ // the actual SVG arc. Return Lit's `nothing` sentinel so no DOM is
66
+ // created (an empty html`` literal would still produce a Lit
67
+ // TemplateResult).
68
+ return nothing;
69
+ }
70
+ };
71
+ NLDDProgressCircleSegment.styles = progressCircleSegmentStyles;
72
+ __decorate([
73
+ property({ type: Number, reflect: true })
74
+ ], NLDDProgressCircleSegment.prototype, "value", void 0);
75
+ __decorate([
76
+ property({ type: String, reflect: true })
77
+ ], NLDDProgressCircleSegment.prototype, "color", void 0);
78
+ __decorate([
79
+ property({ type: String, reflect: true })
80
+ ], NLDDProgressCircleSegment.prototype, "name", void 0);
81
+ NLDDProgressCircleSegment = __decorate([
82
+ customElement('nldd-progress-circle-segment')
83
+ ], NLDDProgressCircleSegment);
84
+ export { NLDDProgressCircleSegment };
85
+ // # nldd-progress-circle
86
+ let NLDDProgressCircle = class NLDDProgressCircle extends LitElement {
87
+ constructor() {
88
+ super(...arguments);
89
+ this.mode = 'progress';
90
+ this.max = 100;
91
+ this.value = null;
92
+ this.color = 'accent';
93
+ this.size = '28';
94
+ this.text = '';
95
+ this.valueFormat = 'percentage';
96
+ this.accessibleLabel = '';
97
+ this.indeterminate = false;
98
+ this.translations = {};
99
+ this._segments = [];
100
+ this._indeterminateExiting = false;
101
+ this._indeterminateEntering = false;
102
+ /** When true, _buildArcs returns zero-length arcs so the first render
103
+ * after the indeterminate→determinate transition starts at length 0.
104
+ * Cleared on the next frame so the CSS dasharray transition animates
105
+ * the segments growing into their final positions. */
106
+ this._arcsAtZero = false;
107
+ this._onSlotChangeBound = this._onSlotChange.bind(this);
108
+ }
109
+ _t(key) {
110
+ return this.translations[key] ?? nlddProgressCircleTranslations[key];
111
+ }
112
+ get _hasSegments() {
113
+ return this._segments.length > 0;
114
+ }
115
+ get _totalValue() {
116
+ if (this._hasSegments) {
117
+ return this._segments.reduce((sum, s) => sum + Math.max(0, s.value), 0);
118
+ }
119
+ return Math.max(0, this.value ?? 0);
120
+ }
121
+ get _percentage() {
122
+ if (this.max <= 0)
123
+ return 0;
124
+ return Math.min(100, (this._totalValue / this.max) * 100);
125
+ }
126
+ /** Compact text shown in the tooltip. Follows value-format (matching the
127
+ * per-segment tooltip style of nldd-progress-bar) and omits the "voltooid"
128
+ * suffix that aria-valuetext uses for screen readers. Returns '' when
129
+ * value-format is 'none' so the template can skip rendering the tooltip
130
+ * wrapper entirely. accessibleLabel and indeterminate still produce text. */
131
+ get _tooltipText() {
132
+ if (this.accessibleLabel)
133
+ return this.accessibleLabel;
134
+ if (this.indeterminate)
135
+ return this._t('components.progress-circle.loading-text');
136
+ if (this.valueFormat === 'none')
137
+ return '';
138
+ if (!this._hasSegments) {
139
+ const v = Math.max(0, this.value ?? 0);
140
+ const pct = this.max > 0 ? Math.round((v / this.max) * 100) : 0;
141
+ return this._formatValuePart(v, pct);
142
+ }
143
+ const named = this._segments.filter(s => s.name);
144
+ const allNamed = named.length === this._segments.length && this._segments.length > 0;
145
+ const segmentDescriptions = this._segments
146
+ .filter(s => s.value > 0)
147
+ .map(s => {
148
+ const pct = this.max > 0 ? Math.round((s.value / this.max) * 100) : 0;
149
+ const valuePart = this._formatValuePart(s.value, pct);
150
+ return s.name ? `${s.name}: ${valuePart}` : valuePart;
151
+ });
152
+ if (this.mode === 'distribution') {
153
+ return segmentDescriptions.join(', ');
154
+ }
155
+ const totalPct = Math.round(this._percentage);
156
+ const totalValuePart = this._formatValuePart(this._totalValue, totalPct);
157
+ if (allNamed) {
158
+ const totalPrefix = this._t('components.progress-circle.total-prefix-text');
159
+ return `${segmentDescriptions.join(', ')}. ${totalPrefix} ${totalValuePart}`;
160
+ }
161
+ return totalValuePart;
162
+ }
163
+ /** Verbose text used for aria-valuetext (screen readers). Includes the
164
+ * "voltooid" suffix and total-prefix for clearer announcements. */
165
+ get _ariaValueText() {
166
+ if (this.accessibleLabel)
167
+ return this.accessibleLabel;
168
+ if (this.indeterminate)
169
+ return this._t('components.progress-circle.loading-text');
170
+ const completedSuffix = this._t('components.progress-circle.completed-suffix-text');
171
+ const totalPrefix = this._t('components.progress-circle.total-prefix-text');
172
+ if (!this._hasSegments) {
173
+ return `${Math.round(this._percentage)}% ${completedSuffix}`;
174
+ }
175
+ const named = this._segments.filter(s => s.name);
176
+ const allNamed = named.length === this._segments.length && this._segments.length > 0;
177
+ const segmentDescriptions = this._segments
178
+ .filter(s => s.value > 0)
179
+ .map(s => {
180
+ const pct = this.max > 0 ? Math.round((s.value / this.max) * 100) : 0;
181
+ const valuePart = this._formatValuePart(s.value, pct);
182
+ return s.name ? `${s.name}: ${valuePart}` : valuePart;
183
+ });
184
+ if (this.mode === 'distribution') {
185
+ return segmentDescriptions.join(', ');
186
+ }
187
+ const totalPct = Math.round(this._percentage);
188
+ if (allNamed) {
189
+ return `${segmentDescriptions.join(', ')}. ${totalPrefix} ${totalPct}% ${completedSuffix}.`;
190
+ }
191
+ return `${totalPct}% ${completedSuffix}`;
192
+ }
193
+ _formatValuePart(value, pct) {
194
+ switch (this.valueFormat) {
195
+ case 'absolute': return `${value}`;
196
+ case 'fraction': return `${value} / ${this.max}`;
197
+ case 'percentage':
198
+ case 'none':
199
+ // 'none' is listed only for exhaustiveness — the segment
200
+ // template skips calling _formatValuePart when valueFormat
201
+ // is 'none', so this branch is never reached with 'none'
202
+ // under normal flow.
203
+ // falls through
204
+ default: return `${pct}%`;
205
+ }
206
+ }
207
+ willUpdate(changed) {
208
+ if (changed.has('indeterminate')) {
209
+ const previous = changed.get('indeterminate');
210
+ if (previous === true && !this.indeterminate) {
211
+ this._beginIndeterminateExit();
212
+ }
213
+ else if (previous === false && this.indeterminate) {
214
+ this._beginIndeterminateEnter();
215
+ }
216
+ }
217
+ }
218
+ disconnectedCallback() {
219
+ super.disconnectedCallback();
220
+ this._cancelIndeterminateExit();
221
+ this._cancelIndeterminateEnter();
222
+ this._attributeObserver?.disconnect();
223
+ }
224
+ _beginIndeterminateExit() {
225
+ this._cancelIndeterminateEnter();
226
+ this._indeterminateExiting = true;
227
+ // First render: arcs at length 0. Then on the next frame switch to
228
+ // actual lengths so the dasharray transition animates the growth.
229
+ this._arcsAtZero = true;
230
+ this.updateComplete.then(() => {
231
+ this._growRafId = requestAnimationFrame(() => {
232
+ this._growRafId = undefined;
233
+ this._arcsAtZero = false;
234
+ });
235
+ });
236
+ this._exitTimeout = setTimeout(() => {
237
+ this._indeterminateExiting = false;
238
+ this._exitTimeout = undefined;
239
+ }, INDETERMINATE_TRANSITION_MS);
240
+ }
241
+ _beginIndeterminateEnter() {
242
+ this._cancelIndeterminateExit();
243
+ this._indeterminateEntering = true;
244
+ this._enterTimeout = setTimeout(() => {
245
+ this._indeterminateEntering = false;
246
+ this._enterTimeout = undefined;
247
+ }, INDETERMINATE_TRANSITION_MS);
248
+ }
249
+ _cancelIndeterminateExit() {
250
+ if (this._exitTimeout) {
251
+ clearTimeout(this._exitTimeout);
252
+ this._exitTimeout = undefined;
253
+ }
254
+ if (this._growRafId !== undefined) {
255
+ cancelAnimationFrame(this._growRafId);
256
+ this._growRafId = undefined;
257
+ }
258
+ this._indeterminateExiting = false;
259
+ this._arcsAtZero = false;
260
+ }
261
+ _cancelIndeterminateEnter() {
262
+ if (this._enterTimeout) {
263
+ clearTimeout(this._enterTimeout);
264
+ this._enterTimeout = undefined;
265
+ }
266
+ this._indeterminateEntering = false;
267
+ }
268
+ _onSlotChange() {
269
+ const slot = this.shadowRoot?.querySelector('slot:not([name])');
270
+ const assigned = slot?.assignedElements({ flatten: true }) ?? [];
271
+ this._segments = assigned.filter(
272
+ // instanceof, not tagName === '...': tagName comparison breaks
273
+ // under scoped custom-element registries where the same class
274
+ // can be registered under a different tag.
275
+ (el) => el instanceof NLDDProgressCircleSegment);
276
+ this._attributeObserver?.disconnect();
277
+ this._attributeObserver = new MutationObserver(() => this.requestUpdate());
278
+ for (const seg of this._segments) {
279
+ this._attributeObserver.observe(seg, {
280
+ attributes: true,
281
+ attributeFilter: ['value', 'color', 'name'],
282
+ });
283
+ }
284
+ // Setting _segments (a @state) above already schedules a re-render —
285
+ // the trailing requestUpdate() was a duplicate that produced a second
286
+ // render on every slot mutation.
287
+ }
288
+ /** Build the SVG arc list for the current segments (or a single synthetic
289
+ * segment when the user provides only `value`). Each arc gets a length
290
+ * and offset on the shared circle so they line up.
291
+ *
292
+ * @internal `public` here is required for the render template to call
293
+ * this method (templates live outside the class). Treat it as private
294
+ * externally — the leading underscore signals "not API". */
295
+ _buildArcs() {
296
+ const arcs = [];
297
+ // Include zero-value segments too — they still render an (invisible)
298
+ // SVG circle so that CSS transitions have a previous state to animate
299
+ // from when the value later grows. Without this, going from 0 to N
300
+ // would pop in instead of animating.
301
+ const sourceSegments = this._hasSegments
302
+ ? this._segments.map(s => ({ value: Math.max(0, s.value), color: s.color }))
303
+ : this.value !== null
304
+ ? [{ value: Math.max(0, this.value), color: this.color }]
305
+ : [];
306
+ // Gap between adjacent segments, computed in user units so it stays a
307
+ // consistent number of CSS pixels regardless of the rendered size.
308
+ // viewBox is 100, so user_units = pixels × (100 / sizeInPixels).
309
+ // Progress mode uses rounded caps which extend half-stroke-width past
310
+ // the path end on each side; we add the full stroke width (= two
311
+ // half-strokes) so the visible gap is 1px. Distribution mode uses butt
312
+ // caps so a 2px gap is enough. Single-segment progress (just `value`,
313
+ // no children) has no neighbours so no gap.
314
+ const sizeInPixels = Number(this.size) || 28;
315
+ const strokeWidthPx = getStrokeWidthPx(sizeInPixels);
316
+ const isMultiSegment = sourceSegments.length > 1 || this.mode === 'distribution';
317
+ const isProgressMode = this.mode !== 'distribution';
318
+ const visibleGapPx = isMultiSegment ? (isProgressMode ? 1 : 2) : 0;
319
+ const capCompensationPx = isProgressMode && isMultiSegment ? strokeWidthPx : 0;
320
+ const gapLength = (visibleGapPx + capCompensationPx) * (100 / sizeInPixels);
321
+ // Circumference depends on radius, which depends on size (so the stroke
322
+ // stays inside the viewBox). Compute once per build.
323
+ const circumference = getCircumference(sizeInPixels);
324
+ const total = this._totalValue;
325
+ // Both modes measure against max so a partial total fills only part
326
+ // of the ring. If the sum exceeds max we normalise proportionally to
327
+ // avoid overflow (matches nldd-progress-bar behaviour).
328
+ const denominator = total > this.max ? total : this.max;
329
+ let cumulative = 0;
330
+ for (const seg of sourceSegments) {
331
+ const fraction = denominator > 0 ? seg.value / denominator : 0;
332
+ const rawLength = fraction * circumference;
333
+ // Subtract gap from segment length so the gap appears between
334
+ // adjacent segments. Skip the gap on segments smaller than the gap.
335
+ // While _arcsAtZero is true (first frame of indeterminate exit) all
336
+ // arcs render at length 0 so the dasharray transition grows them in.
337
+ // Zero-value segments still get pushed (length 0) so the SVG element
338
+ // exists and CSS transitions can animate when the value later grows.
339
+ const length = this._arcsAtZero || seg.value <= 0
340
+ ? 0
341
+ : Math.max(0, rawLength - gapLength);
342
+ arcs.push({ length, offset: cumulative, color: seg.color });
343
+ cumulative += rawLength;
344
+ }
345
+ return arcs;
346
+ }
347
+ render() {
348
+ return progressCircleTemplate(this, this._onSlotChangeBound);
349
+ }
350
+ updated(changed) {
351
+ // Sync only when the entering/exiting flags change. The previous
352
+ // implementation re-walked the shadow DOM on every render —
353
+ // querySelectorAll + setAttribute/removeAttribute is cheap but
354
+ // non-zero, and a busy parent that re-renders for unrelated reasons
355
+ // (slot change, attribute mutation) shouldn't pay for it.
356
+ if (changed.has('_indeterminateEntering') || changed.has('_indeterminateExiting')) {
357
+ this._syncDynamicAttributes();
358
+ }
359
+ }
360
+ /**
361
+ * Toggle the data-shrink / data-fade attributes after Lit's render. These
362
+ * are conditional (presence-or-absence) and Lit's `=${expr}` binding has
363
+ * quirks removing SVG attributes; setAttribute/removeAttribute is reliable.
364
+ * Other dynamic SVG attributes (stroke-dasharray, stroke-dashoffset) are
365
+ * always set and live in the Lit template.
366
+ */
367
+ _syncDynamicAttributes() {
368
+ const segments = this.shadowRoot?.querySelectorAll('.progress-circle__segment');
369
+ if (segments) {
370
+ for (const el of segments) {
371
+ if (this._indeterminateEntering) {
372
+ el.setAttribute('data-shrink', '');
373
+ }
374
+ else {
375
+ el.removeAttribute('data-shrink');
376
+ }
377
+ }
378
+ }
379
+ const indicator = this.shadowRoot?.querySelector('.progress-circle__indeterminate-indicator');
380
+ if (indicator) {
381
+ if (this._indeterminateExiting && !this.indeterminate) {
382
+ indicator.setAttribute('data-fade', 'out');
383
+ }
384
+ else {
385
+ indicator.removeAttribute('data-fade');
386
+ }
387
+ }
388
+ }
389
+ };
390
+ NLDDProgressCircle.styles = progressCircleStyles;
391
+ __decorate([
392
+ property({ type: String, reflect: true })
393
+ ], NLDDProgressCircle.prototype, "mode", void 0);
394
+ __decorate([
395
+ property({ type: Number, reflect: true })
396
+ ], NLDDProgressCircle.prototype, "max", void 0);
397
+ __decorate([
398
+ property({ type: Number, reflect: true })
399
+ ], NLDDProgressCircle.prototype, "value", void 0);
400
+ __decorate([
401
+ property({ type: String, reflect: true })
402
+ ], NLDDProgressCircle.prototype, "color", void 0);
403
+ __decorate([
404
+ property({ type: String, reflect: true })
405
+ ], NLDDProgressCircle.prototype, "size", void 0);
406
+ __decorate([
407
+ property({ type: String, reflect: true })
408
+ ], NLDDProgressCircle.prototype, "text", void 0);
409
+ __decorate([
410
+ property({ type: String, reflect: true, attribute: 'value-format' })
411
+ ], NLDDProgressCircle.prototype, "valueFormat", void 0);
412
+ __decorate([
413
+ property({ type: String, reflect: true, attribute: 'accessible-label' })
414
+ ], NLDDProgressCircle.prototype, "accessibleLabel", void 0);
415
+ __decorate([
416
+ property({ type: Boolean, reflect: true })
417
+ ], NLDDProgressCircle.prototype, "indeterminate", void 0);
418
+ __decorate([
419
+ property({ type: Object })
420
+ ], NLDDProgressCircle.prototype, "translations", void 0);
421
+ __decorate([
422
+ state()
423
+ ], NLDDProgressCircle.prototype, "_segments", void 0);
424
+ __decorate([
425
+ state()
426
+ ], NLDDProgressCircle.prototype, "_indeterminateExiting", void 0);
427
+ __decorate([
428
+ state()
429
+ ], NLDDProgressCircle.prototype, "_indeterminateEntering", void 0);
430
+ __decorate([
431
+ state()
432
+ ], NLDDProgressCircle.prototype, "_arcsAtZero", void 0);
433
+ NLDDProgressCircle = __decorate([
434
+ customElement('nldd-progress-circle')
435
+ ], NLDDProgressCircle);
436
+ export { NLDDProgressCircle };
437
+ //# sourceMappingURL=progress-circle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-circle.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export declare const progressCircleStyles: import("lit").CSSResult;
2
+ export declare const progressCircleSegmentStyles: import("lit").CSSResult;
3
+ //# sourceMappingURL=progress-circle.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-circle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBA6OhC,CAAC;AAGF,eAAO,MAAM,2BAA2B,yBAIvC,CAAC"}