@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.17

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 (594) hide show
  1. package/dist/.storybook/utilities.js +4 -4
  2. package/dist/api.js.map +2 -2
  3. package/dist/custom-elements.json +68 -56
  4. package/dist/docs/affix/affix.md +2 -2
  5. package/dist/docs/affix/api.md +2 -2
  6. package/dist/docs/alert/alert.md +4 -4
  7. package/dist/docs/alert/api.md +4 -4
  8. package/dist/docs/attention/api.md +2 -2
  9. package/dist/docs/attention/attention.md +2 -2
  10. package/dist/docs/badge/api.md +50 -4
  11. package/dist/docs/badge/badge.md +50 -4
  12. package/dist/docs/box/api.md +2 -2
  13. package/dist/docs/box/box.md +2 -2
  14. package/dist/docs/checkbox/api.md +2 -2
  15. package/dist/docs/checkbox/checkbox.md +176 -2
  16. package/dist/docs/checkbox/styling.md +173 -0
  17. package/dist/docs/checkbox-group/checkbox-group.md +43 -30
  18. package/dist/docs/checkbox-group/styling.md +31 -29
  19. package/dist/docs/combobox/api.md +12 -12
  20. package/dist/docs/combobox/combobox.md +12 -12
  21. package/dist/docs/datepicker/api.md +6 -6
  22. package/dist/docs/datepicker/datepicker.md +6 -6
  23. package/dist/docs/icon/api.md +3 -3
  24. package/dist/docs/icon/icon.md +3 -3
  25. package/dist/docs/index.md +1 -1
  26. package/dist/docs/radio-group/api.md +4 -4
  27. package/dist/docs/radio-group/radio-group.md +183 -68
  28. package/dist/docs/radio-group/styling.md +179 -64
  29. package/dist/docs/snackbar/api.md +1 -1
  30. package/dist/docs/snackbar/snackbar.md +1 -1
  31. package/dist/docs/snackbar-item/api.md +2 -2
  32. package/dist/docs/snackbar-item/snackbar-item.md +2 -2
  33. package/dist/index.d.ts +24 -2
  34. package/dist/packages/affix/affix.d.ts +4 -4
  35. package/dist/packages/affix/affix.hydration.test.d.ts +1 -1
  36. package/dist/packages/affix/affix.hydration.test.js +15 -15
  37. package/dist/packages/affix/affix.js +345 -315
  38. package/dist/packages/affix/affix.js.map +2 -2
  39. package/dist/packages/affix/affix.react.stories.d.ts +2 -2
  40. package/dist/packages/affix/affix.react.stories.js +3 -3
  41. package/dist/packages/affix/affix.react.test.js +5 -3
  42. package/dist/packages/affix/affix.stories.d.ts +3 -3
  43. package/dist/packages/affix/affix.stories.js +10 -10
  44. package/dist/packages/affix/affix.test.d.ts +1 -1
  45. package/dist/packages/affix/affix.test.js +10 -10
  46. package/dist/packages/affix/react.d.ts +2 -2
  47. package/dist/packages/affix/react.js +6 -6
  48. package/dist/packages/affix/styles.js +1 -1
  49. package/dist/packages/alert/alert.d.ts +3 -3
  50. package/dist/packages/alert/alert.hydration.test.d.ts +1 -1
  51. package/dist/packages/alert/alert.hydration.test.js +21 -21
  52. package/dist/packages/alert/alert.js +344 -319
  53. package/dist/packages/alert/alert.js.map +2 -2
  54. package/dist/packages/alert/alert.react.stories.d.ts +2 -2
  55. package/dist/packages/alert/alert.react.stories.js +13 -13
  56. package/dist/packages/alert/alert.stories.d.ts +4 -4
  57. package/dist/packages/alert/alert.stories.js +29 -27
  58. package/dist/packages/alert/alert.test.d.ts +1 -1
  59. package/dist/packages/alert/alert.test.js +34 -21
  60. package/dist/packages/alert/react.d.ts +1 -1
  61. package/dist/packages/alert/react.js +4 -4
  62. package/dist/packages/alert/styles.js +1 -1
  63. package/dist/packages/attention/attention.d.ts +7 -7
  64. package/dist/packages/attention/attention.hydration.test.d.ts +1 -1
  65. package/dist/packages/attention/attention.hydration.test.js +29 -29
  66. package/dist/packages/attention/attention.js +1725 -1683
  67. package/dist/packages/attention/attention.js.map +2 -2
  68. package/dist/packages/attention/attention.react.stories.d.ts +3 -3
  69. package/dist/packages/attention/attention.react.stories.js +13 -13
  70. package/dist/packages/attention/attention.react.test.js +11 -7
  71. package/dist/packages/attention/attention.stories.d.ts +4 -4
  72. package/dist/packages/attention/attention.stories.js +126 -117
  73. package/dist/packages/attention/attention.test.d.ts +1 -1
  74. package/dist/packages/attention/attention.test.js +18 -10
  75. package/dist/packages/attention/layout-styles.js +900 -900
  76. package/dist/packages/attention/react.d.ts +4 -4
  77. package/dist/packages/attention/react.js +13 -11
  78. package/dist/packages/attention/styles.js +1 -1
  79. package/dist/packages/badge/badge.d.ts +3 -3
  80. package/dist/packages/badge/badge.hydration.test.d.ts +1 -1
  81. package/dist/packages/badge/badge.hydration.test.js +25 -25
  82. package/dist/packages/badge/badge.js +276 -276
  83. package/dist/packages/badge/badge.js.map +2 -2
  84. package/dist/packages/badge/badge.react.stories.d.ts +3 -3
  85. package/dist/packages/badge/badge.react.stories.js +17 -17
  86. package/dist/packages/badge/badge.stories.d.ts +3 -3
  87. package/dist/packages/badge/badge.stories.js +22 -20
  88. package/dist/packages/badge/badge.test.d.ts +1 -1
  89. package/dist/packages/badge/badge.test.js +13 -11
  90. package/dist/packages/badge/react.d.ts +1 -1
  91. package/dist/packages/badge/react.js +4 -4
  92. package/dist/packages/badge/styles.js +1 -1
  93. package/dist/packages/box/box.d.ts +1 -1
  94. package/dist/packages/box/box.hydration.test.d.ts +1 -1
  95. package/dist/packages/box/box.hydration.test.js +14 -14
  96. package/dist/packages/box/box.js +283 -283
  97. package/dist/packages/box/box.js.map +2 -2
  98. package/dist/packages/box/box.react.stories.d.ts +3 -3
  99. package/dist/packages/box/box.react.stories.js +8 -8
  100. package/dist/packages/box/box.stories.d.ts +3 -3
  101. package/dist/packages/box/box.stories.js +25 -19
  102. package/dist/packages/box/box.test.d.ts +1 -1
  103. package/dist/packages/box/box.test.js +6 -6
  104. package/dist/packages/box/react.d.ts +1 -1
  105. package/dist/packages/box/react.js +4 -4
  106. package/dist/packages/box/slot.test.d.ts +1 -1
  107. package/dist/packages/box/slot.test.js +6 -6
  108. package/dist/packages/box/styles.js +1 -1
  109. package/dist/packages/breadcrumbs/breadcrumbs.d.ts +1 -1
  110. package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.d.ts +1 -1
  111. package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +55 -49
  112. package/dist/packages/breadcrumbs/breadcrumbs.js +284 -278
  113. package/dist/packages/breadcrumbs/breadcrumbs.js.map +2 -2
  114. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +3 -3
  115. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.js +6 -6
  116. package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +3 -3
  117. package/dist/packages/breadcrumbs/breadcrumbs.stories.js +27 -26
  118. package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -1
  119. package/dist/packages/breadcrumbs/breadcrumbs.test.js +19 -17
  120. package/dist/packages/breadcrumbs/react.d.ts +1 -1
  121. package/dist/packages/breadcrumbs/react.js +4 -4
  122. package/dist/packages/breadcrumbs/styles.js +1 -1
  123. package/dist/packages/button/button.d.ts +5 -5
  124. package/dist/packages/button/button.hydration.test.d.ts +1 -1
  125. package/dist/packages/button/button.hydration.test.js +19 -19
  126. package/dist/packages/button/button.js +741 -715
  127. package/dist/packages/button/button.js.map +2 -2
  128. package/dist/packages/button/button.react.stories.d.ts +3 -3
  129. package/dist/packages/button/button.react.stories.js +30 -30
  130. package/dist/packages/button/button.react.test.js +13 -13
  131. package/dist/packages/button/button.stories.d.ts +4 -4
  132. package/dist/packages/button/button.stories.js +276 -167
  133. package/dist/packages/button/button.test.d.ts +1 -1
  134. package/dist/packages/button/button.test.js +36 -34
  135. package/dist/packages/button/react.d.ts +2 -2
  136. package/dist/packages/button/react.js +7 -7
  137. package/dist/packages/button/styles.js +373 -347
  138. package/dist/packages/card/card.d.ts +1 -1
  139. package/dist/packages/card/card.hydration.test.d.ts +1 -1
  140. package/dist/packages/card/card.hydration.test.js +14 -14
  141. package/dist/packages/card/card.js +305 -290
  142. package/dist/packages/card/card.js.map +2 -2
  143. package/dist/packages/card/card.react.stories.d.ts +3 -3
  144. package/dist/packages/card/card.react.stories.js +11 -11
  145. package/dist/packages/card/card.stories.d.ts +3 -3
  146. package/dist/packages/card/card.stories.js +36 -24
  147. package/dist/packages/card/card.test.d.ts +1 -1
  148. package/dist/packages/card/card.test.js +6 -6
  149. package/dist/packages/card/react.d.ts +1 -1
  150. package/dist/packages/card/react.js +4 -4
  151. package/dist/packages/card/styles.js +1 -1
  152. package/dist/packages/checkbox/checkbox.a11y.test.d.ts +1 -1
  153. package/dist/packages/checkbox/checkbox.a11y.test.js +47 -33
  154. package/dist/packages/checkbox/checkbox.d.ts +2 -2
  155. package/dist/packages/checkbox/checkbox.hydration.test.d.ts +1 -1
  156. package/dist/packages/checkbox/checkbox.hydration.test.js +21 -21
  157. package/dist/packages/checkbox/checkbox.js +475 -424
  158. package/dist/packages/checkbox/checkbox.js.map +2 -2
  159. package/dist/packages/checkbox/checkbox.react.stories.d.ts +2 -2
  160. package/dist/packages/checkbox/checkbox.react.stories.js +3 -3
  161. package/dist/packages/checkbox/checkbox.stories.d.ts +4 -4
  162. package/dist/packages/checkbox/checkbox.stories.js +99 -91
  163. package/dist/packages/checkbox/checkbox.test.d.ts +1 -1
  164. package/dist/packages/checkbox/checkbox.test.js +64 -64
  165. package/dist/packages/checkbox/react.d.ts +1 -1
  166. package/dist/packages/checkbox/react.js +6 -6
  167. package/dist/packages/checkbox/styles.js +183 -132
  168. package/dist/packages/checkbox-group/checkbox-group.a11y.test.d.ts +2 -2
  169. package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +83 -73
  170. package/dist/packages/checkbox-group/checkbox-group.d.ts +16 -2
  171. package/dist/packages/checkbox-group/checkbox-group.hydration.test.d.ts +2 -2
  172. package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +36 -19
  173. package/dist/packages/checkbox-group/checkbox-group.js +60 -55
  174. package/dist/packages/checkbox-group/checkbox-group.js.map +2 -2
  175. package/dist/packages/checkbox-group/checkbox-group.react.test.js +4 -4
  176. package/dist/packages/checkbox-group/checkbox-group.test.d.ts +2 -2
  177. package/dist/packages/checkbox-group/checkbox-group.test.js +96 -90
  178. package/dist/packages/checkbox-group/react.d.ts +2 -2
  179. package/dist/packages/checkbox-group/react.js +6 -6
  180. package/dist/packages/combobox/combobox.a11y.test.d.ts +2 -2
  181. package/dist/packages/combobox/combobox.a11y.test.js +72 -49
  182. package/dist/packages/combobox/combobox.d.ts +2 -2
  183. package/dist/packages/combobox/combobox.hydration.test.d.ts +1 -1
  184. package/dist/packages/combobox/combobox.hydration.test.js +45 -45
  185. package/dist/packages/combobox/combobox.js +332 -332
  186. package/dist/packages/combobox/combobox.js.map +3 -3
  187. package/dist/packages/combobox/combobox.react.stories.d.ts +3 -3
  188. package/dist/packages/combobox/combobox.react.stories.js +29 -29
  189. package/dist/packages/combobox/combobox.react.test.js +8 -8
  190. package/dist/packages/combobox/combobox.stories.d.ts +4 -4
  191. package/dist/packages/combobox/combobox.stories.js +100 -94
  192. package/dist/packages/combobox/combobox.test.d.ts +2 -2
  193. package/dist/packages/combobox/combobox.test.js +148 -133
  194. package/dist/packages/combobox/react.d.ts +2 -2
  195. package/dist/packages/combobox/react.js +14 -14
  196. package/dist/packages/combobox/styles.js +1 -1
  197. package/dist/packages/datepicker/DatePicker.test.d.ts +2 -2
  198. package/dist/packages/datepicker/DatePicker.test.js +46 -41
  199. package/dist/packages/datepicker/datepicker.d.ts +3 -3
  200. package/dist/packages/datepicker/datepicker.hydration.test.d.ts +1 -1
  201. package/dist/packages/datepicker/datepicker.hydration.test.js +21 -21
  202. package/dist/packages/datepicker/datepicker.js +665 -625
  203. package/dist/packages/datepicker/datepicker.js.map +3 -3
  204. package/dist/packages/datepicker/datepicker.react.stories.d.ts +3 -3
  205. package/dist/packages/datepicker/datepicker.react.stories.js +9 -9
  206. package/dist/packages/datepicker/datepicker.react.test.js +6 -6
  207. package/dist/packages/datepicker/datepicker.stories.d.ts +4 -4
  208. package/dist/packages/datepicker/datepicker.stories.js +32 -32
  209. package/dist/packages/datepicker/datepicker.test.d.ts +2 -2
  210. package/dist/packages/datepicker/datepicker.test.js +77 -79
  211. package/dist/packages/datepicker/react.d.ts +2 -2
  212. package/dist/packages/datepicker/react.js +16 -14
  213. package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.js +13 -12
  214. package/dist/packages/datepicker/styles/w-datepicker-day.styles.js +58 -55
  215. package/dist/packages/datepicker/styles/w-datepicker-month.styles.js +60 -57
  216. package/dist/packages/datepicker/styles/w-datepicker.styles.js +87 -87
  217. package/dist/packages/datepicker/utils.d.ts +1 -1
  218. package/dist/packages/datepicker/utils.js +25 -19
  219. package/dist/packages/datepicker/utils.test.js +20 -20
  220. package/dist/packages/expandable/expandable.d.ts +4 -4
  221. package/dist/packages/expandable/expandable.hydration.test.d.ts +1 -1
  222. package/dist/packages/expandable/expandable.hydration.test.js +21 -21
  223. package/dist/packages/expandable/expandable.js +353 -326
  224. package/dist/packages/expandable/expandable.js.map +2 -2
  225. package/dist/packages/expandable/expandable.react.stories.d.ts +3 -3
  226. package/dist/packages/expandable/expandable.react.stories.js +7 -7
  227. package/dist/packages/expandable/expandable.react.test.js +15 -7
  228. package/dist/packages/expandable/expandable.stories.d.ts +5 -5
  229. package/dist/packages/expandable/expandable.stories.js +51 -45
  230. package/dist/packages/expandable/expandable.test.d.ts +1 -1
  231. package/dist/packages/expandable/expandable.test.js +19 -17
  232. package/dist/packages/expandable/react.d.ts +2 -2
  233. package/dist/packages/expandable/react.js +9 -9
  234. package/dist/packages/expandable/styles.js +1 -1
  235. package/dist/packages/global.js +2 -2
  236. package/dist/packages/i18n.d.ts +1 -1
  237. package/dist/packages/i18n.js +37 -29
  238. package/dist/packages/icon/icon.d.ts +3 -3
  239. package/dist/packages/icon/icon.hydration.test.d.ts +1 -1
  240. package/dist/packages/icon/icon.hydration.test.js +25 -25
  241. package/dist/packages/icon/icon.js +30 -25
  242. package/dist/packages/icon/icon.js.map +2 -2
  243. package/dist/packages/icon/icon.react.stories.d.ts +1 -1
  244. package/dist/packages/icon/icon.react.stories.js +283 -284
  245. package/dist/packages/icon/icon.stories.d.ts +3 -3
  246. package/dist/packages/icon/icon.stories.js +299 -298
  247. package/dist/packages/icon/icon.test.d.ts +1 -1
  248. package/dist/packages/icon/icon.test.js +36 -28
  249. package/dist/packages/icon/react.d.ts +1 -1
  250. package/dist/packages/icon/react.js +4 -4
  251. package/dist/packages/icon/style.js +24 -25
  252. package/dist/packages/interaction-type-detection.js +9 -9
  253. package/dist/packages/link/link.d.ts +2 -2
  254. package/dist/packages/link/link.hydration.test.d.ts +1 -1
  255. package/dist/packages/link/link.hydration.test.js +27 -27
  256. package/dist/packages/link/link.js +709 -683
  257. package/dist/packages/link/link.js.map +2 -2
  258. package/dist/packages/link/link.react.stories.d.ts +3 -3
  259. package/dist/packages/link/link.react.stories.js +42 -42
  260. package/dist/packages/link/link.react.test.js +5 -3
  261. package/dist/packages/link/link.stories.d.ts +3 -3
  262. package/dist/packages/link/link.stories.js +51 -51
  263. package/dist/packages/link/link.test.d.ts +1 -1
  264. package/dist/packages/link/link.test.js +11 -7
  265. package/dist/packages/link/react.d.ts +2 -2
  266. package/dist/packages/link/react.js +6 -6
  267. package/dist/packages/link/styles.js +57 -57
  268. package/dist/packages/modal/index.d.ts +7 -7
  269. package/dist/packages/modal/index.js +7 -7
  270. package/dist/packages/modal/modal.d.ts +1 -1
  271. package/dist/packages/modal/modal.hydration.test.d.ts +1 -1
  272. package/dist/packages/modal/modal.hydration.test.js +12 -12
  273. package/dist/packages/modal/modal.js +404 -404
  274. package/dist/packages/modal/modal.js.map +2 -2
  275. package/dist/packages/modal/modal.react.stories.d.ts +3 -3
  276. package/dist/packages/modal/modal.react.stories.js +7 -6
  277. package/dist/packages/modal/modal.react.test.js +5 -5
  278. package/dist/packages/modal/modal.stories.d.ts +6 -6
  279. package/dist/packages/modal/modal.stories.js +253 -238
  280. package/dist/packages/modal/react.d.ts +4 -4
  281. package/dist/packages/modal/react.js +13 -13
  282. package/dist/packages/modal/util.js +2 -2
  283. package/dist/packages/modal-footer/modal-footer.d.ts +1 -1
  284. package/dist/packages/modal-footer/modal-footer.js +291 -291
  285. package/dist/packages/modal-footer/modal-footer.js.map +2 -2
  286. package/dist/packages/modal-footer/react.d.ts +1 -1
  287. package/dist/packages/modal-footer/react.js +4 -4
  288. package/dist/packages/modal-header/modal-header.d.ts +2 -2
  289. package/dist/packages/modal-header/modal-header.js +437 -416
  290. package/dist/packages/modal-header/modal-header.js.map +2 -2
  291. package/dist/packages/modal-header/modal-header.react.test.js +5 -3
  292. package/dist/packages/modal-header/react.d.ts +2 -2
  293. package/dist/packages/modal-header/react.js +8 -8
  294. package/dist/packages/page-indicator/page-indicator.d.ts +1 -1
  295. package/dist/packages/page-indicator/page-indicator.hydration.test.d.ts +1 -1
  296. package/dist/packages/page-indicator/page-indicator.hydration.test.js +22 -22
  297. package/dist/packages/page-indicator/page-indicator.js +26 -26
  298. package/dist/packages/page-indicator/page-indicator.js.map +2 -2
  299. package/dist/packages/page-indicator/page-indicator.react.stories.d.ts +3 -3
  300. package/dist/packages/page-indicator/page-indicator.react.stories.js +11 -11
  301. package/dist/packages/page-indicator/page-indicator.react.test.js +5 -5
  302. package/dist/packages/page-indicator/page-indicator.stories.d.ts +3 -3
  303. package/dist/packages/page-indicator/page-indicator.stories.js +56 -27
  304. package/dist/packages/page-indicator/page-indicator.test.d.ts +1 -1
  305. package/dist/packages/page-indicator/page-indicator.test.js +110 -70
  306. package/dist/packages/page-indicator/react.d.ts +2 -2
  307. package/dist/packages/page-indicator/react.js +7 -7
  308. package/dist/packages/page-indicator/style.js +21 -21
  309. package/dist/packages/pagination/pagination.a11y.test.d.ts +1 -1
  310. package/dist/packages/pagination/pagination.a11y.test.js +59 -25
  311. package/dist/packages/pagination/pagination.d.ts +3 -3
  312. package/dist/packages/pagination/pagination.hydration.test.d.ts +1 -1
  313. package/dist/packages/pagination/pagination.hydration.test.js +19 -19
  314. package/dist/packages/pagination/pagination.js +380 -349
  315. package/dist/packages/pagination/pagination.js.map +2 -2
  316. package/dist/packages/pagination/pagination.react.stories.d.ts +5 -5
  317. package/dist/packages/pagination/pagination.react.stories.js +8 -8
  318. package/dist/packages/pagination/pagination.react.test.js +6 -6
  319. package/dist/packages/pagination/pagination.stories.d.ts +3 -3
  320. package/dist/packages/pagination/pagination.stories.js +18 -18
  321. package/dist/packages/pagination/pagination.test.d.ts +1 -1
  322. package/dist/packages/pagination/pagination.test.js +146 -69
  323. package/dist/packages/pagination/react.d.ts +3 -3
  324. package/dist/packages/pagination/react.js +12 -10
  325. package/dist/packages/pagination/styles.js +1 -1
  326. package/dist/packages/pill/pill.d.ts +2 -2
  327. package/dist/packages/pill/pill.hydration.test.d.ts +1 -1
  328. package/dist/packages/pill/pill.hydration.test.js +14 -14
  329. package/dist/packages/pill/pill.js +331 -308
  330. package/dist/packages/pill/pill.js.map +2 -2
  331. package/dist/packages/pill/pill.react.stories.d.ts +3 -3
  332. package/dist/packages/pill/pill.react.stories.js +3 -3
  333. package/dist/packages/pill/pill.react.test.js +8 -8
  334. package/dist/packages/pill/pill.stories.d.ts +3 -3
  335. package/dist/packages/pill/pill.stories.js +8 -8
  336. package/dist/packages/pill/pill.test.d.ts +1 -1
  337. package/dist/packages/pill/pill.test.js +17 -15
  338. package/dist/packages/pill/react.d.ts +2 -2
  339. package/dist/packages/pill/react.js +18 -14
  340. package/dist/packages/pill/styles.js +1 -1
  341. package/dist/packages/radio/base-element.d.ts +3 -3
  342. package/dist/packages/radio/base-element.js +3 -3
  343. package/dist/packages/radio/custom-error-validator.d.ts +1 -1
  344. package/dist/packages/radio/custom-error-validator.js +3 -3
  345. package/dist/packages/radio/form-associated-element.d.ts +8 -8
  346. package/dist/packages/radio/form-associated-element.js +27 -26
  347. package/dist/packages/radio/host-styles.js +9 -9
  348. package/dist/packages/radio/invalid.d.ts +1 -1
  349. package/dist/packages/radio/invalid.js +1 -1
  350. package/dist/packages/radio/radio-styles.js +199 -160
  351. package/dist/packages/radio/radio.a11y.test.d.ts +2 -2
  352. package/dist/packages/radio/radio.a11y.test.js +60 -58
  353. package/dist/packages/radio/radio.d.ts +3 -3
  354. package/dist/packages/radio/radio.hydration.test.d.ts +1 -1
  355. package/dist/packages/radio/radio.hydration.test.js +23 -14
  356. package/dist/packages/radio/radio.js +485 -446
  357. package/dist/packages/radio/radio.js.map +3 -3
  358. package/dist/packages/radio/radio.react.stories.d.ts +2 -2
  359. package/dist/packages/radio/radio.react.stories.js +3 -3
  360. package/dist/packages/radio/radio.stories.d.ts +4 -4
  361. package/dist/packages/radio/radio.stories.js +152 -136
  362. package/dist/packages/radio/radio.test.d.ts +1 -1
  363. package/dist/packages/radio/radio.test.js +74 -73
  364. package/dist/packages/radio/react.d.ts +1 -1
  365. package/dist/packages/radio/react.js +4 -4
  366. package/dist/packages/radio/required-validator.d.ts +1 -1
  367. package/dist/packages/radio/required-validator.js +12 -7
  368. package/dist/packages/radio/slot.d.ts +1 -1
  369. package/dist/packages/radio/slot.js +11 -8
  370. package/dist/packages/radio/watch.d.ts +1 -1
  371. package/dist/packages/radio/watch.js +3 -1
  372. package/dist/packages/radio-group/radio-group-styles.js +121 -88
  373. package/dist/packages/radio-group/radio-group.a11y.test.d.ts +2 -2
  374. package/dist/packages/radio-group/radio-group.a11y.test.js +81 -79
  375. package/dist/packages/radio-group/radio-group.d.ts +14 -5
  376. package/dist/packages/radio-group/radio-group.hydration.test.d.ts +2 -2
  377. package/dist/packages/radio-group/radio-group.hydration.test.js +29 -18
  378. package/dist/packages/radio-group/radio-group.js +648 -560
  379. package/dist/packages/radio-group/radio-group.js.map +3 -3
  380. package/dist/packages/radio-group/radio-group.react.test.js +4 -4
  381. package/dist/packages/radio-group/radio-group.test.d.ts +2 -2
  382. package/dist/packages/radio-group/radio-group.test.js +234 -229
  383. package/dist/packages/radio-group/react.d.ts +2 -2
  384. package/dist/packages/radio-group/react.js +10 -10
  385. package/dist/packages/select/react.d.ts +2 -2
  386. package/dist/packages/select/react.js +11 -11
  387. package/dist/packages/select/select.a11y.test.d.ts +1 -1
  388. package/dist/packages/select/select.a11y.test.js +98 -91
  389. package/dist/packages/select/select.d.ts +4 -4
  390. package/dist/packages/select/select.hydration.test.d.ts +1 -1
  391. package/dist/packages/select/select.hydration.test.js +16 -16
  392. package/dist/packages/select/select.js +348 -329
  393. package/dist/packages/select/select.js.map +2 -2
  394. package/dist/packages/select/select.react.stories.d.ts +3 -3
  395. package/dist/packages/select/select.react.stories.js +7 -7
  396. package/dist/packages/select/select.react.test.js +6 -6
  397. package/dist/packages/select/select.stories.d.ts +3 -3
  398. package/dist/packages/select/select.stories.js +51 -48
  399. package/dist/packages/select/select.test.d.ts +1 -1
  400. package/dist/packages/select/select.test.js +175 -178
  401. package/dist/packages/select/styles.js +1 -1
  402. package/dist/packages/slider/Slider.d.ts +1 -1
  403. package/dist/packages/slider/Slider.js +4 -4
  404. package/dist/packages/slider/index.d.ts +2 -2
  405. package/dist/packages/slider/index.js +2 -2
  406. package/dist/packages/slider/react.d.ts +3 -3
  407. package/dist/packages/slider/react.js +9 -9
  408. package/dist/packages/slider/slider.d.ts +3 -3
  409. package/dist/packages/slider/slider.hydration.test.d.ts +1 -1
  410. package/dist/packages/slider/slider.hydration.test.js +39 -20
  411. package/dist/packages/slider/slider.js +480 -462
  412. package/dist/packages/slider/slider.js.map +2 -2
  413. package/dist/packages/slider/slider.react.stories.d.ts +3 -3
  414. package/dist/packages/slider/slider.react.stories.js +31 -34
  415. package/dist/packages/slider/slider.react.test.js +6 -6
  416. package/dist/packages/slider/slider.stories.d.ts +7 -7
  417. package/dist/packages/slider/slider.stories.js +332 -340
  418. package/dist/packages/slider/slider.test.d.ts +5 -5
  419. package/dist/packages/slider/slider.test.js +367 -334
  420. package/dist/packages/slider/styles/w-slider.styles.js +166 -148
  421. package/dist/packages/slider/styles.js +1 -1
  422. package/dist/packages/slider-thumb/SliderThumb.d.ts +1 -1
  423. package/dist/packages/slider-thumb/SliderThumb.js +4 -4
  424. package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.d.ts +1 -1
  425. package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.js +1 -1
  426. package/dist/packages/slider-thumb/react.d.ts +3 -3
  427. package/dist/packages/slider-thumb/react.js +11 -9
  428. package/dist/packages/slider-thumb/slider-thumb.d.ts +3 -3
  429. package/dist/packages/slider-thumb/slider-thumb.hydration.test.d.ts +1 -1
  430. package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +26 -17
  431. package/dist/packages/slider-thumb/slider-thumb.js +545 -548
  432. package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
  433. package/dist/packages/slider-thumb/slider-thumb.react.test.js +9 -5
  434. package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.js +189 -188
  435. package/dist/packages/slider-thumb/styles.js +1 -1
  436. package/dist/packages/snackbar/react.d.ts +1 -1
  437. package/dist/packages/snackbar/react.js +4 -4
  438. package/dist/packages/snackbar/snackbar.d.ts +3 -3
  439. package/dist/packages/snackbar/snackbar.hydration.test.d.ts +1 -1
  440. package/dist/packages/snackbar/snackbar.hydration.test.js +6 -6
  441. package/dist/packages/snackbar/snackbar.js +487 -468
  442. package/dist/packages/snackbar/snackbar.js.map +2 -2
  443. package/dist/packages/snackbar/snackbar.react.stories.js +3 -3
  444. package/dist/packages/snackbar/snackbar.stories.d.ts +11 -11
  445. package/dist/packages/snackbar/snackbar.stories.js +253 -181
  446. package/dist/packages/snackbar/snackbar.test.d.ts +4 -4
  447. package/dist/packages/snackbar/snackbar.test.js +11 -11
  448. package/dist/packages/snackbar/styles.js +29 -29
  449. package/dist/packages/snackbar-item/react.d.ts +2 -2
  450. package/dist/packages/snackbar-item/react.js +6 -5
  451. package/dist/packages/snackbar-item/snackbar-item.d.ts +4 -4
  452. package/dist/packages/snackbar-item/snackbar-item.js +454 -435
  453. package/dist/packages/snackbar-item/snackbar-item.js.map +2 -2
  454. package/dist/packages/snackbar-item/snackbar-item.react.test.js +4 -4
  455. package/dist/packages/snackbar-item/styles.js +130 -108
  456. package/dist/packages/step/react.d.ts +1 -1
  457. package/dist/packages/step/react.js +4 -4
  458. package/dist/packages/step/step.d.ts +2 -2
  459. package/dist/packages/step/step.hydration.test.d.ts +1 -1
  460. package/dist/packages/step/step.hydration.test.js +10 -10
  461. package/dist/packages/step/step.js +330 -308
  462. package/dist/packages/step/step.js.map +2 -2
  463. package/dist/packages/step-indicator/index.d.ts +2 -2
  464. package/dist/packages/step-indicator/index.js +2 -2
  465. package/dist/packages/step-indicator/react.d.ts +2 -2
  466. package/dist/packages/step-indicator/react.js +5 -5
  467. package/dist/packages/step-indicator/step-indicator.a11y.test.d.ts +2 -2
  468. package/dist/packages/step-indicator/step-indicator.a11y.test.js +48 -46
  469. package/dist/packages/step-indicator/step-indicator.d.ts +1 -1
  470. package/dist/packages/step-indicator/step-indicator.hydration.test.d.ts +1 -1
  471. package/dist/packages/step-indicator/step-indicator.hydration.test.js +10 -10
  472. package/dist/packages/step-indicator/step-indicator.js +280 -276
  473. package/dist/packages/step-indicator/step-indicator.js.map +2 -2
  474. package/dist/packages/step-indicator/stepindicator.react.stories.d.ts +2 -2
  475. package/dist/packages/step-indicator/stepindicator.react.stories.js +3 -3
  476. package/dist/packages/step-indicator/stepindicator.stories.d.ts +3 -3
  477. package/dist/packages/step-indicator/stepindicator.stories.js +129 -129
  478. package/dist/packages/step-indicator/styles.js +1 -1
  479. package/dist/packages/styles.js +274 -274
  480. package/dist/packages/switch/react.d.ts +1 -1
  481. package/dist/packages/switch/react.js +6 -6
  482. package/dist/packages/switch/styles.js +1 -1
  483. package/dist/packages/switch/switch.a11y.test.d.ts +1 -1
  484. package/dist/packages/switch/switch.a11y.test.js +46 -38
  485. package/dist/packages/switch/switch.d.ts +1 -1
  486. package/dist/packages/switch/switch.hydration.test.d.ts +1 -1
  487. package/dist/packages/switch/switch.hydration.test.js +23 -23
  488. package/dist/packages/switch/switch.js +299 -299
  489. package/dist/packages/switch/switch.js.map +2 -2
  490. package/dist/packages/switch/switch.react.stories.d.ts +2 -2
  491. package/dist/packages/switch/switch.react.stories.js +2 -2
  492. package/dist/packages/switch/switch.stories.d.ts +2 -2
  493. package/dist/packages/switch/switch.stories.js +42 -37
  494. package/dist/packages/switch/switch.test.d.ts +1 -1
  495. package/dist/packages/switch/switch.test.js +30 -35
  496. package/dist/packages/tab/react.d.ts +6 -4
  497. package/dist/packages/tab/react.js +11 -10
  498. package/dist/packages/tab/styles.d.ts +1 -0
  499. package/dist/packages/tab/styles.js +2 -0
  500. package/dist/packages/tab/tab.d.ts +5 -5
  501. package/dist/packages/tab/tab.hydration.test.d.ts +1 -1
  502. package/dist/packages/tab/tab.hydration.test.js +18 -12
  503. package/dist/packages/tab/tab.js +305 -304
  504. package/dist/packages/tab/tab.js.map +3 -3
  505. package/dist/packages/tab/tab.react.test.js +5 -3
  506. package/dist/packages/tab-panel/react.d.ts +3 -2
  507. package/dist/packages/tab-panel/react.js +11 -5
  508. package/dist/packages/tab-panel/tab-panel.d.ts +3 -3
  509. package/dist/packages/tab-panel/tab-panel.hydration.test.d.ts +1 -1
  510. package/dist/packages/tab-panel/tab-panel.hydration.test.js +13 -10
  511. package/dist/packages/tab-panel/tab-panel.js +289 -287
  512. package/dist/packages/tab-panel/tab-panel.js.map +2 -2
  513. package/dist/packages/tabs/index.d.ts +4 -4
  514. package/dist/packages/tabs/index.js +3 -3
  515. package/dist/packages/tabs/react.d.ts +27 -8
  516. package/dist/packages/tabs/react.js +30 -9
  517. package/dist/packages/tabs/styles.js +1 -1
  518. package/dist/packages/tabs/tabs.a11y.test.d.ts +3 -3
  519. package/dist/packages/tabs/tabs.a11y.test.js +188 -169
  520. package/dist/packages/tabs/tabs.d.ts +3 -3
  521. package/dist/packages/tabs/tabs.hydration.test.d.ts +3 -1
  522. package/dist/packages/tabs/tabs.hydration.test.js +22 -8
  523. package/dist/packages/tabs/tabs.js +289 -282
  524. package/dist/packages/tabs/tabs.js.map +2 -2
  525. package/dist/packages/tabs/tabs.react.stories.d.ts +12 -10
  526. package/dist/packages/tabs/tabs.react.stories.js +28 -28
  527. package/dist/packages/tabs/tabs.stories.d.ts +4 -4
  528. package/dist/packages/tabs/tabs.stories.js +101 -95
  529. package/dist/packages/tabs/tabs.test.d.ts +3 -3
  530. package/dist/packages/tabs/tabs.test.js +136 -122
  531. package/dist/packages/textarea/react.d.ts +2 -2
  532. package/dist/packages/textarea/react.js +17 -17
  533. package/dist/packages/textarea/styles.js +1 -1
  534. package/dist/packages/textarea/textarea.a11y.test.d.ts +1 -1
  535. package/dist/packages/textarea/textarea.a11y.test.js +89 -57
  536. package/dist/packages/textarea/textarea.d.ts +1 -1
  537. package/dist/packages/textarea/textarea.hydration.test.d.ts +1 -1
  538. package/dist/packages/textarea/textarea.hydration.test.js +19 -19
  539. package/dist/packages/textarea/textarea.js +300 -298
  540. package/dist/packages/textarea/textarea.js.map +2 -2
  541. package/dist/packages/textarea/textarea.react.stories.d.ts +3 -3
  542. package/dist/packages/textarea/textarea.react.stories.js +13 -13
  543. package/dist/packages/textarea/textarea.react.test.js +7 -7
  544. package/dist/packages/textarea/textarea.stories.d.ts +3 -3
  545. package/dist/packages/textarea/textarea.stories.js +44 -42
  546. package/dist/packages/textarea/textarea.test.d.ts +1 -1
  547. package/dist/packages/textarea/textarea.test.js +124 -88
  548. package/dist/packages/textfield/react.d.ts +2 -2
  549. package/dist/packages/textfield/react.js +17 -17
  550. package/dist/packages/textfield/styles/w-textfield.styles.js +60 -58
  551. package/dist/packages/textfield/styles.js +1 -1
  552. package/dist/packages/textfield/textfield.d.ts +3 -3
  553. package/dist/packages/textfield/textfield.hydration.test.d.ts +1 -1
  554. package/dist/packages/textfield/textfield.hydration.test.js +19 -19
  555. package/dist/packages/textfield/textfield.js +376 -368
  556. package/dist/packages/textfield/textfield.js.map +3 -3
  557. package/dist/packages/textfield/textfield.react.stories.d.ts +3 -3
  558. package/dist/packages/textfield/textfield.react.stories.js +31 -31
  559. package/dist/packages/textfield/textfield.react.test.js +7 -7
  560. package/dist/packages/textfield/textfield.stories.d.ts +4 -4
  561. package/dist/packages/textfield/textfield.stories.js +107 -89
  562. package/dist/packages/textfield/textfield.test.d.ts +2 -2
  563. package/dist/packages/textfield/textfield.test.js +103 -71
  564. package/dist/packages/toast/api.d.ts +1 -1
  565. package/dist/packages/toast/api.js +3 -3
  566. package/dist/packages/toast/index.d.ts +5 -5
  567. package/dist/packages/toast/index.js +5 -5
  568. package/dist/packages/toast/toast.d.ts +4 -4
  569. package/dist/packages/toast/toast.js +343 -314
  570. package/dist/packages/toast/toast.js.map +2 -2
  571. package/dist/packages/toast/toast.stories.d.ts +4 -4
  572. package/dist/packages/toast/toast.stories.js +37 -16
  573. package/dist/packages/toast/toast.test.d.ts +1 -1
  574. package/dist/packages/toast/toast.test.js +48 -31
  575. package/dist/packages/toast/types.d.ts +1 -1
  576. package/dist/packages/toast-container/styles.js +1 -1
  577. package/dist/packages/toast-container/toast-container.d.ts +2 -2
  578. package/dist/packages/toast-container/toast-container.js +291 -290
  579. package/dist/packages/toast-container/toast-container.js.map +2 -2
  580. package/dist/packages/utils/element-collapse.js +38 -28
  581. package/dist/packages/utils/expand-transition.d.ts +1 -1
  582. package/dist/packages/utils/expand-transition.js +12 -10
  583. package/dist/packages/utils/unstyled-heading.d.ts +1 -1
  584. package/dist/packages/utils/unstyled-heading.js +4 -4
  585. package/dist/packages/utils/window-exists.js +1 -1
  586. package/dist/packages/utils.js +2 -2
  587. package/dist/setup-tests.d.ts +3 -3
  588. package/dist/setup-tests.js +16 -13
  589. package/dist/tests/react-hydration.js +29 -30
  590. package/dist/tests/react-ssr-attributes.d.ts +1 -1
  591. package/dist/tests/react-ssr-attributes.js +4 -4
  592. package/dist/web-types.json +25 -22
  593. package/eik/index.js +9 -9
  594. package/package.json +11 -16
@@ -1,4 +1,4 @@
1
- var Re=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var de=a=>{throw TypeError(a)};var g=(a,t,e,r)=>{for(var o=r>1?void 0:r?Le(t,e):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(o=(r?s(t,e,o):s(o))||o);return r&&o&&Re(t,e,o),o};var ce=(a,t,e)=>t.has(a)||de("Cannot "+e);var O=(a,t,e)=>(ce(a,t,"read from private field"),e?e.call(a):t.get(a)),U=(a,t,e)=>t.has(a)?de("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(a):t.set(a,e),T=(a,t,e,r)=>(ce(a,t,"write to private field"),r?r.call(a,e):t.set(a,e),e);var S=a=>typeof a=="string",Ne=a=>typeof a=="function",he=new Map,be="en";function ae(a){return[...Array.isArray(a)?a:[a],be]}function ie(a,t,e){let r=ae(a);e||(e="default");let o;if(typeof e=="string")switch(o={day:"numeric",month:"short",year:"numeric"},e){case"full":o.weekday="long";case"long":o.month="long";break;case"short":o.month="numeric";break}else o=e;return W(()=>X("date",r,e),()=>new Intl.DateTimeFormat(r,o)).format(S(t)?new Date(t):t)}function De(a,t,e){let r;if(e||(e="default"),typeof e=="string")switch(r={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":r.timeZoneName="short";break;case"short":delete r.second}else r=e;return ie(a,t,r)}function re(a,t,e){let r=ae(a);return W(()=>X("number",r,e),()=>new Intl.NumberFormat(r,e)).format(t)}function ue(a,t,e,{offset:r=0,...o}){let i=ae(a),s=t?W(()=>X("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):W(()=>X("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return o[e]??o[s.select(e-r)]??o.other}function W(a,t){let e=a(),r=he.get(e);return r||(r=t(),he.set(e,r)),r}function X(a,t,e){let r=t.join("-");return`${a}-${r}-${JSON.stringify(e)}`}var pe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ge=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,e,r)=>{if(e){let o=parseInt(e,16);return String.fromCharCode(o)}else{let o=parseInt(r,16);return String.fromCharCode(o)}}),ve="%__lingui_octothorpe__%",Oe=(a,t,e={})=>{let r=t||a,o=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let l=Object.keys(e).length?o("number"):void 0,u=re(r,s,l);return n.replace(new RegExp(ve,"g"),u)};return{plural:(s,n)=>{let{offset:l=0}=n,u=ue(r,!1,s,n);return i(s-l,u)},selectordinal:(s,n)=>{let{offset:l=0}=n,u=ue(r,!0,s,n);return i(s-l,u)},select:qe,number:(s,n)=>re(r,s,o(n)||{style:n}),date:(s,n)=>ie(r,s,o(n)||n),time:(s,n)=>De(r,s,o(n)||n)}},qe=(a,t)=>t[a]??t.other;function Pe(a,t,e){return(r={},o)=>{let i=Oe(t,e,o),s=(l,u=!1)=>Array.isArray(l)?l.reduce((y,C)=>{if(C==="#"&&u)return y+ve;if(S(C))return y+C;let[V,m,E]=C,M={};m==="plural"||m==="selectordinal"||m==="select"?Object.entries(E).forEach(([A,P])=>{M[A]=s(P,m==="plural"||m==="selectordinal")}):M=E;let w;if(m){let A=i[m];w=A(r[V],M)}else w=r[V];return w==null?y:y+w},""):l,n=s(a);return S(n)&&pe.test(n)?ge(n):S(n)?n:n?String(n):""}}var je=Object.defineProperty,He=(a,t,e)=>t in a?je(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,$e=(a,t,e)=>(He(a,typeof t!="symbol"?t+"":t,e),e),te=class{constructor(){$e(this,"_events",{})}on(t,e){var r;return(r=this._events)[t]??(r[t]=[]),this._events[t].push(e),()=>this.removeListener(t,e)}removeListener(t,e){let r=this._getListeners(t);if(!r)return;let o=r.indexOf(e);~o&&r.splice(o,1)}emit(t,...e){let r=this._getListeners(t);r&&r.map(o=>o.apply(this,e))}_getListeners(t){let e=this._events[t];return Array.isArray(e)?e:!1}},Ye=Object.defineProperty,Ue=(a,t,e)=>t in a?Ye(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,R=(a,t,e)=>(Ue(a,typeof t!="symbol"?t+"":t,e),e),oe=class extends te{constructor(t){super(),R(this,"_locale",""),R(this,"_locales"),R(this,"_localeData",{}),R(this,"_messages",{}),R(this,"_missing"),R(this,"_messageCompiler"),R(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate(t.locale??be,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(t,e){let r=this._localeData[t];r?Object.assign(r,e):this._localeData[t]=e}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,e){typeof t=="string"?this._loadLocaleData(t,e):Object.keys(t).forEach(r=>this._loadLocaleData(r,t[r])),this.emit("change")}_load(t,e){let r=this._messages[t];r?Object.assign(r,e):this._messages[t]=e}load(t,e){typeof t=="string"&&typeof e=="object"?this._load(t,e):Object.entries(t).forEach(([r,o])=>this._load(r,o)),this.emit("change")}loadAndActivate({locale:t,locales:e,messages:r}){this._locale=t,this._locales=e||void 0,this._messages[this._locale]=r,this.emit("change")}activate(t,e){this._locale=t,this._locales=e,this.emit("change")}_(t,e,r){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let o=r?.message;t||(t=""),S(t)||(e=t.values||e,o=t.message,t=t.id);let i=this.messages[t],s=i===void 0,n=this._missing;if(n&&s)return Ne(n)?n(this._locale,t):n;s&&this.emit("missing",{id:t,locale:this._locale});let l=i||o||t;return S(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
1
+ var Ae=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var de=a=>{throw TypeError(a)};var g=(a,t,e,r)=>{for(var o=r>1?void 0:r?Le(t,e):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(o=(r?s(t,e,o):s(o))||o);return r&&o&&Ae(t,e,o),o};var ce=(a,t,e)=>t.has(a)||de("Cannot "+e);var O=(a,t,e)=>(ce(a,t,"read from private field"),e?e.call(a):t.get(a)),U=(a,t,e)=>t.has(a)?de("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(a):t.set(a,e),T=(a,t,e,r)=>(ce(a,t,"write to private field"),r?r.call(a,e):t.set(a,e),e);var S=a=>typeof a=="string",Ne=a=>typeof a=="function",he=new Map,be="en";function ae(a){return[...Array.isArray(a)?a:[a],be]}function ie(a,t,e){let r=ae(a);e||(e="default");let o;if(typeof e=="string")switch(o={day:"numeric",month:"short",year:"numeric"},e){case"full":o.weekday="long";case"long":o.month="long";break;case"short":o.month="numeric";break}else o=e;return W(()=>X("date",r,e),()=>new Intl.DateTimeFormat(r,o)).format(S(t)?new Date(t):t)}function De(a,t,e){let r;if(e||(e="default"),typeof e=="string")switch(r={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":r.timeZoneName="short";break;case"short":delete r.second}else r=e;return ie(a,t,r)}function re(a,t,e){let r=ae(a);return W(()=>X("number",r,e),()=>new Intl.NumberFormat(r,e)).format(t)}function ue(a,t,e,{offset:r=0,...o}){let i=ae(a),s=t?W(()=>X("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):W(()=>X("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return o[e]??o[s.select(e-r)]??o.other}function W(a,t){let e=a(),r=he.get(e);return r||(r=t(),he.set(e,r)),r}function X(a,t,e){let r=t.join("-");return`${a}-${r}-${JSON.stringify(e)}`}var pe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ge=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,e,r)=>{if(e){let o=parseInt(e,16);return String.fromCharCode(o)}else{let o=parseInt(r,16);return String.fromCharCode(o)}}),ve="%__lingui_octothorpe__%",Oe=(a,t,e={})=>{let r=t||a,o=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let l=Object.keys(e).length?o("number"):void 0,u=re(r,s,l);return n.replace(new RegExp(ve,"g"),u)};return{plural:(s,n)=>{let{offset:l=0}=n,u=ue(r,!1,s,n);return i(s-l,u)},selectordinal:(s,n)=>{let{offset:l=0}=n,u=ue(r,!0,s,n);return i(s-l,u)},select:qe,number:(s,n)=>re(r,s,o(n)||{style:n}),date:(s,n)=>ie(r,s,o(n)||n),time:(s,n)=>De(r,s,o(n)||n)}},qe=(a,t)=>t[a]??t.other;function Pe(a,t,e){return(r={},o)=>{let i=Oe(t,e,o),s=(l,u=!1)=>Array.isArray(l)?l.reduce((y,C)=>{if(C==="#"&&u)return y+ve;if(S(C))return y+C;let[V,m,E]=C,M={};m==="plural"||m==="selectordinal"||m==="select"?Object.entries(E).forEach(([R,P])=>{M[R]=s(P,m==="plural"||m==="selectordinal")}):M=E;let w;if(m){let R=i[m];w=R(r[V],M)}else w=r[V];return w==null?y:y+w},""):l,n=s(a);return S(n)&&pe.test(n)?ge(n):S(n)?n:n?String(n):""}}var je=Object.defineProperty,He=(a,t,e)=>t in a?je(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,$e=(a,t,e)=>(He(a,typeof t!="symbol"?t+"":t,e),e),te=class{constructor(){$e(this,"_events",{})}on(t,e){var r;return(r=this._events)[t]??(r[t]=[]),this._events[t].push(e),()=>this.removeListener(t,e)}removeListener(t,e){let r=this._getListeners(t);if(!r)return;let o=r.indexOf(e);~o&&r.splice(o,1)}emit(t,...e){let r=this._getListeners(t);r&&r.map(o=>o.apply(this,e))}_getListeners(t){let e=this._events[t];return Array.isArray(e)?e:!1}},Ye=Object.defineProperty,Ue=(a,t,e)=>t in a?Ye(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,A=(a,t,e)=>(Ue(a,typeof t!="symbol"?t+"":t,e),e),oe=class extends te{constructor(t){super(),A(this,"_locale",""),A(this,"_locales"),A(this,"_localeData",{}),A(this,"_messages",{}),A(this,"_missing"),A(this,"_messageCompiler"),A(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate(t.locale??be,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(t,e){let r=this._localeData[t];r?Object.assign(r,e):this._localeData[t]=e}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,e){typeof t=="string"?this._loadLocaleData(t,e):Object.keys(t).forEach(r=>this._loadLocaleData(r,t[r])),this.emit("change")}_load(t,e){let r=this._messages[t];r?Object.assign(r,e):this._messages[t]=e}load(t,e){typeof t=="string"&&typeof e=="object"?this._load(t,e):Object.entries(t).forEach(([r,o])=>this._load(r,o)),this.emit("change")}loadAndActivate({locale:t,locales:e,messages:r}){this._locale=t,this._locales=e||void 0,this._messages[this._locale]=r,this.emit("change")}activate(t,e){this._locale=t,this._locales=e,this.emit("change")}_(t,e,r){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let o=r?.message;t||(t=""),S(t)||(e=t.values||e,o=t.message,t=t.id);let i=this.messages[t],s=i===void 0,n=this._missing;if(n&&s)return Ne(n)?n(this._locale,t):n;s&&this.emit("missing",{id:t,locale:this._locale});let l=i||o||t;return S(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
2
2
 
3
3
  > ${l}
4
4
 
@@ -6,279 +6,279 @@ That means you use raw catalog or your catalog doesn't have a translation for th
6
6
  ICU features such as interpolation and plurals will not work properly for that message.
7
7
 
8
8
  Please compile your catalog first.
9
- `)),S(l)&&pe.test(l)?ge(l):S(l)?l:Pe(l,this._locale,this._locales)(e,r?.formats)}date(t,e){return ie(this._locales||this._locale,t,e)}number(t,e){return re(this._locales||this._locale,t,e)}};function We(a={}){return new oe(a)}var x=We();var h=function(a,t,e,r){if(e==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?a!==t||!r:!t.has(a))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?r:e==="a"?r.call(a):r?r.value:t.get(a)},p=function(a,t,e,r,o){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?a!==t||!o:!t.has(a))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?o.call(a,e):o?o.value=e:t.set(a,e),e};function B(a){var t,e,r,o,i,s,n,l,u,y,C,V,m,E,M,w,A,P,J;class Ae extends a{constructor(...d){var c,b,v;super(...d),t.add(this),this.internals=this.attachInternals(),e.set(this,!1),r.set(this,!1),o.set(this,!1),i.set(this,void 0),s.set(this,void 0),n.set(this,!0),u.set(this,""),y.set(this,()=>{p(this,o,!0,"f"),p(this,e,!0,"f"),h(this,t,"m",w).call(this)}),C.set(this,()=>{p(this,e,!1,"f"),h(this,t,"m",A).call(this,this.shouldFormValueUpdate()?h(this,u,"f"):""),!this.validity.valid&&h(this,o,"f")&&p(this,r,!0,"f");let z=h(this,t,"m",w).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),V.set(this,()=>{var z;h(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),p(this,n,!1,"f")),p(this,o,!0,"f"),p(this,r,!0,"f"),h(this,t,"m",w).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),m.set(this,void 0),E.set(this,!1),M.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,y,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"blur",h(this,C,"f")),(v=this.addEventListener)===null||v===void 0||v.call(this,"invalid",h(this,V,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let d=this.validators.map(v=>v.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...d])]}static getValidator(d){return this.validators.find(c=>c.attribute===d)||null}static getValidators(d){return this.validators.filter(c=>{var b;if(c.attribute===d||!((b=c.attribute)===null||b===void 0)&&b.includes(d))return!0})}get form(){return this.internals.form}get showError(){return h(this,t,"m",w).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(d,c,b){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,d,c,b);let H=this.constructor.getValidators(d);H?.length&&this.validationTarget&&this.setValue(h(this,u,"f"))}setValue(d){var c;p(this,r,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),p(this,u,d,"f");let v=this.shouldFormValueUpdate()?d:null;this.internals.setFormValue(v),h(this,t,"m",A).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),h(this,t,"m",w).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(d=>d(h(this,M,"f")))}formResetCallback(){var d,c;p(this,o,!1,"f"),p(this,r,!1,"f"),h(this,t,"m",w).call(this),(d=this.resetFormControl)===null||d===void 0||d.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,t,"m",w).call(this)?this.validationMessage:"")}}return e=new WeakMap,r=new WeakMap,o=new WeakMap,i=new WeakMap,s=new WeakMap,n=new WeakMap,u=new WeakMap,y=new WeakMap,C=new WeakMap,V=new WeakMap,m=new WeakMap,E=new WeakMap,M=new WeakMap,t=new WeakSet,l=function(){let d=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return d.querySelectorAll(c)},w=function(){if(this.hasAttribute("disabled"))return!1;let d=h(this,r,"f")||h(this,o,"f")&&!this.validity.valid&&!h(this,e,"f");return d&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),d},A=function(d){let c=this.constructor,b={},v=c.validators,z=[],H=v.some(_=>_.isValid instanceof Promise);h(this,E,"f")||(p(this,M,new Promise(_=>{p(this,m,_,"f")}),"f"),p(this,E,!0,"f")),h(this,i,"f")&&(h(this,i,"f").abort(),p(this,s,h(this,i,"f"),"f"));let $=new AbortController;p(this,i,$,"f");let Y,le=!1;v.length&&(v.forEach(_=>{let Q=_.key||"customError",D=_.isValid(this,d,$.signal);D instanceof Promise?(z.push(D),D.then(ee=>{ee!=null&&(b[Q]=!ee,Y=h(this,t,"m",J).call(this,_,d),h(this,t,"m",P).call(this,b,Y))})):(b[Q]=!D,this.validity[Q]!==!D&&(le=!0),!D&&!Y&&(Y=h(this,t,"m",J).call(this,_,d)))}),Promise.allSettled(z).then(()=>{var _;$?.signal.aborted||(p(this,E,!1,"f"),(_=h(this,m,"f"))===null||_===void 0||_.call(this))}),(le||!H)&&h(this,t,"m",P).call(this,b,Y))},P=function(d,c){if(this.validationTarget)this.internals.setValidity(d,c,this.validationTarget),p(this,n,!1,"f");else{if(this.internals.setValidity(d,c),this.internals.validity.valid)return;p(this,n,!0,"f")}},J=function(d,c){if(this.validityCallback){let b=this.validityCallback(d.key||"customError");if(b)return b}return d.message instanceof Function?d.message(this,c):d.message},Ae}import{html as K,LitElement as Fe}from"lit";import{property as N,state as ar}from"lit/decorators.js";import{ifDefined as ne}from"lit/directives/if-defined.js";import{html as Ke,LitElement as we}from"lit";import{property as I}from"lit/decorators.js";import{css as Xe}from"lit";import{unsafeCSS as Be}from"lit";var me=Xe`
10
- *,
11
- :before,
12
- :after {
13
- box-sizing: border-box;
14
- border-style: solid;
15
- border-width: 0;
16
- border-color: var(--w-s-color-border);
17
- }
18
- html {
19
- font-size: 62.5%;
20
- }
21
- body {
22
- background-color: var(--w-s-color-background);
23
- min-height: 100%;
24
- margin: 0;
25
- overflow-y: scroll;
26
- }
27
- body,
28
- :host {
29
- -webkit-text-size-adjust: 100%;
30
- tab-size: 4;
31
- -webkit-tap-highlight-color: transparent;
32
- font-family: var(--w-font-family);
33
- font-size: var(--w-font-size-m);
34
- line-height: var(--w-line-height-m);
35
- color: var(--w-s-color-text);
36
- }
37
- hr {
38
- color: inherit;
39
- border-top-width: 1px;
40
- height: 0;
41
- }
42
- abbr:where([title]) {
43
- -webkit-text-decoration: underline dotted;
44
- text-decoration: underline dotted;
45
- }
46
- h1,
47
- h2,
48
- h3,
49
- h4,
50
- h5,
51
- h6 {
52
- font-size: inherit;
53
- font-weight: 700;
54
- }
55
- a {
56
- cursor: pointer;
57
- color: var(--w-s-color-text-link);
58
- text-decoration: none;
59
- }
60
- a:hover,
61
- a:focus,
62
- a:active {
63
- text-decoration: underline;
64
- }
65
- a:focus-visible {
66
- outline: 2px solid var(--w-s-color-border-focus);
67
- outline-offset: 1px;
68
- }
69
- b,
70
- strong {
71
- font-weight: 700;
72
- }
73
- code,
74
- kbd,
75
- samp,
76
- pre {
77
- font-family:
78
- ui-monospace,
79
- SFMono-Regular,
80
- Menlo,
81
- Monaco,
82
- Consolas,
83
- Liberation Mono,
84
- Courier New,
85
- monospace;
86
- font-size: 1em;
87
- }
88
- sub,
89
- sup {
90
- vertical-align: baseline;
91
- font-size: 75%;
92
- line-height: 0;
93
- position: relative;
94
- }
95
- sub {
96
- bottom: -0.25em;
97
- }
98
- sup {
99
- top: -0.5em;
100
- }
101
- table {
102
- text-indent: 0;
103
- border-color: inherit;
104
- border-collapse: collapse;
105
- }
106
- button,
107
- input,
108
- optgroup,
109
- select,
110
- textarea {
111
- font-family: inherit;
112
- font-size: 100%;
113
- font-weight: inherit;
114
- line-height: inherit;
115
- color: inherit;
116
- margin: 0;
117
- padding: 0;
118
- }
119
- button,
120
- select {
121
- text-transform: none;
122
- }
123
- button,
124
- [type='button'],
125
- [type='reset'],
126
- [type='submit'] {
127
- -webkit-appearance: button;
128
- }
129
- :-moz-focusring {
130
- outline: auto;
131
- }
132
- :-moz-ui-invalid {
133
- box-shadow: none;
134
- }
135
- progress {
136
- vertical-align: baseline;
137
- }
138
- ::-webkit-inner-spin-button {
139
- height: auto;
140
- }
141
- ::-webkit-outer-spin-button {
142
- height: auto;
143
- }
144
- [type='search'] {
145
- -webkit-appearance: textfield;
146
- outline-offset: -2px;
147
- }
148
- ::-webkit-search-decoration {
149
- -webkit-appearance: none;
150
- }
151
- ::-webkit-file-upload-button {
152
- -webkit-appearance: button;
153
- font: inherit;
154
- }
155
- summary {
156
- display: list-item;
157
- }
158
- blockquote,
159
- dl,
160
- dd,
161
- h1,
162
- h2,
163
- h3,
164
- h4,
165
- h5,
166
- h6,
167
- hr,
168
- figure,
169
- p,
170
- pre {
171
- margin: 0;
172
- }
173
- fieldset {
174
- margin: 0;
175
- padding: 0;
176
- }
177
- legend {
178
- padding: 0;
179
- }
180
- ol,
181
- ul,
182
- menu {
183
- margin: 0;
184
- padding: 0;
185
- list-style: none;
186
- }
187
- textarea {
188
- resize: vertical;
189
- }
190
- input::placeholder,
191
- textarea::placeholder {
192
- opacity: 1;
193
- color: var(--w-s-color-text-placeholder);
194
- }
195
- button,
196
- [role='button'] {
197
- cursor: pointer;
198
- }
199
- :disabled {
200
- cursor: default;
201
- }
202
- img,
203
- svg,
204
- video,
205
- canvas,
206
- audio,
207
- iframe,
208
- embed,
209
- object {
210
- vertical-align: middle;
211
- display: block;
212
- }
213
- img,
214
- video {
215
- max-width: 100%;
216
- height: auto;
217
- }
218
- h1 {
219
- font-size: var(--w-font-size-xxl);
220
- line-height: var(--w-line-height-xxl);
221
- }
222
- h2 {
223
- font-size: var(--w-font-size-xl);
224
- line-height: var(--w-line-height-xl);
225
- }
226
- h3 {
227
- font-size: var(--w-font-size-l);
228
- line-height: var(--w-line-height-l);
229
- }
230
- h4 {
231
- font-size: var(--w-font-size-m);
232
- line-height: var(--w-line-height-m);
233
- }
234
- h5 {
235
- font-size: var(--w-font-size-s);
236
- line-height: var(--w-line-height-s);
237
- }
238
- dt,
239
- dd {
240
- margin: 0 16px;
241
- }
242
- h1,
243
- h2,
244
- h3,
245
- h4,
246
- h5,
247
- ul,
248
- ol,
249
- dl,
250
- p,
251
- blockquote {
252
- margin: 0 0 8px;
253
- }
254
- [hidden] {
255
- display: none !important;
256
- }
257
- [tabindex='-1']:focus:not(:focus-visible) {
258
- outline: none;
259
- }
260
- legend {
261
- float: left;
262
- width: 100%;
263
- margin: 0;
264
- padding: 0;
265
- display: table;
266
- }
267
- legend + * {
268
- clear: both;
269
- }
270
- fieldset {
271
- border: 0;
272
- min-width: 0;
273
- margin: 0;
274
- padding: 0.01em 0 0;
275
- }
276
- body:not(:-moz-handler-blocked) fieldset {
277
- display: table-cell;
278
- }
279
- svg {
280
- pointer-events: none;
281
- }
9
+ `)),S(l)&&pe.test(l)?ge(l):S(l)?l:Pe(l,this._locale,this._locales)(e,r?.formats)}date(t,e){return ie(this._locales||this._locale,t,e)}number(t,e){return re(this._locales||this._locale,t,e)}};function We(a={}){return new oe(a)}var x=We();var h=function(a,t,e,r){if(e==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?a!==t||!r:!t.has(a))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?r:e==="a"?r.call(a):r?r.value:t.get(a)},p=function(a,t,e,r,o){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?a!==t||!o:!t.has(a))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?o.call(a,e):o?o.value=e:t.set(a,e),e};function B(a){var t,e,r,o,i,s,n,l,u,y,C,V,m,E,M,w,R,P,J;class Re extends a{constructor(...d){var c,b,v;super(...d),t.add(this),this.internals=this.attachInternals(),e.set(this,!1),r.set(this,!1),o.set(this,!1),i.set(this,void 0),s.set(this,void 0),n.set(this,!0),u.set(this,""),y.set(this,()=>{p(this,o,!0,"f"),p(this,e,!0,"f"),h(this,t,"m",w).call(this)}),C.set(this,()=>{p(this,e,!1,"f"),h(this,t,"m",R).call(this,this.shouldFormValueUpdate()?h(this,u,"f"):""),!this.validity.valid&&h(this,o,"f")&&p(this,r,!0,"f");let z=h(this,t,"m",w).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),V.set(this,()=>{var z;h(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),p(this,n,!1,"f")),p(this,o,!0,"f"),p(this,r,!0,"f"),h(this,t,"m",w).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),m.set(this,void 0),E.set(this,!1),M.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,y,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"blur",h(this,C,"f")),(v=this.addEventListener)===null||v===void 0||v.call(this,"invalid",h(this,V,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let d=this.validators.map(v=>v.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...d])]}static getValidator(d){return this.validators.find(c=>c.attribute===d)||null}static getValidators(d){return this.validators.filter(c=>{var b;if(c.attribute===d||!((b=c.attribute)===null||b===void 0)&&b.includes(d))return!0})}get form(){return this.internals.form}get showError(){return h(this,t,"m",w).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(d,c,b){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,d,c,b);let H=this.constructor.getValidators(d);H?.length&&this.validationTarget&&this.setValue(h(this,u,"f"))}setValue(d){var c;p(this,r,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),p(this,u,d,"f");let v=this.shouldFormValueUpdate()?d:null;this.internals.setFormValue(v),h(this,t,"m",R).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),h(this,t,"m",w).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(d=>d(h(this,M,"f")))}formResetCallback(){var d,c;p(this,o,!1,"f"),p(this,r,!1,"f"),h(this,t,"m",w).call(this),(d=this.resetFormControl)===null||d===void 0||d.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,t,"m",w).call(this)?this.validationMessage:"")}}return e=new WeakMap,r=new WeakMap,o=new WeakMap,i=new WeakMap,s=new WeakMap,n=new WeakMap,u=new WeakMap,y=new WeakMap,C=new WeakMap,V=new WeakMap,m=new WeakMap,E=new WeakMap,M=new WeakMap,t=new WeakSet,l=function(){let d=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return d.querySelectorAll(c)},w=function(){if(this.hasAttribute("disabled"))return!1;let d=h(this,r,"f")||h(this,o,"f")&&!this.validity.valid&&!h(this,e,"f");return d&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),d},R=function(d){let c=this.constructor,b={},v=c.validators,z=[],H=v.some(_=>_.isValid instanceof Promise);h(this,E,"f")||(p(this,M,new Promise(_=>{p(this,m,_,"f")}),"f"),p(this,E,!0,"f")),h(this,i,"f")&&(h(this,i,"f").abort(),p(this,s,h(this,i,"f"),"f"));let $=new AbortController;p(this,i,$,"f");let Y,le=!1;v.length&&(v.forEach(_=>{let Q=_.key||"customError",D=_.isValid(this,d,$.signal);D instanceof Promise?(z.push(D),D.then(ee=>{ee!=null&&(b[Q]=!ee,Y=h(this,t,"m",J).call(this,_,d),h(this,t,"m",P).call(this,b,Y))})):(b[Q]=!D,this.validity[Q]!==!D&&(le=!0),!D&&!Y&&(Y=h(this,t,"m",J).call(this,_,d)))}),Promise.allSettled(z).then(()=>{var _;$?.signal.aborted||(p(this,E,!1,"f"),(_=h(this,m,"f"))===null||_===void 0||_.call(this))}),(le||!H)&&h(this,t,"m",P).call(this,b,Y))},P=function(d,c){if(this.validationTarget)this.internals.setValidity(d,c,this.validationTarget),p(this,n,!1,"f");else{if(this.internals.setValidity(d,c),this.internals.validity.valid)return;p(this,n,!0,"f")}},J=function(d,c){if(this.validityCallback){let b=this.validityCallback(d.key||"customError");if(b)return b}return d.message instanceof Function?d.message(this,c):d.message},Re}import{html as K,LitElement as Fe}from"lit";import{property as N,state as ar}from"lit/decorators.js";import{ifDefined as ne}from"lit/directives/if-defined.js";import{html as Ke,LitElement as we}from"lit";import{property as I}from"lit/decorators.js";import{css as Xe}from"lit";import{unsafeCSS as Be}from"lit";var me=Xe`
10
+ *,
11
+ :before,
12
+ :after {
13
+ box-sizing: border-box;
14
+ border-style: solid;
15
+ border-width: 0;
16
+ border-color: var(--w-s-color-border);
17
+ }
18
+ html {
19
+ font-size: 62.5%;
20
+ }
21
+ body {
22
+ background-color: var(--w-s-color-background);
23
+ min-height: 100%;
24
+ margin: 0;
25
+ overflow-y: scroll;
26
+ }
27
+ body,
28
+ :host {
29
+ -webkit-text-size-adjust: 100%;
30
+ tab-size: 4;
31
+ -webkit-tap-highlight-color: transparent;
32
+ font-family: var(--w-font-family);
33
+ font-size: var(--w-font-size-m);
34
+ line-height: var(--w-line-height-m);
35
+ color: var(--w-s-color-text);
36
+ }
37
+ hr {
38
+ color: inherit;
39
+ border-top-width: 1px;
40
+ height: 0;
41
+ }
42
+ abbr:where([title]) {
43
+ -webkit-text-decoration: underline dotted;
44
+ text-decoration: underline dotted;
45
+ }
46
+ h1,
47
+ h2,
48
+ h3,
49
+ h4,
50
+ h5,
51
+ h6 {
52
+ font-size: inherit;
53
+ font-weight: 700;
54
+ }
55
+ a {
56
+ cursor: pointer;
57
+ color: var(--w-s-color-text-link);
58
+ text-decoration: none;
59
+ }
60
+ a:hover,
61
+ a:focus,
62
+ a:active {
63
+ text-decoration: underline;
64
+ }
65
+ a:focus-visible {
66
+ outline: 2px solid var(--w-s-color-border-focus);
67
+ outline-offset: 1px;
68
+ }
69
+ b,
70
+ strong {
71
+ font-weight: 700;
72
+ }
73
+ code,
74
+ kbd,
75
+ samp,
76
+ pre {
77
+ font-family:
78
+ ui-monospace,
79
+ SFMono-Regular,
80
+ Menlo,
81
+ Monaco,
82
+ Consolas,
83
+ Liberation Mono,
84
+ Courier New,
85
+ monospace;
86
+ font-size: 1em;
87
+ }
88
+ sub,
89
+ sup {
90
+ vertical-align: baseline;
91
+ font-size: 75%;
92
+ line-height: 0;
93
+ position: relative;
94
+ }
95
+ sub {
96
+ bottom: -0.25em;
97
+ }
98
+ sup {
99
+ top: -0.5em;
100
+ }
101
+ table {
102
+ text-indent: 0;
103
+ border-color: inherit;
104
+ border-collapse: collapse;
105
+ }
106
+ button,
107
+ input,
108
+ optgroup,
109
+ select,
110
+ textarea {
111
+ font-family: inherit;
112
+ font-size: 100%;
113
+ font-weight: inherit;
114
+ line-height: inherit;
115
+ color: inherit;
116
+ margin: 0;
117
+ padding: 0;
118
+ }
119
+ button,
120
+ select {
121
+ text-transform: none;
122
+ }
123
+ button,
124
+ [type="button"],
125
+ [type="reset"],
126
+ [type="submit"] {
127
+ -webkit-appearance: button;
128
+ }
129
+ :-moz-focusring {
130
+ outline: auto;
131
+ }
132
+ :-moz-ui-invalid {
133
+ box-shadow: none;
134
+ }
135
+ progress {
136
+ vertical-align: baseline;
137
+ }
138
+ ::-webkit-inner-spin-button {
139
+ height: auto;
140
+ }
141
+ ::-webkit-outer-spin-button {
142
+ height: auto;
143
+ }
144
+ [type="search"] {
145
+ -webkit-appearance: textfield;
146
+ outline-offset: -2px;
147
+ }
148
+ ::-webkit-search-decoration {
149
+ -webkit-appearance: none;
150
+ }
151
+ ::-webkit-file-upload-button {
152
+ -webkit-appearance: button;
153
+ font: inherit;
154
+ }
155
+ summary {
156
+ display: list-item;
157
+ }
158
+ blockquote,
159
+ dl,
160
+ dd,
161
+ h1,
162
+ h2,
163
+ h3,
164
+ h4,
165
+ h5,
166
+ h6,
167
+ hr,
168
+ figure,
169
+ p,
170
+ pre {
171
+ margin: 0;
172
+ }
173
+ fieldset {
174
+ margin: 0;
175
+ padding: 0;
176
+ }
177
+ legend {
178
+ padding: 0;
179
+ }
180
+ ol,
181
+ ul,
182
+ menu {
183
+ margin: 0;
184
+ padding: 0;
185
+ list-style: none;
186
+ }
187
+ textarea {
188
+ resize: vertical;
189
+ }
190
+ input::placeholder,
191
+ textarea::placeholder {
192
+ opacity: 1;
193
+ color: var(--w-s-color-text-placeholder);
194
+ }
195
+ button,
196
+ [role="button"] {
197
+ cursor: pointer;
198
+ }
199
+ :disabled {
200
+ cursor: default;
201
+ }
202
+ img,
203
+ svg,
204
+ video,
205
+ canvas,
206
+ audio,
207
+ iframe,
208
+ embed,
209
+ object {
210
+ vertical-align: middle;
211
+ display: block;
212
+ }
213
+ img,
214
+ video {
215
+ max-width: 100%;
216
+ height: auto;
217
+ }
218
+ h1 {
219
+ font-size: var(--w-font-size-xxl);
220
+ line-height: var(--w-line-height-xxl);
221
+ }
222
+ h2 {
223
+ font-size: var(--w-font-size-xl);
224
+ line-height: var(--w-line-height-xl);
225
+ }
226
+ h3 {
227
+ font-size: var(--w-font-size-l);
228
+ line-height: var(--w-line-height-l);
229
+ }
230
+ h4 {
231
+ font-size: var(--w-font-size-m);
232
+ line-height: var(--w-line-height-m);
233
+ }
234
+ h5 {
235
+ font-size: var(--w-font-size-s);
236
+ line-height: var(--w-line-height-s);
237
+ }
238
+ dt,
239
+ dd {
240
+ margin: 0 16px;
241
+ }
242
+ h1,
243
+ h2,
244
+ h3,
245
+ h4,
246
+ h5,
247
+ ul,
248
+ ol,
249
+ dl,
250
+ p,
251
+ blockquote {
252
+ margin: 0 0 8px;
253
+ }
254
+ [hidden] {
255
+ display: none !important;
256
+ }
257
+ [tabindex="-1"]:focus:not(:focus-visible) {
258
+ outline: none;
259
+ }
260
+ legend {
261
+ float: left;
262
+ width: 100%;
263
+ margin: 0;
264
+ padding: 0;
265
+ display: table;
266
+ }
267
+ legend + * {
268
+ clear: both;
269
+ }
270
+ fieldset {
271
+ border: 0;
272
+ min-width: 0;
273
+ margin: 0;
274
+ padding: 0.01em 0 0;
275
+ }
276
+ body:not(:-moz-handler-blocked) fieldset {
277
+ display: table-cell;
278
+ }
279
+ svg {
280
+ pointer-events: none;
281
+ }
282
282
  `,ur=Be(`*, :before, :after {
283
283
  --w-rotate: 0;
284
284
  --w-rotate-x: 0;
@@ -2446,292 +2446,380 @@ Please compile your catalog first.
2446
2446
  }
2447
2447
  }
2448
2448
  `);import{css as Ze}from"lit";var Z=Ze`
2449
- :host {
2450
- box-sizing: border-box !important;
2451
- }
2452
-
2453
- :host *,
2454
- :host *::before,
2455
- :host *::after {
2456
- box-sizing: inherit !important;
2457
- }
2449
+ :host {
2450
+ box-sizing: border-box !important;
2451
+ }
2452
+
2453
+ :host *,
2454
+ :host *::before,
2455
+ :host *::after {
2456
+ box-sizing: inherit !important;
2457
+ }
2458
2458
  `;import{css as Ge}from"lit";var fe=Ge`
2459
- :host {
2460
- display: inline-flex;
2461
- align-items: center;
2462
- gap: var(--_gap);
2463
-
2464
- --_gap: var(--w-c-radio-gap, 8px);
2465
-
2466
- --_size: var(--w-c-radio-size, 2rem);
2467
- --_radius: var(--w-c-radio-radius, 50%);
2468
- --_border-width: var(--w-c-radio-border-width, 1px);
2469
- --_checked-border-width: var(--w-c-radio-checked-border-width, 0.6rem);
2470
-
2471
- --_bg: var(--w-c-radio-bg, var(--w-s-color-background));
2472
- --_border-color: var(--w-c-radio-border-color, var(--w-s-color-border-strong));
2473
- --_border-color-checked: var(--w-c-radio-border-color-checked, var(--w-s-color-border-selected));
2474
- --_border-color-invalid: var(--w-c-radio-border-color-invalid, var(--w-s-color-border-negative));
2475
-
2476
- --_outline-width: var(--w-c-radio-outline-width, 2px);
2477
- --_outline-color: var(--w-c-radio-outline-color, var(--w-s-color-border-focus));
2478
- --_outline-offset: var(--w-c-radio-outline-offset, var(--w-outline-offset, 1px));
2479
-
2480
- --_border-color-disabled: var(--w-c-radio-border-color-disabled, var(--w-s-color-border-disabled));
2481
- --_bg-disabled: var(--w-c-radio-bg-disabled, var(--w-s-color-background-disabled-subtle));
2482
-
2483
- --_label-font-size: var(--w-c-radio-label-font-size, var(--w-font-size-m));
2484
- --_label-line-height: var(--w-c-radio-label-line-height, var(--w-line-height-m));
2485
- --_label-color: var(--w-c-radio-label-color, currentColor);
2486
- --_label-color-disabled: var(--w-c-radio-label-color-disabled, var(--w-s-color-text-disabled));
2487
-
2488
- --_cursor: var(--w-c-radio-cursor, pointer);
2489
- --_cursor-disabled: var(--w-c-radio-cursor-disabled, not-allowed);
2490
-
2491
- --_transition: var(
2492
- --w-c-radio-transition,
2493
- border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
2494
- border-width 150ms cubic-bezier(0.4, 0, 0.2, 1),
2495
- background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
2496
- );
2497
- }
2498
-
2499
- :host([disabled]),
2500
- :host([disabled-ui]) {
2501
- --w-c-radio-border-color: var(--w-c-radio-border-color-disabled, var(--w-s-color-border-disabled));
2502
- --w-c-radio-bg: var(--w-c-radio-bg-disabled, var(--w-s-color-background-disabled-subtle));
2503
- --w-c-radio-border-color-checked: var(--w-c-radio-border-color-disabled, var(--w-s-color-border-disabled));
2504
- --w-c-radio-label-color: var(--w-c-radio-label-color-disabled, var(--w-s-color-text-disabled));
2505
- --w-c-radio-cursor: var(--w-c-radio-cursor-disabled, not-allowed);
2506
- }
2507
-
2508
- .wrapper {
2509
- display: inline-flex;
2510
- align-items: center;
2511
- gap: var(--_gap);
2512
- }
2513
-
2514
- [part='control'] {
2515
- appearance: none;
2516
- -webkit-appearance: none;
2517
- margin: 0;
2518
-
2519
- width: var(--_size);
2520
- height: var(--_size);
2521
- border-style: solid;
2522
- border-width: var(--_border-width);
2523
- border-color: var(--_border-color);
2524
- border-radius: var(--_radius);
2525
- background-color: var(--_bg);
2526
- cursor: var(--_cursor);
2527
- flex-shrink: 0;
2528
-
2529
- transition: var(--_transition);
2530
- }
2531
-
2532
- :host([checked]) [part='control'],
2533
- :host([checked-ui]) [part='control'],
2534
- :host([role='radio'][checked-ui]) [part='control'],
2535
- :host([role='radio']:state(checked)) [part='control'] {
2536
- border-color: var(--_border-color-checked);
2537
- border-width: var(--_checked-border-width);
2538
- }
2539
-
2540
- :host([invalid]) [part='control'] {
2541
- border-color: var(--_border-color-invalid);
2542
- }
2543
-
2544
- :host(:focus-visible) {
2545
- outline: none;
2546
- }
2547
-
2548
- :host(:focus-visible) [part='control'] {
2549
- outline: var(--_outline-width) solid var(--_outline-color);
2550
- outline-offset: var(--_outline-offset);
2551
- }
2552
-
2553
- :host([disabled]) [part='control'],
2554
- :host([disabled-ui]) [part='control'],
2555
- :host([role='radio']:state(disabled)) [part='control'] {
2556
- border-color: var(--_border-color-disabled);
2557
- background-color: var(--_bg-disabled);
2558
- cursor: var(--_cursor-disabled);
2559
- }
2560
-
2561
- :host([disabled]) [part='label'],
2562
- :host([disabled-ui]) [part='label'] {
2563
- color: var(--_label-color-disabled);
2564
- cursor: var(--_cursor-disabled);
2565
- }
2566
-
2567
- :host([disabled][checked]),
2568
- :host([disabled][checked-ui]),
2569
- :host([disabled-ui][checked-ui]) [part='control'] {
2570
- border-color: var(--_border-color-disabled);
2571
- }
2572
-
2573
- [part='label'] {
2574
- font-size: var(--_label-font-size);
2575
- line-height: var(--_label-line-height);
2576
- color: var(--_label-color);
2577
- user-select: none;
2578
- cursor: var(--_cursor);
2579
- }
2580
-
2581
- @media (prefers-reduced-motion: reduce) {
2582
- :host {
2583
- --w-c-radio-transition: none;
2584
- }
2585
- }
2586
-
2587
- @media (forced-colors: active) {
2588
- :host {
2589
- --w-c-radio-bg: Canvas;
2590
- --w-c-radio-border-color: ButtonText;
2591
- --w-c-radio-border-color-checked: Highlight;
2592
- --w-c-radio-outline-color: Highlight;
2593
- --w-c-radio-bg-disabled: Canvas;
2594
- --w-c-radio-border-color-disabled: GrayText;
2595
- --w-c-radio-label-color: CanvasText;
2596
- --w-c-radio-label-color-disabled: GrayText;
2597
- }
2598
-
2599
- [part='control'] {
2600
- forced-color-adjust: none;
2601
- }
2602
-
2603
- :host([checked]) [part='control'],
2604
- :host([checked-ui]) [part='control'],
2605
- :host([role='radio']:state(checked)) [part='control'] {
2606
- background-color: var(--_border-color-checked);
2607
- border-color: var(--_border-color-checked);
2608
- }
2609
-
2610
- :host([disabled][checked]),
2611
- :host([disabled][checked-ui]),
2612
- :host([disabled-ui][checked-ui]) [part='control'],
2613
- :host([role='radio']:state(disabled):state(checked)) [part='control'] {
2614
- background-color: var(--_border-color-disabled);
2615
- border-color: var(--_border-color-disabled);
2616
- }
2617
- }
2618
- `;var q,L,F,k=class extends B(we){constructor(){super();this.value=null;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;U(this,q,!1);U(this,L,!1);U(this,F,!1);this.handleClick=()=>{this.isInGroup()||this.disabled||(T(this,F,!0),!this.checked&&(this.checked=!0,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})))};this.handleInvalid=()=>{T(this,F,!0),this.updateValidity()};this.handleKeyDown=e=>{if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){let r=this.getStandaloneNamedRadios().filter(u=>!u.disabled);if(r.length<=1)return;e.preventDefault();let o=r.find(u=>u.checked)??r.find(u=>u===this)??r[0],i=e.key==="ArrowUp"||e.key==="ArrowLeft"?-1:1,n=(r.indexOf(o)+i+r.length)%r.length,l=r[n];T(l,F,!0),l.checked||(l.checked=!0,l.updateComplete.then(()=>{l.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),l.focus();return}if(!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.preventDefault(),this.click()}}};this.addEventListener("click",this.handleClick),this.addEventListener("invalid",this.handleInvalid),this.addEventListener("keydown",this.handleKeyDown)}get tabIndex(){return this._internalTabIndex}set tabIndex(e){this._groupTabIndex=e}connectedCallback(){super.connectedCallback(),this.value=this.getAttribute("value")??"on",T(this,q,this.hasAttribute("checked")),this.checked=O(this,q),this.internals.role="radio",this.syncAriaDisabled(),this.syncFormValue(),this.updateValidity()}syncAriaDisabled(){this.internals.ariaDisabled=this.disabled?"true":"false"}syncAriaChecked(){this.internals.ariaChecked=this.checked?"true":"false"}willUpdate(e){this.shouldSyncFormState(e)&&(this.syncFormValue(),this.updateValidity())}updated(e){super.updated(e),e.has("checked")&&(this.syncAriaChecked(),this.checked&&!this.isInGroup()&&(this.uncheckOtherRadios(),this.syncStandaloneTabOrder())),e.has("disabled")&&(this.syncAriaDisabled(),this.isInGroup()||this.syncStandaloneTabOrder()),e.has("invalid")&&(this.internals.ariaInvalid=this.invalid?"true":null),e.has("name")&&this.checked&&!this.isInGroup()&&this.uncheckOtherRadios()}resetFormControl(){this.checked=O(this,q),this.syncFormValue(),this.updateValidity()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return T(this,F,!0),this.updateValidity(),this.internals.checkValidity()}isInGroup(){return!!this.closest("w-radio-group")}getRadioScope(){return this.internals.form??this.closest("form")??document}getStandaloneNamedRadios(){if(!this.name)return[this];let e=this.getRadioScope();return Array.from(e.querySelectorAll(`w-radio[name="${this.name}"]`)).filter(r=>!r.closest("w-radio-group"))}syncStandaloneTabOrder(){let e=this.getStandaloneNamedRadios(),r=e.filter(s=>!s.disabled),i=r.find(s=>s.checked)??r[0]??null;e.forEach(s=>{s._standaloneTabIndex=s===i?0:-1})}get _internalTabIndex(){return this.disabled?-1:this._groupTabIndex!==void 0?this._groupTabIndex:this._standaloneTabIndex!==void 0?this._standaloneTabIndex:0}firstUpdated(){this.isInGroup()||this.syncStandaloneTabOrder()}uncheckOtherRadios(){if(!this.name)return;let e=this.getRadioScope();Array.from(e.querySelectorAll(`w-radio[name="${this.name}"]`)).forEach(o=>{o!==this&&(o.closest("w-radio-group")||o.checked&&(o.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup()){this.internals.setValidity({});return}let e=this.required&&!this.checked,r=this.invalid&&!O(this,L);if(e){T(this,L,!0),this.invalid=O(this,F),this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");return}if(O(this,L)&&(this.invalid=!1,T(this,L,!1)),r){this.internals.setValidity({customError:!0},this.internals.validationMessage||" ");return}this.internals.setValidity({})}syncFormValue(){if(this.disabled){this.setValue(null);return}this.setValue(this.checked?this.value:null)}shouldSyncFormState(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")}render(){return Ke`
2619
- <div class="wrapper" tabindex="${this._internalTabIndex}">
2620
- <div part="control" class="control"></div>
2621
- <slot part="label" class="label"></slot>
2622
- </div>
2623
- `}};q=new WeakMap,L=new WeakMap,F=new WeakMap,k.styles=[Z,me,fe],k.shadowRootOptions={...we.shadowRootOptions,delegatesFocus:!0},g([I({reflect:!0})],k.prototype,"name",2),g([I({reflect:!0})],k.prototype,"value",2),g([I({type:Boolean,reflect:!0})],k.prototype,"checked",2),g([I({type:Boolean,reflect:!0})],k.prototype,"disabled",2),g([I({type:Boolean,reflect:!0})],k.prototype,"required",2),g([I({type:Boolean,reflect:!0})],k.prototype,"invalid",2),g([I({attribute:!1})],k.prototype,"_groupTabIndex",2),g([I({attribute:!1})],k.prototype,"_standaloneTabIndex",2);customElements.get("w-radio")||customElements.define("w-radio",k);var Je=["en","nb","fi","da","sv"],se="en",G=a=>Je.find(t=>a===t||a.toLowerCase().includes(t))||se;function ye(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return G(a)}try{let a=ke(document);if(a)return G(a);let t=tr();if(t)return G(t);let e=ke(Ee());return e?G(e):se}catch(a){return console.warn("could not detect locale, falling back to source locale",a),se}}var _e=(a,t,e,r,o)=>{x.load("en",a),x.load("nb",t),x.load("fi",e),x.load("da",r),x.load("sv",o);let i=ye();x.activate(i),Ce(),er()},Qe="warp-i18n-change";function Ce(){typeof window>"u"||window.dispatchEvent(new Event(Qe))}var xe=!1;function er(){if(xe||typeof window>"u"||!document?.documentElement)return;xe=!0;let a=()=>{let o=ye();x.locale!==o&&(x.activate(o),Ce())},t=new MutationObserver(o=>{for(let i of o)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=Ee();e&&e.documentElement&&e!==document&&t.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=rr();r&&t.observe(r,{attributes:!0,attributeFilter:["lang"]})}function Ee(){try{return window.parent?.document??null}catch{return null}}function ke(a){try{return a?.documentElement?.lang??""}catch{return""}}function rr(){try{return window.frameElement??null}catch{return null}}function tr(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}var ze=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["V\xE6lg en mulighed."]}');var Ve=JSON.parse('{"radio-group.label.optional":["Optional"],"radio-group.validation.required":["Please select an option."]}');var Me=JSON.parse('{"radio-group.label.optional":["Valinnainen"],"radio-group.validation.required":["Valitse vaihtoehto."]}');var Te=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["Velg et alternativ."]}');var Se=JSON.parse('{"radio-group.label.optional":["Valfritt"],"radio-group.validation.required":["V\xE4lj ett alternativ."]}');import{css as or}from"lit";var Ie=or`
2624
- :host {
2625
- display: block;
2626
-
2627
- --_label-font-size: var(--w-c-radio-group-label-font-size, var(--w-font-size-s));
2628
- --_label-line-height: var(--w-c-radio-group-label-line-height, var(--w-line-height-s));
2629
- --_label-font-weight: var(--w-c-radio-group-label-font-weight, 700);
2630
- --_label-color: var(--w-c-radio-group-label-color, var(--w-s-color-text));
2631
- --_label-color-disabled: var(--w-c-radio-group-label-color-disabled, var(--w-s-color-text-disabled));
2632
- --_label-padding-bottom: var(--w-c-radio-group-label-padding-bottom, 16px);
2633
-
2634
- --_optional-font-weight: var(--w-c-radio-group-optional-font-weight, 400);
2635
- --_optional-color: var(--w-c-radio-group-optional-color, var(--w-s-color-text-subtle));
2636
- --_optional-margin-inline-start: var(--w-c-radio-group-optional-margin-inline-start, 0.5rem);
2637
-
2638
- --_radios-gap: var(--w-c-radio-group-gap, 16px);
2639
-
2640
- --_help-text-margin-block-start: var(--w-c-radio-group-help-text-margin-block-start, 16px);
2641
- --_help-text-font-size: var(--w-c-radio-group-help-text-font-size, var(--w-font-size-xs));
2642
- --_help-text-line-height: var(--w-c-radio-group-help-text-line-height, var(--w-line-height-xs));
2643
- --_help-text-color: var(--w-c-radio-group-help-text-color, var(--w-s-color-text-subtle));
2644
- --_help-text-color-disabled: var(--w-c-radio-group-help-text-color-disabled, var(--w-s-color-text-disabled));
2645
- --_help-text-color-error: var(--w-c-radio-group-help-text-color-error, var(--w-s-color-text-negative));
2646
- }
2647
-
2648
- [part='form-control'] {
2649
- position: relative;
2650
-
2651
- border: 0;
2652
- padding: 0;
2653
- margin: 0;
2654
-
2655
- min-inline-size: 0;
2656
- }
2657
-
2658
- [part='form-control-label'] {
2659
- display: block;
2660
- cursor: pointer;
2661
-
2662
- font-size: var(--_label-font-size);
2663
- line-height: var(--_label-line-height);
2664
- font-weight: var(--_label-font-weight);
2665
- color: var(--_label-color);
2666
-
2667
- padding-bottom: var(--_label-padding-bottom);
2668
-
2669
- -webkit-font-smoothing: antialiased;
2670
- -moz-osx-font-smoothing: grayscale;
2671
- font-smoothing: grayscale;
2672
- }
2673
-
2674
- :host([disabled]) [part='form-control-label'] {
2675
- cursor: default;
2676
- color: var(--_label-color-disabled);
2677
- }
2678
-
2679
- :host([required]) [part='form-control-label']::after {
2680
- content: var(--wa-form-control-required-content);
2681
- margin-inline-start: var(--wa-form-control-required-content-offset);
2682
- }
2683
-
2684
- .optional {
2685
- font-weight: var(--_optional-font-weight);
2686
- color: var(--_optional-color);
2687
- margin-inline-start: var(--_optional-margin-inline-start);
2688
- }
2689
-
2690
- [part~='form-control-input'] {
2691
- display: flex;
2692
- flex-direction: column;
2693
- flex-wrap: wrap;
2694
- gap: var(--_radios-gap);
2695
- }
2696
-
2697
- [part~='help-text'] {
2698
- margin-block-start: var(--_help-text-margin-block-start);
2699
- font-size: var(--_help-text-font-size);
2700
- line-height: var(--_help-text-line-height);
2701
- color: var(--_help-text-color);
2702
- }
2703
-
2704
- :host([disabled]) [part~='help-text'] {
2705
- color: var(--_help-text-color-disabled);
2706
- }
2707
-
2708
- :host([data-show-error]) [part~='help-text'] {
2709
- color: var(--_help-text-color-error);
2710
- }
2459
+ :host {
2460
+ display: inline-flex;
2461
+ align-items: center;
2462
+ gap: var(--_gap);
2463
+
2464
+ --_gap: var(--w-c-radio-gap, 8px);
2465
+
2466
+ --_size: var(--w-c-radio-size, 2rem);
2467
+ --_radius: var(--w-c-radio-radius, 50%);
2468
+ --_border-width: var(--w-c-radio-border-width, 1px);
2469
+ --_checked-border-width: var(--w-c-radio-checked-border-width, 0.6rem);
2470
+
2471
+ --_bg: var(--w-c-radio-bg, var(--w-s-color-background));
2472
+ --_border-color: var(
2473
+ --w-c-radio-border-color,
2474
+ var(--w-s-color-border-strong)
2475
+ );
2476
+ --_border-color-checked: var(
2477
+ --w-c-radio-border-color-checked,
2478
+ var(--w-s-color-border-selected)
2479
+ );
2480
+ --_border-color-invalid: var(
2481
+ --w-c-radio-border-color-invalid,
2482
+ var(--w-s-color-border-negative)
2483
+ );
2484
+
2485
+ --_outline-width: var(--w-c-radio-outline-width, 2px);
2486
+ --_outline-color: var(
2487
+ --w-c-radio-outline-color,
2488
+ var(--w-s-color-border-focus)
2489
+ );
2490
+ --_outline-offset: var(
2491
+ --w-c-radio-outline-offset,
2492
+ var(--w-outline-offset, 1px)
2493
+ );
2494
+
2495
+ --_border-color-disabled: var(
2496
+ --w-c-radio-border-color-disabled,
2497
+ var(--w-s-color-border-disabled)
2498
+ );
2499
+ --_bg-disabled: var(
2500
+ --w-c-radio-bg-disabled,
2501
+ var(--w-s-color-background-disabled-subtle)
2502
+ );
2503
+
2504
+ --_label-font-size: var(--w-c-radio-label-font-size, var(--w-font-size-m));
2505
+ --_label-line-height: var(
2506
+ --w-c-radio-label-line-height,
2507
+ var(--w-line-height-m)
2508
+ );
2509
+ --_label-color: var(--w-c-radio-label-color, currentColor);
2510
+ --_label-color-disabled: var(
2511
+ --w-c-radio-label-color-disabled,
2512
+ var(--w-s-color-text-disabled)
2513
+ );
2514
+
2515
+ --_cursor: var(--w-c-radio-cursor, pointer);
2516
+ --_cursor-disabled: var(--w-c-radio-cursor-disabled, not-allowed);
2517
+
2518
+ --_transition: var(
2519
+ --w-c-radio-transition,
2520
+ border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
2521
+ border-width 150ms cubic-bezier(0.4, 0, 0.2, 1),
2522
+ background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
2523
+ );
2524
+ }
2525
+
2526
+ :host([disabled]),
2527
+ :host([disabled-ui]) {
2528
+ --w-c-radio-border-color: var(
2529
+ --w-c-radio-border-color-disabled,
2530
+ var(--w-s-color-border-disabled)
2531
+ );
2532
+ --w-c-radio-bg: var(
2533
+ --w-c-radio-bg-disabled,
2534
+ var(--w-s-color-background-disabled-subtle)
2535
+ );
2536
+ --w-c-radio-border-color-checked: var(
2537
+ --w-c-radio-border-color-disabled,
2538
+ var(--w-s-color-border-disabled)
2539
+ );
2540
+ --w-c-radio-label-color: var(
2541
+ --w-c-radio-label-color-disabled,
2542
+ var(--w-s-color-text-disabled)
2543
+ );
2544
+ --w-c-radio-cursor: var(--w-c-radio-cursor-disabled, not-allowed);
2545
+ }
2546
+
2547
+ .wrapper {
2548
+ display: inline-flex;
2549
+ align-items: center;
2550
+ gap: var(--_gap);
2551
+ }
2552
+
2553
+ [part="control"] {
2554
+ appearance: none;
2555
+ -webkit-appearance: none;
2556
+ margin: 0;
2557
+
2558
+ width: var(--_size);
2559
+ height: var(--_size);
2560
+ border-style: solid;
2561
+ border-width: var(--_border-width);
2562
+ border-color: var(--_border-color);
2563
+ border-radius: var(--_radius);
2564
+ background-color: var(--_bg);
2565
+ cursor: var(--_cursor);
2566
+ flex-shrink: 0;
2567
+
2568
+ transition: var(--_transition);
2569
+ }
2570
+
2571
+ :host([checked]) [part="control"],
2572
+ :host([checked-ui]) [part="control"],
2573
+ :host([role="radio"][checked-ui]) [part="control"],
2574
+ :host([role="radio"]:state(checked)) [part="control"] {
2575
+ border-color: var(--_border-color-checked);
2576
+ border-width: var(--_checked-border-width);
2577
+ }
2578
+
2579
+ :host([invalid]) [part="control"] {
2580
+ border-color: var(--_border-color-invalid);
2581
+ }
2582
+
2583
+ :host(:focus-visible) {
2584
+ outline: none;
2585
+ }
2586
+
2587
+ :host(:focus-visible) [part="control"] {
2588
+ outline: var(--_outline-width) solid var(--_outline-color);
2589
+ outline-offset: var(--_outline-offset);
2590
+ }
2591
+
2592
+ :host([disabled]) [part="control"],
2593
+ :host([disabled-ui]) [part="control"],
2594
+ :host([role="radio"]:state(disabled)) [part="control"] {
2595
+ border-color: var(--_border-color-disabled);
2596
+ background-color: var(--_bg-disabled);
2597
+ cursor: var(--_cursor-disabled);
2598
+ }
2599
+
2600
+ :host([disabled]) [part="label"],
2601
+ :host([disabled-ui]) [part="label"] {
2602
+ color: var(--_label-color-disabled);
2603
+ cursor: var(--_cursor-disabled);
2604
+ }
2605
+
2606
+ :host([disabled][checked]),
2607
+ :host([disabled][checked-ui]),
2608
+ :host([disabled-ui][checked-ui]) [part="control"] {
2609
+ border-color: var(--_border-color-disabled);
2610
+ }
2611
+
2612
+ [part="label"] {
2613
+ font-size: var(--_label-font-size);
2614
+ line-height: var(--_label-line-height);
2615
+ color: var(--_label-color);
2616
+ user-select: none;
2617
+ cursor: var(--_cursor);
2618
+ }
2619
+
2620
+ @media (prefers-reduced-motion: reduce) {
2621
+ :host {
2622
+ --w-c-radio-transition: none;
2623
+ }
2624
+ }
2625
+
2626
+ @media (forced-colors: active) {
2627
+ :host {
2628
+ --w-c-radio-bg: Canvas;
2629
+ --w-c-radio-border-color: ButtonText;
2630
+ --w-c-radio-border-color-checked: Highlight;
2631
+ --w-c-radio-outline-color: Highlight;
2632
+ --w-c-radio-bg-disabled: Canvas;
2633
+ --w-c-radio-border-color-disabled: GrayText;
2634
+ --w-c-radio-label-color: CanvasText;
2635
+ --w-c-radio-label-color-disabled: GrayText;
2636
+ }
2637
+
2638
+ [part="control"] {
2639
+ forced-color-adjust: none;
2640
+ }
2641
+
2642
+ :host([checked]) [part="control"],
2643
+ :host([checked-ui]) [part="control"],
2644
+ :host([role="radio"]:state(checked)) [part="control"] {
2645
+ background-color: var(--_border-color-checked);
2646
+ border-color: var(--_border-color-checked);
2647
+ }
2648
+
2649
+ :host([disabled][checked]),
2650
+ :host([disabled][checked-ui]),
2651
+ :host([disabled-ui][checked-ui]) [part="control"],
2652
+ :host([role="radio"]:state(disabled):state(checked)) [part="control"] {
2653
+ background-color: var(--_border-color-disabled);
2654
+ border-color: var(--_border-color-disabled);
2655
+ }
2656
+ }
2657
+ `;var q,L,F,k=class extends B(we){constructor(){super();this.value=null;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;U(this,q,!1);U(this,L,!1);U(this,F,!1);this.handleClick=()=>{this.isInGroup()||this.disabled||(T(this,F,!0),!this.checked&&(this.checked=!0,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})))};this.handleInvalid=()=>{T(this,F,!0),this.updateValidity()};this.handleKeyDown=e=>{if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){let r=this.getStandaloneNamedRadios().filter(u=>!u.disabled);if(r.length<=1)return;e.preventDefault();let o=r.find(u=>u.checked)??r.find(u=>u===this)??r[0],i=e.key==="ArrowUp"||e.key==="ArrowLeft"?-1:1,n=(r.indexOf(o)+i+r.length)%r.length,l=r[n];T(l,F,!0),l.checked||(l.checked=!0,l.updateComplete.then(()=>{l.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),l.focus();return}if(!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.preventDefault(),this.click()}}};this.addEventListener("click",this.handleClick),this.addEventListener("invalid",this.handleInvalid),this.addEventListener("keydown",this.handleKeyDown)}get tabIndex(){return this._internalTabIndex}set tabIndex(e){this._groupTabIndex=e}connectedCallback(){super.connectedCallback(),this.value=this.getAttribute("value")??"on",T(this,q,this.hasAttribute("checked")),this.checked=O(this,q),this.internals.role="radio",this.syncAriaDisabled(),this.syncFormValue(),this.updateValidity()}syncAriaDisabled(){this.internals.ariaDisabled=this.disabled?"true":"false"}syncAriaChecked(){this.internals.ariaChecked=this.checked?"true":"false"}willUpdate(e){this.shouldSyncFormState(e)&&(this.syncFormValue(),this.updateValidity())}updated(e){super.updated(e),e.has("checked")&&(this.syncAriaChecked(),this.checked&&!this.isInGroup()&&(this.uncheckOtherRadios(),this.syncStandaloneTabOrder())),e.has("disabled")&&(this.syncAriaDisabled(),this.isInGroup()||this.syncStandaloneTabOrder()),e.has("invalid")&&(this.internals.ariaInvalid=this.invalid?"true":null),e.has("name")&&this.checked&&!this.isInGroup()&&this.uncheckOtherRadios()}resetFormControl(){this.checked=O(this,q),this.syncFormValue(),this.updateValidity()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return T(this,F,!0),this.updateValidity(),this.internals.checkValidity()}isInGroup(){return!!this.closest("w-radio-group")}getRadioScope(){return this.internals.form??this.closest("form")??document}getStandaloneNamedRadios(){return this.name?[...this.getRadioScope().querySelectorAll(`w-radio[name="${this.name}"]`)].filter(r=>!r.closest("w-radio-group")):[this]}syncStandaloneTabOrder(){let e=this.getStandaloneNamedRadios(),r=e.filter(s=>!s.disabled),i=r.find(s=>s.checked)??r[0]??null;e.forEach(s=>{s._standaloneTabIndex=s===i?0:-1})}get _internalTabIndex(){return this.disabled?-1:this._groupTabIndex!==void 0?this._groupTabIndex:this._standaloneTabIndex!==void 0?this._standaloneTabIndex:0}firstUpdated(){this.isInGroup()||this.syncStandaloneTabOrder()}uncheckOtherRadios(){if(!this.name)return;[...this.getRadioScope().querySelectorAll(`w-radio[name="${this.name}"]`)].forEach(o=>{o!==this&&(o.closest("w-radio-group")||o.checked&&(o.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup()){this.internals.setValidity({});return}let e=this.required&&!this.checked,r=this.invalid&&!O(this,L);if(e){T(this,L,!0),this.invalid=O(this,F),this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");return}if(O(this,L)&&(this.invalid=!1,T(this,L,!1)),r){this.internals.setValidity({customError:!0},this.internals.validationMessage||" ");return}this.internals.setValidity({})}syncFormValue(){if(this.disabled){this.setValue(null);return}this.setValue(this.checked?this.value:null)}shouldSyncFormState(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")}render(){return Ke`
2658
+ <div class="wrapper" tabindex="${this._internalTabIndex}">
2659
+ <div part="control" class="control"></div>
2660
+ <slot part="label" class="label"></slot>
2661
+ </div>
2662
+ `}};q=new WeakMap,L=new WeakMap,F=new WeakMap,k.styles=[Z,me,fe],k.shadowRootOptions={...we.shadowRootOptions,delegatesFocus:!0},g([I({reflect:!0})],k.prototype,"name",2),g([I({reflect:!0})],k.prototype,"value",2),g([I({type:Boolean,reflect:!0})],k.prototype,"checked",2),g([I({type:Boolean,reflect:!0})],k.prototype,"disabled",2),g([I({type:Boolean,reflect:!0})],k.prototype,"required",2),g([I({type:Boolean,reflect:!0})],k.prototype,"invalid",2),g([I({attribute:!1})],k.prototype,"_groupTabIndex",2),g([I({attribute:!1})],k.prototype,"_standaloneTabIndex",2);customElements.get("w-radio")||customElements.define("w-radio",k);var Je=["en","nb","fi","da","sv"],se="en",G=a=>Je.find(t=>a===t||a.toLowerCase().includes(t))||se;function ye(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return G(a)}try{let a=ke(document);if(a)return G(a);let t=tr();if(t)return G(t);let e=ke(Ee());return e?G(e):se}catch(a){return console.warn("could not detect locale, falling back to source locale",a),se}}var _e=(a,t,e,r,o)=>{x.load("en",a),x.load("nb",t),x.load("fi",e),x.load("da",r),x.load("sv",o);let i=ye();x.activate(i),Ce(),er()},Qe="warp-i18n-change";function Ce(){typeof window>"u"||window.dispatchEvent(new Event(Qe))}var xe=!1;function er(){if(xe||typeof window>"u"||!document?.documentElement)return;xe=!0;let a=()=>{let o=ye();x.locale!==o&&(x.activate(o),Ce())},t=new MutationObserver(o=>{for(let i of o)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=Ee();e&&e.documentElement&&e!==document&&t.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=rr();r&&t.observe(r,{attributes:!0,attributeFilter:["lang"]})}function Ee(){try{return window.parent?.document??null}catch{return null}}function ke(a){try{return a?.documentElement?.lang??""}catch{return""}}function rr(){try{return window.frameElement??null}catch{return null}}function tr(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}var ze=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["V\xE6lg en mulighed."]}');var Ve=JSON.parse('{"radio-group.label.optional":["Optional"],"radio-group.validation.required":["Please select an option."]}');var Me=JSON.parse('{"radio-group.label.optional":["Valinnainen"],"radio-group.validation.required":["Valitse vaihtoehto."]}');var Te=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["Velg et alternativ."]}');var Se=JSON.parse('{"radio-group.label.optional":["Valfritt"],"radio-group.validation.required":["V\xE4lj ett alternativ."]}');import{css as or}from"lit";var Ie=or`
2663
+ :host {
2664
+ display: block;
2665
+
2666
+ --_label-font-size: var(
2667
+ --w-c-radio-group-label-font-size,
2668
+ var(--w-font-size-s)
2669
+ );
2670
+ --_label-line-height: var(
2671
+ --w-c-radio-group-label-line-height,
2672
+ var(--w-line-height-s)
2673
+ );
2674
+ --_label-font-weight: var(--w-c-radio-group-label-font-weight, 700);
2675
+ --_label-color: var(--w-c-radio-group-label-color, var(--w-s-color-text));
2676
+ --_label-color-disabled: var(
2677
+ --w-c-radio-group-label-color-disabled,
2678
+ var(--w-s-color-text-disabled)
2679
+ );
2680
+ --_label-padding-bottom: var(--w-c-radio-group-label-padding-bottom, 16px);
2681
+
2682
+ --_optional-font-weight: var(--w-c-radio-group-optional-font-weight, 400);
2683
+ --_optional-color: var(
2684
+ --w-c-radio-group-optional-color,
2685
+ var(--w-s-color-text-subtle)
2686
+ );
2687
+ --_optional-margin-inline-start: var(
2688
+ --w-c-radio-group-optional-margin-inline-start,
2689
+ 0.5rem
2690
+ );
2691
+
2692
+ --_radios-gap: var(--w-c-radio-group-gap, 16px);
2693
+
2694
+ --_help-text-margin-block-start: var(
2695
+ --w-c-radio-group-help-text-margin-block-start,
2696
+ 16px
2697
+ );
2698
+ --_help-text-font-size: var(
2699
+ --w-c-radio-group-help-text-font-size,
2700
+ var(--w-font-size-xs)
2701
+ );
2702
+ --_help-text-line-height: var(
2703
+ --w-c-radio-group-help-text-line-height,
2704
+ var(--w-line-height-xs)
2705
+ );
2706
+ --_help-text-color: var(
2707
+ --w-c-radio-group-help-text-color,
2708
+ var(--w-s-color-text-subtle)
2709
+ );
2710
+ --_help-text-color-disabled: var(
2711
+ --w-c-radio-group-help-text-color-disabled,
2712
+ var(--w-s-color-text-disabled)
2713
+ );
2714
+ --_help-text-color-error: var(
2715
+ --w-c-radio-group-help-text-color-error,
2716
+ var(--w-s-color-text-negative)
2717
+ );
2718
+ }
2719
+
2720
+ [part="form-control"] {
2721
+ position: relative;
2722
+
2723
+ border: 0;
2724
+ padding: 0;
2725
+ margin: 0;
2726
+
2727
+ min-inline-size: 0;
2728
+ }
2729
+
2730
+ [part="form-control-label"] {
2731
+ display: block;
2732
+ cursor: pointer;
2733
+
2734
+ font-size: var(--_label-font-size);
2735
+ line-height: var(--_label-line-height);
2736
+ font-weight: var(--_label-font-weight);
2737
+ color: var(--_label-color);
2738
+
2739
+ padding-bottom: var(--_label-padding-bottom);
2740
+
2741
+ -webkit-font-smoothing: antialiased;
2742
+ -moz-osx-font-smoothing: grayscale;
2743
+ font-smoothing: grayscale;
2744
+ }
2745
+
2746
+ :host([disabled]) [part="form-control-label"] {
2747
+ cursor: default;
2748
+ color: var(--_label-color-disabled);
2749
+ }
2750
+
2751
+ :host([required]) [part="form-control-label"]::after {
2752
+ content: var(--wa-form-control-required-content);
2753
+ margin-inline-start: var(--wa-form-control-required-content-offset);
2754
+ }
2755
+
2756
+ .optional {
2757
+ font-weight: var(--_optional-font-weight);
2758
+ color: var(--_optional-color);
2759
+ margin-inline-start: var(--_optional-margin-inline-start);
2760
+ }
2761
+
2762
+ [part~="form-control-input"] {
2763
+ display: flex;
2764
+ flex-direction: column;
2765
+ flex-wrap: wrap;
2766
+ gap: var(--_radios-gap);
2767
+ }
2768
+
2769
+ [part~="help-text"] {
2770
+ margin-block-start: var(--_help-text-margin-block-start);
2771
+ font-size: var(--_help-text-font-size);
2772
+ line-height: var(--_help-text-line-height);
2773
+ color: var(--_help-text-color);
2774
+ }
2775
+
2776
+ :host([disabled]) [part~="help-text"] {
2777
+ color: var(--_help-text-color-disabled);
2778
+ }
2779
+
2780
+ :host([data-show-error]) [part~="help-text"] {
2781
+ color: var(--_help-text-color-error);
2782
+ }
2711
2783
  `;_e(Ve,Te,Me,ze,Se);var ir=()=>x._({id:"radio-group.validation.required",message:"Please select an option.",comment:"Shown when required radio group has no selections"}),f=class extends B(Fe){constructor(){super();this.hasInteracted=!1;this.hasWarnedMissingName=!1;this.autoTabIndex=!1;this.label="";this.helpText="";this.optional=!1;this.invalid=!1;this.name=null;this.disabled=!1;this.required=!1;this.defaultCheckedValue=void 0;this.slottedHelpText=null;this.nameManagedRadios=new WeakSet;this.disabledManagedRadios=new WeakSet;this.handleRadioClick=e=>{let r=e.target.closest("w-radio");if(!r||r.disabled||this.disabled)return;let o=this.getCheckedValue(),i=this.getAllRadios();this.selectSingleRadio(r,i),this.getCheckedValue()!==o&&this.updateComplete.then(this.emitSelectionChange)};this.handleInvalid=e=>{e.preventDefault(),this.hasInteracted=!0,this.updateValidity()};this.handleHelpTextSlotChange=()=>{this.syncSlottedHelpText(),this.requestUpdate()};this.handleI18nChange=()=>{this.requestUpdate()};this.emitSelectionChange=()=>{this.hasInteracted=!0,this.syncFormValue(),this.updateValidity(),this.requestUpdate(),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))};this.captureDefaultSelection=()=>{this.defaultCheckedValue===void 0&&(this.defaultCheckedValue=this.getCheckedValue())};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick),this.addEventListener("invalid",this.handleInvalid)}get validationTarget(){return this.querySelector(":is(w-radio):not([disabled])")??void 0}connectedCallback(){super.connectedCallback(),this.syncSlottedHelpText(),this.syncFormValue(),this.updateValidity(),this.unsubscribeI18n=x.on("change",this.handleI18nChange),this.warnIfMissingName(),this.updateComplete.then(this.captureDefaultSelection)}disconnectedCallback(){this.unsubscribeI18n?.(),this.unsubscribeI18n=void 0,super.disconnectedCallback()}async updated(e){(e.has("disabled")||e.has("name")||e.has("required")||e.has("invalid")||e.has("helpText"))&&(this.syncFormValue(),this.updateValidity(),this.syncRadioElements(),this.syncFormValue(),this.updateValidity())}resetFormControl(){let e=this.defaultCheckedValue??null;this.getAllRadios().forEach(r=>{r.checked=e?r.value===e:!1}),this.syncRadioElements(),this.syncFormValue(),this.updateValidity()}getAllRadios(){return[...this.querySelectorAll("w-radio")]}getCheckedValue(){return this.getAllRadios().find(r=>r.checked)?.value??null}getEnabledRadios(e=this.getAllRadios()){return e.filter(r=>!r.disabled)}selectSingleRadio(e,r=this.getAllRadios()){r.forEach(o=>{let i=o===e;o.checked=i,o._groupTabIndex=i?0:-1})}handleLabelClick(){this.focus()}async syncRadioElements(){let e=this.getAllRadios();e.forEach((r,o)=>{r.toggleAttribute("data-w-radio-first",o===0),r.toggleAttribute("data-w-radio-inner",o!==0&&o!==e.length-1),r.toggleAttribute("data-w-radio-last",o===e.length-1),this.syncRadioDisabledState(r),this.name?(!r.getAttribute("name")||this.nameManagedRadios.has(r))&&(r.setAttribute("name",this.name),this.nameManagedRadios.add(r)):this.nameManagedRadios.has(r)&&(r.removeAttribute("name"),this.nameManagedRadios.delete(r))}),await Promise.all(e.map(async r=>r.updateComplete)),this.normalizeCheckedRadios(e),this.syncTabOrder(e)}syncRadioDisabledState(e){if(this.disabled){e.disabled||(e.disabled=!0,this.disabledManagedRadios.add(e));return}this.disabledManagedRadios.has(e)&&(e.disabled=!1,this.disabledManagedRadios.delete(e))}syncTabOrder(e){if(this.disabled){e.forEach(i=>i._groupTabIndex=-1);return}let r=this.getEnabledRadios(e),o=r.find(i=>i.checked);r.length>0&&(o?r.forEach(i=>i._groupTabIndex=i.checked?0:-1):r.forEach((i,s)=>i._groupTabIndex=s===0?0:-1)),e.filter(i=>i.disabled).forEach(i=>i._groupTabIndex=-1)}handleKeyDown(e){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key)||this.disabled)return;let r=this.getAllRadios(),o=this.getEnabledRadios(r);if(o.length<=0)return;e.preventDefault();let i=this.getCheckedValue(),s=o.find(y=>y.checked)??o[0],n=e.key===" "?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1,l=o.indexOf(s)+n;l<0&&(l=o.length-1),l>=o.length&&(l=0),this.selectSingleRadio(o[l],r),o[l].focus(),this.getCheckedValue()!==i&&this.updateComplete.then(this.emitSelectionChange)}focus(e){if(this.disabled)return;let r=this.getAllRadios(),o=r.find(n=>n.checked),i=r.find(n=>!n.disabled),s=o||i;s&&s.focus(e)}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.hasInteracted=!0,this.updateValidity(),this.internals.checkValidity()}hasSlottedContent(e){if(this.querySelector(`[slot="${e}"]`))return!0;let r=this.shadowRoot?.querySelector(`slot[name="${e}"]`);return r?r.assignedNodes({flatten:!0}).some(o=>o.nodeType===Node.ELEMENT_NODE?!0:o.nodeType===Node.TEXT_NODE?!!o.textContent?.trim():!1):!1}syncFormValue(){this.setValue(null)}syncSlottedHelpText(){let e=this.querySelector('[slot="help-text"]');this.slottedHelpText=e?.textContent?.trim()||null}updateValidity(){this.warnIfMissingName();let e=this.required&&!this.getCheckedValue(),r=e&&this.hasInteracted,o=this.invalid||this.hasAttribute("invalid"),i=o||r;if(this.toggleAttribute("data-show-error",i),this.disabled){this.internals.setValidity({}),this.syncChildInvalid(!1),this.syncHostTabIndex(!1);return}if(this.syncHostTabIndex(i),e){this.setValidityState({valueMissing:!0}),this.syncChildInvalid(i);return}if(o){this.setValidityState({customError:!0}),this.syncChildInvalid(!0);return}this.internals.setValidity({}),this.syncChildInvalid(!1)}normalizeCheckedRadios(e){let r=e.find(o=>o.checked);r&&e.forEach(o=>{o!==r&&(o.checked=!1)})}syncChildInvalid(e){this.getAllRadios().forEach(r=>{r.invalid=e})}setValidityState(e){let r=this.validationTarget;this.internals.setValidity(e," ",r??void 0)}syncHostTabIndex(e){if(!(this.hasAttribute("tabindex")&&!this.autoTabIndex)){if(e){this.setAttribute("tabindex","0"),this.autoTabIndex=!0;return}this.autoTabIndex&&(this.removeAttribute("tabindex"),this.autoTabIndex=!1)}}warnIfMissingName(){this.hasWarnedMissingName||this.internals.form&&(this.name&&this.name.trim().length>0||(console.warn('w-radio-group: "name" is required for form submission.'),this.hasWarnedMissingName=!0))}render(){let e=this.hasSlottedContent("label"),r=this.hasSlottedContent("help-text"),o=this.label?!0:!!e,i=this.helpText?!0:!!r,n=this.required&&!this.getCheckedValue()&&this.hasInteracted,l=this.invalid||this.hasAttribute("invalid"),u=l||n,y=u?l&&this.helpText?this.helpText:ir():this.helpText,C=u||i,V=o?"label":void 0,m=C?"help-text":void 0,E=this.slottedHelpText||void 0;return K`
2712
- <fieldset
2713
- part="form-control"
2714
- role="radiogroup"
2715
- aria-labelledby=${ne(V)}
2716
- aria-describedby=${ne(m)}
2717
- aria-errormessage="error-message"
2718
- aria-invalid=${u?"true":void 0}>
2719
- ${o?K`
2720
- <label part="form-control-label" id="label" @click=${this.handleLabelClick}>
2721
- <slot name="label">${this.label}</slot>
2722
- ${this.optional?K`<span class="optional">
2723
- ${x._({id:"radio-group.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}
2724
- </span>`:null}
2725
- </label>
2726
- `:null}
2727
-
2728
- <slot part="form-control-input" @slotchange=${this.syncRadioElements}></slot>
2729
-
2730
- ${C?K`
2731
- <div id="help-text" part="help-text" aria-label=${ne(E)}>
2732
- <slot name="help-text" @slotchange=${this.handleHelpTextSlotChange}>${y}</slot>
2733
- </div>
2734
- `:null}
2735
- </fieldset>
2736
- `}};f.styles=[Z,Ie],f.shadowRootOptions={...Fe.shadowRootOptions,delegatesFocus:!0},g([ar()],f.prototype,"hasInteracted",2),g([N()],f.prototype,"label",2),g([N({attribute:"help-text"})],f.prototype,"helpText",2),g([N({type:Boolean,reflect:!0})],f.prototype,"optional",2),g([N({type:Boolean,reflect:!0})],f.prototype,"invalid",2),g([N({reflect:!0})],f.prototype,"name",2),g([N({type:Boolean,reflect:!0})],f.prototype,"disabled",2),g([N({type:Boolean,reflect:!0})],f.prototype,"required",2);var Gr=f;customElements.get("w-radio-group")||customElements.define("w-radio-group",f);export{Gr as WRadioGroup,f as WarpRadioGroup};
2784
+ <fieldset
2785
+ part="form-control"
2786
+ role="radiogroup"
2787
+ aria-labelledby=${ne(V)}
2788
+ aria-describedby=${ne(m)}
2789
+ aria-errormessage="error-message"
2790
+ aria-invalid=${u?"true":void 0}
2791
+ >
2792
+ ${o?K`
2793
+ <label
2794
+ part="form-control-label"
2795
+ id="label"
2796
+ @click=${this.handleLabelClick}
2797
+ >
2798
+ <slot name="label">${this.label}</slot>
2799
+ ${this.optional?K`<span class="optional">
2800
+ ${x._({id:"radio-group.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}
2801
+ </span>`:null}
2802
+ </label>
2803
+ `:null}
2804
+
2805
+ <slot
2806
+ part="form-control-input"
2807
+ @slotchange=${this.syncRadioElements}
2808
+ ></slot>
2809
+
2810
+ ${C?K`
2811
+ <div
2812
+ id="help-text"
2813
+ part="help-text"
2814
+ aria-label=${ne(E)}
2815
+ >
2816
+ <slot
2817
+ name="help-text"
2818
+ @slotchange=${this.handleHelpTextSlotChange}
2819
+ >${y}</slot
2820
+ >
2821
+ </div>
2822
+ `:null}
2823
+ </fieldset>
2824
+ `}};f.styles=[Z,Ie],f.shadowRootOptions={...Fe.shadowRootOptions,delegatesFocus:!0},g([ar()],f.prototype,"hasInteracted",2),g([N()],f.prototype,"label",2),g([N({attribute:"help-text"})],f.prototype,"helpText",2),g([N({type:Boolean,reflect:!0})],f.prototype,"optional",2),g([N({type:Boolean,reflect:!0})],f.prototype,"invalid",2),g([N({reflect:!0})],f.prototype,"name",2),g([N({type:Boolean,reflect:!0})],f.prototype,"disabled",2),g([N({type:Boolean,reflect:!0})],f.prototype,"required",2);var Gr=f;customElements.get("w-radio-group")||customElements.define("w-radio-group",f);export{Gr as WRadioGroup,f as WarpRadioGroup};
2737
2825
  //# sourceMappingURL=radio-group.js.map