@warp-ds/elements 2.2.0-next.8 → 2.2.0

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 (330) hide show
  1. package/README.md +188 -26
  2. package/dist/.storybook/utilities.js +52 -0
  3. package/dist/api.js +1 -1
  4. package/dist/api.js.map +4 -4
  5. package/dist/custom-elements.json +1517 -2876
  6. package/dist/index.d.ts +942 -25
  7. package/dist/packages/affix/affix.react.stories.d.ts +9 -0
  8. package/dist/packages/affix/affix.react.stories.js +10 -0
  9. package/dist/packages/affix/affix.stories.js +25 -0
  10. package/dist/packages/affix/affix.test.js +9 -0
  11. package/dist/packages/affix/index.d.ts +0 -17
  12. package/dist/packages/affix/index.js +5 -5
  13. package/dist/packages/affix/index.js.map +4 -4
  14. package/dist/packages/affix/react.d.ts +1 -1
  15. package/dist/packages/affix/react.js +15 -2482
  16. package/dist/packages/affix/styles.js +2 -0
  17. package/dist/packages/alert/alert.react.stories.d.ts +13 -0
  18. package/dist/packages/alert/alert.react.stories.js +44 -0
  19. package/dist/packages/alert/alert.stories.js +68 -0
  20. package/dist/packages/alert/alert.test.js +18 -0
  21. package/dist/packages/alert/index.d.ts +1 -6
  22. package/dist/packages/alert/index.js +4 -4
  23. package/dist/packages/alert/index.js.map +4 -4
  24. package/dist/packages/alert/react.d.ts +1 -1
  25. package/dist/packages/alert/react.js +11 -2492
  26. package/dist/packages/alert/styles.js +2 -0
  27. package/dist/packages/attention/attention.react.stories.d.ts +15 -0
  28. package/dist/packages/attention/attention.react.stories.js +92 -0
  29. package/dist/packages/attention/attention.stories.d.ts +6 -0
  30. package/dist/packages/attention/attention.stories.js +180 -0
  31. package/dist/packages/attention/attention.test.js +11 -0
  32. package/dist/packages/attention/index.d.ts +24 -91
  33. package/dist/packages/attention/index.js +3585 -17
  34. package/dist/packages/attention/index.js.map +4 -4
  35. package/dist/packages/attention/layout-styles.js +905 -0
  36. package/dist/packages/attention/locales/da/messages.mjs +1 -0
  37. package/dist/packages/attention/locales/en/messages.mjs +1 -0
  38. package/dist/packages/attention/locales/fi/messages.mjs +1 -0
  39. package/dist/packages/attention/locales/nb/messages.mjs +1 -0
  40. package/dist/packages/attention/locales/sv/messages.mjs +1 -0
  41. package/dist/packages/attention/react.d.ts +15 -0
  42. package/dist/packages/attention/react.js +17 -0
  43. package/dist/packages/attention/styles.js +2 -0
  44. package/dist/packages/badge/badge.react.stories.d.ts +18 -0
  45. package/dist/packages/badge/badge.react.stories.js +60 -0
  46. package/dist/packages/badge/badge.stories.js +68 -0
  47. package/dist/packages/badge/badge.test.js +9 -0
  48. package/dist/packages/badge/index.d.ts +0 -5
  49. package/dist/packages/badge/index.js +1 -1
  50. package/dist/packages/badge/index.js.map +4 -4
  51. package/dist/packages/badge/react.d.ts +1 -1
  52. package/dist/packages/badge/react.js +11 -2465
  53. package/dist/packages/badge/styles.js +2 -0
  54. package/dist/packages/box/box.react.stories.d.ts +15 -0
  55. package/dist/packages/box/box.react.stories.js +45 -0
  56. package/dist/packages/box/box.stories.js +59 -0
  57. package/dist/packages/box/box.test.js +9 -0
  58. package/dist/packages/box/index.d.ts +0 -5
  59. package/dist/packages/box/index.js +11 -4
  60. package/dist/packages/box/index.js.map +4 -4
  61. package/dist/packages/box/react.d.ts +1 -1
  62. package/dist/packages/box/react.js +11 -2465
  63. package/dist/packages/box/slot.test.js +9 -0
  64. package/dist/packages/box/styles.js +2 -0
  65. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +13 -0
  66. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.js +40 -0
  67. package/dist/packages/breadcrumbs/breadcrumbs.stories.js +60 -0
  68. package/dist/packages/breadcrumbs/breadcrumbs.test.js +16 -0
  69. package/dist/packages/breadcrumbs/index.d.ts +0 -12
  70. package/dist/packages/breadcrumbs/index.js +6 -6
  71. package/dist/packages/breadcrumbs/index.js.map +4 -4
  72. package/dist/packages/breadcrumbs/locales/da/messages.mjs +1 -0
  73. package/dist/packages/breadcrumbs/locales/en/messages.mjs +1 -0
  74. package/dist/packages/breadcrumbs/locales/fi/messages.mjs +1 -0
  75. package/dist/packages/breadcrumbs/locales/nb/messages.mjs +1 -0
  76. package/dist/packages/breadcrumbs/locales/sv/messages.mjs +1 -0
  77. package/dist/packages/breadcrumbs/react.d.ts +1 -1
  78. package/dist/packages/breadcrumbs/react.js +11 -2475
  79. package/dist/packages/breadcrumbs/styles.js +2 -0
  80. package/dist/packages/button/button.react.stories.d.ts +22 -0
  81. package/dist/packages/button/button.react.stories.js +102 -0
  82. package/dist/packages/button/button.stories.d.ts +4 -0
  83. package/dist/packages/button/button.stories.js +151 -0
  84. package/dist/packages/button/button.test.js +25 -0
  85. package/dist/packages/button/index.d.ts +0 -66
  86. package/dist/packages/button/index.js +17 -11
  87. package/dist/packages/button/index.js.map +4 -4
  88. package/dist/packages/button/locales/da/messages.mjs +1 -0
  89. package/dist/packages/button/locales/en/messages.mjs +1 -0
  90. package/dist/packages/button/locales/fi/messages.mjs +1 -0
  91. package/dist/packages/button/locales/nb/messages.mjs +1 -0
  92. package/dist/packages/button/locales/sv/messages.mjs +1 -0
  93. package/dist/packages/button/react.d.ts +1 -1
  94. package/dist/packages/button/react.js +10 -2684
  95. package/dist/packages/button/styles.js +2 -0
  96. package/dist/packages/card/card.react.stories.d.ts +16 -0
  97. package/dist/packages/card/card.react.stories.js +63 -0
  98. package/dist/packages/card/card.stories.js +82 -0
  99. package/dist/packages/card/card.test.js +9 -0
  100. package/dist/packages/card/index.d.ts +1 -18
  101. package/dist/packages/card/index.js +4 -4
  102. package/dist/packages/card/index.js.map +4 -4
  103. package/dist/packages/card/locales/da/messages.mjs +1 -0
  104. package/dist/packages/card/locales/en/messages.mjs +1 -0
  105. package/dist/packages/card/locales/fi/messages.mjs +1 -0
  106. package/dist/packages/card/locales/nb/messages.mjs +1 -0
  107. package/dist/packages/card/locales/sv/messages.mjs +1 -0
  108. package/dist/packages/card/react.d.ts +1 -1
  109. package/dist/packages/card/react.js +11 -2487
  110. package/dist/packages/card/styles.js +2 -0
  111. package/dist/packages/expandable/expandable.react.stories.d.ts +18 -0
  112. package/dist/packages/expandable/expandable.react.stories.js +103 -0
  113. package/dist/packages/expandable/expandable.stories.js +132 -0
  114. package/dist/packages/expandable/expandable.test.js +24 -0
  115. package/dist/packages/expandable/index.d.ts +2 -33
  116. package/dist/packages/expandable/index.js +20 -11
  117. package/dist/packages/expandable/index.js.map +4 -4
  118. package/dist/packages/expandable/react.d.ts +1 -1
  119. package/dist/packages/expandable/react.js +11 -2495
  120. package/dist/packages/expandable/styles.js +2 -0
  121. package/dist/packages/i18n.js +45 -0
  122. package/dist/packages/link/index.d.ts +0 -5
  123. package/dist/packages/link/index.js +93 -2640
  124. package/dist/packages/link/styles.js +200 -0
  125. package/dist/packages/modal/index.js +24 -41
  126. package/dist/packages/modal/index.js.map +4 -4
  127. package/dist/packages/modal/locales/da/messages.mjs +1 -0
  128. package/dist/packages/modal/locales/en/messages.mjs +1 -0
  129. package/dist/packages/modal/locales/fi/messages.mjs +1 -0
  130. package/dist/packages/modal/locales/nb/messages.mjs +1 -0
  131. package/dist/packages/modal/locales/sv/messages.mjs +1 -0
  132. package/dist/packages/modal/modal-footer.d.ts +0 -5
  133. package/dist/packages/{dead-toggle/index.js → modal/modal-footer.js} +20 -47
  134. package/dist/packages/modal/modal-footer.js.map +7 -0
  135. package/dist/packages/modal/modal-header.d.ts +0 -5
  136. package/dist/packages/{steps/index.js → modal/modal-header.js} +122 -20
  137. package/dist/packages/modal/modal-header.js.map +7 -0
  138. package/dist/packages/modal/modal-main.d.ts +0 -5
  139. package/dist/packages/{dead-toggle/react.js → modal/modal-main.js} +124 -59
  140. package/dist/packages/{box/react.js.map → modal/modal-main.js.map} +4 -4
  141. package/dist/packages/modal/modal.react.stories.d.ts +14 -0
  142. package/dist/packages/modal/modal.react.stories.js +27 -0
  143. package/dist/packages/modal/modal.stories.d.ts +3 -3
  144. package/dist/packages/modal/modal.stories.js +254 -0
  145. package/dist/packages/modal/react.d.ts +11 -3
  146. package/dist/packages/modal/react.js +31 -2754
  147. package/dist/packages/modal/util.js +21 -0
  148. package/dist/packages/pill/index.d.ts +0 -17
  149. package/dist/packages/pill/index.js +5 -5
  150. package/dist/packages/pill/index.js.map +2 -2
  151. package/dist/packages/pill/locales/da/messages.mjs +1 -0
  152. package/dist/packages/pill/locales/en/messages.mjs +1 -0
  153. package/dist/packages/pill/locales/fi/messages.mjs +1 -0
  154. package/dist/packages/pill/locales/nb/messages.mjs +1 -0
  155. package/dist/packages/pill/locales/sv/messages.mjs +1 -0
  156. package/dist/packages/pill/pill.react.stories.d.ts +23 -0
  157. package/dist/packages/pill/pill.react.stories.js +22 -0
  158. package/dist/packages/pill/pill.stories.js +33 -0
  159. package/dist/packages/pill/pill.test.js +25 -0
  160. package/dist/packages/pill/react.d.ts +7 -0
  161. package/dist/packages/pill/react.js +17 -0
  162. package/dist/packages/pill/styles.js +2 -0
  163. package/dist/packages/select/index.d.ts +4 -29
  164. package/dist/packages/select/index.js +25 -18
  165. package/dist/packages/select/index.js.map +3 -3
  166. package/dist/packages/select/locales/da/messages.mjs +1 -0
  167. package/dist/packages/select/locales/en/messages.mjs +1 -0
  168. package/dist/packages/select/locales/fi/messages.mjs +1 -0
  169. package/dist/packages/select/locales/nb/messages.mjs +1 -0
  170. package/dist/packages/select/locales/sv/messages.mjs +1 -0
  171. package/dist/packages/select/react.d.ts +6 -2
  172. package/dist/packages/select/react.js +20 -2494
  173. package/dist/packages/select/select.react.stories.d.ts +18 -0
  174. package/dist/packages/select/select.react.stories.js +28 -0
  175. package/dist/packages/select/select.stories.d.ts +7 -0
  176. package/dist/packages/select/select.stories.js +100 -0
  177. package/dist/packages/select/select.test.js +31 -0
  178. package/dist/packages/select/styles.js +2 -0
  179. package/dist/packages/{switch/index.js → styles.js} +5 -18
  180. package/dist/packages/textfield/index.d.ts +12 -26
  181. package/dist/packages/textfield/index.js +86 -28
  182. package/dist/packages/textfield/index.js.map +4 -4
  183. package/dist/packages/textfield/react.d.ts +11 -2
  184. package/dist/packages/textfield/react.js +21 -2490
  185. package/dist/packages/textfield/styles/w-textfield.styles.d.ts +1 -0
  186. package/dist/packages/textfield/styles/w-textfield.styles.js +55 -0
  187. package/dist/packages/textfield/styles.js +2 -0
  188. package/dist/packages/textfield/textfield.react.stories.d.ts +37 -0
  189. package/dist/packages/textfield/textfield.react.stories.js +88 -0
  190. package/dist/packages/textfield/textfield.stories.d.ts +1 -0
  191. package/dist/packages/textfield/textfield.stories.js +105 -0
  192. package/dist/packages/textfield/textfield.test.d.ts +1 -0
  193. package/dist/packages/textfield/textfield.test.js +68 -0
  194. package/dist/packages/toast/api.d.ts +4 -45
  195. package/dist/packages/toast/api.js +41 -0
  196. package/dist/packages/toast/index.d.ts +3 -3
  197. package/dist/packages/toast/index.js +2463 -24
  198. package/dist/packages/toast/index.js.map +4 -4
  199. package/dist/packages/toast/locales/da/messages.mjs +1 -0
  200. package/dist/packages/toast/locales/en/messages.mjs +1 -0
  201. package/dist/packages/toast/locales/fi/messages.mjs +1 -0
  202. package/dist/packages/toast/locales/nb/messages.mjs +1 -0
  203. package/dist/packages/toast/locales/sv/messages.mjs +1 -0
  204. package/dist/packages/toast/styles.js +2 -0
  205. package/dist/packages/toast/toast-container.d.ts +12 -78
  206. package/dist/packages/{switch/react.js → toast/toast-container.js} +21 -38
  207. package/dist/packages/toast/toast-container.js.map +7 -0
  208. package/dist/packages/toast/toast.d.ts +16 -29
  209. package/dist/packages/{pagination/index.js → toast/toast.js} +21 -49
  210. package/dist/packages/toast/toast.js.map +7 -0
  211. package/dist/packages/toast/toast.stories.js +50 -0
  212. package/dist/packages/toast/types.d.ts +15 -0
  213. package/dist/packages/toast/types.js +1 -0
  214. package/dist/packages/utils/expand-transition.d.ts +3 -3
  215. package/dist/packages/utils/expand-transition.js +59 -0
  216. package/dist/packages/utils/index.js +37 -0
  217. package/dist/packages/utils/unstyled-heading.d.ts +2 -3
  218. package/dist/packages/utils/unstyled-heading.js +22 -0
  219. package/dist/packages/utils/window-exists.js +1 -0
  220. package/dist/setup-tests.js +1 -0
  221. package/dist/web-types.json +225 -510
  222. package/package.json +39 -32
  223. package/dist/index.css +0 -2
  224. package/dist/index.css.map +0 -7
  225. package/dist/index.js +0 -3386
  226. package/dist/index.js.map +0 -7
  227. package/dist/packages/affix/react.js.map +0 -7
  228. package/dist/packages/alert/react.js.map +0 -7
  229. package/dist/packages/badge/react.js.map +0 -7
  230. package/dist/packages/breadcrumbs/react.js.map +0 -7
  231. package/dist/packages/button/react.js.map +0 -7
  232. package/dist/packages/card/react.js.map +0 -7
  233. package/dist/packages/datepicker/DatePicker.test.d.ts +0 -1
  234. package/dist/packages/datepicker/datepicker.d.ts +0 -107
  235. package/dist/packages/datepicker/datepicker.stories.d.ts +0 -11
  236. package/dist/packages/datepicker/datepicker.test.d.ts +0 -2
  237. package/dist/packages/datepicker/index.d.ts +0 -1
  238. package/dist/packages/datepicker/index.js +0 -2785
  239. package/dist/packages/datepicker/index.js.map +0 -7
  240. package/dist/packages/datepicker/locales/da/messages.d.mts +0 -1
  241. package/dist/packages/datepicker/locales/en/messages.d.mts +0 -1
  242. package/dist/packages/datepicker/locales/fi/messages.d.mts +0 -1
  243. package/dist/packages/datepicker/locales/nb/messages.d.mts +0 -1
  244. package/dist/packages/datepicker/locales/sv/messages.d.mts +0 -1
  245. package/dist/packages/datepicker/react.d.ts +0 -2
  246. package/dist/packages/datepicker/react.js +0 -2805
  247. package/dist/packages/datepicker/react.js.map +0 -7
  248. package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.d.ts +0 -1
  249. package/dist/packages/datepicker/styles/w-datepicker-day.styles.d.ts +0 -1
  250. package/dist/packages/datepicker/styles/w-datepicker-month.styles.d.ts +0 -1
  251. package/dist/packages/datepicker/styles/w-datepicker.styles.d.ts +0 -1
  252. package/dist/packages/datepicker/utils.d.ts +0 -13
  253. package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +0 -10
  254. package/dist/packages/dead-toggle/index.d.ts +0 -21
  255. package/dist/packages/dead-toggle/index.js.map +0 -7
  256. package/dist/packages/dead-toggle/react.d.ts +0 -2
  257. package/dist/packages/dead-toggle/react.js.map +0 -7
  258. package/dist/packages/expandable/react.js.map +0 -7
  259. package/dist/packages/link/index.js.map +0 -7
  260. package/dist/packages/link/link.stories.d.ts +0 -20
  261. package/dist/packages/link/link.test.d.ts +0 -1
  262. package/dist/packages/link/react.d.ts +0 -2
  263. package/dist/packages/link/react.js +0 -2666
  264. package/dist/packages/link/react.js.map +0 -7
  265. package/dist/packages/modal/react.js.map +0 -7
  266. package/dist/packages/pageindicator/index.d.ts +0 -14
  267. package/dist/packages/pageindicator/index.js +0 -32
  268. package/dist/packages/pageindicator/index.js.map +0 -7
  269. package/dist/packages/pageindicator/pageindicator.stories.d.ts +0 -32
  270. package/dist/packages/pageindicator/react.d.ts +0 -2
  271. package/dist/packages/pageindicator/react.js +0 -52
  272. package/dist/packages/pageindicator/react.js.map +0 -7
  273. package/dist/packages/pagination/index.d.ts +0 -37
  274. package/dist/packages/pagination/index.js.map +0 -7
  275. package/dist/packages/pagination/locales/da/messages.d.mts +0 -1
  276. package/dist/packages/pagination/locales/en/messages.d.mts +0 -1
  277. package/dist/packages/pagination/locales/fi/messages.d.mts +0 -1
  278. package/dist/packages/pagination/locales/nb/messages.d.mts +0 -1
  279. package/dist/packages/pagination/locales/sv/messages.d.mts +0 -1
  280. package/dist/packages/pagination/pagination.stories.d.ts +0 -14
  281. package/dist/packages/pagination/pagination.test.d.ts +0 -1
  282. package/dist/packages/pagination/react.d.ts +0 -2
  283. package/dist/packages/pagination/react.js +0 -2514
  284. package/dist/packages/pagination/react.js.map +0 -7
  285. package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +0 -64
  286. package/dist/packages/rip-and-tear-checkbox/index.css +0 -2
  287. package/dist/packages/rip-and-tear-checkbox/index.css.map +0 -7
  288. package/dist/packages/rip-and-tear-checkbox/index.d.ts +0 -6
  289. package/dist/packages/rip-and-tear-checkbox/index.js +0 -36
  290. package/dist/packages/rip-and-tear-checkbox/index.js.map +0 -7
  291. package/dist/packages/rip-and-tear-radio/base-element.d.ts +0 -46
  292. package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +0 -6
  293. package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +0 -103
  294. package/dist/packages/rip-and-tear-radio/index.css +0 -2
  295. package/dist/packages/rip-and-tear-radio/index.css.map +0 -7
  296. package/dist/packages/rip-and-tear-radio/index.d.ts +0 -8
  297. package/dist/packages/rip-and-tear-radio/index.js +0 -34
  298. package/dist/packages/rip-and-tear-radio/index.js.map +0 -7
  299. package/dist/packages/rip-and-tear-radio/invalid.d.ts +0 -8
  300. package/dist/packages/rip-and-tear-radio/math.d.ts +0 -1
  301. package/dist/packages/rip-and-tear-radio/radio-group.d.ts +0 -72
  302. package/dist/packages/rip-and-tear-radio/radio.d.ts +0 -38
  303. package/dist/packages/rip-and-tear-radio/required-validator.d.ts +0 -11
  304. package/dist/packages/rip-and-tear-radio/slot.d.ts +0 -20
  305. package/dist/packages/rip-and-tear-radio/watch.d.ts +0 -26
  306. package/dist/packages/select/react.js.map +0 -7
  307. package/dist/packages/steps/index.d.ts +0 -43
  308. package/dist/packages/steps/index.js.map +0 -7
  309. package/dist/packages/steps/locales/da/messages.d.mts +0 -1
  310. package/dist/packages/steps/locales/en/messages.d.mts +0 -1
  311. package/dist/packages/steps/locales/fi/messages.d.mts +0 -1
  312. package/dist/packages/steps/locales/nb/messages.d.mts +0 -1
  313. package/dist/packages/steps/locales/sv/messages.d.mts +0 -1
  314. package/dist/packages/steps/react.d.ts +0 -3
  315. package/dist/packages/steps/react.js +0 -2485
  316. package/dist/packages/steps/react.js.map +0 -7
  317. package/dist/packages/steps/steps.stories.d.ts +0 -12
  318. package/dist/packages/switch/index.d.ts +0 -20
  319. package/dist/packages/switch/index.js.map +0 -7
  320. package/dist/packages/switch/react.d.ts +0 -2
  321. package/dist/packages/switch/react.js.map +0 -7
  322. package/dist/packages/switch/styles.d.ts +0 -1
  323. package/dist/packages/switch/switch.stories.d.ts +0 -9
  324. package/dist/packages/textfield/react.js.map +0 -7
  325. package/dist/vscode.css-custom-data.json +0 -6
  326. package/dist/vscode.html-custom-data.json +0 -418
  327. /package/dist/packages/{dead-toggle/dead-toggle.test.d.ts → attention/attention.test.d.ts} +0 -0
  328. /package/dist/packages/{pageindicator/style.d.ts → attention/layout-styles.d.ts} +0 -0
  329. /package/dist/packages/{pagination → attention}/styles.d.ts +0 -0
  330. /package/dist/packages/{steps → toast}/styles.d.ts +0 -0
package/dist/index.js DELETED
@@ -1,3386 +0,0 @@
1
- var Qs=Object.create;var er=Object.defineProperty;var Uo=Object.getOwnPropertyDescriptor;var Ys=Object.getOwnPropertyNames;var Xs=Object.getPrototypeOf,Zs=Object.prototype.hasOwnProperty;var Jo=t=>{throw TypeError(t)};var Ks=(t,e,r)=>e in t?er(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var Qo=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Gs=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ys(e))!Zs.call(t,i)&&i!==r&&er(t,i,{get:()=>e[i],enumerable:!(o=Uo(e,i))||o.enumerable});return t};var Ws=(t,e,r)=>(r=t!=null?Qs(Xs(t)):{},Gs(e||!t||!t.__esModule?er(r,"default",{value:t,enumerable:!0}):r,t));var s=(t,e,r,o)=>{for(var i=o>1?void 0:o?Uo(e,r):e,a=t.length-1,n;a>=0;a--)(n=t[a])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&er(e,r,i),i};var Y=(t,e,r)=>Ks(t,typeof e!="symbol"?e+"":e,r),Jr=(t,e,r)=>e.has(t)||Jo("Cannot "+r);var j=(t,e,r)=>(Jr(t,e,"read from private field"),r?r.call(t):e.get(t)),Me=(t,e,r)=>e.has(t)?Jo("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),Yo=(t,e,r,o)=>(Jr(t,e,"write to private field"),o?o.call(t,r):e.set(t,r),r),Xo=(t,e,r)=>(Jr(t,e,"access private method"),r);var Go=Qo(it=>{"use strict";Object.defineProperty(it,"__esModule",{value:!0});it.errorMessages=it.ErrorType=void 0;var gt;(function(t){t.MalformedUnicode="MALFORMED_UNICODE",t.MalformedHexadecimal="MALFORMED_HEXADECIMAL",t.CodePointLimit="CODE_POINT_LIMIT",t.OctalDeprecation="OCTAL_DEPRECATION",t.EndOfString="END_OF_STRING"})(gt=it.ErrorType||(it.ErrorType={}));it.errorMessages=new Map([[gt.MalformedUnicode,"malformed Unicode character escape sequence"],[gt.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[gt.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[gt.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[gt.EndOfString,"malformed escape sequence at end of string"]])});var ti=Qo(Fe=>{"use strict";Object.defineProperty(Fe,"__esModule",{value:!0});Fe.unraw=Fe.errorMessages=Fe.ErrorType=void 0;var se=Go();Object.defineProperty(Fe,"ErrorType",{enumerable:!0,get:function(){return se.ErrorType}});Object.defineProperty(Fe,"errorMessages",{enumerable:!0,get:function(){return se.errorMessages}});function tl(t){return!t.match(/[^a-f0-9]/i)?parseInt(t,16):NaN}function tr(t,e,r){let o=tl(t);if(Number.isNaN(o)||r!==void 0&&r!==t.length)throw new SyntaxError(se.errorMessages.get(e));return o}function rl(t){let e=tr(t,se.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function Wo(t,e){let r=tr(t,se.ErrorType.MalformedUnicode,4);if(e!==void 0){let o=tr(e,se.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function ol(t){return t.charAt(0)==="{"&&t.charAt(t.length-1)==="}"}function il(t){if(!ol(t))throw new SyntaxError(se.errorMessages.get(se.ErrorType.MalformedUnicode));let e=t.slice(1,-1),r=tr(e,se.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError(se.errorMessages.get(se.ErrorType.CodePointLimit)):o}}function al(t,e=!1){if(e)throw new SyntaxError(se.errorMessages.get(se.ErrorType.OctalDeprecation));let r=parseInt(t,8);return String.fromCharCode(r)}var nl=new Map([["b","\b"],["f","\f"],["n",`
2
- `],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function sl(t){return nl.get(t)||t}var ll=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function ei(t,e=!1){return t.replace(ll,function(r,o,i,a,n,l,d,u,p){if(o!==void 0)return"\\";if(i!==void 0)return rl(i);if(a!==void 0)return il(a);if(n!==void 0)return Wo(n,l);if(d!==void 0)return Wo(d);if(u==="0")return"\0";if(u!==void 0)return al(u,!e);if(p!==void 0)return sl(p);throw new SyntaxError(se.errorMessages.get(se.ErrorType.EndOfString))})}Fe.unraw=ei;Fe.default=ei});import{html as ir,LitElement as Jl}from"lit";var k=function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return t.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?k.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};import{property as ar}from"lit/decorators.js";import{ifDefined as hi}from"lit/directives/if-defined.js";import{css as Zo}from"lit";var O=Zo`
3
- *,
4
- :before,
5
- :after {
6
- box-sizing: border-box;
7
- border-style: solid;
8
- border-width: 0;
9
- border-color: var(--w-s-color-border);
10
- }
11
- html {
12
- font-size: 62.5%;
13
- }
14
- body {
15
- background-color: var(--w-s-color-background);
16
- min-height: 100%;
17
- margin: 0;
18
- overflow-y: scroll;
19
- }
20
- body,
21
- :host {
22
- -webkit-text-size-adjust: 100%;
23
- tab-size: 4;
24
- -webkit-tap-highlight-color: transparent;
25
- font-family: var(--w-font-family);
26
- font-size: var(--w-font-size-m);
27
- line-height: var(--w-line-height-m);
28
- color: var(--w-s-color-text);
29
- }
30
- hr {
31
- color: inherit;
32
- border-top-width: 1px;
33
- height: 0;
34
- }
35
- abbr:where([title]) {
36
- -webkit-text-decoration: underline dotted;
37
- text-decoration: underline dotted;
38
- }
39
- h1,
40
- h2,
41
- h3,
42
- h4,
43
- h5,
44
- h6 {
45
- font-size: inherit;
46
- font-weight: 700;
47
- }
48
- a {
49
- cursor: pointer;
50
- color: var(--w-s-color-text-link);
51
- text-decoration: none;
52
- }
53
- a:hover,
54
- a:focus,
55
- a:active {
56
- text-decoration: underline;
57
- }
58
- a:focus-visible {
59
- outline: 2px solid var(--w-s-color-border-focus);
60
- outline-offset: 1px;
61
- }
62
- b,
63
- strong {
64
- font-weight: 700;
65
- }
66
- code,
67
- kbd,
68
- samp,
69
- pre {
70
- font-family:
71
- ui-monospace,
72
- SFMono-Regular,
73
- Menlo,
74
- Monaco,
75
- Consolas,
76
- Liberation Mono,
77
- Courier New,
78
- monospace;
79
- font-size: 1em;
80
- }
81
- sub,
82
- sup {
83
- vertical-align: baseline;
84
- font-size: 75%;
85
- line-height: 0;
86
- position: relative;
87
- }
88
- sub {
89
- bottom: -0.25em;
90
- }
91
- sup {
92
- top: -0.5em;
93
- }
94
- table {
95
- text-indent: 0;
96
- border-color: inherit;
97
- border-collapse: collapse;
98
- }
99
- button,
100
- input,
101
- optgroup,
102
- select,
103
- textarea {
104
- font-family: inherit;
105
- font-size: 100%;
106
- font-weight: inherit;
107
- line-height: inherit;
108
- color: inherit;
109
- margin: 0;
110
- padding: 0;
111
- }
112
- button,
113
- select {
114
- text-transform: none;
115
- }
116
- button,
117
- [type='button'],
118
- [type='reset'],
119
- [type='submit'] {
120
- -webkit-appearance: button;
121
- }
122
- :-moz-focusring {
123
- outline: auto;
124
- }
125
- :-moz-ui-invalid {
126
- box-shadow: none;
127
- }
128
- progress {
129
- vertical-align: baseline;
130
- }
131
- ::-webkit-inner-spin-button {
132
- height: auto;
133
- }
134
- ::-webkit-outer-spin-button {
135
- height: auto;
136
- }
137
- [type='search'] {
138
- -webkit-appearance: textfield;
139
- outline-offset: -2px;
140
- }
141
- ::-webkit-search-decoration {
142
- -webkit-appearance: none;
143
- }
144
- ::-webkit-file-upload-button {
145
- -webkit-appearance: button;
146
- font: inherit;
147
- }
148
- summary {
149
- display: list-item;
150
- }
151
- blockquote,
152
- dl,
153
- dd,
154
- h1,
155
- h2,
156
- h3,
157
- h4,
158
- h5,
159
- h6,
160
- hr,
161
- figure,
162
- p,
163
- pre {
164
- margin: 0;
165
- }
166
- fieldset {
167
- margin: 0;
168
- padding: 0;
169
- }
170
- legend {
171
- padding: 0;
172
- }
173
- ol,
174
- ul,
175
- menu {
176
- margin: 0;
177
- padding: 0;
178
- list-style: none;
179
- }
180
- textarea {
181
- resize: vertical;
182
- }
183
- input::placeholder,
184
- textarea::placeholder {
185
- opacity: 1;
186
- color: var(--w-s-color-text-placeholder);
187
- }
188
- button,
189
- [role='button'] {
190
- cursor: pointer;
191
- }
192
- :disabled {
193
- cursor: default;
194
- }
195
- img,
196
- svg,
197
- video,
198
- canvas,
199
- audio,
200
- iframe,
201
- embed,
202
- object {
203
- vertical-align: middle;
204
- display: block;
205
- }
206
- img,
207
- video {
208
- max-width: 100%;
209
- height: auto;
210
- }
211
- h1 {
212
- font-size: var(--w-font-size-xxl);
213
- line-height: var(--w-line-height-xxl);
214
- }
215
- h2 {
216
- font-size: var(--w-font-size-xl);
217
- line-height: var(--w-line-height-xl);
218
- }
219
- h3 {
220
- font-size: var(--w-font-size-l);
221
- line-height: var(--w-line-height-l);
222
- }
223
- h4 {
224
- font-size: var(--w-font-size-m);
225
- line-height: var(--w-line-height-m);
226
- }
227
- h5 {
228
- font-size: var(--w-font-size-s);
229
- line-height: var(--w-line-height-s);
230
- }
231
- dt,
232
- dd {
233
- margin: 0 16px;
234
- }
235
- h1,
236
- h2,
237
- h3,
238
- h4,
239
- h5,
240
- ul,
241
- ol,
242
- dl,
243
- p,
244
- blockquote {
245
- margin: 0 0 8px;
246
- }
247
- [hidden] {
248
- display: none !important;
249
- }
250
- [tabindex='-1']:focus:not(:focus-visible) {
251
- outline: none;
252
- }
253
- legend {
254
- float: left;
255
- width: 100%;
256
- margin: 0;
257
- padding: 0;
258
- display: table;
259
- }
260
- legend + * {
261
- clear: both;
262
- }
263
- fieldset {
264
- border: 0;
265
- min-width: 0;
266
- margin: 0;
267
- padding: 0.01em 0 0;
268
- }
269
- body:not(:-moz-handler-blocked) fieldset {
270
- display: table-cell;
271
- }
272
- svg {
273
- pointer-events: none;
274
- }
275
- `,ph=Zo`*, :before, :after {
276
- --w-rotate: 0;
277
- --w-rotate-x: 0;
278
- --w-rotate-y: 0;
279
- --w-rotate-z: 0;
280
- --w-scale-x: 1;
281
- --w-scale-y: 1;
282
- --w-scale-z: 1;
283
- --w-skew-x: 0;
284
- --w-skew-y: 0;
285
- --w-translate-x: 0;
286
- --w-translate-y: 0;
287
- --w-translate-z: 0
288
- }
289
-
290
- .h4, .t4 {
291
- font-weight: 700;
292
- font-size: var(--w-font-size-m);
293
- line-height: var(--w-line-height-m)
294
- }
295
-
296
- .t3 {
297
- font-weight: 700;
298
- font-size: var(--w-font-size-l);
299
- line-height: var(--w-line-height-l)
300
- }
301
-
302
- @media (min-width: 480px) {
303
- .sm\\:h3 {
304
- font-weight: 700;
305
- font-size: var(--w-font-size-l);
306
- line-height: var(--w-line-height-l)
307
- }
308
- }
309
-
310
- .text-center {
311
- text-align: center
312
- }
313
-
314
- .before\\:text-center:before {
315
- text-align: center
316
- }
317
-
318
- .text-left {
319
- text-align: left
320
- }
321
-
322
- .text-right {
323
- text-align: right
324
- }
325
-
326
- .align-middle {
327
- vertical-align: middle
328
- }
329
-
330
- .animate-inprogress {
331
- background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;
332
- background-size: 30px 30px;
333
- animation: animate-inprogress 3s linear infinite
334
- }
335
-
336
- @keyframes animate-inprogress {
337
- 0% {
338
- background-position: 0 0
339
- }
340
- to {
341
- background-position: 60px 0
342
- }
343
- }
344
-
345
- .\\[--w-modal-max-height\\:80\\%\\] {
346
- --w-modal-max-height: 80%
347
- }
348
-
349
- .\\[--w-modal-width\\:640px\\] {
350
- --w-modal-width: 640px
351
- }
352
-
353
- .focus\\:\\[--w-outline-offset\\:-2px\\]:focus {
354
- --w-outline-offset: -2px
355
- }
356
-
357
- .backdrop-blur {
358
- -webkit-backdrop-filter: blur(4px);
359
- backdrop-filter: blur(4px)
360
- }
361
-
362
- .peer:checked ~ .peer-checked\\:before\\:bg-center:before {
363
- background-position: center
364
- }
365
-
366
- .hover\\:bg-clip-padding:hover {
367
- -webkit-background-clip: padding-box;
368
- background-clip: padding-box
369
- }
370
-
371
- .bg-transparent, .group\\/steph:first-child .group-first\\/steph\\:bg-transparent, .group\\/steph:last-child .group-last\\/steph\\:bg-transparent {
372
- background-color: transparent
373
- }
374
-
375
- .bg-\\[--w-black\\/25\\] {
376
- background-color: rgba(var(--w-rgb-black), .25)
377
- }
378
-
379
- .bg-\\[--w-black\\/70\\], .bg-\\[var\\(--w-black\\)\\/70\\] {
380
- background-color: rgba(var(--w-rgb-black), .7)
381
- }
382
-
383
- .bg-\\[--w-color-badge-info-background\\] {
384
- background-color: var(--w-color-badge-info-background)
385
- }
386
-
387
- .bg-\\[--w-color-badge-negative-background\\] {
388
- background-color: var(--w-color-badge-negative-background)
389
- }
390
-
391
- .bg-\\[--w-color-badge-neutral-background\\] {
392
- background-color: var(--w-color-badge-neutral-background)
393
- }
394
-
395
- .bg-\\[--w-color-badge-positive-background\\] {
396
- background-color: var(--w-color-badge-positive-background)
397
- }
398
-
399
- .bg-\\[--w-color-badge-sponsored-background\\] {
400
- background-color: var(--w-color-badge-sponsored-background)
401
- }
402
-
403
- .bg-\\[--w-color-badge-warning-background\\] {
404
- background-color: var(--w-color-badge-warning-background)
405
- }
406
-
407
- .bg-\\[--w-color-button-primary-background\\] {
408
- background-color: var(--w-color-button-primary-background)
409
- }
410
-
411
- .bg-\\[--w-color-buttongroup-utility-background-selected\\] {
412
- background-color: var(--w-color-buttongroup-utility-background-selected)
413
- }
414
-
415
- .bg-\\[--w-color-callout-background\\] {
416
- background-color: var(--w-color-callout-background)
417
- }
418
-
419
- .bg-\\[--w-color-pill-suggestion-background\\] {
420
- background-color: var(--w-color-pill-suggestion-background)
421
- }
422
-
423
- .bg-\\[--w-color-switch-track-background\\] {
424
- background-color: var(--w-color-switch-track-background)
425
- }
426
-
427
- .bg-\\[--w-s-color-surface-elevated-100\\] {
428
- background-color: var(--w-s-color-surface-elevated-100)
429
- }
430
-
431
- .bg-\\[--w-s-color-surface-elevated-300\\] {
432
- background-color: var(--w-s-color-surface-elevated-300)
433
- }
434
-
435
- .bg-\\[--w-s-icon-selected\\] {
436
- background-color: var(--w-s-icon-selected)
437
- }
438
-
439
- .group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\] {
440
- background-color: var(--w-color-switch-track-background-hover)
441
- }
442
-
443
- .hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover {
444
- background-color: var(--w-color-button-pill-background-hover)
445
- }
446
-
447
- .hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover {
448
- background-color: var(--w-color-button-primary-background-hover)
449
- }
450
-
451
- .hover\\:bg-\\[--w-color-buttongroup-utility-background-hover\\]:hover {
452
- background-color: var(--w-color-buttongroup-utility-background-hover)
453
- }
454
-
455
- .hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover {
456
- background-color: var(--w-color-pill-suggestion-background-hover)
457
- }
458
-
459
- .hover\\:bg-\\[--w-s-icon-subtle\\]:hover {
460
- background-color: var(--w-s-icon-subtle)
461
- }
462
-
463
- .hover\\:bg-\\[var\\(--w-black\\)\\/85\\]:hover {
464
- background-color: rgba(var(--w-rgb-black), .85)
465
- }
466
-
467
- .active\\:bg-\\[--w-color-button-pill-background-active\\]:active {
468
- background-color: var(--w-color-button-pill-background-active)
469
- }
470
-
471
- .active\\:bg-\\[--w-color-button-primary-background-active\\]:active {
472
- background-color: var(--w-color-button-primary-background-active)
473
- }
474
-
475
- .active\\:bg-\\[--w-color-buttongroup-utility-background-selected\\]:active {
476
- background-color: var(--w-color-buttongroup-utility-background-selected)
477
- }
478
-
479
- .active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active {
480
- background-color: var(--w-color-pill-suggestion-background-active)
481
- }
482
-
483
- .active\\:bg-\\[var\\(--w-black\\)\\]:active {
484
- background-color: var(--w-black)
485
- }
486
-
487
- .peer:checked ~ .peer-checked\\:before\\:bg-\\[url\\(var\\(--w-icon-toggle-checked\\)\\)\\]:before {
488
- background-image: var(--w-icon-toggle-checked)
489
- }
490
-
491
- .appearance-none {
492
- -moz-appearance: none;
493
- appearance: none;
494
- -webkit-appearance: none
495
- }
496
-
497
- .will-change-height {
498
- will-change: height
499
- }
500
-
501
- .border, .border-1 {
502
- border-width: 1px
503
- }
504
-
505
- .border-b {
506
- border-bottom-width: 1px
507
- }
508
-
509
- .before\\:border:before {
510
- border-width: 1px
511
- }
512
-
513
- .border-0 {
514
- border-width: 0
515
- }
516
-
517
- .border-2 {
518
- border-width: 2px
519
- }
520
-
521
- .border-b-0 {
522
- border-bottom-width: 0
523
- }
524
-
525
- .border-b-4 {
526
- border-bottom-width: 4px
527
- }
528
-
529
- .border-l-4 {
530
- border-left-width: 4px
531
- }
532
-
533
- .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\:border-r-0 {
534
- border-right-width: 0
535
- }
536
-
537
- .peer:checked ~ .peer-checked\\:before\\:border-\\[6\\]:before {
538
- border-width: .6rem
539
- }
540
-
541
- .border-transparent {
542
- border-color: transparent
543
- }
544
-
545
- .border-\\[--w-color-buttongroup-utility-border\\] {
546
- border-color: var(--w-color-buttongroup-utility-border)
547
- }
548
-
549
- .border-\\[--w-color-callout-border\\] {
550
- border-color: var(--w-color-callout-border)
551
- }
552
-
553
- .border-\\[--w-s-color-background-inverted\\] {
554
- border-color: var(--w-s-color-background-inverted)
555
- }
556
-
557
- .border-\\[--w-s-color-surface-elevated-300\\] {
558
- border-color: var(--w-s-color-surface-elevated-300)
559
- }
560
-
561
- .active\\:border-\\[--w-color-buttongroup-utility-border-selected\\]:active {
562
- border-color: var(--w-color-buttongroup-utility-border-selected)
563
- }
564
-
565
- .divide-x > * + * {
566
- --w-divide-x-reverse: 0;
567
- border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));
568
- border-right-width: calc(1px * var(--w-divide-x-reverse))
569
- }
570
-
571
- .divide-y > * + * {
572
- --w-divide-y-reverse: 0;
573
- border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));
574
- border-bottom-width: calc(1px * var(--w-divide-y-reverse))
575
- }
576
-
577
- .rounded-4 {
578
- border-radius: 4px
579
- }
580
-
581
- .rounded-8 {
582
- border-radius: 8px
583
- }
584
-
585
- .rounded-full {
586
- border-radius: 9999px
587
- }
588
-
589
- .before\\:rounded-2:before {
590
- border-radius: 2px
591
- }
592
-
593
- .before\\:rounded-full:before {
594
- border-radius: 9999px
595
- }
596
-
597
- .rounded-b-0 {
598
- border-bottom-left-radius: 0;
599
- border-bottom-right-radius: 0
600
- }
601
-
602
- .rounded-bl-0 {
603
- border-bottom-left-radius: 0
604
- }
605
-
606
- .rounded-br-0 {
607
- border-bottom-right-radius: 0
608
- }
609
-
610
- .rounded-l-0 {
611
- border-top-left-radius: 0;
612
- border-bottom-left-radius: 0
613
- }
614
-
615
- .rounded-l-full {
616
- border-top-left-radius: 9999px;
617
- border-bottom-left-radius: 9999px
618
- }
619
-
620
- .rounded-r-0 {
621
- border-top-right-radius: 0;
622
- border-bottom-right-radius: 0
623
- }
624
-
625
- .rounded-r-full {
626
- border-top-right-radius: 9999px;
627
- border-bottom-right-radius: 9999px
628
- }
629
-
630
- .rounded-tl-0 {
631
- border-top-left-radius: 0
632
- }
633
-
634
- .rounded-tl-4 {
635
- border-top-left-radius: 4px
636
- }
637
-
638
- .rounded-tr-0 {
639
- border-top-right-radius: 0
640
- }
641
-
642
- .group:first-of-type .group-first-of-type\\:rounded-bl-8 {
643
- border-bottom-left-radius: 8px
644
- }
645
-
646
- .group:first-of-type .group-first-of-type\\:rounded-tl-8 {
647
- border-top-left-radius: 8px
648
- }
649
-
650
- .first\\:rounded-lb-4:first-child {
651
- border-bottom-left-radius: 4px
652
- }
653
-
654
- .first\\:rounded-lt-4:first-child {
655
- border-top-left-radius: 4px
656
- }
657
-
658
- .first\\:rounded-rt-4:first-child {
659
- border-top-right-radius: 4px
660
- }
661
-
662
- .group:last-of-type .group-last-of-type\\:rounded-br-8 {
663
- border-bottom-right-radius: 8px
664
- }
665
-
666
- .group:last-of-type .group-last-of-type\\:rounded-tr-8 {
667
- border-top-right-radius: 8px
668
- }
669
-
670
- .last\\:rounded-lb-4:last-child {
671
- border-bottom-left-radius: 4px
672
- }
673
-
674
- .last\\:rounded-rb-4:last-child {
675
- border-bottom-right-radius: 4px
676
- }
677
-
678
- .last\\:rounded-rt-4:last-child {
679
- border-top-right-radius: 4px
680
- }
681
-
682
- .caret-current {
683
- caret-color: currentColor
684
- }
685
-
686
- .opacity-25 {
687
- opacity: 25%
688
- }
689
-
690
- .block {
691
- display: block
692
- }
693
-
694
- .before\\:block:before {
695
- display: block
696
- }
697
-
698
- .inline-block {
699
- display: inline-block
700
- }
701
-
702
- .inline {
703
- display: inline
704
- }
705
-
706
- .flex, .open\\:flex[open] {
707
- display: flex
708
- }
709
-
710
- .inline-flex {
711
- display: inline-flex
712
- }
713
-
714
- .grid {
715
- display: grid
716
- }
717
-
718
- .inline-grid {
719
- display: inline-grid
720
- }
721
-
722
- .hidden, .group\\/stepv:last-child .group-last\\/stepv\\:hidden {
723
- display: none
724
- }
725
-
726
- .before\\:hidden:before {
727
- display: none
728
- }
729
-
730
- .hover\\:underline:hover {
731
- text-decoration-line: underline
732
- }
733
-
734
- .focus\\:underline:focus {
735
- text-decoration-line: underline
736
- }
737
-
738
- .focus-visible\\:underline:focus-visible {
739
- text-decoration-line: underline
740
- }
741
-
742
- .active\\:underline:active {
743
- text-decoration-line: underline
744
- }
745
-
746
- .hover\\:no-underline:hover {
747
- text-decoration: none
748
- }
749
-
750
- .focus\\:no-underline:focus {
751
- text-decoration: none
752
- }
753
-
754
- .active\\:no-underline:active {
755
- text-decoration: none
756
- }
757
-
758
- .flex-1 {
759
- flex: 1 1 0%
760
- }
761
-
762
- .shrink {
763
- flex-shrink: 1
764
- }
765
-
766
- .shrink-0 {
767
- flex-shrink: 0
768
- }
769
-
770
- .shrink-0\\! {
771
- flex-shrink: 0 !important
772
- }
773
-
774
- .grow, .grow-1 {
775
- flex-grow: 1
776
- }
777
-
778
- .basis-auto {
779
- flex-basis: auto
780
- }
781
-
782
- .flex-col {
783
- flex-direction: column
784
- }
785
-
786
- .focus-within\\:focusable:focus-within {
787
- outline: 2px solid var(--w-s-color-border-focus);
788
- outline-offset: var(--w-outline-offset, 1px)
789
- }
790
-
791
- .focusable:focus, .focusable:focus-visible {
792
- outline: 2px solid var(--w-s-color-border-focus);
793
- outline-offset: var(--w-outline-offset, 1px)
794
- }
795
-
796
- .focusable:not(:focus-visible) {
797
- outline: none
798
- }
799
-
800
- .peer:focus ~ .peer-focus\\:focusable, .peer:focus-visible ~ .peer-focus\\:focusable {
801
- outline: 2px solid var(--w-s-color-border-focus);
802
- outline-offset: var(--w-outline-offset, 1px)
803
- }
804
-
805
- .peer:not(:focus-visible) ~ .peer-focus\\:focusable {
806
- outline: none
807
- }
808
-
809
- .focusable-inset {
810
- --w-outline-offset: -3px
811
- }
812
-
813
- .gap-12 {
814
- gap: 1.2rem
815
- }
816
-
817
- .gap-8 {
818
- gap: .8rem
819
- }
820
-
821
- .gap-x-16 {
822
- column-gap: 1.6rem
823
- }
824
-
825
- .gap-y-16 {
826
- row-gap: 1.6rem
827
- }
828
-
829
- .row-span-2 {
830
- grid-row: span 2/span 2
831
- }
832
-
833
- .col-span-2 {
834
- grid-column: span 2/span 2
835
- }
836
-
837
- .col-span-3 {
838
- grid-column: span 3/span 3
839
- }
840
-
841
- .row-start-1 {
842
- grid-row-start: 1
843
- }
844
-
845
- .row-start-2 {
846
- grid-row-start: 2
847
- }
848
-
849
- .col-start-2 {
850
- grid-column-start: 2
851
- }
852
-
853
- .auto-rows-auto {
854
- grid-auto-rows: auto
855
- }
856
-
857
- .grid-flow-col {
858
- grid-auto-flow: column
859
- }
860
-
861
- .grid-rows-\\[20px_auto\\] {
862
- grid-template-rows:20px auto
863
- }
864
-
865
- .grid-rows-\\[auto_20px\\] {
866
- grid-template-rows:auto 20px
867
- }
868
-
869
- .grid-cols-\\[1fr_20px_1fr\\] {
870
- grid-template-columns:1fr 20px 1fr
871
- }
872
-
873
- .grid-cols-\\[1fr_20px\\] {
874
- grid-template-columns:1fr 20px
875
- }
876
-
877
- .grid-cols-\\[20px_1fr\\] {
878
- grid-template-columns:20px 1fr
879
- }
880
-
881
- .grid-cols-\\[auto_1fr_auto\\] {
882
- grid-template-columns:auto 1fr auto
883
- }
884
-
885
- .grid-cols-1 {
886
- grid-template-columns:repeat(1, minmax(0, 1fr))
887
- }
888
-
889
- .grid-cols-2 {
890
- grid-template-columns:repeat(2, minmax(0, 1fr))
891
- }
892
-
893
- .grid-cols-3 {
894
- grid-template-columns:repeat(3, minmax(0, 1fr))
895
- }
896
-
897
- .grid-cols-4 {
898
- grid-template-columns:repeat(4, minmax(0, 1fr))
899
- }
900
-
901
- .grid-cols-5 {
902
- grid-template-columns:repeat(5, minmax(0, 1fr))
903
- }
904
-
905
- .grid-cols-6 {
906
- grid-template-columns:repeat(6, minmax(0, 1fr))
907
- }
908
-
909
- .grid-cols-7 {
910
- grid-template-columns:repeat(7, minmax(0, 1fr))
911
- }
912
-
913
- .grid-cols-8 {
914
- grid-template-columns:repeat(8, minmax(0, 1fr))
915
- }
916
-
917
- .grid-cols-9 {
918
- grid-template-columns:repeat(9, minmax(0, 1fr))
919
- }
920
-
921
- .overflow-hidden {
922
- overflow: hidden
923
- }
924
-
925
- .overflow-x-hidden {
926
- overflow-x: hidden
927
- }
928
-
929
- .overflow-y-auto {
930
- overflow-y: auto
931
- }
932
-
933
- .list-none {
934
- list-style-type: none
935
- }
936
-
937
- .outline-\\[--w-s-color-border-negative\\]\\! {
938
- outline-color: var(--w-s-color-border-negative) !important
939
- }
940
-
941
- .outline-none {
942
- outline: 2px solid transparent;
943
- outline-offset: 2px
944
- }
945
-
946
- .focus\\:outline-none:focus {
947
- outline: 2px solid transparent;
948
- outline-offset: 2px
949
- }
950
-
951
- .items-start {
952
- align-items: flex-start
953
- }
954
-
955
- .items-end {
956
- align-items: flex-end
957
- }
958
-
959
- .items-center {
960
- align-items: center
961
- }
962
-
963
- .self-center {
964
- align-self: center
965
- }
966
-
967
- .inset-0 {
968
- top: 0rem;
969
- right: 0rem;
970
- bottom: 0rem;
971
- left: 0rem
972
- }
973
-
974
- .-bottom-0 {
975
- bottom: -0rem
976
- }
977
-
978
- .bottom-0 {
979
- bottom: 0rem
980
- }
981
-
982
- .bottom-10 {
983
- bottom: 1rem
984
- }
985
-
986
- .bottom-16 {
987
- bottom: 1.6rem
988
- }
989
-
990
- .left-0 {
991
- left: 0rem
992
- }
993
-
994
- .left-4 {
995
- left: .4rem
996
- }
997
-
998
- .right-0 {
999
- right: 0rem
1000
- }
1001
-
1002
- .right-8 {
1003
- right: .8rem
1004
- }
1005
-
1006
- .top-\\[1\\.92rem\\] {
1007
- top: 1.92rem
1008
- }
1009
-
1010
- .top-0 {
1011
- top: 0rem
1012
- }
1013
-
1014
- .top-20 {
1015
- top: 2rem
1016
- }
1017
-
1018
- .top-4 {
1019
- top: .4rem
1020
- }
1021
-
1022
- .top-8 {
1023
- top: .8rem
1024
- }
1025
-
1026
- .before\\:bottom-0:before {
1027
- bottom: 0rem
1028
- }
1029
-
1030
- .before\\:left-0:before {
1031
- left: 0rem
1032
- }
1033
-
1034
- .before\\:right-0:before {
1035
- right: 0rem
1036
- }
1037
-
1038
- .before\\:top-2:before {
1039
- top: .2rem
1040
- }
1041
-
1042
- .-bottom-\\[8px\\] {
1043
- bottom: -8px
1044
- }
1045
-
1046
- .-left-\\[8px\\] {
1047
- left: -8px
1048
- }
1049
-
1050
- .-right-\\[8px\\] {
1051
- right: -8px
1052
- }
1053
-
1054
- .-top-\\[8px\\] {
1055
- top: -8px
1056
- }
1057
-
1058
- .top-\\[19px\\] {
1059
- top: 19px
1060
- }
1061
-
1062
- .top-\\[30\\%\\] {
1063
- top: 30%
1064
- }
1065
-
1066
- .justify-end {
1067
- justify-content: flex-end
1068
- }
1069
-
1070
- .justify-center {
1071
- justify-content: center
1072
- }
1073
-
1074
- .justify-between {
1075
- justify-content: space-between
1076
- }
1077
-
1078
- .justify-items-center {
1079
- justify-items: center
1080
- }
1081
-
1082
- .justify-self-start {
1083
- justify-self: start
1084
- }
1085
-
1086
- .justify-self-end {
1087
- justify-self: end
1088
- }
1089
-
1090
- .justify-self-center {
1091
- justify-self: center
1092
- }
1093
-
1094
- .absolute {
1095
- position: absolute
1096
- }
1097
-
1098
- .fixed {
1099
- position: fixed
1100
- }
1101
-
1102
- .relative {
1103
- position: relative
1104
- }
1105
-
1106
- .open\\:fixed[open] {
1107
- position: fixed
1108
- }
1109
-
1110
- .before\\:absolute:before {
1111
- position: absolute
1112
- }
1113
-
1114
- .z-10, .peer:checked ~ .peer-checked\\:z-10 {
1115
- z-index: 10
1116
- }
1117
-
1118
- .z-30 {
1119
- z-index: 30
1120
- }
1121
-
1122
- .z-50 {
1123
- z-index: 50
1124
- }
1125
-
1126
- .hover\\:z-30:hover {
1127
- z-index: 30
1128
- }
1129
-
1130
- .\\!s-bg-selected {
1131
- background-color: var(--w-s-color-background-selected) !important
1132
- }
1133
-
1134
- .s-bg {
1135
- background-color: var(--w-s-color-background)
1136
- }
1137
-
1138
- .s-bg-disabled {
1139
- background-color: var(--w-s-color-background-disabled)
1140
- }
1141
-
1142
- .s-bg-disabled-subtle {
1143
- background-color: var(--w-s-color-background-disabled-subtle)
1144
- }
1145
-
1146
- .s-bg-info-subtle {
1147
- background-color: var(--w-s-color-background-info-subtle)
1148
- }
1149
-
1150
- .s-bg-inverted {
1151
- background-color: var(--w-s-color-background-inverted)
1152
- }
1153
-
1154
- .s-bg-negative {
1155
- background-color: var(--w-s-color-background-negative)
1156
- }
1157
-
1158
- .s-bg-negative-subtle {
1159
- background-color: var(--w-s-color-background-negative-subtle)
1160
- }
1161
-
1162
- .s-bg-positive-subtle {
1163
- background-color: var(--w-s-color-background-positive-subtle)
1164
- }
1165
-
1166
- .s-bg-primary, .peer:checked ~ .peer-checked\\:s-bg-primary {
1167
- background-color: var(--w-s-color-background-primary)
1168
- }
1169
-
1170
- .s-bg-selected {
1171
- background-color: var(--w-s-color-background-selected)
1172
- }
1173
-
1174
- .s-bg-subtle {
1175
- background-color: var(--w-s-color-background-subtle)
1176
- }
1177
-
1178
- .s-bg-warning-subtle {
1179
- background-color: var(--w-s-color-background-warning-subtle)
1180
- }
1181
-
1182
- .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-negative-hover:before {
1183
- background-color: var(--w-s-color-background-negative-hover)
1184
- }
1185
-
1186
- .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-primary-hover:before {
1187
- background-color: var(--w-s-color-background-primary-hover)
1188
- }
1189
-
1190
- .peer:checked ~ .peer-checked\\:before\\:s-bg-disabled:before {
1191
- background-color: var(--w-s-color-background-disabled)
1192
- }
1193
-
1194
- .peer:checked ~ .peer-checked\\:before\\:s-bg-negative:before {
1195
- background-color: var(--w-s-color-background-negative)
1196
- }
1197
-
1198
- .peer:checked ~ .peer-checked\\:before\\:s-bg-primary:before {
1199
- background-color: var(--w-s-color-background-primary)
1200
- }
1201
-
1202
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-disabled:before {
1203
- background-color: var(--w-s-color-background-disabled)
1204
- }
1205
-
1206
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-negative:before {
1207
- background-color: var(--w-s-color-background-negative)
1208
- }
1209
-
1210
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-primary:before {
1211
- background-color: var(--w-s-color-background-primary)
1212
- }
1213
-
1214
- .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-negative-hover:hover:before {
1215
- background-color: var(--w-s-color-background-negative-hover)
1216
- }
1217
-
1218
- .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-primary-hover:hover:before {
1219
- background-color: var(--w-s-color-background-primary-hover)
1220
- }
1221
-
1222
- .\\!hover\\:s-bg-selected-hover:hover {
1223
- background-color: var(--w-s-color-background-selected-hover) !important
1224
- }
1225
-
1226
- .group:hover .group-hover\\:s-bg-primary-hover {
1227
- background-color: var(--w-s-color-background-primary-hover)
1228
- }
1229
-
1230
- .hover\\:before\\:s-bg-hover:hover:before {
1231
- background-color: var(--w-s-color-background-hover)
1232
- }
1233
-
1234
- .hover\\:before\\:s-bg-negative-subtle-hover:hover:before {
1235
- background-color: var(--w-s-color-background-negative-subtle-hover)
1236
- }
1237
-
1238
- .hover\\:s-bg-hover:hover {
1239
- background-color: var(--w-s-color-background-hover)
1240
- }
1241
-
1242
- .hover\\:s-bg-negative-hover:hover {
1243
- background-color: var(--w-s-color-background-negative-hover)
1244
- }
1245
-
1246
- .hover\\:s-bg-negative-subtle-hover:hover {
1247
- background-color: var(--w-s-color-background-negative-subtle-hover)
1248
- }
1249
-
1250
- .hover\\:s-bg-primary-hover:hover {
1251
- background-color: var(--w-s-color-background-primary-hover)
1252
- }
1253
-
1254
- .hover\\:s-bg-selected-hover:hover {
1255
- background-color: var(--w-s-color-background-selected-hover)
1256
- }
1257
-
1258
- .peer:hover:not(:checked) ~ .peer-hover\\:peer-not-checked\\:s-bg-hover {
1259
- background-color: var(--w-s-color-background-hover)
1260
- }
1261
-
1262
- .peer:hover ~ .peer-hover\\:before\\:s-bg-hover:before {
1263
- background-color: var(--w-s-color-background-hover)
1264
- }
1265
-
1266
- .peer:hover ~ .peer-hover\\:before\\:s-bg-negative-subtle:before {
1267
- background-color: var(--w-s-color-background-negative-subtle)
1268
- }
1269
-
1270
- .focus\\:s-bg-primary-hover:focus {
1271
- background-color: var(--w-s-color-background-primary-hover)
1272
- }
1273
-
1274
- .\\!active\\:s-bg-selected-active:active {
1275
- background-color: var(--w-s-color-background-selected-active) !important
1276
- }
1277
-
1278
- .active\\:s-bg-active:active {
1279
- background-color: var(--w-s-color-background-active)
1280
- }
1281
-
1282
- .active\\:s-bg-negative-active:active {
1283
- background-color: var(--w-s-color-background-negative-active)
1284
- }
1285
-
1286
- .active\\:s-bg-negative-subtle-active:active {
1287
- background-color: var(--w-s-color-background-negative-subtle-active)
1288
- }
1289
-
1290
- .active\\:s-bg-primary-active:active {
1291
- background-color: var(--w-s-color-background-primary-active)
1292
- }
1293
-
1294
- .active\\:s-bg-selected-active:active {
1295
- background-color: var(--w-s-color-background-selected-active)
1296
- }
1297
-
1298
- .before\\:s-bg-disabled-subtle:before {
1299
- background-color: var(--w-s-color-background-disabled-subtle)
1300
- }
1301
-
1302
- .before\\:s-bg:before {
1303
- background-color: var(--w-s-color-background)
1304
- }
1305
-
1306
- .s-text {
1307
- color: var(--w-s-color-text)
1308
- }
1309
-
1310
- .s-text-disabled {
1311
- color: var(--w-s-color-text-disabled)
1312
- }
1313
-
1314
- .s-text-inverted, .peer:checked ~ .peer-checked\\:s-text-inverted {
1315
- color: var(--w-s-color-text-inverted)
1316
- }
1317
-
1318
- .s-text-inverted-static {
1319
- color: var(--w-s-color-text-inverted-static)
1320
- }
1321
-
1322
- .s-text-link {
1323
- color: var(--w-s-color-text-link)
1324
- }
1325
-
1326
- .s-text-negative {
1327
- color: var(--w-s-color-text-negative)
1328
- }
1329
-
1330
- .s-text-subtle {
1331
- color: var(--w-s-color-text-subtle)
1332
- }
1333
-
1334
- .hover\\:s-text-link:hover {
1335
- color: var(--w-s-color-text-link)
1336
- }
1337
-
1338
- .active\\:s-text:active {
1339
- color: var(--w-s-color-text)
1340
- }
1341
-
1342
- .placeholder\\:s-text-placeholder::placeholder {
1343
- color: var(--w-s-color-text-placeholder)
1344
- }
1345
-
1346
- .s-icon {
1347
- color: var(--w-s-color-icon)
1348
- }
1349
-
1350
- .s-icon-info {
1351
- color: var(--w-s-color-icon-info)
1352
- }
1353
-
1354
- .s-icon-inverted {
1355
- color: var(--w-s-color-icon-inverted)
1356
- }
1357
-
1358
- .s-icon-negative {
1359
- color: var(--w-s-color-icon-negative)
1360
- }
1361
-
1362
- .s-icon-positive {
1363
- color: var(--w-s-color-icon-positive)
1364
- }
1365
-
1366
- .s-icon-warning {
1367
- color: var(--w-s-color-icon-warning)
1368
- }
1369
-
1370
- .hover\\:s-icon-hover:hover {
1371
- color: var(--w-s-color-icon-hover)
1372
- }
1373
-
1374
- .active\\:s-icon-active:active {
1375
- color: var(--w-s-color-icon-active)
1376
- }
1377
-
1378
- .before\\:s-icon-inverted:before {
1379
- color: var(--w-s-color-icon-inverted)
1380
- }
1381
-
1382
- .s-border {
1383
- border-color: var(--w-s-color-border)
1384
- }
1385
-
1386
- .s-border-disabled {
1387
- border-color: var(--w-s-color-border-disabled)
1388
- }
1389
-
1390
- .s-border-info-subtle {
1391
- border-color: var(--w-s-color-border-info-subtle)
1392
- }
1393
-
1394
- .s-border-l-info {
1395
- border-left-color: var(--w-s-color-border-info)
1396
- }
1397
-
1398
- .s-border-l-negative {
1399
- border-left-color: var(--w-s-color-border-negative)
1400
- }
1401
-
1402
- .s-border-l-positive {
1403
- border-left-color: var(--w-s-color-border-positive)
1404
- }
1405
-
1406
- .s-border-l-warning {
1407
- border-left-color: var(--w-s-color-border-warning)
1408
- }
1409
-
1410
- .s-border-negative {
1411
- border-color: var(--w-s-color-border-negative)
1412
- }
1413
-
1414
- .s-border-negative-subtle {
1415
- border-color: var(--w-s-color-border-negative-subtle)
1416
- }
1417
-
1418
- .s-border-positive-subtle {
1419
- border-color: var(--w-s-color-border-positive-subtle)
1420
- }
1421
-
1422
- .s-border-primary, .peer:checked ~ .peer-checked\\:s-border-primary {
1423
- border-color: var(--w-s-color-border-primary)
1424
- }
1425
-
1426
- .s-border-selected {
1427
- border-color: var(--w-s-color-border-selected)
1428
- }
1429
-
1430
- .s-border-warning-subtle {
1431
- border-color: var(--w-s-color-border-warning-subtle)
1432
- }
1433
-
1434
- .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-negative-hover:before {
1435
- border-color: var(--w-s-color-border-negative-hover)
1436
- }
1437
-
1438
- .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-primary-hover:before {
1439
- border-color: var(--w-s-color-border-primary-hover)
1440
- }
1441
-
1442
- .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-selected-hover:before {
1443
- border-color: var(--w-s-color-border-selected-hover)
1444
- }
1445
-
1446
- .peer:checked ~ .peer-checked\\:before\\:s-border-disabled:before {
1447
- border-color: var(--w-s-color-border-disabled)
1448
- }
1449
-
1450
- .peer:checked ~ .peer-checked\\:before\\:s-border-negative:before {
1451
- border-color: var(--w-s-color-border-negative)
1452
- }
1453
-
1454
- .peer:checked ~ .peer-checked\\:before\\:s-border-primary:before {
1455
- border-color: var(--w-s-color-border-primary)
1456
- }
1457
-
1458
- .peer:checked ~ .peer-checked\\:before\\:s-border-selected:before {
1459
- border-color: var(--w-s-color-border-selected)
1460
- }
1461
-
1462
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-disabled:before {
1463
- border-color: var(--w-s-color-border-disabled)
1464
- }
1465
-
1466
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-negative:before {
1467
- border-color: var(--w-s-color-border-negative)
1468
- }
1469
-
1470
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-primary:before {
1471
- border-color: var(--w-s-color-border-primary)
1472
- }
1473
-
1474
- .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-negative-hover:hover:before {
1475
- border-color: var(--w-s-color-border-negative-hover)
1476
- }
1477
-
1478
- .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-primary-hover:hover:before {
1479
- border-color: var(--w-s-color-border-primary-hover)
1480
- }
1481
-
1482
- .group:hover .group-hover\\:s-border-selected-hover {
1483
- border-color: var(--w-s-color-border-selected-hover)
1484
- }
1485
-
1486
- .hover\\:before\\:s-border-negative-hover:hover:before {
1487
- border-color: var(--w-s-color-border-negative-hover)
1488
- }
1489
-
1490
- .hover\\:before\\:s-border-primary:hover:before {
1491
- border-color: var(--w-s-color-border-primary)
1492
- }
1493
-
1494
- .hover\\:s-border-disabled:hover {
1495
- border-color: var(--w-s-color-border-disabled)
1496
- }
1497
-
1498
- .hover\\:s-border-hover:hover {
1499
- border-color: var(--w-s-color-border-hover)
1500
- }
1501
-
1502
- .hover\\:s-border-negative-hover:hover {
1503
- border-color: var(--w-s-color-border-negative-hover)
1504
- }
1505
-
1506
- .hover\\:s-border-primary-hover:hover {
1507
- border-color: var(--w-s-color-border-primary-hover)
1508
- }
1509
-
1510
- .hover\\:s-border-primary:hover {
1511
- border-color: var(--w-s-color-border-primary)
1512
- }
1513
-
1514
- .hover\\:s-border-selected-hover:hover {
1515
- border-color: var(--w-s-color-border-selected-hover)
1516
- }
1517
-
1518
- .peer:hover ~ .peer-hover\\:before\\:s-border-negative-hover:before {
1519
- border-color: var(--w-s-color-border-negative-hover)
1520
- }
1521
-
1522
- .peer:hover ~ .peer-hover\\:before\\:s-border-primary:before {
1523
- border-color: var(--w-s-color-border-primary)
1524
- }
1525
-
1526
- .focus\\:s-border-primary-hover:focus {
1527
- border-color: var(--w-s-color-border-primary-hover)
1528
- }
1529
-
1530
- .active\\:s-border-active:active {
1531
- border-color: var(--w-s-color-border-active)
1532
- }
1533
-
1534
- .active\\:s-border-disabled:active {
1535
- border-color: var(--w-s-color-border-disabled)
1536
- }
1537
-
1538
- .active\\:s-border-primary-active:active {
1539
- border-color: var(--w-s-color-border-primary-active)
1540
- }
1541
-
1542
- .active\\:s-border-selected-active:active {
1543
- border-color: var(--w-s-color-border-selected-active)
1544
- }
1545
-
1546
- .active\\:s-border-selected:active {
1547
- border-color: var(--w-s-color-border-selected)
1548
- }
1549
-
1550
- .group:active .group-active\\:s-border-active {
1551
- border-color: var(--w-s-color-border-active)
1552
- }
1553
-
1554
- .group:active .group-active\\:s-border-selected-active {
1555
- border-color: var(--w-s-color-border-selected-active)
1556
- }
1557
-
1558
- .before\\:s-border-disabled:before {
1559
- border-color: var(--w-s-color-border-disabled)
1560
- }
1561
-
1562
- .before\\:s-border-negative:before {
1563
- border-color: var(--w-s-color-border-negative)
1564
- }
1565
-
1566
- .s-surface-sunken {
1567
- background-color: var(--w-s-color-surface-sunken)
1568
- }
1569
-
1570
- .s-surface-elevated-200 {
1571
- background-color: var(--w-s-color-surface-elevated-200);
1572
- box-shadow: var(--w-s-shadow-surface-elevated-200)
1573
- }
1574
-
1575
- .hover\\:s-surface-elevated-200-hover:hover {
1576
- background-color: var(--w-s-color-surface-elevated-200-hover);
1577
- box-shadow: var(--w-s-shadow-surface-elevated-200-hover)
1578
- }
1579
-
1580
- .active\\:s-surface-elevated-200-active:active {
1581
- background-color: var(--w-s-color-surface-elevated-200-active);
1582
- box-shadow: var(--w-s-shadow-surface-elevated-200-active)
1583
- }
1584
-
1585
- .drop-shadow-m {
1586
- filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)
1587
- }
1588
-
1589
- .shadow-m {
1590
- box-shadow: var(--w-shadow-m)
1591
- }
1592
-
1593
- .shadow-s {
1594
- box-shadow: var(--w-shadow-s)
1595
- }
1596
-
1597
- .shadow-\\[--w-shadow-slider\\] {
1598
- box-shadow: var(--w-shadow-slider)
1599
- }
1600
-
1601
- .hover\\:shadow-\\[--w-shadow-slider-handle-hover\\]:hover {
1602
- box-shadow: var(--w-shadow-slider-handle-hover)
1603
- }
1604
-
1605
- .focus\\:shadow-\\[--w-shadow-slider-handle-hover\\]:focus {
1606
- box-shadow: var(--w-shadow-slider-handle-hover)
1607
- }
1608
-
1609
- .active\\:shadow-\\[--w-shadow-slider-handle-active\\]:active {
1610
- box-shadow: var(--w-shadow-slider-handle-active)
1611
- }
1612
-
1613
- .h-0 {
1614
- height: 0rem
1615
- }
1616
-
1617
- .h-16 {
1618
- height: 1.6rem
1619
- }
1620
-
1621
- .h-2 {
1622
- height: .2rem
1623
- }
1624
-
1625
- .h-20 {
1626
- height: 2rem
1627
- }
1628
-
1629
- .h-24 {
1630
- height: 2.4rem
1631
- }
1632
-
1633
- .h-4 {
1634
- height: .4rem
1635
- }
1636
-
1637
- .h-44 {
1638
- height: 4.4rem
1639
- }
1640
-
1641
- .h-6 {
1642
- height: .6rem
1643
- }
1644
-
1645
- .h-8 {
1646
- height: .8rem
1647
- }
1648
-
1649
- .h-full {
1650
- height: 100%
1651
- }
1652
-
1653
- .h-unset {
1654
- height: unset
1655
- }
1656
-
1657
- .max-h-unset {
1658
- max-height: unset
1659
- }
1660
-
1661
- .max-w-full {
1662
- max-width: 100%
1663
- }
1664
-
1665
- .max-w-max {
1666
- max-width: max-content
1667
- }
1668
-
1669
- .max-w-unset {
1670
- max-width: unset
1671
- }
1672
-
1673
- .min-h-32 {
1674
- min-height: 3.2rem
1675
- }
1676
-
1677
- .min-h-40 {
1678
- min-height: 4rem
1679
- }
1680
-
1681
- .min-w-16 {
1682
- min-width: 1.6rem
1683
- }
1684
-
1685
- .min-w-32 {
1686
- min-width: 3.2rem
1687
- }
1688
-
1689
- .w-16 {
1690
- width: 1.6rem
1691
- }
1692
-
1693
- .w-2 {
1694
- width: .2rem
1695
- }
1696
-
1697
- .w-20 {
1698
- width: 2rem
1699
- }
1700
-
1701
- .w-24 {
1702
- width: 2.4rem
1703
- }
1704
-
1705
- .w-32 {
1706
- width: 3.2rem
1707
- }
1708
-
1709
- .w-40 {
1710
- width: 4rem
1711
- }
1712
-
1713
- .w-44 {
1714
- width: 4.4rem
1715
- }
1716
-
1717
- .w-8 {
1718
- width: .8rem
1719
- }
1720
-
1721
- .w-full {
1722
- width: 100%
1723
- }
1724
-
1725
- .w-max {
1726
- width: max-content
1727
- }
1728
-
1729
- .w-unset {
1730
- width: unset
1731
- }
1732
-
1733
- .before\\:h-20:before {
1734
- height: 2rem
1735
- }
1736
-
1737
- .before\\:h-full:before {
1738
- height: 100%
1739
- }
1740
-
1741
- .before\\:w-20:before {
1742
- width: 2rem
1743
- }
1744
-
1745
- .before\\:w-32:before {
1746
- width: 3.2rem
1747
- }
1748
-
1749
- .h-\\[--w-modal-height\\] {
1750
- height: var(--w-modal-height)
1751
- }
1752
-
1753
- .h-\\[14px\\] {
1754
- height: 14px
1755
- }
1756
-
1757
- .h-\\[16px\\] {
1758
- height: 16px
1759
- }
1760
-
1761
- .max-h-\\[--w-modal-max-height\\] {
1762
- max-height: var(--w-modal-max-height)
1763
- }
1764
-
1765
- .min-h-\\[--w-modal-min-height\\] {
1766
- min-height: var(--w-modal-min-height)
1767
- }
1768
-
1769
- .min-h-\\[32px\\] {
1770
- min-height: 32px
1771
- }
1772
-
1773
- .min-h-\\[40px\\] {
1774
- min-height: 40px
1775
- }
1776
-
1777
- .min-h-\\[42\\] {
1778
- min-height: 4.2rem
1779
- }
1780
-
1781
- .min-h-\\[44px\\] {
1782
- min-height: 44px
1783
- }
1784
-
1785
- .min-w-\\[32px\\] {
1786
- min-width: 32px
1787
- }
1788
-
1789
- .min-w-\\[40px\\] {
1790
- min-width: 40px
1791
- }
1792
-
1793
- .min-w-\\[44px\\] {
1794
- min-width: 44px
1795
- }
1796
-
1797
- .w-\\[--w-modal-width\\] {
1798
- width: var(--w-modal-width)
1799
- }
1800
-
1801
- .w-\\[14px\\] {
1802
- width: 14px
1803
- }
1804
-
1805
- .w-\\[16px\\] {
1806
- width: 16px
1807
- }
1808
-
1809
- .space-x-8 > :not([hidden]) ~ :not([hidden]) {
1810
- --w-space-x-reverse: 0;
1811
- margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));
1812
- margin-right: calc(.8rem * var(--w-space-x-reverse))
1813
- }
1814
-
1815
- .space-y-16 > :not([hidden]) ~ :not([hidden]) {
1816
- --w-space-y-reverse: 0;
1817
- margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));
1818
- margin-bottom: calc(1.6rem * var(--w-space-y-reverse))
1819
- }
1820
-
1821
- .m-0 {
1822
- margin: 0rem
1823
- }
1824
-
1825
- .m-auto {
1826
- margin: auto
1827
- }
1828
-
1829
- .-mx-16 {
1830
- margin-left: -1.6rem;
1831
- margin-right: -1.6rem
1832
- }
1833
-
1834
- .mx-0 {
1835
- margin-left: 0rem;
1836
- margin-right: 0rem
1837
- }
1838
-
1839
- .mx-8 {
1840
- margin-left: .8rem;
1841
- margin-right: .8rem
1842
- }
1843
-
1844
- .mx-auto {
1845
- margin-left: auto;
1846
- margin-right: auto
1847
- }
1848
-
1849
- .-mb-1 {
1850
- margin-bottom: -.1rem
1851
- }
1852
-
1853
- .-ml-8 {
1854
- margin-left: -.8rem
1855
- }
1856
-
1857
- .-mr-1 {
1858
- margin-right: -.1rem
1859
- }
1860
-
1861
- .-mr-8 {
1862
- margin-right: -.8rem
1863
- }
1864
-
1865
- .-mt-2 {
1866
- margin-top: -.2rem
1867
- }
1868
-
1869
- .-mt-4 {
1870
- margin-top: -.4rem
1871
- }
1872
-
1873
- .last-child\\:mb-0 > :last-child, .mb-0 {
1874
- margin-bottom: 0rem
1875
- }
1876
-
1877
- .mb-32 {
1878
- margin-bottom: 3.2rem
1879
- }
1880
-
1881
- .ml-8 {
1882
- margin-left: .8rem
1883
- }
1884
-
1885
- .ml-auto {
1886
- margin-left: auto
1887
- }
1888
-
1889
- .mr-8 {
1890
- margin-right: .8rem
1891
- }
1892
-
1893
- .mt-16 {
1894
- margin-top: 1.6rem
1895
- }
1896
-
1897
- .mt-4 {
1898
- margin-top: .4rem
1899
- }
1900
-
1901
- .group:not(:first-child) .group-not-first\\:-ml-2 {
1902
- margin-left: -.2rem
1903
- }
1904
-
1905
- .last\\:mb-0:last-child {
1906
- margin-bottom: 0rem
1907
- }
1908
-
1909
- .last\\:mr-0:last-child {
1910
- margin-right: 0rem
1911
- }
1912
-
1913
- .m-\\[8px\\] {
1914
- margin: 8px
1915
- }
1916
-
1917
- .p-0 {
1918
- padding: 0rem
1919
- }
1920
-
1921
- .p-16 {
1922
- padding: 1.6rem
1923
- }
1924
-
1925
- .p-4 {
1926
- padding: .4rem
1927
- }
1928
-
1929
- .p-8 {
1930
- padding: .8rem
1931
- }
1932
-
1933
- .px-0 {
1934
- padding-left: 0rem;
1935
- padding-right: 0rem
1936
- }
1937
-
1938
- .px-1 {
1939
- padding-left: .1rem;
1940
- padding-right: .1rem
1941
- }
1942
-
1943
- .px-12 {
1944
- padding-left: 1.2rem;
1945
- padding-right: 1.2rem
1946
- }
1947
-
1948
- .px-14 {
1949
- padding-left: 1.4rem;
1950
- padding-right: 1.4rem
1951
- }
1952
-
1953
- .px-16 {
1954
- padding-left: 1.6rem;
1955
- padding-right: 1.6rem
1956
- }
1957
-
1958
- .px-8 {
1959
- padding-left: .8rem;
1960
- padding-right: .8rem
1961
- }
1962
-
1963
- .py-0 {
1964
- padding-top: 0rem;
1965
- padding-bottom: 0rem
1966
- }
1967
-
1968
- .py-1 {
1969
- padding-top: .1rem;
1970
- padding-bottom: .1rem
1971
- }
1972
-
1973
- .py-10 {
1974
- padding-top: 1rem;
1975
- padding-bottom: 1rem
1976
- }
1977
-
1978
- .py-12 {
1979
- padding-top: 1.2rem;
1980
- padding-bottom: 1.2rem
1981
- }
1982
-
1983
- .py-2 {
1984
- padding-top: .2rem;
1985
- padding-bottom: .2rem
1986
- }
1987
-
1988
- .py-4 {
1989
- padding-top: .4rem;
1990
- padding-bottom: .4rem
1991
- }
1992
-
1993
- .py-6 {
1994
- padding-top: .6rem;
1995
- padding-bottom: .6rem
1996
- }
1997
-
1998
- .py-8 {
1999
- padding-top: .8rem;
2000
- padding-bottom: .8rem
2001
- }
2002
-
2003
- .pb-0 {
2004
- padding-bottom: 0rem
2005
- }
2006
-
2007
- .pb-32 {
2008
- padding-bottom: 3.2rem
2009
- }
2010
-
2011
- .pb-4 {
2012
- padding-bottom: .4rem
2013
- }
2014
-
2015
- .pb-8 {
2016
- padding-bottom: .8rem
2017
- }
2018
-
2019
- .pl-0 {
2020
- padding-left: 0rem
2021
- }
2022
-
2023
- .pl-1 {
2024
- padding-left: .1rem
2025
- }
2026
-
2027
- .pl-12 {
2028
- padding-left: 1.2rem
2029
- }
2030
-
2031
- .pl-28 {
2032
- padding-left: 2.8rem
2033
- }
2034
-
2035
- .pl-4 {
2036
- padding-left: .4rem
2037
- }
2038
-
2039
- .pl-8 {
2040
- padding-left: .8rem
2041
- }
2042
-
2043
- .pr-12 {
2044
- padding-right: 1.2rem
2045
- }
2046
-
2047
- .pr-14 {
2048
- padding-right: 1.4rem
2049
- }
2050
-
2051
- .pr-2 {
2052
- padding-right: .2rem
2053
- }
2054
-
2055
- .pr-32 {
2056
- padding-right: 3.2rem
2057
- }
2058
-
2059
- .pr-40 {
2060
- padding-right: 4rem
2061
- }
2062
-
2063
- .pt-0 {
2064
- padding-top: 0rem
2065
- }
2066
-
2067
- .pt-1 {
2068
- padding-top: .1rem
2069
- }
2070
-
2071
- .pt-16 {
2072
- padding-top: 1.6rem
2073
- }
2074
-
2075
- .pt-24 {
2076
- padding-top: 2.4rem
2077
- }
2078
-
2079
- .pt-8 {
2080
- padding-top: .8rem
2081
- }
2082
-
2083
- .group\\/step:last-child .group-last\\/step\\:last\\:pb-0:last-child {
2084
- padding-bottom: 0rem
2085
- }
2086
-
2087
- .last\\:pb-1:last-child {
2088
- padding-bottom: .1rem
2089
- }
2090
-
2091
- .last\\:pr-1:last-child {
2092
- padding-right: .1rem
2093
- }
2094
-
2095
- .p-\\[8px\\] {
2096
- padding: 8px
2097
- }
2098
-
2099
- .px-\\[15px\\] {
2100
- padding-left: 15px;
2101
- padding-right: 15px
2102
- }
2103
-
2104
- .px-\\[8px\\] {
2105
- padding-left: 8px;
2106
- padding-right: 8px
2107
- }
2108
-
2109
- .py-\\[11px\\] {
2110
- padding-top: 11px;
2111
- padding-bottom: 11px
2112
- }
2113
-
2114
- .py-\\[5px\\] {
2115
- padding-top: 5px;
2116
- padding-bottom: 5px
2117
- }
2118
-
2119
- .py-\\[7px\\] {
2120
- padding-top: 7px;
2121
- padding-bottom: 7px
2122
- }
2123
-
2124
- .pl-\\[var\\(--w-prefix-width\\,_40px\\)\\] {
2125
- padding-left: var(--w-prefix-width, 40px)
2126
- }
2127
-
2128
- .invisible {
2129
- visibility: hidden
2130
- }
2131
-
2132
- .backface-hidden {
2133
- backface-visibility: hidden
2134
- }
2135
-
2136
- .break-words {
2137
- overflow-wrap: break-word
2138
- }
2139
-
2140
- .before\\:content-\\[\\"–\\"\\]:before {
2141
- content: "–"
2142
- }
2143
-
2144
- .before\\:content-\\[\\"\\"\\]:before {
2145
- content: ""
2146
- }
2147
-
2148
- .cursor-default {
2149
- cursor: default
2150
- }
2151
-
2152
- .cursor-pointer {
2153
- cursor: pointer
2154
- }
2155
-
2156
- .antialiased {
2157
- -webkit-font-smoothing: antialiased;
2158
- -moz-osx-font-smoothing: grayscale;
2159
- font-smoothing: grayscale
2160
- }
2161
-
2162
- .font-bold {
2163
- font-weight: 700
2164
- }
2165
-
2166
- .before\\:font-bold:before {
2167
- font-weight: 700
2168
- }
2169
-
2170
- .font-normal {
2171
- font-weight: 400
2172
- }
2173
-
2174
- .pointer-events-auto {
2175
- pointer-events: auto
2176
- }
2177
-
2178
- .pointer-events-none {
2179
- pointer-events: none
2180
- }
2181
-
2182
- .before\\:pointer-events-none:before {
2183
- pointer-events: none
2184
- }
2185
-
2186
- .pb-safe-\\[32\\] {
2187
- padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))
2188
- }
2189
-
2190
- .sr-only {
2191
- position: absolute;
2192
- width: 1px;
2193
- height: 1px;
2194
- padding: 0;
2195
- margin: -1px;
2196
- overflow: hidden;
2197
- clip: rect(0, 0, 0, 0);
2198
- white-space: nowrap;
2199
- border-width: 0
2200
- }
2201
-
2202
- .touch-pan-y {
2203
- touch-action: pan-y
2204
- }
2205
-
2206
- .select-none {
2207
- -webkit-user-select: none;
2208
- user-select: none
2209
- }
2210
-
2211
- .translate-x-20 {
2212
- --w-translate-x: 2rem;
2213
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2214
- }
2215
-
2216
- .translate-z-0 {
2217
- --w-translate-z: 0rem;
2218
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2219
- }
2220
-
2221
- .-rotate-180, .part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part) {
2222
- --w-rotate-x: 0;
2223
- --w-rotate-y: 0;
2224
- --w-rotate-z: 0;
2225
- --w-rotate: -180deg;
2226
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2227
- }
2228
-
2229
- .part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {
2230
- --w-rotate-x: 0;
2231
- --w-rotate-y: 0;
2232
- --w-rotate-z: 0;
2233
- --w-rotate: 180deg;
2234
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2235
- }
2236
-
2237
- .rotate-90 {
2238
- --w-rotate-x: 0;
2239
- --w-rotate-y: 0;
2240
- --w-rotate-z: 0;
2241
- --w-rotate: 90deg;
2242
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2243
- }
2244
-
2245
- .part-\\[w-icon-chevron-down-16-part\\]\\:transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part), .transform {
2246
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2247
- }
2248
-
2249
- .part-\\[w-icon-chevron-down-16-part\\]\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {
2250
- transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2251
- }
2252
-
2253
- .part-\\[w-icon-chevron-down-16-part\\]\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {
2254
- transition-property: transform;
2255
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2256
- transition-duration: .15s
2257
- }
2258
-
2259
- .transition-300 {
2260
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2261
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2262
- transition-duration: .3s
2263
- }
2264
-
2265
- .transition-all {
2266
- transition-property: all;
2267
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2268
- transition-duration: .15s
2269
- }
2270
-
2271
- .transition-colors {
2272
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2273
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2274
- transition-duration: .15s
2275
- }
2276
-
2277
- .transition-shadow {
2278
- transition-property: box-shadow;
2279
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2280
- transition-duration: .15s
2281
- }
2282
-
2283
- .before\\:transition-all:before {
2284
- transition-property: all;
2285
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2286
- transition-duration: .15s
2287
- }
2288
-
2289
- .duration-300 {
2290
- transition-duration: .3s
2291
- }
2292
-
2293
- .ease-in-out, .part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:ease-in-out::part(w-icon-chevron-up-16-part) {
2294
- transition-timing-function: cubic-bezier(.4, 0, .2, 1)
2295
- }
2296
-
2297
- .text-m {
2298
- font-size: var(--w-font-size-m);
2299
- line-height: var(--w-line-height-m)
2300
- }
2301
-
2302
- .text-s {
2303
- font-size: var(--w-font-size-s);
2304
- line-height: var(--w-line-height-s)
2305
- }
2306
-
2307
- .text-xs {
2308
- font-size: var(--w-font-size-xs);
2309
- line-height: var(--w-line-height-xs)
2310
- }
2311
-
2312
- .leading-m {
2313
- line-height: var(--w-line-height-m)
2314
- }
2315
-
2316
- .before\\:leading-xs:before {
2317
- line-height: var(--w-line-height-xs)
2318
- }
2319
-
2320
- .leading-\\[24\\] {
2321
- line-height: 2.4rem
2322
- }
2323
-
2324
- @media (max-width: 479.9px) {
2325
- .lt-sm\\:rounded-b-0 {
2326
- border-bottom-left-radius: 0;
2327
- border-bottom-right-radius: 0
2328
- }
2329
- }
2330
- @media (min-width: 480px) {
2331
- .sm\\:border-b-0 {
2332
- border-bottom-width: 0
2333
- }
2334
-
2335
- .sm\\:rounded-8 {
2336
- border-radius: 8px
2337
- }
2338
-
2339
- .sm\\:rounded-b-8 {
2340
- border-bottom-left-radius: 8px;
2341
- border-bottom-right-radius: 8px
2342
- }
2343
-
2344
- .sm\\:gap-16 {
2345
- gap: 1.6rem
2346
- }
2347
-
2348
- .sm\\:place-content-center {
2349
- place-content: center
2350
- }
2351
-
2352
- .sm\\:place-items-center {
2353
- place-items: center
2354
- }
2355
-
2356
- .sm\\:h-24 {
2357
- height: 2.4rem
2358
- }
2359
-
2360
- .sm\\:min-h-48 {
2361
- min-height: 4.8rem
2362
- }
2363
-
2364
- .sm\\:w-24 {
2365
- width: 2.4rem
2366
- }
2367
-
2368
- .sm\\:min-h-\\[32px\\] {
2369
- min-height: 32px
2370
- }
2371
-
2372
- .sm\\:min-h-\\[44px\\] {
2373
- min-height: 44px
2374
- }
2375
-
2376
- .sm\\:min-h-\\[45\\] {
2377
- min-height: 4.5rem
2378
- }
2379
-
2380
- .sm\\:min-w-\\[32px\\] {
2381
- min-width: 32px
2382
- }
2383
-
2384
- .sm\\:min-w-\\[44px\\] {
2385
- min-width: 44px
2386
- }
2387
-
2388
- .sm\\:mx-0 {
2389
- margin-left: 0rem;
2390
- margin-right: 0rem
2391
- }
2392
-
2393
- .sm\\:mx-16 {
2394
- margin-left: 1.6rem;
2395
- margin-right: 1.6rem
2396
- }
2397
-
2398
- .sm\\:-ml-12 {
2399
- margin-left: -1.2rem
2400
- }
2401
-
2402
- .sm\\:-mr-12 {
2403
- margin-right: -1.2rem
2404
- }
2405
-
2406
- .sm\\:-mt-8 {
2407
- margin-top: -.8rem
2408
- }
2409
-
2410
- .sm\\:px-32 {
2411
- padding-left: 3.2rem;
2412
- padding-right: 3.2rem
2413
- }
2414
-
2415
- .sm\\:py-0 {
2416
- padding-top: 0rem;
2417
- padding-bottom: 0rem
2418
- }
2419
-
2420
- .sm\\:pb-32 {
2421
- padding-bottom: 3.2rem
2422
- }
2423
-
2424
- .sm\\:pt-24 {
2425
- padding-top: 2.4rem
2426
- }
2427
-
2428
- .sm\\:pt-32 {
2429
- padding-top: 3.2rem
2430
- }
2431
- }
2432
- @media (min-width: 768px) {
2433
- .md\\:block {
2434
- display: block
2435
- }
2436
-
2437
- .md\\:hidden {
2438
- display: none
2439
- }
2440
- }
2441
- `;import{css as el}from"lit";var Ko=el`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{LitElement as xl}from"lit";import{unsafeStatic as yl,html as kl}from"lit/static-html.js";var ii=Ws(ti(),1);var Qe=t=>typeof t=="string",cl=t=>typeof t=="function",ri=new Map,ai="en";function Zr(t){return[...Array.isArray(t)?t:[t],ai]}function Kr(t,e,r){let o=Zr(t);r||(r="default");let i;if(typeof r=="string")switch(i={day:"numeric",month:"short",year:"numeric"},r){case"full":i.weekday="long";case"long":i.month="long";break;case"short":i.month="numeric";break}else i=r;return rr(()=>or("date",o,r),()=>new Intl.DateTimeFormat(o,i)).format(Qe(e)?new Date(e):e)}function dl(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return Kr(t,e,o)}function Qr(t,e,r){let o=Zr(t);return rr(()=>or("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function oi(t,e,r,{offset:o=0,...i}){var l,d;let a=Zr(t),n=e?rr(()=>or("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):rr(()=>or("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return(d=(l=i[r])!=null?l:i[n.select(r-o)])!=null?d:i.other}function rr(t,e){let r=t(),o=ri.get(r);return o||(o=e(),ri.set(r,o)),o}function or(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var ni=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,si="%__lingui_octothorpe__%",ul=(t,e,r={})=>{let o=e||t,i=n=>typeof n=="object"?n:r[n],a=(n,l)=>{let d=Object.keys(r).length?i("number"):void 0,u=Qr(o,n,d);return l.replace(new RegExp(si,"g"),u)};return{plural:(n,l)=>{let{offset:d=0}=l,u=oi(o,!1,n,l);return a(n-d,u)},selectordinal:(n,l)=>{let{offset:d=0}=l,u=oi(o,!0,n,l);return a(n-d,u)},select:pl,number:(n,l)=>Qr(o,n,i(l)||{style:l}),date:(n,l)=>Kr(o,n,i(l)||l),time:(n,l)=>dl(o,n,i(l)||l)}},pl=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function ml(t,e,r){return(o={},i)=>{let a=ul(e,r,i),n=(d,u=!1)=>Array.isArray(d)?d.reduce((p,m)=>{if(m==="#"&&u)return p+si;if(Qe(m))return p+m;let[$,h,y]=m,_={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries(y).forEach(([N,M])=>{_[N]=n(M,h==="plural"||h==="selectordinal")}):_=y;let E;if(h){let N=a[h];E=N(o[$],_)}else E=o[$];return E==null?p:p+E},""):d,l=n(t);return Qe(l)&&ni.test(l)?(0,ii.unraw)(l):Qe(l)?l:l?String(l):""}}var hl=Object.defineProperty,bl=(t,e,r)=>e in t?hl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,gl=(t,e,r)=>(bl(t,typeof e!="symbol"?e+"":e,r),r),Yr=class{constructor(){gl(this,"_events",{})}on(e,r){var i;var o;return(i=(o=this._events)[e])!=null||(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let i=o.indexOf(r);~i&&o.splice(i,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(i=>i.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},fl=Object.defineProperty,vl=(t,e,r)=>e in t?fl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,at=(t,e,r)=>(vl(t,typeof e!="symbol"?e+"":e,r),r),Xr=class extends Yr{constructor(e){var r;super(),at(this,"_locale",""),at(this,"_locales"),at(this,"_localeData",{}),at(this,"_messages",{}),at(this,"_missing"),at(this,"_messageCompiler"),at(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:ai,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let o=this._localeData[e];o?Object.assign(o,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,i])=>this._load(o,i)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,o){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 i=o==null?void 0:o.message;e||(e=""),Qe(e)||(r=e.values||r,i=e.message,e=e.id);let a=this.messages[e],n=a===void 0,l=this._missing;if(l&&n)return cl(l)?l(this._locale,e):l;n&&this.emit("missing",{id:e,locale:this._locale});let d=a||i||e;return Qe(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
2442
-
2443
- > ${d}
2444
-
2445
- That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
2446
- ICU features such as interpolation and plurals will not work properly for that message.
2447
-
2448
- Please compile your catalog first.
2449
- `)),Qe(d)&&ni.test(d)?JSON.parse(`"${d}"`):Qe(d)?d:ml(d,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return Kr(this._locales||this._locale,e,r)}number(e,r){return Qr(this._locales||this._locale,e,r)}};function wl(t={}){return new Xr(t)}var c=wl();var $l=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglass"]}'),El=JSON.parse('{"icon.title.search":["Magnifying glass"]}'),Cl=JSON.parse('{"icon.title.search":["Suurennuslasi"]}'),_l=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglas"]}'),Sl=JSON.parse('{"icon.title.search":["F\xF6rstoringsglas"]}'),li=["en","nb","fi","da","sv"],ci="en",Ll=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},di=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ci},Gr=t=>li.find(e=>t===e||t.toLowerCase().includes(e))||di();function Ol(){var t;if(typeof window=="undefined"){let e=Ll();return Gr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=di();return li.includes(e)?Gr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Gr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ci}}var Tl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Nl=(t,e,r,o,i)=>{let a=Ol(),n=Tl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Nl(El,$l,Cl,_l,Sl);var Ml=class extends xl{render(){let t=c.t({message:"Magnifying glass",id:"icon.title.search",comment:"Title for search icon"});return kl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-search-16-part">${yl(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.905 12.102A6.042 6.042 0 1 0 4.18.981a6.042 6.042 0 0 0 4.726 11.121Zm1.909-1.289L15.5 15.5"></path></svg>`}};customElements.get("w-icon-search-16")||customElements.define("w-icon-search-16",Ml);import{LitElement as zl}from"lit";import{unsafeStatic as Al,html as Dl}from"lit/static-html.js";var Bl=JSON.parse('{"icon.title.close":["Kryss"]}'),Pl=JSON.parse('{"icon.title.close":["Cross"]}'),Rl=JSON.parse('{"icon.title.close":["Rasti"]}'),Vl=JSON.parse('{"icon.title.close":["Kryds"]}'),Il=JSON.parse('{"icon.title.close":["Kryss"]}'),ui=["en","nb","fi","da","sv"],pi="en",Fl=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},mi=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":pi},Wr=t=>ui.find(e=>t===e||t.toLowerCase().includes(e))||mi();function Hl(){var t;if(typeof window=="undefined"){let e=Fl();return Wr(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=mi();return ui.includes(e)?Wr(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Wr(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),pi}}var jl=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,ql=(t,e,r,o,i)=>{let a=Hl(),n=jl(a,t,e,r,o,i);c.load(a,n),c.activate(a)};ql(Pl,Bl,Rl,Vl,Il);var Ul=class extends zl{render(){let t=c.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return Dl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${Al(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",Ul);var bi="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",Ql={wrapper:bi+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Yl={wrapper:bi+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Ye=class extends Jl{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?Ql:Yl}get _classes(){return k([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return ir`
2450
- <button aria-label="${hi(this.ariaLabel)}" class="${this._classes}" type="submit">
2451
- <w-icon-search-16></w-icon-search-16>
2452
- </button>
2453
- `}get _clearButton(){return ir`
2454
- <button aria-label="${hi(this.ariaLabel)}" class="${this._classes}" type="reset">
2455
- <w-icon-close-16></w-icon-close-16>
2456
- </button>
2457
- `}get _text(){return ir`
2458
- <div class="${this._classes}">
2459
- <span class="${this._classBase.label}">${this.label}</span>
2460
- </div>
2461
- `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return ir`${this._markup}`}};Ye.styles=[O,Ko],s([ar({attribute:"aria-label"})],Ye.prototype,"ariaLabel",2),s([ar({type:Boolean})],Ye.prototype,"clear",2),s([ar({type:Boolean})],Ye.prototype,"search",2),s([ar()],Ye.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",Ye);import{css as Yc,html as Nt,LitElement as Xc}from"lit";import{property as io}from"lit/decorators.js";import{LitElement as Xl}from"lit";import{unsafeStatic as Zl,html as Kl}from"lit/static-html.js";var Gl=JSON.parse('{"icon.title.info":["Informasjonssirkel"]}'),Wl=JSON.parse('{"icon.title.info":["Information circle"]}'),ec=JSON.parse('{"icon.title.info":["Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"]}'),tc=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),rc=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),gi=["en","nb","fi","da","sv"],fi="en",oc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},vi=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":fi},eo=t=>gi.find(e=>t===e||t.toLowerCase().includes(e))||vi();function ic(){var t;if(typeof window=="undefined"){let e=oc();return eo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=vi();return gi.includes(e)?eo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),eo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),fi}}var ac=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,nc=(t,e,r,o,i)=>{let a=ic(),n=ac(a,t,e,r,o,i);c.load(a,n),c.activate(a)};nc(Wl,Gl,ec,tc,rc);var sc=class extends Xl{render(){let t=c.t({message:"Information circle",id:"icon.title.info",comment:"Title for info icon"});return Kl`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-info-16-part">${Zl(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" d="M8 6.5v5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 4v.5"></path><path stroke="currentColor" stroke-miterlimit="10" d="M8 .5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15Z"></path></svg>`}};customElements.get("w-icon-info-16")||customElements.define("w-icon-info-16",sc);import{LitElement as lc}from"lit";import{unsafeStatic as cc,html as dc}from"lit/static-html.js";var uc=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),pc=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),mc=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),hc=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),bc=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),wi=["en","nb","fi","da","sv"],xi="en",gc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},yi=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":xi},to=t=>wi.find(e=>t===e||t.toLowerCase().includes(e))||yi();function fc(){var t;if(typeof window=="undefined"){let e=gc();return to(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=yi();return wi.includes(e)?to(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),to(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),xi}}var vc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,wc=(t,e,r,o,i)=>{let a=fc(),n=vc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};wc(pc,uc,mc,hc,bc);var xc=class extends lc{render(){let t=c.t({message:"Warning triangle with exclamation point",id:"icon.title.warning",comment:"Title for warning icon"});return dc`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-warning-16-part">${cc(`<title>${t}</title>`)}<path stroke="currentColor" d="m.712 14.07 6.25-12.994a1 1 0 0 1 1.792-.022l6.635 12.995a1 1 0 0 1-.89 1.455H1.613a1 1 0 0 1-.902-1.434Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 6v4.992M8 13v.333"></path></svg>`}};customElements.get("w-icon-warning-16")||customElements.define("w-icon-warning-16",xc);import{LitElement as yc}from"lit";import{unsafeStatic as kc,html as $c}from"lit/static-html.js";var Ec=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),Cc=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),_c=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Sc=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),Lc=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),ki=["en","nb","fi","da","sv"],$i="en",Oc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Ei=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":$i},ro=t=>ki.find(e=>t===e||t.toLowerCase().includes(e))||Ei();function Tc(){var t;if(typeof window=="undefined"){let e=Oc();return ro(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Ei();return ki.includes(e)?ro(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ro(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),$i}}var Nc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Mc=(t,e,r,o,i)=>{let a=Tc(),n=Nc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Mc(Cc,Ec,_c,Sc,Lc);var zc=class extends yc{render(){let t=c.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error icon"});return $c`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-error-16-part">${kc(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 11.107 4.748 15.5h6.503l4.248-4.393V4.893L11.252.5H4.748L.5 4.893z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 11.398a.25.25 0 1 1 0-.5m0 .5a.25.25 0 1 0 0-.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8 8.5V3"></path></svg>`}};customElements.get("w-icon-error-16")||customElements.define("w-icon-error-16",zc);import{LitElement as Ac}from"lit";import{unsafeStatic as Dc,html as Bc}from"lit/static-html.js";var Pc=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),Rc=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),Vc=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),Ic=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),Fc=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),Ci=["en","nb","fi","da","sv"],_i="en",Hc=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Si=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":_i},oo=t=>Ci.find(e=>t===e||t.toLowerCase().includes(e))||Si();function jc(){var t;if(typeof window=="undefined"){let e=Hc();return oo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Si();return Ci.includes(e)?oo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),oo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),_i}}var qc=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Uc=(t,e,r,o,i)=>{let a=jc(),n=qc(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Uc(Rc,Pc,Vc,Ic,Fc);var Jc=class extends Ac{render(){let t=c.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return Bc`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-success-16-part">${Dc(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 8.815 1.633 2.318a.7.7 0 0 0 1.138.034l5.228-6.615"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 7.999a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0"></path></svg>`}};customElements.get("w-icon-success-16")||customElements.define("w-icon-success-16",Jc);import{css as Qc}from"lit";var Li=Qc`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.will-change-height{will-change:height}.border{border-width:1px}.border-l-4{border-left-width:4px}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.static{position:static}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon-info{color:var(--w-s-color-icon-info)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.min-w-16{min-width:1.6rem}.w-16{width:1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.mr-8{margin-right:.8rem}.p-16{padding:1.6rem}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}`;var Mt={wrapper:"flex p-16 border border-l-4 rounded-4 s-text",willChangeHeight:"will-change-height",textWrapper:"last-child:mb-0 text-s",title:"text-s",icon:"w-16 mr-8 min-w-16",negative:"s-border-negative-subtle s-border-l-negative s-bg-negative-subtle",negativeIcon:"s-icon-negative",positive:"s-border-positive-subtle s-border-l-positive s-bg-positive-subtle",positiveIcon:"s-icon-positive",warning:"s-border-warning-subtle s-border-l-warning s-bg-warning-subtle",warningIcon:"s-icon-warning",info:"s-border-info-subtle s-border-l-info s-bg-info-subtle",infoIcon:"s-icon-info"},zt={negative:"negative",positive:"positive",warning:"warning",info:"info"},nt=class extends Xc{constructor(){super();this.variant="info";this.show=!0;this.role="alert";this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!zt[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
2462
- negative, positive, warning, info.`)}get _wrapperClasses(){return k([Mt.wrapper,Mt[this.variant]])}get _iconClasses(){let r=Mt[`${this.variant}Icon`];return k([Mt.icon,r])}get _icon(){return this.variant===zt.info?Nt` <w-icon-info-16></w-icon-info-16>`:this.variant===zt.warning?Nt` <w-icon-warning-16></w-icon-warning-16>`:this.variant===zt.negative?Nt` <w-icon-error-16></w-icon-error-16>`:this.variant===zt.positive?Nt` <w-icon-success-16></w-icon-success-16>`:""}render(){return Nt`
2463
- <w-expand-transition ?show=${this.show}>
2464
- <div role=${this.role} class=${this._wrapperClasses}>
2465
- <div class=${this._iconClasses}>${this._icon}</div>
2466
- <div class=${Mt.textWrapper}>
2467
- <slot></slot>
2468
- </div>
2469
- </div>
2470
- </w-expand-transition>
2471
- `}};nt.styles=[O,Li,Yc`
2472
- :host {
2473
- display: block;
2474
- }
2475
-
2476
- ::slotted(:first-child) {
2477
- margin-top: 0px;
2478
- }
2479
-
2480
- ::slotted(:last-child) {
2481
- margin-bottom: 0px !important;
2482
- }
2483
- `],s([io({reflect:!0})],nt.prototype,"variant",2),s([io({type:Boolean,reflect:!0})],nt.prototype,"show",2),s([io({reflect:!0})],nt.prototype,"role",2);customElements.get("w-alert")||customElements.define("w-alert",nt);import{css as Dd,html as xt,nothing as $a}from"lit";var Ni=["top","right","bottom","left"];var He=Math.min,pe=Math.max,Dt=Math.round;var Ce=t=>({x:t,y:t}),Zc={left:"right",right:"left",bottom:"top",top:"bottom"},Kc={start:"end",end:"start"};function sr(t,e,r){return pe(t,He(e,r))}function Xe(t,e){return typeof t=="function"?t(e):t}function je(t){return t.split("-")[0]}function st(t){return t.split("-")[1]}function ao(t){return t==="x"?"y":"x"}function lr(t){return t==="y"?"height":"width"}var Gc=new Set(["top","bottom"]);function ze(t){return Gc.has(je(t))?"y":"x"}function cr(t){return ao(ze(t))}function Mi(t,e,r){r===void 0&&(r=!1);let o=st(t),i=cr(t),a=lr(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=At(n)),[n,At(n)]}function zi(t){let e=At(t);return[nr(t),e,nr(e)]}function nr(t){return t.replace(/start|end/g,e=>Kc[e])}var Oi=["left","right"],Ti=["right","left"],Wc=["top","bottom"],ed=["bottom","top"];function td(t,e,r){switch(t){case"top":case"bottom":return r?e?Ti:Oi:e?Oi:Ti;case"left":case"right":return e?Wc:ed;default:return[]}}function Ai(t,e,r,o){let i=st(t),a=td(je(t),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),e&&(a=a.concat(a.map(nr)))),a}function At(t){return t.replace(/left|right|bottom|top/g,e=>Zc[e])}function rd(t){return{top:0,right:0,bottom:0,left:0,...t}}function no(t){return typeof t!="number"?rd(t):{top:t,right:t,bottom:t,left:t}}function lt(t){let{x:e,y:r,width:o,height:i}=t;return{width:o,height:i,top:r,left:e,right:e+o,bottom:r+i,x:e,y:r}}function Di(t,e,r){let{reference:o,floating:i}=t,a=ze(e),n=cr(e),l=lr(n),d=je(e),u=a==="y",p=o.x+o.width/2-i.width/2,m=o.y+o.height/2-i.height/2,$=o[l]/2-i[l]/2,h;switch(d){case"top":h={x:p,y:o.y-i.height};break;case"bottom":h={x:p,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:m};break;case"left":h={x:o.x-i.width,y:m};break;default:h={x:o.x,y:o.y}}switch(st(e)){case"start":h[n]-=$*(r&&u?-1:1);break;case"end":h[n]+=$*(r&&u?-1:1);break}return h}var Ri=async(t,e,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,l=a.filter(Boolean),d=await(n.isRTL==null?void 0:n.isRTL(e)),u=await n.getElementRects({reference:t,floating:e,strategy:i}),{x:p,y:m}=Di(u,o,d),$=o,h={},y=0;for(let _=0;_<l.length;_++){let{name:E,fn:N}=l[_],{x:M,y:A,data:te,reset:R}=await N({x:p,y:m,initialPlacement:o,placement:$,strategy:i,middlewareData:h,rects:u,platform:n,elements:{reference:t,floating:e}});p=M!=null?M:p,m=A!=null?A:m,h={...h,[E]:{...h[E],...te}},R&&y<=50&&(y++,typeof R=="object"&&(R.placement&&($=R.placement),R.rects&&(u=R.rects===!0?await n.getElementRects({reference:t,floating:e,strategy:i}):R.rects),{x:p,y:m}=Di(u,$,d)),_=-1)}return{x:p,y:m,placement:$,strategy:i,middlewareData:h}};async function ft(t,e){var r;e===void 0&&(e={});let{x:o,y:i,platform:a,rects:n,elements:l,strategy:d}=t,{boundary:u="clippingAncestors",rootBoundary:p="viewport",elementContext:m="floating",altBoundary:$=!1,padding:h=0}=Xe(e,t),y=no(h),E=l[$?m==="floating"?"reference":"floating":m],N=lt(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(E)))==null||r?E:E.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:u,rootBoundary:p,strategy:d})),M=m==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,A=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),te=await(a.isElement==null?void 0:a.isElement(A))?await(a.getScale==null?void 0:a.getScale(A))||{x:1,y:1}:{x:1,y:1},R=lt(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:M,offsetParent:A,strategy:d}):M);return{top:(N.top-R.top+y.top)/te.y,bottom:(R.bottom-N.bottom+y.bottom)/te.y,left:(N.left-R.left+y.left)/te.x,right:(R.right-N.right+y.right)/te.x}}var Vi=t=>({name:"arrow",options:t,async fn(e){let{x:r,y:o,placement:i,rects:a,platform:n,elements:l,middlewareData:d}=e,{element:u,padding:p=0}=Xe(t,e)||{};if(u==null)return{};let m=no(p),$={x:r,y:o},h=cr(i),y=lr(h),_=await n.getDimensions(u),E=h==="y",N=E?"top":"left",M=E?"bottom":"right",A=E?"clientHeight":"clientWidth",te=a.reference[y]+a.reference[h]-$[h]-a.floating[y],R=$[h]-a.reference[h],C=await(n.getOffsetParent==null?void 0:n.getOffsetParent(u)),S=C?C[A]:0;(!S||!await(n.isElement==null?void 0:n.isElement(C)))&&(S=l.floating[A]||a.floating[y]);let D=te/2-R/2,P=S/2-_[y]/2-1,H=He(m[N],P),de=He(m[M],P),oe=H,ue=S-_[y]-de,G=S/2-_[y]/2+D,Q=sr(oe,G,ue),ge=!d.arrow&&st(i)!=null&&G!==Q&&a.reference[y]/2-(G<oe?H:de)-_[y]/2<0,W=ge?G<oe?G-oe:G-ue:0;return{[h]:$[h]+W,data:{[h]:Q,centerOffset:G-Q-W,...ge&&{alignmentOffset:W}},reset:ge}}});var Ii=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:l,platform:d,elements:u}=e,{mainAxis:p=!0,crossAxis:m=!0,fallbackPlacements:$,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:_=!0,...E}=Xe(t,e);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let N=je(i),M=ze(l),A=je(l)===l,te=await(d.isRTL==null?void 0:d.isRTL(u.floating)),R=$||(A||!_?[At(l)]:zi(l)),C=y!=="none";!$&&C&&R.push(...Ai(l,_,y,te));let S=[l,...R],D=await ft(e,E),P=[],H=((o=a.flip)==null?void 0:o.overflows)||[];if(p&&P.push(D[N]),m){let G=Mi(i,n,te);P.push(D[G[0]],D[G[1]])}if(H=[...H,{placement:i,overflows:P}],!P.every(G=>G<=0)){var de,oe;let G=(((de=a.flip)==null?void 0:de.index)||0)+1,Q=S[G];if(Q&&(!(m==="alignment"?M!==ze(Q):!1)||H.every(ve=>ze(ve.placement)===M?ve.overflows[0]>0:!0)))return{data:{index:G,overflows:H},reset:{placement:Q}};let ge=(oe=H.filter(W=>W.overflows[0]<=0).sort((W,ve)=>W.overflows[1]-ve.overflows[1])[0])==null?void 0:oe.placement;if(!ge)switch(h){case"bestFit":{var ue;let W=(ue=H.filter(ve=>{if(C){let we=ze(ve.placement);return we===M||we==="y"}return!0}).map(ve=>[ve.placement,ve.overflows.filter(we=>we>0).reduce((we,Js)=>we+Js,0)]).sort((ve,we)=>ve[1]-we[1])[0])==null?void 0:ue[0];W&&(ge=W);break}case"initialPlacement":ge=l;break}if(i!==ge)return{reset:{placement:ge}}}return{}}}};function Bi(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Pi(t){return Ni.some(e=>t[e]>=0)}var Fi=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:r}=e,{strategy:o="referenceHidden",...i}=Xe(t,e);switch(o){case"referenceHidden":{let a=await ft(e,{...i,elementContext:"reference"}),n=Bi(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:Pi(n)}}}case"escaped":{let a=await ft(e,{...i,altBoundary:!0}),n=Bi(a,r.floating);return{data:{escapedOffsets:n,escaped:Pi(n)}}}default:return{}}}}};var od=new Set(["left","top"]);async function id(t,e){let{placement:r,platform:o,elements:i}=t,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=je(r),l=st(r),d=ze(r)==="y",u=od.has(n)?-1:1,p=a&&d?-1:1,m=Xe(e,t),{mainAxis:$,crossAxis:h,alignmentAxis:y}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:m.mainAxis||0,crossAxis:m.crossAxis||0,alignmentAxis:m.alignmentAxis};return l&&typeof y=="number"&&(h=l==="end"?y*-1:y),d?{x:h*p,y:$*u}:{x:$*u,y:h*p}}var Hi=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var r,o;let{x:i,y:a,placement:n,middlewareData:l}=e,d=await id(e,t);return n===((r=l.offset)==null?void 0:r.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:i+d.x,y:a+d.y,data:{...d,placement:n}}}}},ji=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:r,y:o,placement:i}=e,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:E=>{let{x:N,y:M}=E;return{x:N,y:M}}},...d}=Xe(t,e),u={x:r,y:o},p=await ft(e,d),m=ze(je(i)),$=ao(m),h=u[$],y=u[m];if(a){let E=$==="y"?"top":"left",N=$==="y"?"bottom":"right",M=h+p[E],A=h-p[N];h=sr(M,h,A)}if(n){let E=m==="y"?"top":"left",N=m==="y"?"bottom":"right",M=y+p[E],A=y-p[N];y=sr(M,y,A)}let _=l.fn({...e,[$]:h,[m]:y});return{..._,data:{x:_.x-r,y:_.y-o,enabled:{[$]:a,[m]:n}}}}}};var qi=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){var r,o;let{placement:i,rects:a,platform:n,elements:l}=e,{apply:d=()=>{},...u}=Xe(t,e),p=await ft(e,u),m=je(i),$=st(i),h=ze(i)==="y",{width:y,height:_}=a.floating,E,N;m==="top"||m==="bottom"?(E=m,N=$===(await(n.isRTL==null?void 0:n.isRTL(l.floating))?"start":"end")?"left":"right"):(N=m,E=$==="end"?"top":"bottom");let M=_-p.top-p.bottom,A=y-p.left-p.right,te=He(_-p[E],M),R=He(y-p[N],A),C=!e.middlewareData.shift,S=te,D=R;if((r=e.middlewareData.shift)!=null&&r.enabled.x&&(D=A),(o=e.middlewareData.shift)!=null&&o.enabled.y&&(S=M),C&&!$){let H=pe(p.left,0),de=pe(p.right,0),oe=pe(p.top,0),ue=pe(p.bottom,0);h?D=y-2*(H!==0||de!==0?H+de:pe(p.left,p.right)):S=_-2*(oe!==0||ue!==0?oe+ue:pe(p.top,p.bottom))}await d({...e,availableWidth:D,availableHeight:S});let P=await n.getDimensions(l.floating);return y!==P.width||_!==P.height?{reset:{rects:!0}}:{}}}};function ur(){return typeof window!="undefined"}function ct(t){return Ji(t)?(t.nodeName||"").toLowerCase():"#document"}function me(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function Ae(t){var e;return(e=(Ji(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Ji(t){return ur()?t instanceof Node||t instanceof me(t).Node:!1}function xe(t){return ur()?t instanceof Element||t instanceof me(t).Element:!1}function _e(t){return ur()?t instanceof HTMLElement||t instanceof me(t).HTMLElement:!1}function Ui(t){return!ur()||typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof me(t).ShadowRoot}var ad=new Set(["inline","contents"]);function vt(t){let{overflow:e,overflowX:r,overflowY:o,display:i}=ye(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+r)&&!ad.has(i)}var nd=new Set(["table","td","th"]);function Qi(t){return nd.has(ct(t))}var sd=[":popover-open",":modal"];function Bt(t){return sd.some(e=>{try{return t.matches(e)}catch(r){return!1}})}var ld=["transform","translate","scale","rotate","perspective"],cd=["transform","translate","scale","rotate","perspective","filter"],dd=["paint","layout","strict","content"];function pr(t){let e=mr(),r=xe(t)?ye(t):t;return ld.some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!e&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!e&&(r.filter?r.filter!=="none":!1)||cd.some(o=>(r.willChange||"").includes(o))||dd.some(o=>(r.contain||"").includes(o))}function Yi(t){let e=qe(t);for(;_e(e)&&!dt(e);){if(pr(e))return e;if(Bt(e))return null;e=qe(e)}return null}function mr(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var ud=new Set(["html","body","#document"]);function dt(t){return ud.has(ct(t))}function ye(t){return me(t).getComputedStyle(t)}function Pt(t){return xe(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function qe(t){if(ct(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Ui(t)&&t.host||Ae(t);return Ui(e)?e.host:e}function Xi(t){let e=qe(t);return dt(e)?t.ownerDocument?t.ownerDocument.body:t.body:_e(e)&&vt(e)?e:Xi(e)}function dr(t,e,r){var o;e===void 0&&(e=[]),r===void 0&&(r=!0);let i=Xi(t),a=i===((o=t.ownerDocument)==null?void 0:o.body),n=me(i);if(a){let l=hr(n);return e.concat(n,n.visualViewport||[],vt(i)?i:[],l&&r?dr(l):[])}return e.concat(i,dr(i,[],r))}function hr(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Gi(t){let e=ye(t),r=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=_e(t),a=i?t.offsetWidth:r,n=i?t.offsetHeight:o,l=Dt(r)!==a||Dt(o)!==n;return l&&(r=a,o=n),{width:r,height:o,$:l}}function Wi(t){return xe(t)?t:t.contextElement}function wt(t){let e=Wi(t);if(!_e(e))return Ce(1);let r=e.getBoundingClientRect(),{width:o,height:i,$:a}=Gi(e),n=(a?Dt(r.width):r.width)/o,l=(a?Dt(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!l||!Number.isFinite(l))&&(l=1),{x:n,y:l}}var pd=Ce(0);function ea(t){let e=me(t);return!mr()||!e.visualViewport?pd:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function md(t,e,r){return e===void 0&&(e=!1),!r||e&&r!==me(t)?!1:e}function Rt(t,e,r,o){e===void 0&&(e=!1),r===void 0&&(r=!1);let i=t.getBoundingClientRect(),a=Wi(t),n=Ce(1);e&&(o?xe(o)&&(n=wt(o)):n=wt(t));let l=md(a,r,o)?ea(a):Ce(0),d=(i.left+l.x)/n.x,u=(i.top+l.y)/n.y,p=i.width/n.x,m=i.height/n.y;if(a){let $=me(a),h=o&&xe(o)?me(o):o,y=$,_=hr(y);for(;_&&o&&h!==y;){let E=wt(_),N=_.getBoundingClientRect(),M=ye(_),A=N.left+(_.clientLeft+parseFloat(M.paddingLeft))*E.x,te=N.top+(_.clientTop+parseFloat(M.paddingTop))*E.y;d*=E.x,u*=E.y,p*=E.x,m*=E.y,d+=A,u+=te,y=me(_),_=hr(y)}}return lt({width:p,height:m,x:d,y:u})}function lo(t,e){let r=Pt(t).scrollLeft;return e?e.left+r:Rt(Ae(t)).left+r}function ta(t,e,r){r===void 0&&(r=!1);let o=t.getBoundingClientRect(),i=o.left+e.scrollLeft-(r?0:lo(t,o)),a=o.top+e.scrollTop;return{x:i,y:a}}function hd(t){let{elements:e,rect:r,offsetParent:o,strategy:i}=t,a=i==="fixed",n=Ae(o),l=e?Bt(e.floating):!1;if(o===n||l&&a)return r;let d={scrollLeft:0,scrollTop:0},u=Ce(1),p=Ce(0),m=_e(o);if((m||!m&&!a)&&((ct(o)!=="body"||vt(n))&&(d=Pt(o)),_e(o))){let h=Rt(o);u=wt(o),p.x=h.x+o.clientLeft,p.y=h.y+o.clientTop}let $=n&&!m&&!a?ta(n,d,!0):Ce(0);return{width:r.width*u.x,height:r.height*u.y,x:r.x*u.x-d.scrollLeft*u.x+p.x+$.x,y:r.y*u.y-d.scrollTop*u.y+p.y+$.y}}function bd(t){return Array.from(t.getClientRects())}function gd(t){let e=Ae(t),r=Pt(t),o=t.ownerDocument.body,i=pe(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),a=pe(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+lo(t),l=-r.scrollTop;return ye(o).direction==="rtl"&&(n+=pe(e.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:l}}function fd(t,e){let r=me(t),o=Ae(t),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,l=0,d=0;if(i){a=i.width,n=i.height;let u=mr();(!u||u&&e==="fixed")&&(l=i.offsetLeft,d=i.offsetTop)}return{width:a,height:n,x:l,y:d}}function vd(t,e){let r=Rt(t,!0,e==="fixed"),o=r.top+t.clientTop,i=r.left+t.clientLeft,a=_e(t)?wt(t):Ce(1),n=t.clientWidth*a.x,l=t.clientHeight*a.y,d=i*a.x,u=o*a.y;return{width:n,height:l,x:d,y:u}}function Zi(t,e,r){let o;if(e==="viewport")o=fd(t,r);else if(e==="document")o=gd(Ae(t));else if(xe(e))o=vd(e,r);else{let i=ea(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return lt(o)}function ra(t,e){let r=qe(t);return r===e||!xe(r)||dt(r)?!1:ye(r).position==="fixed"||ra(r,e)}function wd(t,e){let r=e.get(t);if(r)return r;let o=dr(t,[],!1).filter(l=>xe(l)&&ct(l)!=="body"),i=null,a=ye(t).position==="fixed",n=a?qe(t):t;for(;xe(n)&&!dt(n);){let l=ye(n),d=pr(n);!d&&l.position==="fixed"&&(i=null),(a?!d&&!i:!d&&l.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||vt(n)&&!d&&ra(t,n))?o=o.filter(p=>p!==n):i=l,n=qe(n)}return e.set(t,o),o}function xd(t){let{element:e,boundary:r,rootBoundary:o,strategy:i}=t,n=[...r==="clippingAncestors"?Bt(e)?[]:wd(e,this._c):[].concat(r),o],l=n[0],d=n.reduce((u,p)=>{let m=Zi(e,p,i);return u.top=pe(m.top,u.top),u.right=He(m.right,u.right),u.bottom=He(m.bottom,u.bottom),u.left=pe(m.left,u.left),u},Zi(e,l,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function yd(t){let{width:e,height:r}=Gi(t);return{width:e,height:r}}function kd(t,e,r){let o=_e(e),i=Ae(e),a=r==="fixed",n=Rt(t,!0,a,e),l={scrollLeft:0,scrollTop:0},d=Ce(0);if(o||!o&&!a)if((ct(e)!=="body"||vt(i))&&(l=Pt(e)),o){let $=Rt(e,!0,a,e);d.x=$.x+e.clientLeft,d.y=$.y+e.clientTop}else i&&(d.x=lo(i));let u=i&&!o&&!a?ta(i,l):Ce(0),p=n.left+l.scrollLeft-d.x-u.x,m=n.top+l.scrollTop-d.y-u.y;return{x:p,y:m,width:n.width,height:n.height}}function so(t){return ye(t).position==="static"}function Ki(t,e){if(!_e(t)||ye(t).position==="fixed")return null;if(e)return e(t);let r=t.offsetParent;return Ae(t)===r&&(r=r.ownerDocument.body),r}function oa(t,e){let r=me(t);if(Bt(t))return r;if(!_e(t)){let i=qe(t);for(;i&&!dt(i);){if(xe(i)&&!so(i))return i;i=qe(i)}return r}let o=Ki(t,e);for(;o&&Qi(o)&&so(o);)o=Ki(o,e);return o&&dt(o)&&so(o)&&!pr(o)?r:o||Yi(t)||r}var $d=async function(t){let e=this.getOffsetParent||oa,r=this.getDimensions,o=await r(t.floating);return{reference:kd(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Ed(t){return ye(t).direction==="rtl"}var Cd={convertOffsetParentRelativeRectToViewportRelativeRect:hd,getDocumentElement:Ae,getClippingRect:xd,getOffsetParent:oa,getElementRects:$d,getClientRects:bd,getDimensions:yd,getScale:wt,isElement:xe,isRTL:Ed};var ia=Hi;var aa=ji,na=Ii,sa=qi,la=Fi,ca=Vi;var da=(t,e,r)=>{let o=new Map,i={platform:Cd,...r},a={...i.platform,_c:o};return Ri(t,e,{...i,platform:a})};var gr="top-start",fr="top",vr="top-end",wr="right-start",xr="right",yr="right-end",kr="bottom-start",Vt="bottom",$r="bottom-end",Er="left-start",Cr="left",_r="left-end",co=[gr,fr,vr,wr,xr,yr,kr,Vt,$r,Er,Cr,_r],ut={[gr]:kr,[fr]:Vt,[vr]:$r,[kr]:gr,[Vt]:fr,[$r]:vr,[Er]:wr,[Cr]:xr,[_r]:yr,[wr]:Er,[xr]:Cr,[yr]:_r},_d={[Er]:-45,[Cr]:-45,[_r]:-45,[gr]:45,[fr]:45,[vr]:45,[wr]:135,[xr]:135,[yr]:135,[kr]:-135,[Vt]:-135,[$r]:-135},uo=t=>{let e;return/-/.test(t)?e=t.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):e=t.charAt(0).toUpperCase()+t.slice(1),e},Sd=t=>t.split("-")[0],Ld=t=>ut[Sd(t)],pa=t=>ut[t],Od=t=>_d[pa(t)],Td=(t,e,r)=>{Object.assign(t==null?void 0:t.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${uo(Ld(r))}`]:"-0.5px",transform:`rotate(${e}deg)`})},ua=8,br=24;async function po(t){var o,i,a;if(!(t!=null&&t.isShowing)||(t!=null&&t.waitForDOM&&await(t==null?void 0:t.waitForDOM()),!(t!=null&&t.targetEl)||!(t!=null&&t.attentionEl)))return;let e=t==null?void 0:t.targetEl,r=t.attentionEl;return da(e,r,{placement:(o=t==null?void 0:t.directionName)!=null?o:Vt,middleware:[ia({mainAxis:(i=t==null?void 0:t.distance)!=null?i:8,crossAxis:(a=t==null?void 0:t.skidding)!=null?a:0}),(t==null?void 0:t.flip)&&na({crossAxis:t==null?void 0:t.crossAxis,fallbackPlacements:t==null?void 0:t.fallbackPlacements}),(t==null?void 0:t.flip)&&aa({crossAxis:!0}),!(t!=null&&t.noArrow)&&(t==null?void 0:t.arrowEl)&&ca({element:t==null?void 0:t.arrowEl}),la(),sa({apply(){Object.assign(r.style,{paddingRight:`${ua}px`,paddingLeft:`${ua}px`})}})]}).then(({x:n,y:l,middlewareData:d,placement:u})=>{if(t.actualDirection=u,t!=null&&t.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${l}px`}),d!=null&&d.hide&&!(t!=null&&t.isCallout)){let{referenceHidden:p}=d.hide;Object.assign(r.style,{visibility:p?"hidden":""})}if(d!=null&&d.arrow&&(t!=null&&t.arrowEl)){let p=t==null?void 0:t.arrowEl,{x:m,y:$}=d.arrow,h=window.getComputedStyle(r).direction==="rtl",y=pa(u).split("-")[1],_="",E="",N="",M="";if(y==="start"){let A=typeof m=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:"";_=typeof $=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:"",E=h?A:"",M=h?"":A}else if(y==="end"){let A=typeof m=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:"";E=h?"":A,M=h?A:"",N=typeof $=="number"?`calc(${br}px - ${p.offsetWidth/2}px)`:""}else M=typeof m=="number"?`${m}px`:"",_=typeof $=="number"?`${$}px`:"";Object.assign(p.style,{top:_,right:E,bottom:N,left:M}),Td(p,Od(u),u)}}),t}var Sr={wrapper:"fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",base:"grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none",content:"w-full"},ke={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"};var Ke="font-bold focusable justify-center transition-colors ease-in-out",V={primary:"s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",secondary:"s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",utility:"s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",destructive:"s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",pill:"s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",disabled:"s-text-inverted s-bg-disabled",quiet:"bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",utilityQuiet:"s-text bg-transparent hover:s-bg-hover active:s-bg-active",negativeQuiet:"bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",loading:"s-text s-bg-subtle",link:"s-text-link"},T={primary:`border-0 rounded-8 ${Ke}`,secondary:`border-2 rounded-8 ${Ke}`,utility:`border rounded-4 ${Ke}`,negative:`border-0 rounded-8 ${Ke}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Ke}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${V.link}`},v={xsmall:"py-6 px-16",small:"py-8 px-16",medium:"py-10 px-14",large:"py-12 px-16",utility:"py-[11px] px-[15px]",smallUtility:"py-[7px] px-[15px]",pill:"min-h-[44px] min-w-[44px]",pillSmall:"min-h-32 min-w-32",link:"p-0"},f={medium:"text-m leading-[24]",xsmall:"text-xs"},b={inProgress:`border-transparent animate-inprogress pointer-events-none ${V.loading}`,quiet:`border-0 rounded-8 ${Ke}`,utilityQuiet:`border-0 rounded-4 ${Ke}`,negativeQuiet:`border-0 rounded-8 ${Ke}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${V.disabled}`},jb={secondary:`${v.medium} ${f.medium} ${T.secondary} ${V.secondary}`,secondaryHref:`${v.medium} ${f.medium} ${T.secondary} ${V.secondary}`,secondaryDisabled:`${v.medium} ${f.medium} ${T.secondary} ${b.isDisabled}`,secondarySmall:`${f.xsmall} ${v.xsmall} ${T.secondary} ${V.secondary}`,secondarySmallDisabled:`${f.xsmall} ${v.xsmall} ${T.secondary} ${b.isDisabled}`,secondaryQuiet:`${v.medium} ${f.medium} ${b.quiet} ${V.quiet}`,secondaryQuietDisabled:`${v.medium} ${f.medium} ${b.quiet} ${b.isDisabled}`,secondarySmallQuiet:`${f.xsmall} ${v.xsmall} ${b.quiet} ${V.quiet}`,secondarySmallQuietDisabled:`${f.xsmall} ${v.xsmall} ${b.quiet} ${b.isDisabled}`,secondaryLoading:`${v.medium} ${f.medium} ${T.secondary} ${b.inProgress}`,secondarySmallLoading:`${f.xsmall} ${v.xsmall} ${T.secondary} ${b.inProgress}`,secondarySmallQuietLoading:`${f.xsmall} ${v.xsmall} ${b.quiet} ${b.inProgress}`,secondaryQuietLoading:`${v.medium} ${f.medium} ${b.quiet} ${b.inProgress}`,primary:`${v.large} ${f.medium} ${T.primary} ${V.primary}`,primaryDisabled:`${v.large} ${f.medium} ${b.isDisabled} ${T.primary}`,primarySmall:`${v.small} ${f.xsmall} ${T.primary} ${V.primary}`,primarySmallDisabled:`${v.small} ${f.xsmall} ${b.isDisabled} ${T.primary} `,primaryQuiet:`${v.large} ${f.medium} ${b.quiet} ${V.quiet}`,primaryQuietDisabled:`${v.large} ${f.medium} ${b.quiet} ${b.isDisabled}`,primarySmallQuiet:`${v.small} ${f.xsmall} ${b.quiet} ${V.quiet}`,primarySmallQuietDisabled:`${v.small} ${f.xsmall} ${b.quiet} ${b.isDisabled}`,primaryLoading:`${v.large} ${f.medium} ${b.inProgress} ${T.primary}`,primarySmallLoading:`${v.small} ${f.xsmall} ${b.inProgress} ${T.primary}`,primarySmallQuietLoading:`${v.small} ${f.xsmall} ${b.quiet} ${b.inProgress} ${T.primary}`,primaryQuietLoading:`${v.large} ${f.medium} ${b.quiet} ${b.inProgress}`,utility:`${v.utility} ${f.medium} ${T.utility} ${V.utility}`,utilityDisabled:`${v.utility} ${f.medium} ${T.utility} ${b.isDisabled}`,utilityQuiet:`${v.large} ${f.medium} ${b.utilityQuiet} ${V.utilityQuiet}`,utilityQuietDisabled:`${v.large} ${f.medium} ${b.utilityQuiet} ${b.isDisabled}`,utilitySmall:`${v.smallUtility} ${f.xsmall} ${T.utility} ${V.utility}`,utilitySmallDisabled:`${v.smallUtility} ${f.xsmall} ${T.utility} ${b.isDisabled}`,utilitySmallQuiet:`${v.smallUtility} ${f.xsmall} ${b.utilityQuiet} ${V.utilityQuiet}`,utilitySmallQuietDisabled:`${v.smallUtility} ${f.xsmall} ${b.utilityQuiet} ${b.isDisabled}`,utilityLoading:`${v.large} ${f.medium} ${T.utility} ${b.inProgress}`,utilitySmallLoading:`${v.smallUtility} ${f.xsmall} ${T.utility} ${b.inProgress}`,utilityQuietLoading:`${v.large} ${f.medium} ${b.inProgress} ${b.utilityQuiet}`,utilitySmallQuietLoading:`${v.smallUtility} ${f.xsmall} ${b.inProgress} ${b.utilityQuiet}`,negative:`${v.large} ${f.medium} ${T.negative} ${V.destructive}`,negativeDisabled:`${v.large} ${f.medium} ${T.negative} ${b.isDisabled}`,negativeQuiet:`${v.large} ${f.medium} ${b.negativeQuiet} ${V.negativeQuiet}`,negativeQuietDisabled:`${v.large} ${f.medium} ${b.negativeQuiet}${b.isDisabled}`,negativeSmall:`${v.small} ${f.xsmall} ${T.negative} ${V.destructive}`,negativeSmallDisabled:`${v.small} ${f.xsmall} ${T.negative} ${b.isDisabled}`,negativeSmallQuiet:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${V.negativeQuiet}`,negativeSmallQuietDisabled:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${b.isDisabled}`,negativeLoading:`${v.large} ${f.medium} ${T.negative} ${b.inProgress}`,negativeSmallLoading:`${v.small} ${f.xsmall} ${b.inProgress} ${T.negative}`,negativeQuietLoading:`${v.large} ${f.medium} ${b.negativeQuiet} ${T.negative} ${b.inProgress}`,negativeSmallQuietLoading:`${v.small} ${f.xsmall} ${b.negativeQuiet} ${b.inProgress}`,pill:`${v.pill} ${f.medium} ${T.pill} ${V.pill}`,pillSmall:`${v.pillSmall} ${f.xsmall} ${T.pill} ${V.pill}`,pillLoading:`${v.pill} ${f.medium} ${T.pill} ${b.inProgress}`,pillSmallLoading:`${v.pillSmall} ${f.xsmall} ${T.pill} ${b.inProgress}`,link:`${v.link} ${f.medium} ${T.link}`,linkSmall:`${v.link} ${f.xsmall} ${T.link}`,linkAsButton:"inline-block active:no-underline hover:no-underline focus:no-underline text-center",a11y:"sr-only",fullWidth:"w-full max-w-full",contentWidth:"max-w-max"};var qb={backdrop:"fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px] bg-[--w-black/25]",base:"pb-safe-[32] shadow-m max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 bg-[--w-s-color-surface-elevated-100] flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",content:"block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative",footer:"flex justify-end shrink-0 px-16 sm:px-32",transitionTitle:"transition-all duration-300",transitionTitleCenter:"justify-self-center self-center",transitionTitleColSpan:"col-span-2",title:"py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0",titleText:"mb-0 h4 sm:h3",titleButton:`${f.medium} ${T.pill} ${V.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,titleButtonLeft:"-ml-8 sm:-ml-12 justify-self-start",titleButtonRight:"-mr-8 sm:-mr-12 justify-self-end",titleButtonIcon:"h-16 w-16 sm:h-24 sm:w-24",titleButtonIconRotated:"transform rotate-90"};var ma="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",Ub={wrapper:ma+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Jb={wrapper:ma+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"};var Ze={field:"relative text-m",wrapper:"relative py-1",wrapperRadioButtons:"inline-flex font-bold rounded-8 focus-within:focusable",wrapperRadioButtonsJustified:"flex font-bold rounded-8 focus-within:focusable",radioButtonsGroup:"group",radioButtonsGroupJustified:"grow-1 shrink-0 basis-auto",input:"peer",a11y:"sr-only",label:"peer-focus:focusable cursor-pointer text-m s-text s-border py-2 pl-28 select-none relative block before:border before:absolute before:transition-all before:left-0 before:w-20 before:h-20 before:top-2",labelBefore:'before:content-[""] before:block',checkbox:"before:s-bg before:rounded-2 hover:before:s-border-primary hover:before:s-bg-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-primary peer-checked:before:s-bg-primary peer-checked:peer-hover:before:s-border-primary-hover peer-checked:peer-hover:before:s-bg-primary-hover",checkboxInvalid:"before:s-bg before:s-border-negative before:rounded-2 hover:before:s-bg-negative-subtle-hover hover:before:s-border-negative-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-bg-negative peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-bg-negative-hover peer-checked:peer-hover:before:s-border-negative-hover",checkboxDisabled:"before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-2 peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-disabled peer-checked:before:s-bg-disabled",indeterminate:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-primary peer-indeterminate:before:s-bg-primary peer-indeterminate:hover:before:s-border-primary-hover peer-indeterminate:hover:before:s-bg-primary-hover',indeterminateInvalid:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-negative peer-indeterminate:before:s-bg-negative peer-indeterminate:hover:before:s-border-negative-hover peer-indeterminate:hover:before:s-bg-negative-hover',indeterminateDisabled:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold pointer-events-none before:s-icon-inverted peer-indeterminate:before:s-border-disabled peer-indeterminate:before:s-bg-disabled',radio:"before:s-bg before:rounded-full peer-checked:before:border-[6] peer-checked:before:s-border-selected peer-checked:peer-hover:before:s-border-selected-hover peer-hover:before:s-border-primary peer-hover:before:s-bg-hover",radioInvalid:"before:s-bg before:s-border-negative before:rounded-full peer-checked:before:border-[6] peer-hover:before:s-bg-negative-subtle peer-hover:before:s-border-negative-hover peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-border-negative-hover",radioDisabled:"before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-full peer-checked:before:border-[6]",radioButtonsLabel:"peer-hover:peer-not-checked:s-bg-hover peer-checked:s-text-inverted peer-checked:s-bg-primary peer-checked:s-border-primary block relative font-bold cursor-pointer s-text-link text-center s-bg border-2 s-border group-first-of-type:rounded-tl-8 group-first-of-type:rounded-bl-8 group-last-of-type:rounded-tr-8 group-last-of-type:rounded-br-8 group-not-last-of-type:border-r-0 peer-checked:z-10 group-not-first:-ml-2",radioButtonsRegular:"text-s py-8 pl-12 pr-14",radioButtonsSmall:"text-xs py-[5px] px-[8px]"},Qb={wrapper:`${Ze.wrapper} h-20 w-20 pointer-events-none`,input:`${Ze.input} hidden`,inputVue:"hidden",labelVue:"-mt-2",labelRadio:`${Ze.label} ${Ze.labelBefore} ${Ze.radio}`,labelCheckbox:`${Ze.label} ${Ze.labelBefore} ${Ze.checkbox}`};var pt={base:"border-2 relative flex items-start",tooltip:"s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted-static rounded-4 py-6 px-8",callout:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8",highlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0",popover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0",arrowBase:"absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",arrowDirectionLeftStart:"-left-[8px]",arrowDirectionLeft:"-left-[8px]",arrowDirectionLeftEnd:"-left-[8px]",arrowDirectionRightStart:"-right-[8px]",arrowDirectionRight:"-right-[8px]",arrowDirectionRightEnd:"-right-[8px]",arrowDirectionBottomStart:"-bottom-[8px]",arrowDirectionBottom:"-bottom-[8px]",arrowDirectionBottomEnd:"-bottom-[8px]",arrowDirectionTopStart:"-top-[8px]",arrowDirectionTop:"-top-[8px]",arrowDirectionTopEnd:"-top-[8px]",arrowTooltip:"s-bg-inverted border-[--w-s-color-background-inverted]",arrowCallout:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",arrowPopover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]",arrowHighlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",content:"last-child:mb-0",notCallout:"absolute z-50",closeBtn:`${f.medium} ${T.pill} ${V.pill} justify-self-end -mr-8 ml-8`};import Ea from"@warp-ds/elements-core";import{ifDefined as Bd}from"lit/directives/if-defined.js";var Nd=["en","nb","fi","da","sv"],ba="en",ha=t=>Nd.find(e=>t===e||t.toLowerCase().includes(e))||ba;function Md(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return ha(t)}try{let t=document.documentElement.lang;return ha(t)}catch(t){return console.warn("could not detect locale, falling back to source locale",t),ba}}var zd=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,U=(t,e,r,o,i)=>{let a=Md(),n=zd(a,t,e,r,o,i);c.load(a,n),c.activate(a)};import{classMap as Wb}from"lit/directives/class-map.js";var Ad=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function ga(t){return class extends t{static createProperty(e,r){let o=r;(typeof(r==null?void 0:r.attribute)=="undefined"||(r==null?void 0:r.attribute)===!0)&&(o=Object.assign({},r,{attribute:Ad(e.toString())})),super.createProperty(e,o)}}}function fa(){return`m${Math.random().toString(36).slice(2)}`}var va=JSON.parse('{"attention.aria.callout":["En gr\xF8n taleboble der introducerer noget nyt"],"attention.aria.close":["Luk"],"attention.aria.highlight":["En opm\xE6rksomhedsskabende taleboble med vigtig information"],"attention.aria.pointingDown":["peger nedad"],"attention.aria.pointingLeft":["peger til venstre"],"attention.aria.pointingRight":["peger til h\xF8jre"],"attention.aria.pointingUp":["peger opad"],"attention.aria.popover":["En hvid taleboble med mere information"],"attention.aria.tooltip":["En sort taleboble med flere oplysninger"]}');var wa=JSON.parse('{"attention.aria.callout":["A green speech bubble introducing something new"],"attention.aria.close":["Close"],"attention.aria.highlight":["An attention speech bubble with important information"],"attention.aria.pointingDown":["pointing down"],"attention.aria.pointingLeft":["pointing left"],"attention.aria.pointingRight":["pointing right"],"attention.aria.pointingUp":["pointing up"],"attention.aria.popover":["A white speech bubble providing additional information"],"attention.aria.tooltip":["A black speech bubble providing complementary information"]}');var xa=JSON.parse('{"attention.aria.callout":["Vihre\xE4 puhekupla, joka esittelee jotain uutta"],"attention.aria.close":["Sulje"],"attention.aria.highlight":["Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa"],"attention.aria.pointingDown":["osoittaa alas"],"attention.aria.pointingLeft":["osoittaa vasemmalle"],"attention.aria.pointingRight":["osoittaa oikealle"],"attention.aria.pointingUp":["osoittaa yl\xF6s"],"attention.aria.popover":["Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa"],"attention.aria.tooltip":["Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"]}');var ya=JSON.parse('{"attention.aria.callout":["Gr\xF8nn taleboble som introduserer noe nytt"],"attention.aria.close":["Lukk"],"attention.aria.highlight":["En uthevet taleboble med viktig informasjon"],"attention.aria.pointingDown":["peker ned"],"attention.aria.pointingLeft":["peker til venstre"],"attention.aria.pointingRight":["peker til h\xF8yre"],"attention.aria.pointingUp":["peker opp"],"attention.aria.popover":["En hvit taleboble som gir tilleggsinformasjon"],"attention.aria.tooltip":["En svart taleboble som forklarer konteksten"]}');var ka=JSON.parse('{"attention.aria.callout":["En gr\xF6n pratbubbla som introducerar n\xE5got nytt"],"attention.aria.close":["St\xE4ng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar v\xE4nster"],"attention.aria.pointingRight":["pekar h\xF6ger"],"attention.aria.pointingUp":["pekar upp"],"attention.aria.popover":["En vit pratbubbla som ger ytterligare information"],"attention.aria.tooltip":["En svart pratbubbla som ger kompletterande information"]}');var It=class extends ga(Ea){constructor(){super(),U(wa,ya,xa,va,ka),this.handleDone=this.handleDone.bind(this),this.show=!1,this.placement="bottom",this.tooltip=!1,this.callout=!1,this.popover=!1,this.highlight=!1,this.canClose=!1,this.noArrow=!1,this.distance=8,this.skidding=0,this.flip=!1,this.crossAxis=!1,this._initialPlacement=this.placement,this._actualDirection=this.placement}connectedCallback(){if(super.connectedCallback(),this.placement&&!Object.keys(ut).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
2484
- ${JSON.stringify(Object.keys(ut))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(e=>co.includes(e)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
2485
- ${JSON.stringify(co)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},0),this.callout||(window.addEventListener("click",this.handleDone),window.addEventListener("scroll",this.handleDone),window.addEventListener("resize",this.handleDone),window.addEventListener("touch",this.handleDone)),this.tooltip&&(window.addEventListener("mouseover",this.handleDone),window.addEventListener("mouseout",this.handleDone))}disconnectedCallback(){window.removeEventListener("click",this.handleDone),window.removeEventListener("scroll",this.handleDone),window.removeEventListener("resize",this.handleDone),window.removeEventListener("touch",this.handleDone),window.removeEventListener("mouseover",this.handleDone),window.removeEventListener("mouseout",this.handleDone),super.disconnectedCallback()}handleDone(){window.requestAnimationFrame(()=>{this.show&&this._targetEl&&this._attentionEl?po(this.attentionState).then(e=>{this._actualDirection=e==null?void 0:e.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(e){this.placement=e}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return ut[this._actualDirection]}get _arrowClasses(){return k([pt.arrowBase,this._activeVariantClasses.arrow,pt[`arrowDirection${uo(this._arrowDirection)}`]])}get _arrowHtml(){return this.noArrow?"":xt`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){let e={callout:this.callout,popover:this.popover,tooltip:this.tooltip,highlight:this.highlight},r=Object.keys(e).find(o=>!!e[o])||"";return{wrapper:pt[r],arrow:pt[`arrow${r.charAt(0).toUpperCase()+r.slice(1)}`]}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){var r;let e=(r=this.renderRoot)==null?void 0:r.querySelector("slot[name='target']");return e?e.assignedNodes()[0]:null}get _messageEl(){let e=this.renderRoot.querySelector("slot[name='message']");return e?e.assignedNodes()[0]:null}get _wrapperClasses(){return k([pt.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return c._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return xt`
2486
- <button aria-label="${this._ariaClose}" @click="${this.close}" @keydown=${this.keypressed} class="${pt.closeBtn}">
2487
- <w-icon-close-16></w-icon-close-16>
2488
- </button>
2489
- `}updated(){this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"flex":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this._arrowEl,attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow,distance:this.distance,skidding:this.skidding,flip:this.flip,crossAxis:this.crossAxis,fallbackPlacements:this.fallbackPlacements},po(this.attentionState)}pointingAtDirection(){switch(ut[this._actualDirection]){case"top-start":case"top":case"top-end":return c._({id:"attention.aria.pointingUp",message:"pointing up",comment:"Default screenreader message for top direction in the attention component"});case"right-start":case"right":case"right-end":return c._({id:"attention.aria.pointingRight",message:"pointing right",comment:"Default screenreader message for right direction in the attention component"});case"bottom-start":case"bottom":case"bottom-end":return c._({id:"attention.aria.pointingDown",message:"pointing down",comment:"Default screenreader message for bottom direction in the attention component"});case"left-start":case"left":case"left-end":return c._({id:"attention.aria.pointingLeft",message:"pointing left",comment:"Default screenreader message for left direction in the attention component"});default:return""}}activeAttentionType(){switch(!0){case this.tooltip:return c._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return c._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return c._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return c._({id:"attention.aria.highlight",message:"highlighted speech bubble",comment:"Default screenreader message for highlighted speech bubble in the attention component"});default:return""}}defaultAriaLabel(){return`${this.activeAttentionType()} ${this.noArrow?"":this.pointingAtDirection()}`}setAriaLabels(){if(this._targetEl&&!this._targetEl.getAttribute("aria-details")){let e=this._messageEl.id||(this._messageEl.id=fa());this._targetEl.setAttribute("aria-details",e)}}firstUpdated(){this._initialPlacement=this.placement,this.setAriaLabels(),this.callout&&(this._attentionEl.style.position="relative")}close(){let e=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(e))}keypressed(e){this.canClose&&e.key==="Escape"&&(e.preventDefault(),this.close())}render(){return!this.callout&&this._targetEl===void 0?xt``:xt`
2490
- <div class=${Bd(this.className?this.className:void 0)}>
2491
- ${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?xt`
2492
- <slot name="target"></slot>
2493
-
2494
- <div id="attention" class="${this._wrapperClasses}">
2495
- <div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
2496
- <slot name="message"></slot>
2497
- ${this.canClose?this._closeBtnHtml:$a}
2498
- </div>
2499
- `:xt`
2500
- <div id="attention" class="${this._wrapperClasses}">
2501
- <slot name="message"></slot>
2502
- <div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
2503
- ${this.canClose?this._closeBtnHtml:$a}
2504
- </div>
2505
- <slot name="target"></slot>
2506
- `}
2507
- </div>
2508
- `}};Y(It,"properties",{show:{type:Boolean,reflect:!0},placement:{type:String,reflect:!0},tooltip:{type:Boolean,reflect:!0},callout:{type:Boolean,reflect:!0},popover:{type:Boolean,reflect:!0},highlight:{type:Boolean,reflect:!0},canClose:{type:Boolean,reflect:!0},noArrow:{type:Boolean,reflect:!0},distance:{type:Number,reflect:!0},skidding:{type:Number,reflect:!0},flip:{type:Boolean,reflect:!0},crossAxis:{type:Boolean,reflect:!0},fallbackPlacements:{type:Array,reflect:!0}}),Y(It,"styles",[Ea.styles,Dd`
2509
- #attention {
2510
- position: absolute;
2511
- z-index: 50;
2512
- visibility: var(--attention-visibility);
2513
- display: var(--attention-display);
2514
- }
2515
-
2516
- :host([popover]:not(:popover-open):not(dialog[open])) {
2517
- display: contents;
2518
- }
2519
- `]);customElements.get("w-attention")||customElements.define("w-attention",It);import{html as Rd,LitElement as Vd}from"lit";import{property as _a}from"lit/decorators.js";import{css as Pd}from"lit";var Ca=Pd`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-\\[--w-black\\/70\\]{background-color:rgba(var(--w-rgb-black),.7)}.bg-\\[--w-color-badge-info-background\\]{background-color:var(--w-color-badge-info-background)}.bg-\\[--w-color-badge-negative-background\\]{background-color:var(--w-color-badge-negative-background)}.bg-\\[--w-color-badge-neutral-background\\]{background-color:var(--w-color-badge-neutral-background)}.bg-\\[--w-color-badge-positive-background\\]{background-color:var(--w-color-badge-positive-background)}.bg-\\[--w-color-badge-sponsored-background\\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\\[--w-color-badge-warning-background\\]{background-color:var(--w-color-badge-warning-background)}.border-0{border-width:0}.rounded-4{border-radius:4px}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-tl-0{border-top-left-radius:0}.rounded-tr-0{border-top-right-radius:0}.inline-flex{display:inline-flex}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.absolute{position:absolute}.static{position:static}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-text{color:var(--w-s-color-text)}.s-text-inverted-static{color:var(--w-s-color-text-inverted-static)}.px-8{padding-left:.8rem;padding-right:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var yt=class extends Vd{constructor(){super(...arguments);this.variant="neutral"}get _class(){return k(["py-4 px-8 border-0 rounded-4 text-xs inline-flex",this.variant==="neutral"&&"bg-[--w-color-badge-neutral-background] s-text",this.variant==="info"&&"bg-[--w-color-badge-info-background] s-text",this.variant==="positive"&&"bg-[--w-color-badge-positive-background] s-text",this.variant==="warning"&&"bg-[--w-color-badge-warning-background] s-text",this.variant==="negative"&&"bg-[--w-color-badge-negative-background] s-text",this.variant==="disabled"&&"s-bg-disabled s-text",this.variant==="price"&&"bg-[--w-black/70] s-text-inverted-static",this.variant==="sponsored"&&"bg-[--w-color-badge-sponsored-background] s-text",!!this.position&&"absolute backdrop-blur",this.position==="top-left"&&"rounded-tl-0 rounded-tr-0 rounded-bl-0 top-0 left-0",this.position==="top-right"&&"rounded-tl-0 rounded-tr-0 rounded-br-0 top-0 right-0",this.position==="bottom-right"&&"rounded-tr-0 rounded-br-0 rounded-bl-0 bottom-0 right-0",this.position==="bottom-left"&&"rounded-tl-0 rounded-br-0 rounded-bl-0 bottom-0 left-0"])}render(){return Rd`
2520
- <div class="${this._class}">
2521
- <slot></slot>
2522
- </div>
2523
- `}};yt.styles=[O,Ca],s([_a({type:String,reflect:!0})],yt.prototype,"variant",2),s([_a({type:String,reflect:!0})],yt.prototype,"position",2);customElements.get("w-badge")||customElements.define("w-badge",yt);import{html as Fd,LitElement as Hd,nothing as jd}from"lit";import{property as Ft}from"lit/decorators.js";import{css as Id}from"lit";var Sa=Id`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.p-16{padding:1.6rem}.break-words{overflow-wrap:break-word}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}`;var Ue=class extends Hd{get _class(){return k(["group block relative break-words last-child:mb-0 p-16 rounded-8",this.bleed&&"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",this.info&&"s-bg-info-subtle",this.neutral&&"s-surface-sunken",this.bordered&&"border-2 s-border s-bg"])}get _optOutRoleWithDefault(){var e;return this.role===""?jd:(e=this.role)!=null?e:"region"}render(){return Fd`
2524
- <div role="${this._optOutRoleWithDefault}" class="${this._class}">
2525
- <slot></slot>
2526
- </div>
2527
- `}};Ue.styles=[O,Sa],s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"bleed",2),s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"bordered",2),s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"info",2),s([Ft({type:Boolean,reflect:!0})],Ue.prototype,"neutral",2),s([Ft({type:String,reflect:!0})],Ue.prototype,"role",2);customElements.get("w-box")||customElements.define("w-box",Ue);import{html as mo,LitElement as Ud}from"lit";function La(t,e){return t.flatMap(r=>[r,e]).slice(0,-1)}import{property as Jd}from"lit/decorators.js";var Oa=JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}');var Ta=JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}');var Na=JSON.parse('{"breadcrumbs.ariaLabel":["Olet t\xE4ss\xE4"]}');var Ma=JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}');var za=JSON.parse('{"breadcrumbs.ariaLabel":["Du \xE4r h\xE4r"]}');import{css as qd}from"lit";var Aa=qd`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.flex{display:flex}.static{position:static}.s-text{color:var(--w-s-color-text)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem*calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem*var(--w-space-x-reverse))}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.select-none{-webkit-user-select:none;user-select:none}`;var kt={wrapper:"flex space-x-8",text:"s-text",link:"s-text-link",separator:"select-none s-icon",a11y:"sr-only"},Qd=mo`<span class=${kt.separator}>/</span>`,Ht=class extends Ud{constructor(){super(),U(Ta,Ma,Na,Oa,za),this.ariaLabel=c._({id:"breadcrumbs.ariaLabel",message:"You are here",comment:"Default screen reader message for the breadcrumb component"})}connectedCallback(){super.connectedCallback();let r=Array.from(this.children).flat(1/0).filter(o=>o).map((o,i)=>{if(typeof o=="string"){let a=i===this.children.length-1;return mo`<span class=${kt.text} aria-current=${a?"page":void 0}>${o}</span>`}return o.classList.add(o.tagName==="A"?kt.link:kt.text),o});this._children=La(r,Qd)}render(){return mo`
2528
- <nav aria-labelledby="breadCrumbLabel">
2529
- <h2 id="breadCrumbLabel" class=${kt.a11y}>${this.ariaLabel}</h2>
2530
- <div class=${kt.wrapper}>${this._children}</div>
2531
- </nav>
2532
- `}};Ht.styles=[O,Aa],s([Jd({attribute:"aria-label",type:String})],Ht.prototype,"ariaLabel",2);customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",Ht);import{html as Lr,LitElement as eu}from"lit";var B=function(t,e,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(t):o?o.value:e.get(t)},X=function(t,e,r,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(t,r):i?i.value=r:e.set(t,r),r};function Ge(t){var e,r,o,i,a,n,l,d,u,p,m,$,h,y,_,E,N,M,A;class te extends t{constructor(...C){var S,D,P;super(...C),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),i.set(this,!1),a.set(this,void 0),n.set(this,void 0),l.set(this,!0),u.set(this,""),p.set(this,()=>{X(this,i,!0,"f"),X(this,r,!0,"f"),B(this,e,"m",E).call(this)}),m.set(this,()=>{X(this,r,!1,"f"),B(this,e,"m",N).call(this,this.shouldFormValueUpdate()?B(this,u,"f"):""),!this.validity.valid&&B(this,i,"f")&&X(this,o,!0,"f");let H=B(this,e,"m",E).call(this);this.validationMessageCallback&&this.validationMessageCallback(H?this.internals.validationMessage:"")}),$.set(this,()=>{var H;B(this,l,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),X(this,l,!1,"f")),X(this,i,!0,"f"),X(this,o,!0,"f"),B(this,e,"m",E).call(this),(H=this===null||this===void 0?void 0:this.validationMessageCallback)===null||H===void 0||H.call(this,this.showError?this.internals.validationMessage:"")}),h.set(this,void 0),y.set(this,!1),_.set(this,Promise.resolve()),(S=this.addEventListener)===null||S===void 0||S.call(this,"focus",B(this,p,"f")),(D=this.addEventListener)===null||D===void 0||D.call(this,"blur",B(this,m,"f")),(P=this.addEventListener)===null||P===void 0||P.call(this,"invalid",B(this,$,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let C=this.validators.map(P=>P.attribute).flat(),S=super.observedAttributes||[];return[...new Set([...S,...C])]}static getValidator(C){return this.validators.find(S=>S.attribute===C)||null}static getValidators(C){return this.validators.filter(S=>{var D;if(S.attribute===C||!((D=S.attribute)===null||D===void 0)&&D.includes(C))return!0})}get form(){return this.internals.form}get showError(){return B(this,e,"m",E).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(C,S,D){var P;(P=super.attributeChangedCallback)===null||P===void 0||P.call(this,C,S,D);let de=this.constructor.getValidators(C);de!=null&&de.length&&this.validationTarget&&this.setValue(B(this,u,"f"))}setValue(C){var S;X(this,o,!1,"f"),(S=this.validationMessageCallback)===null||S===void 0||S.call(this,""),X(this,u,C,"f");let P=this.shouldFormValueUpdate()?C:null;this.internals.setFormValue(P),B(this,e,"m",N).call(this,P),this.valueChangedCallback&&this.valueChangedCallback(P),B(this,e,"m",E).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(C=>C(B(this,_,"f")))}formResetCallback(){var C,S;X(this,i,!1,"f"),X(this,o,!1,"f"),B(this,e,"m",E).call(this),(C=this.resetFormControl)===null||C===void 0||C.call(this),(S=this.validationMessageCallback)===null||S===void 0||S.call(this,B(this,e,"m",E).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,n=new WeakMap,l=new WeakMap,u=new WeakMap,p=new WeakMap,m=new WeakMap,$=new WeakMap,h=new WeakMap,y=new WeakMap,_=new WeakMap,e=new WeakSet,d=function(){let C=this.getRootNode(),S=`${this.localName}[name="${this.getAttribute("name")}"]`;return C.querySelectorAll(S)},E=function(){if(this.hasAttribute("disabled"))return!1;let C=B(this,o,"f")||B(this,i,"f")&&!this.validity.valid&&!B(this,r,"f");return C&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),C},N=function(C){let S=this.constructor,D={},P=S.validators,H=[],de=P.some(Q=>Q.isValid instanceof Promise);B(this,y,"f")||(X(this,_,new Promise(Q=>{X(this,h,Q,"f")}),"f"),X(this,y,!0,"f")),B(this,a,"f")&&(B(this,a,"f").abort(),X(this,n,B(this,a,"f"),"f"));let oe=new AbortController;X(this,a,oe,"f");let ue,G=!1;P.length&&(P.forEach(Q=>{let ge=Q.key||"customError",W=Q.isValid(this,C,oe.signal);W instanceof Promise?(H.push(W),W.then(we=>{we!=null&&(D[ge]=!we,ue=B(this,e,"m",A).call(this,Q,C),B(this,e,"m",M).call(this,D,ue))})):(D[ge]=!W,this.validity[ge]!==!W&&(G=!0),!W&&!ue&&(ue=B(this,e,"m",A).call(this,Q,C)))}),Promise.allSettled(H).then(()=>{var Q;oe!=null&&oe.signal.aborted||(X(this,y,!1,"f"),(Q=B(this,h,"f"))===null||Q===void 0||Q.call(this))}),(G||!de)&&B(this,e,"m",M).call(this,D,ue))},M=function(C,S){if(this.validationTarget)this.internals.setValidity(C,S,this.validationTarget),X(this,l,!1,"f");else{if(this.internals.setValidity(C,S),this.internals.validity.valid)return;X(this,l,!0,"f")}},A=function(C,S){if(this.validityCallback){let D=this.validityCallback(C.key||"customError");if(D)return D}return C.message instanceof Function?C.message(this,S):C.message},te}import tu from"@warp-ds/elements-core";import{property as fe}from"lit/decorators.js";import{html as Xd,LitElement as Zd}from"lit";import Kd from"@warp-ds/elements-core";import{property as Se}from"lit/decorators.js";import{classMap as Gd}from"lit/directives/class-map.js";import{css as Yd}from"lit";var Da=Yd`.w-button,
2533
- .w-button--secondary {
2534
- /* Local scoped variables, given the default button (the secondary variant) as a default */
2535
- --_background: var(--background, var(--w-s-color-background));
2536
- --_background-hover: var(--background-hover, var(--w-s-color-background-hover));
2537
- --_background-active: var(--background-active, var(--w-s-color-background-active));
2538
- --_text-color: var(--color, var(--w-s-color-text-link));
2539
- --_border-width: var(--border-width, 2px);
2540
- --_border: var(--border, var(--w-s-color-border));
2541
- --_border-hover: var(--border-hover, var(--w-s-color-border-hover));
2542
- --_border-active: var(--border-active, var(--w-s-color-border-active));
2543
- --_border-radius: var(--border-radius, 8px);
2544
- --_font-size: var(--font-size, var(--w-font-size-m));
2545
- --_line-height: var(--line-height, var(--w-line-height-m));
2546
- --_font-weight: var(--font-weight, bold);
2547
- --_padding-x: var(--padding-x, 16px);
2548
- --_padding-y: var(--padding-y, 13px);
2549
-
2550
- /* Base setup for all buttons */
2551
- display: inline-flex;
2552
- justify-content: center;
2553
- align-items: center;
2554
- text-align: center;
2555
- cursor: pointer;
2556
- transition:
2557
- color 150ms cubic-bezier(0.4, 0, 0.2, 1),
2558
- background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
2559
- border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
2560
- fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
2561
- stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
2562
-
2563
- /* Hook the local vars up to the button stuff */
2564
- background-color: var(--_background);
2565
- color: var(--_text-color);
2566
- border: var(--_border-width) solid var(--_border);
2567
- border-radius: var(--_border-radius);
2568
- padding: calc(var(--_padding-y) - var(--_border-width)) calc(var(--_padding-x) - var(--_border-width));
2569
- font-size: var(--_font-size);
2570
- line-height: var(--_line-height);
2571
- font-weight: var(--_font-weight);
2572
- }
2573
-
2574
- .w-button:hover {
2575
- background-color: var(--_background-hover);
2576
- border-color: var(--_border-hover);
2577
- }
2578
-
2579
- .w-button:active {
2580
- background-color: var(--_background-active);
2581
- border-color: var(--_border-active);
2582
- }
2583
-
2584
- .w-button:focus-visible {
2585
- outline: 2px solid var(--w-s-color-border-focus);
2586
- outline-offset: var(--w-outline-offset, 1px);
2587
- }
2588
-
2589
- /* Variants config */
2590
- .w-button--primary {
2591
- --background: var(--w-s-color-background-primary);
2592
- --background-hover: var(--w-s-color-background-primary-hover);
2593
- --background-active: var(--w-s-color-background-primary-active);
2594
- --color: var(--w-s-color-text-inverted);
2595
- --border-width: 0px;
2596
- }
2597
- .w-button--negative {
2598
- --background: var(--w-s-color-background-negative);
2599
- --background-hover: var(--w-s-color-background-negative-hover);
2600
- --background-active: var(--w-s-color-background-negative-active);
2601
- --color: var(--w-s-color-text-inverted);
2602
- --border-width: 0px;
2603
- }
2604
- .w-button--negative-quiet {
2605
- --background: transparent;
2606
- --background-hover: var(--w-s-color-background-negative-subtle-hover);
2607
- --background-active: var(--w-s-color-background-negative-subtle-active);
2608
- --color: var(--w-s-color-text-negative);
2609
- --border-width: 0px;
2610
- }
2611
- .w-button--utility {
2612
- --background: var(--w-s-color-background);
2613
- --background-hover: var(--w-s-color-background-hover);
2614
- --background-active: var(--w-s-color-background-active);
2615
- --color: var(--w-s-color-text);
2616
- --border-radius: 4px;
2617
- --border-width: 1px;
2618
- }
2619
- .w-button--utility-quiet {
2620
- --background: transparent;
2621
- --color: var(--w-s-color-text);
2622
- --border-width: 0px;
2623
- }
2624
- .w-button--overlay {
2625
- --background: var(--w-color-background);
2626
- --background-hover: var(--w-color-background-hover);
2627
- --background-active: var(--w-color-background-active);
2628
- --color: var(--w-s-color-text);
2629
- --border-radius: 9999px;
2630
- --border-width: 0px;
2631
- }
2632
- .w-button--overlay-quiet {
2633
- --background: transparent;
2634
- --background-hover: var(--w-s-color-background-hover);
2635
- --background-active: var(--w-s-color-background-active);
2636
- --color: var(--w-s-color-text);
2637
- --border-radius: 9999px;
2638
- --border-width: 0px;
2639
- }
2640
- .w-button--overlay-inverted {
2641
- --background: var(--w-s-color-background-inverted);
2642
- --background-hover: var(--w-s-color-background-inverted-hover);
2643
- --background-active: var(--w-s-color-background-inverted-active);
2644
- --color: var(--w-s-color-text-inverted);
2645
- --border-radius: 9999px;
2646
- --border-width: 0px;
2647
- }
2648
- .w-button--overlay-inverted-quiet {
2649
- --background: transparent;
2650
- --background-hover: var(--w-s-color-background-inverted-hover);
2651
- --background-active: var(--w-s-color-background-inverted-active);
2652
- --color: var(--w-s-color-text-inverted);
2653
- --border-radius: 9999px;
2654
- --border-width: 0px;
2655
- }
2656
-
2657
- .w-button--link {
2658
- --background: none;
2659
- --background-hover: none;
2660
- --background-active: none;
2661
- --border-width: 0;
2662
- --font-weight: normal;
2663
- display: inline;
2664
- }
2665
-
2666
- /* States config, selects --loading as well since loading is always supposed to be disabled */
2667
- .w-button:disabled,
2668
- .w-button--disabled,
2669
- .w-button--loading {
2670
- --background: var(--w-s-color-background-disabled);
2671
- --background-hover: var(--w-s-color-background-disabled);
2672
- --background-active: var(--w-s-color-background-disabled);
2673
- --color: var(--w-s-color-text-inverted);
2674
- --border-width: 0px;
2675
- pointer-events: none;
2676
- }
2677
-
2678
- .w-button--link:hover {
2679
- text-decoration: underline;
2680
- }
2681
-
2682
- /* Sizes config */
2683
- .w-button--small {
2684
- --padding-x: 12px;
2685
- --padding-y: 8px;
2686
- --font-size: var(--w-font-size-xs);
2687
- --line-height: var(--w-line-height-xs);
2688
- }
2689
-
2690
- /* Width config */
2691
- .w-button--full-width {
2692
- width: 100%;
2693
- max-width: 100%;
2694
- }
2695
-
2696
- .w-button--has-icon-only {
2697
- width: auto;
2698
- max-width: none;
2699
- --_padding-x: var(--_padding-y);
2700
- aspect-ratio: 1 / 1;
2701
- }
2702
-
2703
- a.w-button {
2704
- text-decoration: none !important;
2705
- }
2706
-
2707
- /* Copy of loading animation from warp */
2708
- .w-button--loading {
2709
- background-image: linear-gradient(
2710
- 135deg,
2711
- rgba(0, 0, 0, 0.05) 25%,
2712
- transparent 25%,
2713
- transparent 50%,
2714
- rgba(0, 0, 0, 0.05) 50%,
2715
- rgba(0, 0, 0, 0.05) 75%,
2716
- transparent 75%,
2717
- transparent
2718
- );
2719
- background-size: 30px 30px;
2720
- animation: animate-inprogress 3s linear infinite;
2721
- }
2722
-
2723
- @keyframes animate-inprogress {
2724
- 0% {
2725
- background-position: 0 0;
2726
- }
2727
- 100% {
2728
- background-position: 60px 0;
2729
- }
2730
- }`;var Ba=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","pill","link"],ie=class extends Ge(Zd){constructor(){super(),this.variant="secondary"}connectedCallback(){if(super.connectedCallback(),!Ba.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
2731
- ${Ba.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){let e={"w-button":this.variant!=="link","w-button--primary":this.variant==="primary","w-button--secondary":this.variant==="secondary","w-button--negative":this.variant==="negative","w-button--utility":this.variant==="utility","w-button--quiet":this.variant==="quiet","w-button--negative-quiet":this.variant==="negativeQuiet","w-button--utility-quiet":this.variant==="utilityQuiet","w-button--small":this.small,"w-button--full-width":this.fullWidth,"w-button--disabled":this.disabled};return Xd`<a
2732
- href=${this.href}
2733
- target=${this.target}
2734
- rel=${this.target==="_blank"?this.rel||"noopener":void 0}
2735
- class=${Gd(e)}>
2736
- <slot></slot>
2737
- </a>`}};ie.shadowRootOptions={...Kd.shadowRootOptions,delegatesFocus:!0},ie.styles=[O,Da],s([Se({type:Boolean,reflect:!0})],ie.prototype,"autofocus",2),s([Se({reflect:!0})],ie.prototype,"variant",2),s([Se({type:Boolean,reflect:!0})],ie.prototype,"quiet",2),s([Se({type:Boolean,reflect:!0})],ie.prototype,"small",2),s([Se({reflect:!0})],ie.prototype,"href",2),s([Se({type:Boolean,reflect:!0})],ie.prototype,"disabled",2),s([Se({reflect:!0})],ie.prototype,"target",2),s([Se({reflect:!0})],ie.prototype,"rel",2),s([Se({attribute:"full-width",type:Boolean,reflect:!0})],ie.prototype,"fullWidth",2),s([Se({attribute:"button-class",reflect:!0})],ie.prototype,"buttonClass",2),s([Se({reflect:!0})],ie.prototype,"name",2);customElements.get("w-link")||customElements.define("w-link",ie);var Pa=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Ra=JSON.parse('{"button.aria.loading":["Loading..."]}');var Va=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Ia=JSON.parse('{"button.aria.loading":["Laster..."]}');var Fa=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as Wd}from"lit";var Ha=Wd`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.text-center{text-align:center}.animate-inprogress{background-size:30px 30px;animation:3s linear infinite animate-inprogress;background-image:linear-gradient(135deg,#0000000d 25%,#0000 0 50%,#0000000d 0 75%,#0000 0,#0000)!important}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.hover\\:no-underline:hover,.focus\\:no-underline:focus,.active\\:no-underline:active{text-decoration:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-w-32{min-width:3.2rem}.w-full{width:100%}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-0{padding:0}.p-4{padding:.4rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.py-\\[11px\\]{padding-top:11px;padding-bottom:11px}.py-\\[7px\\]{padding-top:7px;padding-bottom:7px}.cursor-default{cursor:default}.font-bold{font-weight:700}.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}`;var ja=["primary","secondary","negative","utility","pill","link"],We="font-bold focusable justify-center transition-colors ease-in-out",q={primary:"s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",secondary:"s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",utility:"s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",destructive:"s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",pill:"s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",disabled:"s-text-inverted s-bg-disabled",quiet:"bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",utilityQuiet:"s-text bg-transparent hover:s-bg-hover active:s-bg-active",negativeQuiet:"bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",loading:"s-text s-bg-subtle",link:"s-text-link"},z={primary:`border-0 rounded-8 ${We}`,secondary:`border-2 rounded-8 ${We}`,utility:`border rounded-4 ${We}`,negative:`border-0 rounded-8 ${We}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${We}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${q.link}`},w={xsmall:"py-6 px-16",small:"py-8 px-16",medium:"py-10 px-14",large:"py-12 px-16",utility:"py-[11px] px-[15px]",smallUtility:"py-[7px] px-[15px]",pill:"min-h-[44px] min-w-[44px]",pillSmall:"min-h-32 min-w-32",link:"p-0"},x={medium:"text-m leading-[24]",xsmall:"text-xs"},g={inProgress:`border-transparent animate-inprogress pointer-events-none ${q.loading}`,quiet:`border-0 rounded-8 ${We}`,utilityQuiet:`border-0 rounded-4 ${We}`,negativeQuiet:`border-0 rounded-8 ${We}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${q.disabled}`},L={secondary:`${w.medium} ${x.medium} ${z.secondary} ${q.secondary}`,secondaryHref:`${w.medium} ${x.medium} ${z.secondary} ${q.secondary}`,secondaryDisabled:`${w.medium} ${x.medium} ${z.secondary} ${g.isDisabled}`,secondarySmall:`${x.xsmall} ${w.xsmall} ${z.secondary} ${q.secondary}`,secondarySmallDisabled:`${x.xsmall} ${w.xsmall} ${z.secondary} ${g.isDisabled}`,secondaryQuiet:`${w.medium} ${x.medium} ${g.quiet} ${q.quiet}`,secondaryQuietDisabled:`${w.medium} ${x.medium} ${g.quiet} ${g.isDisabled}`,secondarySmallQuiet:`${x.xsmall} ${w.xsmall} ${g.quiet} ${q.quiet}`,secondarySmallQuietDisabled:`${x.xsmall} ${w.xsmall} ${g.quiet} ${g.isDisabled}`,secondaryLoading:`${w.medium} ${x.medium} ${z.secondary} ${g.inProgress}`,secondarySmallLoading:`${x.xsmall} ${w.xsmall} ${z.secondary} ${g.inProgress}`,secondarySmallQuietLoading:`${x.xsmall} ${w.xsmall} ${g.quiet} ${g.inProgress}`,secondaryQuietLoading:`${w.medium} ${x.medium} ${g.quiet} ${g.inProgress}`,primary:`${w.large} ${x.medium} ${z.primary} ${q.primary}`,primaryDisabled:`${w.large} ${x.medium} ${g.isDisabled} ${z.primary}`,primarySmall:`${w.small} ${x.xsmall} ${z.primary} ${q.primary}`,primarySmallDisabled:`${w.small} ${x.xsmall} ${g.isDisabled} ${z.primary} `,primaryQuiet:`${w.large} ${x.medium} ${g.quiet} ${q.quiet}`,primaryQuietDisabled:`${w.large} ${x.medium} ${g.quiet} ${g.isDisabled}`,primarySmallQuiet:`${w.small} ${x.xsmall} ${g.quiet} ${q.quiet}`,primarySmallQuietDisabled:`${w.small} ${x.xsmall} ${g.quiet} ${g.isDisabled}`,primaryLoading:`${w.large} ${x.medium} ${g.inProgress} ${z.primary}`,primarySmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${z.primary}`,primarySmallQuietLoading:`${w.small} ${x.xsmall} ${g.quiet} ${g.inProgress} ${z.primary}`,primaryQuietLoading:`${w.large} ${x.medium} ${g.quiet} ${g.inProgress}`,utility:`${w.utility} ${x.medium} ${z.utility} ${q.utility}`,utilityDisabled:`${w.utility} ${x.medium} ${z.utility} ${g.isDisabled}`,utilityQuiet:`${w.large} ${x.medium} ${g.utilityQuiet} ${q.utilityQuiet}`,utilityQuietDisabled:`${w.large} ${x.medium} ${g.utilityQuiet} ${g.isDisabled}`,utilitySmall:`${w.smallUtility} ${x.xsmall} ${z.utility} ${q.utility}`,utilitySmallDisabled:`${w.smallUtility} ${x.xsmall} ${z.utility} ${g.isDisabled}`,utilitySmallQuiet:`${w.smallUtility} ${x.xsmall} ${g.utilityQuiet} ${q.utilityQuiet}`,utilitySmallQuietDisabled:`${w.smallUtility} ${x.xsmall} ${g.utilityQuiet} ${g.isDisabled}`,utilityLoading:`${w.large} ${x.medium} ${z.utility} ${g.inProgress}`,utilitySmallLoading:`${w.smallUtility} ${x.xsmall} ${z.utility} ${g.inProgress}`,utilityQuietLoading:`${w.large} ${x.medium} ${g.inProgress} ${g.utilityQuiet}`,utilitySmallQuietLoading:`${w.smallUtility} ${x.xsmall} ${g.inProgress} ${g.utilityQuiet}`,negative:`${w.large} ${x.medium} ${z.negative} ${q.destructive}`,negativeDisabled:`${w.large} ${x.medium} ${z.negative} ${g.isDisabled}`,negativeQuiet:`${w.large} ${x.medium} ${g.negativeQuiet} ${q.negativeQuiet}`,negativeQuietDisabled:`${w.large} ${x.medium} ${g.negativeQuiet}${g.isDisabled}`,negativeSmall:`${w.small} ${x.xsmall} ${z.negative} ${q.destructive}`,negativeSmallDisabled:`${w.small} ${x.xsmall} ${z.negative} ${g.isDisabled}`,negativeSmallQuiet:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${q.negativeQuiet}`,negativeSmallQuietDisabled:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.isDisabled}`,negativeLoading:`${w.large} ${x.medium} ${z.negative} ${g.inProgress}`,negativeSmallLoading:`${w.small} ${x.xsmall} ${g.inProgress} ${z.negative}`,negativeQuietLoading:`${w.large} ${x.medium} ${g.negativeQuiet} ${z.negative} ${g.inProgress}`,negativeSmallQuietLoading:`${w.small} ${x.xsmall} ${g.negativeQuiet} ${g.inProgress}`,pill:`${w.pill} ${x.medium} ${z.pill} ${q.pill}`,pillSmall:`${w.pillSmall} ${x.xsmall} ${z.pill} ${q.pill}`,pillLoading:`${w.pill} ${x.medium} ${z.pill} ${g.inProgress}`,pillSmallLoading:`${w.pillSmall} ${x.xsmall} ${z.pill} ${g.inProgress}`,link:`${w.link} ${x.medium} ${z.link}`,linkSmall:`${w.link} ${x.xsmall} ${z.link}`,linkAsButton:"inline-block active:no-underline hover:no-underline focus:no-underline text-center",a11y:"sr-only",fullWidth:"w-full max-w-full",contentWidth:"max-w-max"},ee=class extends Ge(eu){constructor(){super();this.type="button";U(Ra,Ia,Va,Pa,Fa),this.variant="secondary",this.ariaValueTextLoading=c._({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(r){r.has("value")&&this.setValue(this.value)}connectedCallback(){if(super.connectedCallback(),!ja.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
2738
- ${ja.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}get _primaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.primary,this.small&&!this.quiet&&!this.loading&&L.primarySmall,this.small&&this.quiet&&!this.loading&&L.primarySmallQuiet,this.small&&this.loading&&(this.quiet?L.primarySmallQuietLoading:L.primarySmallLoading),!this.small&&this.quiet&&!this.loading&&L.primaryQuiet,!this.small&&this.loading&&(this.quiet?L.primaryQuietLoading:L.primaryLoading)]}get _secondaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.secondary,this.small&&!this.quiet&&!this.loading&&L.secondarySmall,this.small&&this.loading&&(this.quiet?L.secondarySmallQuietLoading:L.secondarySmallLoading),this.small&&this.quiet&&!this.loading&&L.secondarySmallQuiet,!this.small&&this.quiet&&!this.loading&&L.secondaryQuiet,!this.small&&this.loading&&(this.quiet?L.secondaryQuietLoading:L.secondaryLoading)]}get _utilityClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.utility,this.small&&!this.quiet&&!this.loading&&L.utilitySmall,this.small&&this.quiet&&!this.loading&&L.utilitySmallQuiet,this.small&&this.loading&&(this.quiet?L.utilitySmallQuietLoading:L.utilitySmallLoading),!this.small&&this.quiet&&!this.loading&&L.utilityQuiet,!this.small&&this.loading&&(this.quiet?L.utilityQuietLoading:L.utilityLoading)]}get _negativeClasses(){return[!this.small&&!this.quiet&&!this.loading&&L.negative,this.small&&!this.quiet&&!this.loading&&L.negativeSmall,this.small&&this.quiet&&!this.loading&&L.negativeSmallQuiet,this.small&&this.loading&&(this.quiet?L.negativeSmallQuietLoading:L.negativeSmallLoading),!this.small&&this.quiet&&!this.loading&&L.negativeQuiet,!this.small&&this.loading&&(this.quiet?L.negativeQuietLoading:L.negativeLoading)]}get _pillClasses(){return[!this.loading&&(this.small?L.pillSmall:L.pill),this.loading&&(this.small?L.pillSmallLoading:L.pillLoading)]}get _linkClasses(){return[this.small?L.linkSmall:L.link]}get _classes(){return k(this.buttonClass,[this.variant==="primary"&&this._primaryClasses,this.variant==="secondary"&&this._secondaryClasses,this.variant==="utility"&&this._utilityClasses,this.variant==="negative"&&this._negativeClasses,this.variant==="pill"&&this._pillClasses,this.variant==="link"&&this._linkClasses,this.href&&L.linkAsButton,this.fullWidth?L.fullWidth:L.contentWidth])}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}render(){return Lr` ${this.href?Lr`<w-link
2739
- href=${this.href}
2740
- target=${this.target}
2741
- rel=${this.target==="_blank"?this.rel||"noopener":void 0}
2742
- class=${this._classes}>
2743
- <slot></slot>
2744
- </w-link>`:Lr`<button type=${this.type||"button"} class=${this._classes} @click="${this._handleButtonClick}">
2745
- <slot></slot>
2746
- </button>`}
2747
- ${this.loading?Lr`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext=${this.ariaValueTextLoading}></span>`:null}`}};ee.shadowRootOptions={...tu.shadowRootOptions,delegatesFocus:!0},ee.styles=[O,Ha],s([fe({reflect:!0})],ee.prototype,"type",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"autofocus",2),s([fe({reflect:!0})],ee.prototype,"variant",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"quiet",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"small",2),s([fe({type:Boolean,reflect:!0})],ee.prototype,"loading",2),s([fe({reflect:!0})],ee.prototype,"href",2),s([fe({reflect:!0})],ee.prototype,"target",2),s([fe({reflect:!0})],ee.prototype,"rel",2),s([fe({attribute:"full-width",type:Boolean,reflect:!0})],ee.prototype,"fullWidth",2),s([fe({attribute:"button-class",reflect:!0})],ee.prototype,"buttonClass",2),s([fe({reflect:!0})],ee.prototype,"name",2),s([fe({reflect:!0})],ee.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",ee);import{html as Or,css as ou,LitElement as iu}from"lit";import{property as ho}from"lit/decorators.js";import{ifDefined as au}from"lit/directives/if-defined.js";var qa=JSON.parse('{"card.button.text":["V\xE6lg"]}');var Ua=JSON.parse('{"card.button.text":["Select"]}');var Ja=JSON.parse('{"card.button.text":["Valitse"]}');var Qa=JSON.parse('{"card.button.text":["Velg"]}');var Ya=JSON.parse('{"card.button.text":["V\xE4lj"]}');import{css as ru}from"lit";var Xa=ru`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.outline{outline-style:solid}.inset-0{top:0;bottom:0;left:0;right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.\\!s-bg-selected{background-color:var(--w-s-color-background-selected)!important}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.\\!hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)!important}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.\\!active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)!important}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.s-border{border-color:var(--w-s-color-border)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.group:hover .group-hover\\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.group:active .group-active\\:s-border-active{border-color:var(--w-s-color-border-active)}.group:active .group-active\\:s-border-selected-active{border-color:var(--w-s-color-border-selected-active)}.s-surface-elevated-200{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200)}.hover\\:s-surface-elevated-200-hover:hover{background-color:var(--w-s-color-surface-elevated-200-hover);box-shadow:var(--w-s-shadow-surface-elevated-200-hover)}.active\\:s-surface-elevated-200-active:active{background-color:var(--w-s-color-surface-elevated-200-active);box-shadow:var(--w-s-shadow-surface-elevated-200-active)}.cursor-pointer{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}`;var De={base:"cursor-pointer overflow-hidden relative transition-all",shadow:"group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active",selected:"!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active",outline:"absolute border-2 rounded-8 inset-0 transition-all",outlineUnselected:"border-transparent group-active:s-border-active",outlineSelected:"s-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active",flat:"border-2 rounded-4",flatUnselected:"s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",flatSelected:"s-bg-selected hover:s-bg-selected-hover active:s-bg-selected-active s-border-selected hover:s-border-selected-hover active:s-border-selected-active",a11y:"sr-only"},Za={ENTER:"Enter",SPACE:" "},mt=class extends iu{constructor(){super();this.selected=!1;this.flat=!1;this.clickable=!1;U(Ua,Qa,Ja,qa,Ya),this.buttonText=c._({id:"card.button.text",message:"Select",comment:"Screenreader message to indicate that the card is clickable"})}get _containerClasses(){return k([De.base,this.flat?De.flat:De.shadow,this.selected&&!this.flat&&De.selected,this.selected&&this.flat?De.flatSelected:De.flatUnselected])}get _outlineClasses(){return k([De.outline,this.selected?De.outlineSelected:De.outlineUnselected])}get _interactiveElement(){let r=()=>Or`<button class="${De.a11y}" aria-pressed="${this.selected}" tabindex="-1">${this.buttonText}</button>`,o=()=>Or`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;return this.clickable?r():this.selected?o():""}keypressed(r){!this.clickable||r.altKey||r.ctrlKey||(r.key===Za.ENTER||r.key===Za.SPACE)&&(r.preventDefault(),this.click())}render(){return Or`
2748
- <div tabindex=${au(this.clickable?"0":void 0)} class="${this._containerClasses}" @keydown=${this.keypressed}>
2749
- ${this._interactiveElement} ${this.flat?"":Or`<div class="${this._outlineClasses}"></div>`}
2750
- <slot></slot>
2751
- </div>
2752
- `}};mt.styles=[O,Xa,ou`
2753
- a::after {
2754
- content: '';
2755
- position: absolute;
2756
- top: 0;
2757
- right: 0;
2758
- bottom: 0;
2759
- left: 0;
2760
- }
2761
- :host {
2762
- display: block;
2763
- }
2764
- `],s([ho({type:Boolean,reflect:!0})],mt.prototype,"selected",2),s([ho({type:Boolean})],mt.prototype,"flat",2),s([ho({type:Boolean})],mt.prototype,"clickable",2);customElements.get("w-card")||customElements.define("w-card",mt);import{css as nu,html as su,LitElement as lu}from"lit";import{property as Tr}from"lit/decorators.js";import{classMap as cu}from"lit/directives/class-map.js";var et=class extends lu{constructor(){super(...arguments);this.type="radio";this.checked=!1;this.indeterminate=!1;this.invalid=!1}get indeterminateMarker(){return!this.checked&&this.indeterminate?"\u2013":""}render(){let r=cu({checkbox:this.type==="checkbox",radio:this.type==="radio",checked:this.checked});return su` <div class="${r}">${this.indeterminateMarker}</div> `}};et.styles=[O,nu`
2765
- div {
2766
- display: block;
2767
- border-width: 1px;
2768
- transition-property: all;
2769
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2770
- transition-duration: 150ms;
2771
- cursor: pointer;
2772
- appearance: none;
2773
- user-select: none;
2774
- flex-shrink: 0;
2775
- height: 2rem;
2776
- width: 2rem;
2777
- background-color: var(--w-s-color-background);
2778
- border-color: var(--w-s-color-border);
2779
- color: var(--w-s-color-icon-inverted);
2780
- font-weight: 700;
2781
- text-align: center;
2782
- line-height: var(--w-line-height-xs);
2783
- font-size: var(--w-font-size-m);
2784
- }
2785
- :host([type='checkbox']) div {
2786
- border-radius: 2px;
2787
- }
2788
- :host([type='checkbox'][checked]) div,
2789
- :host([type='checkbox'][indeterminate]) div {
2790
- background-color: var(--w-s-color-background-primary);
2791
- border-color: var(--w-s-color-border-primary);
2792
- }
2793
- :host([type='checkbox'][checked]) div {
2794
- background-image: var(--w-icon-toggle-checked);
2795
- }
2796
- :host([type='radio']) div {
2797
- border-radius: 50%;
2798
- }
2799
- :host([type='radio'][checked]) div {
2800
- border-color: var(--w-s-color-border-selected);
2801
- border-width: 0.6rem;
2802
- }
2803
- :host([invalid]) div {
2804
- border-color: var(--w-s-color-border-negative) !important;
2805
- }
2806
- :host([type='checkbox'][invalid][checked]) div,
2807
- :host([type='checkbox'][invalid][indeterminate]) div {
2808
- background-color: var(--w-s-color-background-negative);
2809
- }
2810
- `],s([Tr({type:String})],et.prototype,"type",2),s([Tr({type:Boolean,reflect:!0})],et.prototype,"checked",2),s([Tr({type:Boolean,reflect:!0})],et.prototype,"indeterminate",2),s([Tr({type:Boolean,reflect:!0})],et.prototype,"invalid",2);customElements.get("w-dead-toggle")||customElements.define("w-dead-toggle",et);import{css as Pu,html as Be,LitElement as Ru}from"lit";import{property as Le}from"lit/decorators.js";import{ifDefined as Vu}from"lit/directives/if-defined.js";import{LitElement as du}from"lit";import{unsafeStatic as uu,html as pu}from"lit/static-html.js";var mu=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),hu=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),bu=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),gu=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),fu=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),Ka=["en","nb","fi","da","sv"],Ga="en",vu=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Wa=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Ga},bo=t=>Ka.find(e=>t===e||t.toLowerCase().includes(e))||Wa();function wu(){var t;if(typeof window=="undefined"){let e=vu();return bo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Wa();return Ka.includes(e)?bo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),bo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ga}}var xu=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,yu=(t,e,r,o,i)=>{let a=wu(),n=xu(a,t,e,r,o,i);c.load(a,n),c.activate(a)};yu(hu,mu,bu,gu,fu);var ku=class extends du{render(){let t=c.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return pu`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-down-16-part">${uu(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.667 5.333 5.5 5.5 5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-down-16")||customElements.define("w-icon-chevron-down-16",ku);import{LitElement as $u}from"lit";import{unsafeStatic as Eu,html as Cu}from"lit/static-html.js";var _u=JSON.parse('{"icon.title.chevron-up":["Oppoverpil"]}'),Su=JSON.parse('{"icon.title.chevron-up":["Upward arrow"]}'),Lu=JSON.parse('{"icon.title.chevron-up":["Nuoli yl\xF6sp\xE4in"]}'),Ou=JSON.parse('{"icon.title.chevron-up":["Pil opad"]}'),Tu=JSON.parse('{"icon.title.chevron-up":["Pil upp"]}'),en=["en","nb","fi","da","sv"],tn="en",Nu=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},rn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":tn},go=t=>en.find(e=>t===e||t.toLowerCase().includes(e))||rn();function Mu(){var t;if(typeof window=="undefined"){let e=Nu();return go(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=rn();return en.includes(e)?go(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),go(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),tn}}var zu=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Au=(t,e,r,o,i)=>{let a=Mu(),n=zu(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Au(Su,_u,Lu,Ou,Tu);var Du=class extends $u{render(){let t=c.t({message:"Upward arrow",id:"icon.title.chevron-up",comment:"Title for chevron-up icon"});return Cu`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-up-16-part">${Eu(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 11 8 5.5l5.5 5.5"></path></svg>`}};customElements.get("w-icon-chevron-up-16")||customElements.define("w-icon-chevron-up-16",Du);import{css as Bu}from"lit";var on=Bu`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.t4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-left{text-align:left}.align-middle{vertical-align:middle}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.will-change-height{will-change:height}.border-0{border-width:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:underline:hover{text-decoration-line:underline}.focus-visible\\:underline:focus-visible{text-decoration-line:underline}.overflow-hidden{overflow:hidden}.focus\\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.items-center{align-items:center}.justify-between{justify-content:space-between}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.h-0{height:0}.w-full{width:100%}.m-0{margin:0}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.pt-0{padding-top:0}.invisible{visibility:hidden}.break-words{overflow-wrap:break-word}.cursor-pointer{cursor:pointer}.-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-down-16-part\\]\\:transform::part(w-icon-chevron-down-16-part){transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part){transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform-gpu{transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-down-16-part\\]\\:transform-gpu::part(w-icon-chevron-down-16-part){transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part){transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-down-16-part\\]\\:transition-transform::part(w-icon-chevron-down-16-part){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-icon-chevron-up-16-part\\]\\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}`;var Iu={base:"group block relative break-words last-child:mb-0 p-16 rounded-8",bleed:"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",info:"s-bg-info-subtle",neutral:"s-surface-sunken",bordered:"border-2 s-border s-bg"},ae={wrapper:"will-change-height s-text",box:"s-surface-sunken hover:s-bg-hover active:s-bg-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8",bleed:"-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8",chevron:"inline-block align-middle s-icon",chevronNonBox:"ml-8",chevronTransform:"transform transition-transform transform-gpu ease-in-out",chevronExpand:"-rotate-180",chevronCollapse:"rotate-180",elementsChevronDownTransform:"part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out",elementsChevronUpTransform:"part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out",elementsChevronExpand:"part-[w-icon-chevron-down-16-part]:-rotate-180",elementsChevronCollapse:"part-[w-icon-chevron-up-16-part]:rotate-180",expansion:"overflow-hidden",expansionNotExpanded:"h-0 invisible",button:"focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline",buttonBox:"w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 p-16 rounded-8",contentWithTitle:"pt-0",title:"flex w-full justify-between items-center",titleType:"t4"},he,an,nn,sn,ln,cn,dn,le=class extends Ru{constructor(){super(...arguments);Me(this,he);this.expanded=!1;this.box=!1;this.bleed=!1;this.noChevron=!1;this.animated=!1;this._hasTitle=!0;this._showChevronUp=!1}updated(r){r.has("expanded")&&setTimeout(()=>{this._showChevronUp=this.expanded},200)}firstUpdated(){var i;let r=!!this.title,o=((i=this.renderRoot.querySelector("slot[name='title']"))==null?void 0:i.assignedNodes().length)>0;this._hasTitle=r||o}get _expandableSlot(){return Be`<div class="${j(this,he,cn)}">
2811
- <slot></slot>
2812
- </div>`}render(){return Be` <div class="${j(this,he,an)}">
2813
- ${this._hasTitle?Be`<w-unstyled-heading level=${this.headingLevel}>
2814
- <button
2815
- type="button"
2816
- aria-expanded="${this.expanded}"
2817
- class="${j(this,he,nn)}"
2818
- @click=${()=>this.expanded=!this.expanded}>
2819
- <div class="${ae.title}">
2820
- ${this.title?Be`<span class="${ae.titleType}">${this.title}</span>`:Be`<slot name="title"></slot>`}
2821
- ${this.noChevron?"":Be`<div class="${j(this,he,sn)}">${j(this,he,ln)}</div>`}
2822
- </div>
2823
- </button>
2824
- </w-unstyled-heading>`:""}
2825
- ${this.animated?Be`<w-expand-transition ?show=${this.expanded}> ${this._expandableSlot} </w-expand-transition>`:Be`<div class="${j(this,he,dn)}" aria-hidden=${Vu(this.expanded?void 0:!0)}>
2826
- ${this._expandableSlot}
2827
- </div>`}
2828
- </div>`}};he=new WeakSet,an=function(){return k([ae.wrapper,this.box&&ae.box,this.bleed&&ae.bleed])},nn=function(){return k(this.buttonClass,[ae.button,this.box&&ae.buttonBox])},sn=function(){return k([ae.chevron,!this.box&&ae.chevronNonBox])},ln=function(){let r=k([ae.elementsChevronUpTransform,!this.expanded&&this._showChevronUp&&ae.elementsChevronCollapse]),o=k([ae.elementsChevronDownTransform,this.expanded&&!this._showChevronUp&&ae.elementsChevronExpand]);return this._showChevronUp?Be`<w-icon-chevron-up-16 class="${r}"></w-icon-chevron-up-16>`:Be`<w-icon-chevron-down-16 class="${o}"></w-icon-chevron-down-16>`},cn=function(){return k(this.contentClass,[this.box&&Iu.base,this._hasTitle&&this.box&&ae.contentWithTitle])},dn=function(){return k([ae.expansion,!this.expanded&&ae.expansionNotExpanded])},le.styles=[O,on,Pu`
2829
- :host {
2830
- display: block;
2831
- }
2832
- ::slotted(:last-child) {
2833
- margin-bottom: 0px !important;
2834
- }
2835
- `],s([Le({type:Boolean,reflect:!0})],le.prototype,"expanded",2),s([Le({type:String})],le.prototype,"title",2),s([Le({type:Boolean})],le.prototype,"box",2),s([Le({type:Boolean})],le.prototype,"bleed",2),s([Le({attribute:"button-class",type:String})],le.prototype,"buttonClass",2),s([Le({attribute:"content-class",type:String})],le.prototype,"contentClass",2),s([Le({attribute:"no-chevron",type:Boolean})],le.prototype,"noChevron",2),s([Le({type:Boolean})],le.prototype,"animated",2),s([Le({attribute:"heading-level",type:Number})],le.prototype,"headingLevel",2),s([Le({type:Boolean,state:!0})],le.prototype,"_hasTitle",2),s([Le({type:Boolean,state:!0})],le.prototype,"_showChevronUp",2);customElements.get("w-expandable")||customElements.define("w-expandable",le);import{html as Fu,css as Hu,LitElement as ju}from"lit";var jt=t=>class extends t{constructor(){super(...arguments);this.patchClose=!0;this._close=null}close(){this._close()}},qt=t=>class extends t{handleSlotChange(e){let r=e.target.assignedNodes({flatten:!0});for(let o of r.filter(i=>i.patchClose))o._close=()=>this.close()}};var Ut=class extends jt(qt(ju)){render(){return Fu`
2836
- <div class="footer">
2837
- <slot @slotchange="${this.handleSlotChange}"></slot>
2838
- </div>
2839
- `}};Ut.styles=[O,Hu`
2840
- .footer {
2841
- display: flex;
2842
- flex-shrink: 0;
2843
- justify-content: flex-end;
2844
- padding-left: 1.6rem;
2845
- padding-right: 1.6rem;
2846
- padding-top: 2.4rem;
2847
- }
2848
- @media (min-width: 480px) {
2849
- .footer {
2850
- padding-left: 3.2rem;
2851
- padding-right: 3.2rem;
2852
- }
2853
- }
2854
- `];customElements.get("w-modal-footer")||customElements.define("w-modal-footer",Ut);import{css as ip,html as wo,LitElement as ap,nothing as kn}from"lit";var un=(t,e)=>({dx:t.left-e.left,dy:t.top-e.top,dw:t.width/e.width,dh:t.height/e.height,first:t,last:e}),pn=({dx:t,dy:e})=>[{transform:`translate(${t}px, ${e}px)`},{transform:"none"}],mn={easing:"ease",duration:300};var fo=!1,qu=typeof window!="undefined";if(qu){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>fo=r;t.addEventListener&&t.addEventListener("change",e),e(t)}var Nr=class{constructor(e,{animation:r={},keyframes:o,respectReduceMotion:i=!0}={}){Y(this,"first");Y(this,"last");Y(this,"el");this.el=e,this.first={},this.last={},this.userAnimationOptions=r,this.keyframeGenerator=o||pn,this.shouldReduceMotion=i}async when(e){this.prep();let r=await e();return await this.play(),r}prep(){this.first=this.el.getBoundingClientRect()}async play(){if(this.last=this.el.getBoundingClientRect(),!this.el.animate)return;await this.el.animate(this.keyframes,this.animationOptions).finished}get keyframes(){return this.keyframeGenerator(un(this.first,this.last))}get defaults(){return mn}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion?fo?{...this.mergedOptions,duration:0}:this.mergedOptions:this.mergedOptions}};import{property as xo,query as np,state as sp}from"lit/decorators.js";import{LitElement as Uu}from"lit";import{unsafeStatic as Ju,html as Qu}from"lit/static-html.js";var Yu=JSON.parse('{"icon.title.arrow-left":["Pil som peker mot venstre"]}'),Xu=JSON.parse('{"icon.title.arrow-left":["Leftward-pointing arrow"]}'),Zu=JSON.parse('{"icon.title.arrow-left":["Vasemmalle osoittava nuoli"]}'),Ku=JSON.parse('{"icon.title.arrow-left":["Pil til venstre"]}'),Gu=JSON.parse('{"icon.title.arrow-left":["Pil som pekar v\xE4nster"]}'),hn=["en","nb","fi","da","sv"],bn="en",Wu=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},gn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":bn},vo=t=>hn.find(e=>t===e||t.toLowerCase().includes(e))||gn();function ep(){var t;if(typeof window=="undefined"){let e=Wu();return vo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=gn();return hn.includes(e)?vo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),vo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),bn}}var tp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,rp=(t,e,r,o,i)=>{let a=ep(),n=tp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};rp(Xu,Yu,Zu,Ku,Gu);var op=class extends Uu{render(){let t=c.t({message:"Leftward-pointing arrow",id:"icon.title.arrow-left",comment:"Title for table arrow left icon"});return Qu`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-arrow-left-16-part">${Ju(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M5.222 8h6.667"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.444 11.75 4.111 8l3.333-3.75"></path></svg>`}};customElements.get("w-icon-arrow-left-16")||customElements.define("w-icon-arrow-left-16",op);var fn=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}');var vn=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}');var wn=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}');var xn=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}');var yn=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["St\xE4ng"]}');var Pe=class extends jt(ap){constructor(){super();this._hasTopContent=!1;U(vn,xn,wn,fn,yn)}render(){return wo`
2855
- <div class="header">
2856
- <slot name="top" @slotchange=${this.handleTopSlotChange}></slot>
2857
- <div class="${this._hasTopContent?"":"header-title-bar"}">
2858
- ${this.backButton}
2859
- <h1 class="title-el ${this.titleClasses}">${this.title}</h1>
2860
- ${this.closeButton}
2861
- </div>
2862
- </div>
2863
- `}async willUpdate(r){r.has("back")&&new Nr(this.titleEl).when(async()=>{await this.updateComplete})}get titleClasses(){return["header-title",this.back?"header-title-with-back-button":"header-title-without-back-button",this._hasTopContent?"header-title-with-top-area":""].join(" ")}get backButton(){return this.back&&!this._hasTopContent?wo`<button
2864
- type="button"
2865
- aria-label="${c._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}"
2866
- class="header-button header-button-left"
2867
- @click="${this.emitBack}">
2868
- <w-icon-arrow-left-16></w-icon-arrow-left-16>
2869
- </button>`:kn}get closeButton(){return this.noClose?kn:wo`<button
2870
- type="button"
2871
- aria-label="${c._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}"
2872
- class="header-button ${this._hasTopContent?"header-close-button-on-image":"header-close-button"}"
2873
- @click="${this.close}">
2874
- <w-icon-close-16></w-icon-close-16>
2875
- </button>`}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(r){let o=r.target.assignedElements({flatten:!0});this._hasTopContent=!!o.length}};Pe.styles=[O,ip`
2876
- .header {
2877
- position: relative;
2878
- padding-bottom: 0.8rem;
2879
- }
2880
- .header-title-bar {
2881
- display: grid;
2882
- flex-shrink: 0 !important;
2883
- gap: 1.2rem;
2884
- grid-template-columns: auto 1fr auto;
2885
- align-items: flex-start;
2886
- padding-left: 1.6rem;
2887
- padding-right: 1.6rem;
2888
- padding-top: 1.6rem;
2889
- }
2890
- .header-title {
2891
- font-weight: 700;
2892
- font-size: var(--w-font-size-l);
2893
- line-height: var(--w-line-height-l);
2894
- align-self: center;
2895
- margin: 0;
2896
- }
2897
- .header-title-with-back-button {
2898
- justify-self: center;
2899
- }
2900
- .header-title-without-back-button {
2901
- grid-column: span 2 / span 2;
2902
- }
2903
- .header-title-with-top-area {
2904
- padding-left: 1.6rem;
2905
- padding-right: 1.6rem;
2906
- padding-top: 1.6rem;
2907
- }
2908
- .header-button:hover {
2909
- -webkit-background-clip: padding-box;
2910
- background-clip: padding-box;
2911
- }
2912
- .header-button:focus,
2913
- .header-button:focus-visible {
2914
- outline: 2px solid var(--w-s-color-border-focus);
2915
- outline-offset: var(--w-outline-offset, 1px);
2916
- }
2917
- .header-button:not(:focus-visible) {
2918
- outline: none;
2919
- }
2920
- .header-button {
2921
- border-width: 0;
2922
- border-radius: 9999px;
2923
- display: inline-flex;
2924
- align-items: center;
2925
- justify-content: center;
2926
- min-height: 40px;
2927
- min-width: 40px;
2928
- padding: 0.4rem;
2929
- font-weight: 700;
2930
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2931
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2932
- transition-duration: 150ms;
2933
- font-size: var(--w-font-size-m);
2934
- line-height: var(--w-line-height-m);
2935
- line-height: 2.4rem;
2936
- }
2937
- .header-button-left {
2938
- background-color: transparent;
2939
- color: var(--w-s-color-icon);
2940
- margin-left: -0.8rem;
2941
- }
2942
- .header-button-left:hover {
2943
- background-color: var(--w-color-button-pill-background-hover);
2944
- }
2945
- .header-button-left:active {
2946
- background-color: var(--w-color-button-pill-background-active);
2947
- }
2948
- .header-close-button {
2949
- background-color: transparent;
2950
- color: var(--w-s-color-icon);
2951
- margin-right: -0.8rem;
2952
- }
2953
- .header-close-button:hover {
2954
- background-color: var(--w-color-button-pill-background-hover);
2955
- }
2956
- .header-close-button:active {
2957
- background-color: var(--w-color-button-pill-background-active);
2958
- }
2959
- .header-close-button-on-image {
2960
- background-color: rgba(var(--w-rgb-black), 0.7);
2961
- right: 0.8rem;
2962
- top: 0.8rem;
2963
- position: absolute;
2964
- z-index: 10;
2965
- color: var(--w-s-color-text-inverted);
2966
- }
2967
- .header-close-button-on-image:hover {
2968
- background-color: rgba(var(--w-rgb-black), 0.85);
2969
- }
2970
- .header-close-button-on-image:active {
2971
- background-color: var(--w-black);
2972
- }
2973
- @media (min-width: 480px) {
2974
- .header-title-bar {
2975
- padding-left: 3.2rem;
2976
- padding-right: 3.2rem;
2977
- padding-top: 2.4rem;
2978
- }
2979
- .header-title-with-top-area {
2980
- padding-left: 3.2rem;
2981
- padding-right: 3.2rem;
2982
- }
2983
- .header-button {
2984
- min-height: 32px;
2985
- min-width: 32px;
2986
- }
2987
- }
2988
- `],s([xo({type:String})],Pe.prototype,"title",2),s([xo({type:Boolean})],Pe.prototype,"back",2),s([xo({type:Boolean,attribute:"no-close"})],Pe.prototype,"noClose",2),s([sp()],Pe.prototype,"_hasTopContent",2),s([np(".title-el")],Pe.prototype,"titleEl",2);customElements.get("w-modal-header")||customElements.define("w-modal-header",Pe);import{css as vp,html as wp,LitElement as xp}from"lit";import{property as ko,query as $o}from"lit/decorators.js";var Jt=[],yo={documentElement:{},body:{}},lp=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),$n=t=>{var e;t.touches.length>1||((e=t.preventDefault)==null||e.call(t))},cp=t=>([e,r])=>{yo[t][e]=document[t].style[e],document[t].style[e]=r},dp=()=>Object.entries(lp).forEach(([t,e])=>{Object.entries(e).forEach(cp(t))}),up=t=>([e,r])=>{document[t].style[e]=yo[t][e]},pp=()=>Object.entries(yo).forEach(([t,e])=>{Object.entries(e).forEach(up(t))}),mp=t=>t.scrollHeight-Math.abs(t.scrollTop)===t.clientHeight;function hp(t){let e=-1,r=o=>{if(o.targetTouches.length!==1)return;let i=o.targetTouches[0].clientY-e;return t.scrollTop===0&&i>0||mp(t)&&i<0?$n(o):(o.stopPropagation(),!0)};t.ontouchstart=o=>{o.targetTouches.length===1&&(e=o.targetTouches[0].clientY)},t.ontouchmove=r}function bp(t){t.ontouchstart=null,t.ontouchmove=null}var En=t=>()=>document[t?"addEventListener":"removeEventListener"]("touchmove",$n,{passive:!1}),gp=En(!0),fp=En();function Cn(t){if(!t)throw Error("Could not run setup, an element must be provided");Jt.some(e=>e===t)||(Jt.length||(dp(),gp()),hp(t),Jt.push(t))}function _n(){Jt.forEach(bp),fp(),pp(),Jt=[]}var Oe=class extends qt(xp){constructor(){super(),this.interceptEscape=this.interceptEscape.bind(this),this.closeOnBackdropClick=this.closeOnBackdropClick.bind(this),this.eventPreventer=this.eventPreventer.bind(this),this.modifyBorderRadius=this.modifyBorderRadius.bind(this)}async open(){this.dialogEl.showModal(),this.handleListeners(),Cn(this.contentEl),await this.updateComplete,this.dispatchEvent(new CustomEvent("shown",{bubbles:!0,composed:!0}))}close(){this.handleListeners("removeEventListener"),this.dialogEl.classList.add("close"),this.dialogEl.addEventListener("animationend",async()=>{this.dialogEl.classList.remove("close"),this.dialogEl.close(),_n(),await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0}))},{once:!0})}render(){return wp`
2989
- <dialog class="dialog-el">
2990
- <div class="dialog-inner-el">
2991
- <slot name="header" @slotchange="${this.handleSlotChange}"></slot>
2992
- <div class="content-el" id=${this.contentId}>
2993
- <slot name="content" @slotchange="${this.handleSlotChange}"></slot>
2994
- </div>
2995
- <slot name="footer" @slotchange="${this.handleSlotChange}"></slot>
2996
- </div>
2997
- </dialog>
2998
- `}updated(e){e.has("show")&&this[this.show?"open":"close"]()}handleListeners(e="addEventListener"){document[e]("keydown",this.interceptEscape),this.ignoreBackdropClicks||this.dialogEl[e]("mousedown",this.closeOnBackdropClick),this.dialogEl[e]("close",this.eventPreventer),this.dialogEl[e]("cancel",this.eventPreventer),this.dialogInnerEl[e]("transitionend",this.modifyBorderRadius)}eventPreventer(e){e.preventDefault()}closeOnBackdropClick(e){this.dialogEl===e.target&&this.close()}interceptEscape(e){e.key==="Escape"&&(e.preventDefault(),this.close())}modifyBorderRadius(){this.dialogInnerEl.scrollHeight*1.02>innerHeight?this.dialogInnerEl.style.borderRadius="0px":this.dialogInnerEl.style.borderRadius=null}};Oe.styles=[O,vp`
2999
- .dialog-el {
3000
- --w-modal-translate-distance: 100%;
3001
- --w-modal-max-height: 80%;
3002
- --w-modal-width: 640px;
3003
- background-color: transparent;
3004
- border-width: 0;
3005
- align-items: flex-end;
3006
- inset: 0rem;
3007
- height: unset;
3008
- max-height: unset;
3009
- max-width: unset;
3010
- width: unset;
3011
- margin: auto;
3012
- padding: 0rem;
3013
- backface-visibility: hidden;
3014
- }
3015
- .dialog-inner-el {
3016
- will-change: height;
3017
- border-radius: 8px;
3018
- display: flex;
3019
- flex-direction: column;
3020
- overflow: hidden;
3021
- position: relative;
3022
- background-color: var(--w-s-color-background);
3023
- box-shadow: var(--w-shadow-m);
3024
- height: var(--w-modal-height);
3025
- max-height: var(--w-modal-max-height);
3026
- min-height: var(--w-modal-min-height);
3027
- width: var(--w-modal-width);
3028
- backface-visibility: hidden;
3029
- padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
3030
- transition-property: all;
3031
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3032
- transition-duration: 150ms;
3033
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3034
- }
3035
- .content-el {
3036
- display: block;
3037
- flex-shrink: 1;
3038
- flex-grow: 1;
3039
- overflow-x: hidden;
3040
- overflow-y: auto;
3041
- position: relative;
3042
- margin-bottom: 0rem;
3043
- padding-left: 1.6rem;
3044
- padding-right: 1.6rem;
3045
- }
3046
- @media (min-width: 480px) {
3047
- .dialog-el {
3048
- --w-modal-translate-distance: 50%;
3049
- place-content: center;
3050
- place-items: center;
3051
- }
3052
- .dialog-inner-el {
3053
- margin-left: 1.6rem;
3054
- margin-right: 1.6rem;
3055
- padding-bottom: 3.2rem;
3056
- }
3057
- .content-el {
3058
- padding-left: 3.2rem;
3059
- padding-right: 3.2rem;
3060
- }
3061
- }
3062
- @media (max-width: 479.9px) {
3063
- .dialog-inner-el {
3064
- border-bottom-left-radius: 0;
3065
- border-bottom-right-radius: 0;
3066
- }
3067
- }
3068
- .dialog-el[open] {
3069
- animation: w-modal-in 0.3s ease-in-out forwards;
3070
- display: flex;
3071
- position: fixed;
3072
- }
3073
- .dialog-el.close {
3074
- animation: w-modal-out 0.3s ease-in-out forwards;
3075
- }
3076
- .dialog-el[open]::backdrop {
3077
- animation: backdrop-in 0.3s ease-in-out forwards;
3078
- }
3079
- .dialog-el.close::backdrop {
3080
- animation: backdrop-out 0.3s ease-in-out forwards;
3081
- }
3082
- /* shouldn't need two (in/out) animations declared here, but reversing is being weird */
3083
- @keyframes w-modal-in {
3084
- from {
3085
- transform: translateY(var(--w-modal-translate-distance));
3086
- opacity: 0;
3087
- }
3088
- to {
3089
- transform: translateY(0);
3090
- opacity: 1;
3091
- }
3092
- }
3093
- @keyframes w-modal-out {
3094
- from {
3095
- transform: translateY(0);
3096
- opacity: 1;
3097
- }
3098
- to {
3099
- transform: translateY(var(--w-modal-translate-distance));
3100
- opacity: 0;
3101
- }
3102
- }
3103
- @keyframes backdrop-in {
3104
- from {
3105
- background: transparent;
3106
- }
3107
- to {
3108
- background: rgba(0, 0, 0, 0.25);
3109
- }
3110
- }
3111
- @keyframes backdrop-out {
3112
- from {
3113
- background: rgba(0, 0, 0, 0.25);
3114
- }
3115
- to {
3116
- background: transparent;
3117
- }
3118
- }
3119
- `],s([ko({type:Boolean})],Oe.prototype,"show",2),s([ko({type:String,attribute:"content-id"})],Oe.prototype,"contentId",2),s([ko({type:Boolean,attribute:"ignore-backdrop-clicks"})],Oe.prototype,"ignoreBackdropClicks",2),s([$o(".dialog-el")],Oe.prototype,"dialogEl",2),s([$o(".dialog-inner-el")],Oe.prototype,"dialogInnerEl",2),s([$o(".content-el")],Oe.prototype,"contentEl",2);customElements.get("w-modal")||customElements.define("w-modal",Oe);import{html as Ln,LitElement as kp}from"lit";import{property as On}from"lit/decorators.js";import{classMap as $p}from"lit/directives/class-map.js";import{map as Ep}from"lit/directives/map.js";import{range as Cp}from"lit/directives/range.js";import{css as yp}from"lit";var Sn=yp`
3120
- .w-pageindicator {
3121
- display: grid;
3122
- justify-content: center;
3123
- height: max-content;
3124
- pointer-events: none;
3125
- }
3126
-
3127
- .w-pageindicator--container {
3128
- display: grid;
3129
- grid-auto-flow: column;
3130
- gap: 8px;
3131
- }
3132
-
3133
- .w-pageindicator--dot {
3134
- background-color: var(--w-s-color-background-disabled);
3135
- border-radius: 5px;
3136
- width: 10px;
3137
- height: 10px;
3138
- }
3139
-
3140
- .w-pageindicator--selecteddot {
3141
- background-color: var(--w-s-color-icon-selected);
3142
- }
3143
- `;var $t=class extends kp{constructor(){super(...arguments);this.selectedPage=1;this.pageCount=1}render(){return Ln`
3144
- <div class="w-pageindicator">
3145
- <div class="w-pageindicator--container">
3146
- ${Ep(Cp(this.pageCount),r=>{let i={"w-pageindicator--dot":!0,"w-pageindicator--selecteddot":r===this.selectedPage-1};return Ln`<div class="${$p(i)}"></div>`})}
3147
- </div>
3148
- </div>
3149
- `}};$t.styles=[Sn],s([On({type:Number,attribute:"selected-page"})],$t.prototype,"selectedPage",2),s([On({type:Number,attribute:"page-count"})],$t.prototype,"pageCount",2);customElements.get("w-pageindicator")||customElements.define("w-pageindicator",$t);import{html as Qt,LitElement as pm,nothing as So}from"lit";import{property as Mr}from"lit/decorators.js";import{LitElement as _p}from"lit";import{unsafeStatic as Sp,html as Lp}from"lit/static-html.js";var Op=JSON.parse('{"icon.title.chevron-double-left":["Dobbel pil til venstre"]}'),Tp=JSON.parse('{"icon.title.chevron-double-left":["Double leftward arrow"]}'),Np=JSON.parse('{"icon.title.chevron-double-left":["Kaksi nuolta vasemmalle"]}'),Mp=JSON.parse('{"icon.title.chevron-double-left":["Dobbelt venstrepil"]}'),zp=JSON.parse('{"icon.title.chevron-double-left":["Dubbel v\xE4nsterpil"]}'),Tn=["en","nb","fi","da","sv"],Nn="en",Ap=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Mn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Nn},Eo=t=>Tn.find(e=>t===e||t.toLowerCase().includes(e))||Mn();function Dp(){var t;if(typeof window=="undefined"){let e=Ap();return Eo(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Mn();return Tn.includes(e)?Eo(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Eo(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Nn}}var Bp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Pp=(t,e,r,o,i)=>{let a=Dp(),n=Bp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Pp(Tp,Op,Np,Mp,zp);var Rp=class extends _p{render(){let t=c.t({message:"Double leftward arrow",id:"icon.title.chevron-double-left",comment:"Title for chevron-double-left icon"});return Lp`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-double-left-16-part">${Sp(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 13 2 8l5-5m7 10L9 8l5-5"></path></svg>`}};customElements.get("w-icon-chevron-double-left-16")||customElements.define("w-icon-chevron-double-left-16",Rp);import{LitElement as Vp}from"lit";import{unsafeStatic as Ip,html as Fp}from"lit/static-html.js";var Hp=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),jp=JSON.parse('{"icon.title.chevron-left":["Leftward arrow"]}'),qp=JSON.parse('{"icon.title.chevron-left":["Nuoli vasemmalle"]}'),Up=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),Jp=JSON.parse('{"icon.title.chevron-left":["Pil v\xE4nster"]}'),zn=["en","nb","fi","da","sv"],An="en",Qp=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Dn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":An},Co=t=>zn.find(e=>t===e||t.toLowerCase().includes(e))||Dn();function Yp(){var t;if(typeof window=="undefined"){let e=Qp();return Co(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Dn();return zn.includes(e)?Co(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Co(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),An}}var Xp=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Zp=(t,e,r,o,i)=>{let a=Yp(),n=Xp(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Zp(jp,Hp,qp,Up,Jp);var Kp=class extends Vp{render(){let t=c.t({message:"Leftward arrow",id:"icon.title.chevron-left",comment:"Title for chevron-left icon"});return Fp`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-left-16-part">${Ip(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.5 13.75 5 8.25l5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-left-16")||customElements.define("w-icon-chevron-left-16",Kp);import{LitElement as Gp}from"lit";import{unsafeStatic as Wp,html as em}from"lit/static-html.js";var tm=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8yre"]}'),rm=JSON.parse('{"icon.title.chevron-right":["Rightward arrow"]}'),om=JSON.parse('{"icon.title.chevron-right":["Nuoli oikealle"]}'),im=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8jre"]}'),am=JSON.parse('{"icon.title.chevron-right":["Pil h\xF6ger"]}'),Bn=["en","nb","fi","da","sv"],Pn="en",nm=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Rn=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Pn},_o=t=>Bn.find(e=>t===e||t.toLowerCase().includes(e))||Rn();function sm(){var t;if(typeof window=="undefined"){let e=nm();return _o(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Rn();return Bn.includes(e)?_o(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),_o(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Pn}}var lm=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,cm=(t,e,r,o,i)=>{let a=sm(),n=lm(a,t,e,r,o,i);c.load(a,n),c.activate(a)};cm(rm,tm,om,im,am);var dm=class extends Gp{render(){let t=c.t({message:"Rightward arrow",id:"icon.title.chevron-right",comment:"Title for chevron-right icon"});return em`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-right-16-part">${Wp(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.5 13.75 5.5-5.5-5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-right-16")||customElements.define("w-icon-chevron-right-16",dm);var Vn=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE6ste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var In=JSON.parse('{"pagination.aria.first-page":["First page"],"pagination.aria.icon-suffix":["icon"],"pagination.aria.next-page":["Next page"],"pagination.aria.page":["Page ",["currentPage"]],"pagination.aria.pagination":["Pages"],"pagination.aria.prev-page":["Previous page"]}');var Fn=JSON.parse('{"pagination.aria.first-page":["Ensimm\xE4inen sivu"],"pagination.aria.icon-suffix":["kuvake"],"pagination.aria.next-page":["Seuraava sivu"],"pagination.aria.page":["Sivu ",["currentPage"]],"pagination.aria.pagination":["Sivut"],"pagination.aria.prev-page":["Edellinen sivu"]}');var Hn=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Neste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var jn=JSON.parse('{"pagination.aria.first-page":["F\xF6rsta sidan"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE4sta sida"],"pagination.aria.page":["Sida ",["currentPage"]],"pagination.aria.pagination":["Sidor"],"pagination.aria.prev-page":["F\xF6reg\xE5ende sida"]}');import{css as um}from"lit";var qn=um`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.border-0{border-width:0}.rounded-full{border-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:no-underline:hover,.focus\\:no-underline:focus{text-decoration:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-4{padding:.4rem}.p-8{padding:.8rem}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:block{display:block}}`;var Lo=c._({id:"pagination.aria.icon-suffix",message:"icon",comment:"Suffix added at the end of icon titles when img semantics are lost on an html element"}),zr="hover:no-underline focus:no-underline focusable inline-flex justify-center items-center transition-colors ease-in-out min-h-[44px] min-w-[44px] p-4 rounded-full border-0 hover:bg-clip-padding",Ar,Un,tt=class extends pm{constructor(){super();Me(this,Ar);this.currentPageNumber=1;this.visiblePages=7;U(In,Hn,Fn,Vn,jn)}get shouldShowShowFirstPageButton(){return this.currentPageNumber-2>0}get shouldShowPreviousPageButton(){return this.currentPageNumber-1>0}get shouldShowNextPageButton(){return this.currentPageNumber<this.pages}get currentPageIndex(){return this.currentPageNumber-1}get visiblePageNumbers(){if(this.pages<=this.visiblePages)return Array.from({length:this.pages},(a,n)=>n+1);let r=Math.floor(this.visiblePages/2),o=Math.max(1,this.currentPageNumber-r),i=Math.min(this.pages,o+this.visiblePages-1);return i-o+1<this.visiblePages&&(o=Math.max(1,i-this.visiblePages+1)),Array.from({length:i-o+1},(a,n)=>o+n)}render(){let r=this.visiblePageNumbers;return Qt`<nav class="flex items-center justify-center p-8" @click="${Xo(this,Ar,Un)}">
3150
- <h1 class="sr-only">
3151
- ${c._({id:"pagination.aria.pagination",message:"Pages",comment:"Default screenreader message for pagination container in the pagination component"})}
3152
- </h1>
3153
- <div class="md:block s-text-link">
3154
- ${this.shouldShowShowFirstPageButton?Qt`<a
3155
- data-page-number="1"
3156
- href="${this.baseUrl}1"
3157
- class="${zr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
3158
- <span class="sr-only"
3159
- >${c._({id:"pagination.aria.first-page",message:"First page",comment:"Default screenreader message for first page link in the pagination component"})},</span
3160
- >
3161
- <w-icon-chevron-double-left-16></w-icon-chevron-double-left-16>
3162
- <span class="sr-only">${Lo}</span>
3163
- </a>`:So}
3164
- ${this.shouldShowPreviousPageButton?Qt`<a
3165
- data-page-number="${this.currentPageNumber-1}"
3166
- href="${this.baseUrl}${this.currentPageNumber-1}"
3167
- class="${zr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
3168
- <span class="sr-only"
3169
- >${c._({id:"pagination.aria.prev-page",message:"Previous page",comment:"Default screenreader message for previous page link in the pagination component"})},</span
3170
- >
3171
- <w-icon-chevron-left-16></w-icon-chevron-left-16>
3172
- <span class="sr-only">${Lo}</span>
3173
- </a>`:So}
3174
- ${r.map(o=>{let i=o===this.currentPageNumber,a=`${this.baseUrl}${o}`,n=zr;i?n+=" s-bg-primary s-text-inverted":n+=" hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]";let l=c._({id:"pagination.aria.page",message:"Page {currentPage}",values:{currentPage:o},comment:"Default screenreader message for page link in the pagination component"});return Qt`<a
3175
- data-page-number="${o}"
3176
- aria-label="${l}"
3177
- href="${a}"
3178
- class="${n}"
3179
- aria-current="${i?"page":""}"
3180
- >${o}</a
3181
- >`})}
3182
- ${this.shouldShowNextPageButton?Qt`<a
3183
- data-page-number="${this.currentPageNumber+1}"
3184
- href="${this.baseUrl}${this.currentPageNumber+1}"
3185
- class="${zr+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
3186
- <span class="sr-only">
3187
- ${c._({id:"pagination.aria.next-page",message:"Next page",comment:"Default screenreader message for next page link in the pagination component"})},</span
3188
- >
3189
- <w-icon-chevron-right-16></w-icon-chevron-right-16>
3190
- <span class="sr-only">${Lo}</span>
3191
- </a>`:So}
3192
- </div>
3193
- </nav>`}};Ar=new WeakSet,Un=function(r){let o=r.target.getAttribute("data-page-number");this.dispatchEvent(new CustomEvent("page-click",{detail:{clickedPage:o},bubbles:!0,composed:!0}))},tt.styles=[O,qn],s([Mr({type:String,reflect:!0,attribute:"base-url"})],tt.prototype,"baseUrl",2),s([Mr({type:Number,reflect:!0})],tt.prototype,"pages",2),s([Mr({type:Number,reflect:!0,attribute:"current-page"})],tt.prototype,"currentPageNumber",2),s([Mr({type:Number,reflect:!0,attribute:"visible-pages"})],tt.prototype,"visiblePages",2);customElements.get("w-pagination")||customElements.define("w-pagination",tt);import{html as Gn,LitElement as hm}from"lit";import{property as Et}from"lit/decorators.js";var Jn=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var Qn=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var Yn=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var Xn=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var Zn=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as mm}from"lit";var Kn=mm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-\\[--w-color-pill-suggestion-background\\]{background-color:var(--w-color-pill-suggestion-background)}.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.active\\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.h-16{height:1.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pl-12{padding-left:1.2rem}.pl-4{padding-left:.4rem}.pr-12{padding-right:1.2rem}.pr-2{padding-right:.2rem}.font-bold{font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var be={wrapper:"flex items-center",button:"inline-flex items-center focusable text-xs transition-all",suggestion:"bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold",filter:"s-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted",label:"pl-12 py-8 rounded-l-full",labelWithoutClose:"pr-12 rounded-r-full",labelWithClose:"pr-2",close:"pr-12 pl-4 py-8 rounded-r-full",closeIcon:"h-16",a11y:"sr-only"},Re=class extends hm{constructor(){super(),U(Qn,Xn,Yn,Jn,Zn),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=c._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=c._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return k([be.button,be.label,this.suggestion?be.suggestion:be.filter,this.canClose?be.labelWithClose:be.labelWithoutClose])}get _closeClasses(){return k([be.button,be.close,this.suggestion?be.suggestion:be.filter])}_onClick(){this.dispatchEvent(new CustomEvent("w-pill-click",{bubbles:!0,composed:!0}))}_onClose(){this.dispatchEvent(new CustomEvent("w-pill-close",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.openSrLabel&&(this.openAriaLabel=this.openSrLabel),this.closeSrLabel&&(this.closeAriaLabel=this.closeSrLabel)}render(){return Gn`
3194
- <div class="${be.wrapper}">
3195
- <button type="button" class="${this._labelClasses}" @click="${this._onClick}">
3196
- <span class="${be.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
3197
- <slot></slot>
3198
- </button>
3199
- ${this.canClose?Gn` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
3200
- <span class="${be.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
3201
- <w-icon-close-16 class="${be.closeIcon}"></w-icon-close-16>
3202
- </button>`:null}
3203
- </div>
3204
- `}};Re.styles=[O,Kn],s([Et({attribute:"can-close",type:Boolean})],Re.prototype,"canClose",2),s([Et({attribute:"suggestion",type:Boolean})],Re.prototype,"suggestion",2),s([Et({attribute:"open-sr-label",type:String})],Re.prototype,"openSrLabel",2),s([Et({attribute:"open-aria-label",type:String})],Re.prototype,"openAriaLabel",2),s([Et({attribute:"close-sr-label",type:String})],Re.prototype,"closeSrLabel",2),s([Et({attribute:"close-aria-label",type:String})],Re.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",Re);import{html as wm}from"lit";import{property as Xt,state as os}from"lit/decorators.js";import{isServer as Oo}from"lit";import{property as Ct}from"lit/decorators.js";import{LitElement as gm,unsafeCSS as fm}from"lit";import{property as es}from"lit/decorators.js";var Wn={};var Yt,ht=class extends gm{constructor(){super();Me(this,Yt,!1);this.initialReflectedProperties=new Map;this.customStates={set:(r,o)=>{var i;(i=this.internals)!=null&&i.states&&(o?this.internals.states.add(r):this.internals.states.delete(r))},has:r=>{var o;return(o=this.internals)!=null&&o.states?this.internals.states.has(r):!1}};try{this.internals=this.attachInternals()}catch(o){console.error("Element internals are not supported in your browser. Consider using a polyfill")}this.customStates.set("wa-defined",!0);let r=this.constructor;for(let[o,i]of r.elementProperties)i.default==="inherit"&&i.initial!==void 0&&typeof o=="string"&&this.customStates.set(`initial-${o}-${i.initial}`,!0)}static get styles(){let r=Array.isArray(this.css)?this.css:this.css?[this.css]:[];return[Wn,...r].map(o=>typeof o=="string"?fm(o):o)}attributeChangedCallback(r,o,i){j(this,Yt)||(this.constructor.elementProperties.forEach((a,n)=>{a.reflect&&this[n]!=null&&this.initialReflectedProperties.set(n,this[n])}),Yo(this,Yt,!0)),super.attributeChangedCallback(r,o,i)}willUpdate(r){super.willUpdate(r),this.initialReflectedProperties.forEach((o,i)=>{r.has(i)&&this[i]==null&&(this[i]=o)})}relayNativeEvent(r,o){r.stopImmediatePropagation(),this.dispatchEvent(new r.constructor(r.type,{...r,...o}))}};Yt=new WeakMap,s([es()],ht.prototype,"dir",2),s([es()],ht.prototype,"lang",2);var ts=()=>({observedAttributes:["custom-error"],checkValidity(t){let e={message:"",isValid:!0,invalidKeys:[]};return t.customError&&(e.message=t.customError,e.isValid=!1,e.invalidKeys=["customError"]),e}});var Dr=class extends Event{constructor(){super("w-invalid",{bubbles:!0,cancelable:!1,composed:!0})}};var re=class extends ht{constructor(){super();this.name=null;this.disabled=!1;this.required=!1;this.assumeInteractionOn=["input"];this.validators=[];this.valueHasChanged=!1;this.hasInteracted=!1;this.customError=null;this.emittedEvents=[];this.emitInvalid=r=>{r.target===this&&(this.hasInteracted=!0,this.dispatchEvent(new Dr))};this.handleInteraction=r=>{var i;let o=this.emittedEvents;o.includes(r.type)||o.push(r.type),o.length===((i=this.assumeInteractionOn)==null?void 0:i.length)&&(this.hasInteracted=!0)};Oo||this.addEventListener("invalid",this.emitInvalid)}static get validators(){return[ts()]}static get observedAttributes(){let r=new Set(super.observedAttributes||[]);for(let o of this.validators)if(o.observedAttributes)for(let i of o.observedAttributes)r.add(i);return[...r]}connectedCallback(){super.connectedCallback(),this.updateValidity(),this.assumeInteractionOn.forEach(r=>{this.addEventListener(r,this.handleInteraction)})}firstUpdated(...r){super.firstUpdated(...r),this.updateValidity()}willUpdate(r){if(!Oo&&r.has("customError")&&(this.customError||(this.customError=null),this.setCustomValidity(this.customError||"")),r.has("value")||r.has("disabled")){let o=this.value;if(Array.isArray(o)){if(this.name){let i=new FormData;for(let a of o)i.append(this.name,a);this.setValue(i,i)}}else this.setValue(o,o)}r.has("disabled")&&(this.customStates.set("disabled",this.disabled),(this.hasAttribute("disabled")||!Oo&&!this.matches(":disabled"))&&this.toggleAttribute("disabled",this.disabled)),this.updateValidity(),super.willUpdate(r)}get labels(){return this.internals.labels}getForm(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}get validationMessage(){return this.internals.validationMessage}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.updateValidity(),this.hasInteracted=!0,this.internals.reportValidity()}get validationTarget(){return this.input||void 0}setValidity(...r){let o=r[0],i=r[1],a=r[2];a||(a=this.validationTarget),this.internals.setValidity(o,i,a||void 0),this.requestUpdate("validity"),this.setCustomStates()}setCustomStates(){let r=!!this.required,o=this.internals.validity.valid,i=this.hasInteracted;this.customStates.set("required",r),this.customStates.set("optional",!r),this.customStates.set("invalid",!o),this.customStates.set("valid",o),this.customStates.set("user-invalid",!o&&i),this.customStates.set("user-valid",o&&i)}setCustomValidity(r){if(!r){this.customError=null,this.setValidity({});return}this.customError=r,this.setValidity({customError:!0},r,this.validationTarget)}formResetCallback(){this.resetValidity(),this.hasInteracted=!1,this.valueHasChanged=!1,this.emittedEvents=[],this.updateValidity()}formDisabledCallback(r){this.disabled=r,this.updateValidity()}formStateRestoreCallback(r,o){this.value=r,o==="restore"&&this.resetValidity(),this.updateValidity()}setValue(...r){let[o,i]=r;this.internals.setFormValue(o,i)}get allValidators(){let r=this.constructor.validators||[],o=this.validators||[];return[...r,...o]}resetValidity(){this.setCustomValidity(""),this.setValidity({})}updateValidity(){if(this.disabled||this.hasAttribute("disabled")||!this.willValidate){this.resetValidity();return}let r=this.allValidators;if(!(r!=null&&r.length))return;let o={customError:!!this.customError},i=this.validationTarget||this.input||void 0,a="";for(let n of r){let{isValid:l,message:d,invalidKeys:u}=n.checkValidity(this);l||(a||(a=d),(u==null?void 0:u.length)>=0&&u.forEach(p=>o[p]=!0))}a||(a=this.validationMessage),this.setValidity(o,a,i)}};re.formAssociated=!0,s([Ct({reflect:!0})],re.prototype,"name",2),s([Ct({type:Boolean})],re.prototype,"disabled",2),s([Ct({state:!0,attribute:!1})],re.prototype,"valueHasChanged",2),s([Ct({state:!0,attribute:!1})],re.prototype,"hasInteracted",2),s([Ct({attribute:"custom-error",reflect:!0})],re.prototype,"customError",2),s([Ct({attribute:!1,state:!0,type:Object})],re.prototype,"validity",1);var rs={};var $e=class extends re{constructor(){super();this.checked=!1;this.forceDisabled=!1;this.form=null;this.appearance="default";this.size="medium";this.disabled=!1;this.handleClick=()=>{!this.disabled&&!this.forceDisabled&&(this.checked=!0)};this.addEventListener("click",this.handleClick)}connectedCallback(){super.connectedCallback(),this.setInitialAttributes()}setInitialAttributes(){this.setAttribute("role","radio"),this.tabIndex=0,this.setAttribute("aria-disabled",this.disabled||this.forceDisabled?"true":"false")}updated(r){if(super.updated(r),r.has("checked")&&(this.customStates.set("checked",this.checked),this.setAttribute("aria-checked",this.checked?"true":"false"),!this.disabled&&!this.forceDisabled&&(this.tabIndex=this.checked?0:-1)),r.has("disabled")||r.has("forceDisabled")){let o=this.disabled||this.forceDisabled;this.customStates.set("disabled",o),this.setAttribute("aria-disabled",o?"true":"false"),o?this.tabIndex=-1:this.tabIndex=this.checked?0:-1}}setValue(){}render(){return wm`
3205
- <span part="control" class="control"></span>
3206
- <slot part="label" class="label"></slot>
3207
- `}};$e.css=[rs],s([os()],$e.prototype,"checked",2),s([os()],$e.prototype,"forceDisabled",2),s([Xt({reflect:!0})],$e.prototype,"form",2),s([Xt({reflect:!0})],$e.prototype,"value",2),s([Xt({reflect:!0})],$e.prototype,"appearance",2),s([Xt({reflect:!0})],$e.prototype,"size",2),s([Xt({type:Boolean})],$e.prototype,"disabled",2);import{html as ym}from"lit";import{property as Ve,query as km,state as ls}from"lit/decorators.js";import{classMap as cs}from"lit/directives/class-map.js";var is="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";var as=(t=21)=>{let e="",r=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+=is[r[t]&63];return e};function ns(t=""){return`${t}${as()}`}var ss={};var Br=(t={})=>{let{validationElement:e,validationProperty:r}=t;e||(e=Object.assign(document.createElement("input"),{required:!0})),r||(r="value");let o={observedAttributes:["required"],message:e.validationMessage,checkValidity(i){var u;let a={message:"",isValid:!0,invalidKeys:[]};return((u=i.required)!=null?u:i.hasAttribute("required"))&&!i[r]&&(a.message=typeof o.message=="function"?o.message(i):o.message||"",a.isValid=!1,a.invalidKeys.push("valueMissing")),a}};return o};var _t=class{constructor(e,...r){this.slotNames=[];this.handleSlotChange=e=>{let r=e.target;(this.slotNames.includes("[default]")&&!r.name||r.name&&this.slotNames.includes(r.name))&&this.host.requestUpdate()};(this.host=e).addController(this),this.slotNames=r}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{if(e.nodeType===Node.TEXT_NODE&&e.textContent.trim()!=="")return!0;if(e.nodeType===Node.ELEMENT_NODE){let r=e;if(r.tagName.toLowerCase()==="w-visually-hidden")return!1;if(!r.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return this.host.querySelector(`:scope > [slot="${e}"]`)!==null}test(e){return e==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};var Z=class extends re{constructor(){super();this.hasSlotController=new _t(this,"hint","label");this.hasRadioButtons=!1;this.label="";this.hint="";this.name=null;this.disabled=!1;this.orientation="vertical";this._value=null;this.defaultValue=this.getAttribute("value")||null;this.size="medium";this.required=!1;this.withLabel=!1;this.withHint=!1;this.handleRadioClick=r=>{let o=r.target.closest("w-radio");if(!o||o.disabled||o.forceDisabled||this.disabled)return;let i=this.value;this.value=o.value,o.checked=!0;let a=this.getAllRadios();for(let n of a)o!==n&&(n.checked=!1,n.setAttribute("tabindex","-1"));this.value!==i&&this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick)}static get validators(){let r=[Br({validationElement:Object.assign(document.createElement("input"),{required:!0,type:"radio",name:ns("__w-radio")})})];return[...super.validators,...r]}get value(){var r;return this.valueHasChanged?this._value:(r=this._value)!=null?r:this.defaultValue}set value(r){typeof r=="number"&&(r=String(r)),this.valueHasChanged=!0,this._value=r}get validationTarget(){let r=this.querySelector(":is(w-radio):not([disabled])");if(r)return r}updated(r){(r.has("disabled")||r.has("value"))&&this.syncRadioElements()}formResetCallback(...r){this.value=this.defaultValue,super.formResetCallback(...r),this.syncRadioElements()}getAllRadios(){return[...this.querySelectorAll("w-radio")]}handleLabelClick(){this.focus()}async syncRadioElements(){let r=this.getAllRadios(),o=!1;if(r.forEach((i,a)=>{i.appearance==="button"&&(o=!0),i.setAttribute("size",this.size),i.toggleAttribute("data-w-radio-horizontal",this.orientation!=="vertical"),i.toggleAttribute("data-w-radio-vertical",this.orientation==="vertical"),i.toggleAttribute("data-w-radio-first",a===0),i.toggleAttribute("data-w-radio-inner",a!==0&&a!==r.length-1),i.toggleAttribute("data-w-radio-last",a===r.length-1),i.forceDisabled=this.disabled}),this.hasRadioButtons=o,await Promise.all(r.map(async i=>{await i.updateComplete,!i.disabled&&i.value===this.value?i.checked=!0:i.checked=!1})),this.disabled)r.forEach(i=>{i.tabIndex=-1});else{let i=r.filter(n=>!n.disabled),a=i.find(n=>n.checked);i.length>0&&(a?i.forEach(n=>{n.tabIndex=n.checked?0:-1}):i.forEach((n,l)=>{n.tabIndex=l===0?0:-1})),r.filter(n=>n.disabled).forEach(n=>{n.tabIndex=-1})}}handleKeyDown(r){var u;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(r.key)||this.disabled)return;let o=this.getAllRadios().filter(p=>!p.disabled);if(o.length<=0)return;r.preventDefault();let i=this.value,a=(u=o.find(p=>p.checked))!=null?u:o[0],n=r.key===" "?0:["ArrowUp","ArrowLeft"].includes(r.key)?-1:1,l=o.indexOf(a)+n;l||(l=0),l<0&&(l=o.length-1),l>o.length-1&&(l=0);let d=o.some(p=>p.tagName.toLowerCase()==="w-radio-button");this.getAllRadios().forEach(p=>{p.checked=!1,d||p.setAttribute("tabindex","-1")}),this.value=o[l].value,o[l].checked=!0,d?o[l].shadowRoot.querySelector("button").focus():(o[l].setAttribute("tabindex","0"),o[l].focus()),this.value!==i&&this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),r.preventDefault()}focus(r){if(this.disabled)return;let o=this.getAllRadios(),i=o.find(l=>l.checked),a=o.find(l=>!l.disabled),n=i||a;n&&n.focus(r)}render(){let r=this.hasUpdated?this.hasSlotController.test("label"):this.withLabel,o=this.hasUpdated?this.hasSlotController.test("hint"):this.withHint,i=this.label?!0:!!r,a=this.hint?!0:!!o;return ym`
3208
- <fieldset
3209
- part="form-control"
3210
- class=${cs({"form-control":!0,"form-control-radio-group":!0,"form-control-has-label":i,"has-radio-buttons":this.hasRadioButtons})}
3211
- role="radiogroup"
3212
- aria-labelledby="label"
3213
- aria-describedby="hint"
3214
- aria-errormessage="error-message"
3215
- aria-orientation=${this.orientation}>
3216
- <label
3217
- part="form-control-label"
3218
- id="label"
3219
- class="label"
3220
- aria-hidden=${i?"false":"true"}
3221
- @click=${this.handleLabelClick}>
3222
- <slot name="label">${this.label}</slot>
3223
- </label>
3224
-
3225
- <slot part="form-control-input" @slotchange=${this.syncRadioElements}></slot>
3226
-
3227
- <slot
3228
- id="hint"
3229
- name="hint"
3230
- part="hint"
3231
- class=${cs({"has-slotted":a})}
3232
- aria-hidden=${a?"false":"true"}
3233
- >${this.hint}</slot
3234
- >
3235
- </fieldset>
3236
- `}};Z.css=[ss],Z.shadowRootOptions={...re.shadowRootOptions,delegatesFocus:!0},s([ls()],Z.prototype,"hasRadioButtons",2),s([km("slot:not([name])")],Z.prototype,"defaultSlot",2),s([Ve()],Z.prototype,"label",2),s([Ve({attribute:"hint"})],Z.prototype,"hint",2),s([Ve({reflect:!0})],Z.prototype,"name",2),s([Ve({type:Boolean,reflect:!0})],Z.prototype,"disabled",2),s([Ve({reflect:!0})],Z.prototype,"orientation",2),s([ls()],Z.prototype,"value",1),s([Ve({attribute:"value",reflect:!0})],Z.prototype,"defaultValue",2),s([Ve({reflect:!0})],Z.prototype,"size",2),s([Ve({type:Boolean,reflect:!0})],Z.prototype,"required",2),s([Ve({type:Boolean,attribute:"with-label"})],Z.prototype,"withLabel",2),s([Ve({type:Boolean,attribute:"with-hint"})],Z.prototype,"withHint",2);customElements.get("w-radio")||(customElements.define("w-radio",$e),customElements.define("w-radio-group",Z));import{html as Pm}from"lit";import{property as Te,query as Rm}from"lit/decorators.js";import{classMap as Vm}from"lit/directives/class-map.js";import{ifDefined as Im}from"lit/directives/if-defined.js";import{live as hs}from"lit/directives/live.js";function Pr(t,e){let r={waitUntilFirstUpdate:!1,...e};return(o,i)=>{let{update:a}=o,n=Array.isArray(t)?t:[t];o.update=function(l){n.forEach(d=>{let u=d;if(l.has(u)){let p=l.get(u),m=this[u];p!==m&&(!r.waitUntilFirstUpdate||this.hasUpdated)&&this[i](p,m)}}),a.call(this,l)}}}import{LitElement as $m}from"lit";import{unsafeStatic as Em,html as Cm}from"lit/static-html.js";var _m=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),Sm=JSON.parse('{"icon.title.check":["Checkmark"]}'),Lm=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),Om=JSON.parse('{"icon.title.check":["Flueben"]}'),Tm=JSON.parse('{"icon.title.check":["Bock"]}'),ds=["en","nb","fi","da","sv"],us="en",Nm=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},ps=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":us},To=t=>ds.find(e=>t===e||t.toLowerCase().includes(e))||ps();function Mm(){var t;if(typeof window=="undefined"){let e=Nm();return To(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=ps();return ds.includes(e)?To(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),To(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),us}}var zm=(t,e,r,o,i,a)=>t==="nb"?r:t==="fi"?o:t==="da"?i:t==="sv"?a:e,Am=(t,e,r,o,i)=>{let a=Mm(),n=zm(a,t,e,r,o,i);c.load(a,n),c.activate(a)};Am(Sm,_m,Lm,Om,Tm);var Dm=class extends $m{render(){let t=c.t({message:"Checkmark",id:"icon.title.check",comment:"Title for check icon"});return Cm`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-check-16-part">${Em(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.83 7.667 7.163 11l5.334-6"></path></svg>`}};customElements.get("w-icon-check-16")||customElements.define("w-icon-check-16",Dm);var ms={};var bs,J=class extends re{constructor(){super(...arguments);this.hasSlotController=new _t(this,"hint");this.title="";this.name="";this._value=(bs=this.getAttribute("value"))!=null?bs:null;this.size="medium";this.disabled=!1;this.indeterminate=!1;this.checked=this.hasAttribute("checked");this.defaultChecked=this.hasAttribute("checked");this.form=null;this.required=!1;this.hint=""}static get validators(){let r=[Br({validationProperty:"checked",validationElement:Object.assign(document.createElement("input"),{type:"checkbox",required:!0})})];return[...super.validators,...r]}get value(){var r;return(r=this._value)!=null?r:"on"}set value(r){this._value=r}handleClick(){this.hasInteracted=!0,this.checked=!this.checked,this.indeterminate=!1,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})}handleDefaultCheckedChange(){!this.hasInteracted&&this.checked!==this.defaultChecked&&(this.checked=this.defaultChecked,this.handleValueOrCheckedChange())}handleValueOrCheckedChange(){this.setValue(this.checked?this.value:null,this._value),this.updateValidity()}handleStateChange(){this.hasUpdated&&(this.input.checked=this.checked,this.input.indeterminate=this.indeterminate),this.customStates.set("checked",this.checked),this.customStates.set("indeterminate",this.indeterminate),this.updateValidity()}handleDisabledChange(){this.customStates.set("disabled",this.disabled)}willUpdate(r){super.willUpdate(r),r.has("defaultChecked")&&(this.hasInteracted||(this.checked=this.defaultChecked)),(r.has("value")||r.has("checked"))&&this.handleValueOrCheckedChange()}formResetCallback(){this.checked=this.defaultChecked,super.formResetCallback(),this.handleValueOrCheckedChange()}click(){this.input.click()}focus(r){this.input.focus(r)}blur(){this.input.blur()}render(){let r=this.hasSlotController.test("hint"),o=this.hint?!0:!!r,i=!this.checked&&this.indeterminate;return Pm`
3237
- <label part="base">
3238
- <span part="control">
3239
- <input
3240
- class="input"
3241
- type="checkbox"
3242
- title=${this.title}
3243
- name=${this.name}
3244
- value=${Im(this._value)}
3245
- .indeterminate=${hs(this.indeterminate)}
3246
- .checked=${hs(this.checked)}
3247
- .disabled=${this.disabled}
3248
- .required=${this.required}
3249
- aria-checked=${this.checked?"true":"false"}
3250
- aria-describedby="hint"
3251
- @click=${this.handleClick} />
3252
- ${i?"\u2013":""}
3253
- </span>
3254
-
3255
- <slot part="label"></slot>
3256
- </label>
3257
-
3258
- <slot id="hint" part="hint" name="hint" aria-hidden=${o?"false":"true"} class="${Vm({"has-slotted":o})}">
3259
- ${this.hint}
3260
- </slot>
3261
- `}};J.css=[ms],J.shadowRootOptions={...re.shadowRootOptions,delegatesFocus:!0},s([Rm('input[type="checkbox"]')],J.prototype,"input",2),s([Te()],J.prototype,"title",2),s([Te({reflect:!0})],J.prototype,"name",2),s([Te({reflect:!0})],J.prototype,"value",1),s([Te({reflect:!0})],J.prototype,"size",2),s([Te({type:Boolean})],J.prototype,"disabled",2),s([Te({type:Boolean,reflect:!0})],J.prototype,"indeterminate",2),s([Te({type:Boolean,attribute:!1})],J.prototype,"checked",2),s([Te({type:Boolean,reflect:!0,attribute:"checked"})],J.prototype,"defaultChecked",2),s([Te({reflect:!0})],J.prototype,"form",2),s([Te({type:Boolean,reflect:!0})],J.prototype,"required",2),s([Te()],J.prototype,"hint",2),s([Pr("defaultChecked")],J.prototype,"handleDefaultCheckedChange",1),s([Pr(["checked","indeterminate"])],J.prototype,"handleStateChange",1),s([Pr("disabled")],J.prototype,"handleDisabledChange",1);customElements.get("w-checkbox")||customElements.define("w-checkbox",J);import{html as Rr,LitElement as Hm}from"lit";import{property as Ne}from"lit/decorators.js";import{ifDefined as No}from"lit/directives/if-defined.js";import{unsafeHTML as jm}from"lit/directives/unsafe-html.js";import{when as Mo}from"lit/directives/when.js";var gs=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var fs=JSON.parse('{"select.label.optional":["(optional)"]}');var vs=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var ws=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var xs=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{css as Fm}from"lit";var ys=Fm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var Je={base:"block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current",default:"s-text s-bg pl-8 border-1 s-border hover:s-border-hover active:s-border-active",disabled:"s-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none",invalid:"s-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!",readOnly:"s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",wrapper:"relative",selectWrapper:"relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",chevron:"block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",chevronDisabled:"opacity-25"},ks={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},zo={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},ne,$s,Es,Cs,Vr,Ir,ce=class extends Ge(Hm){constructor(){super();Me(this,ne);this._setValue=r=>{this.value=r,this.setValue(r)};U(fs,ws,vs,gs,xs),this._options=this.innerHTML}firstUpdated(){this.autoFocus&&this.shadowRoot.querySelector("select").focus(),Array.from(this.children).map(r=>{r.selected&&this._setValue(r.value)})}handleKeyDown(r){this.readOnly&&(r.key===" "||r.key==="ArrowDown"||r.key==="ArrowUp")&&r.preventDefault()}onChange({target:r}){this._setValue(r.value);let o=new CustomEvent("change",{detail:r.value});this.dispatchEvent(o)}render(){return Rr`<div class="${Je.wrapper}">
3262
- ${Mo(this.label,()=>Rr`<label class="${ks.base}" for="${j(this,ne,Vr)}">
3263
- ${this.label}
3264
- ${Mo(this.optional,()=>Rr`<span class="${ks.optional}"
3265
- >${c._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
3266
- >`)}</label
3267
- >`)}
3268
- <div class="${Je.selectWrapper}">
3269
- <select
3270
- class="${j(this,ne,$s)}"
3271
- id="${j(this,ne,Vr)}"
3272
- ?disabled=${this.disabled}
3273
- aria-describedby="${No(j(this,ne,Ir))}"
3274
- aria-invalid="${No(this.invalid)}"
3275
- aria-errormessage="${No(this.invalid&&j(this,ne,Ir))}"
3276
- @keydown=${this.handleKeyDown}
3277
- @change=${this.onChange}>
3278
- ${jm(this._options)}
3279
- </select>
3280
- <div class="${j(this,ne,Cs)}">
3281
- <w-icon-chevron-down-16></w-icon-chevron-down-16>
3282
- </div>
3283
- </div>
3284
- ${Mo(this.always||this.invalid,()=>Rr`<div id="${j(this,ne,Ir)}" class="${j(this,ne,Es)}">${this.hint}</div>`)}
3285
- </div>`}};ne=new WeakSet,$s=function(){return k([Je.base,!this.invalid&&!this.disabled&&!this.readOnly&&Je.default,this.invalid&&Je.invalid,this.disabled&&Je.disabled,this.readOnly&&Je.readOnly])},Es=function(){return k([zo.base,this.invalid?zo.colorInvalid:zo.color])},Cs=function(){return k([Je.chevron,this.disabled&&Je.chevronDisabled])},Vr=function(){return"select_id"},Ir=function(){return this.hint?`${j(this,ne,Vr)}__hint`:void 0},ce.styles=[O,ys],s([Ne({attribute:"auto-focus",type:Boolean,reflect:!0})],ce.prototype,"autoFocus",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"invalid",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"always",2),s([Ne({reflect:!0})],ce.prototype,"hint",2),s([Ne({reflect:!0})],ce.prototype,"label",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"optional",2),s([Ne({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),s([Ne({attribute:"read-only",type:Boolean,reflect:!0})],ce.prototype,"readOnly",2),s([Ne({state:!0})],ce.prototype,"_options",2),s([Ne({reflect:!0})],ce.prototype,"name",2),s([Ne({reflect:!0})],ce.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",ce);import{html as Fr,LitElement as Ss}from"lit";import{property as Hr,state as Um}from"lit/decorators.js";var Ao=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var Do=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var Bo=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var Po=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var Ro=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');import{css as qm}from"lit";var Vo=qm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.text-center{text-align:center}.text-right{text-align:right}.border-2{border-width:2px}.rounded-full{border-radius:9999px}.flex{display:flex}.grid{display:grid}.flex-1{flex:1}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.grid-flow-col{grid-auto-flow:column}.grid-rows-\\[20px_auto\\]{grid-template-rows:20px auto}.grid-rows-\\[auto_20px\\]{grid-template-rows:auto 20px}.grid-cols-\\[1fr_20px_1fr\\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\\[1fr_20px\\]{grid-template-columns:1fr 20px}.grid-cols-\\[20px_1fr\\]{grid-template-columns:20px 1fr}.items-center{align-items:center}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-primary{border-color:var(--w-s-color-border-primary)}.h-2{height:.2rem}.h-20{height:2rem}.h-full{height:100%}.w-2{width:.2rem}.w-20{width:2rem}.w-full{width:100%}.last\\:mb-0:last-child{margin-bottom:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.pb-0{padding-bottom:0}.pb-32{padding-bottom:3.2rem}.invisible{visibility:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}`;var _s={wrapper:"w-full",horizontal:"flex"},F={base:"group/step",vertical:"group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16",horizontal:"group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid gap-y-16 items-center",alignLeft:"grid-cols-[20px_1fr]",alignRight:"grid-cols-[1fr_20px] text-right",dot:"rounded-full border-2 h-20 w-20 transition-colors duration-300 s-icon-inverted",dotAlignRight:"col-start-2",dotHorizontal:"row-start-2 justify-self-end",dotActive:"s-border-primary s-bg-primary",dotIncomplete:"s-border s-bg",line:"transition-colors duration-300",lineVertical:"w-2 h-full justify-self-center",lineAlignRight:"col-start-2",lineHorizontal:"h-2 w-full row-start-2",lineIncomplete:"s-bg-disabled",lineComplete:"s-bg-primary",content:"last:mb-0",contentVertical:"row-span-2 pb-32",contentHorizontal:"col-span-3 px-16 row-start-1 text-center"},St=class extends Ss{constructor(){super();this.horizontal=!1;this.right=!1;U(Do,Po,Bo,Ao,Ro)}connectedCallback(){super.connectedCallback(),this.updateStepsContext()}updated(){this.updateStepsContext()}updateStepsContext(){let r=this.querySelectorAll("w-step");r.forEach((o,i)=>{o.setContext({horizontal:this.horizontal,right:this.right,isLast:i===r.length-1,isFirst:i===0})})}render(){let r=k([_s.wrapper,this.horizontal&&_s.horizontal]);return Fr`
3286
- <ul class=${r}>
3287
- <slot></slot>
3288
- </ul>
3289
- `}};St.styles=[O,Vo],s([Hr({type:Boolean,reflect:!0})],St.prototype,"horizontal",2),s([Hr({type:Boolean,reflect:!0})],St.prototype,"right",2);var Io={completed:c._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}),active:c._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}),default:c._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})},bt=class extends Ss{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1};U(Do,Po,Bo,Ao,Ro)}setContext(r){this._context=r,this.requestUpdate()}getAriaLabel(){return this.completed?Io.completed:this.active?Io.active:Io.default}render(){let r=!this._context.horizontal,o=!this._context.right,i=this._context.isFirst,a=this._context.isLast,n=k([F.base,r?F.vertical:F.horizontal,r?o?F.alignLeft:F.alignRight:""]),l=k([F.line,F.lineHorizontal,this.active||this.completed?F.lineComplete:F.lineIncomplete,i?"invisible":""]),d=k([F.dot,r?o?"":F.dotAlignRight:F.dotHorizontal,this.active||this.completed?F.dotActive:F.dotIncomplete]),u=k([F.line,r?F.lineVertical:F.lineHorizontal,r&&!o?F.lineAlignRight:"",this.completed?F.lineComplete:F.lineIncomplete,a?"invisible":""]),p=k([F.content,r?F.contentVertical:F.contentHorizontal,a?"pb-0":""]);return Fr`
3290
- <li class=${n}>
3291
- ${r?"":Fr`<div class=${l}></div>`}
3292
- <div class=${d} role="img" aria-label=${this.getAriaLabel()} ${this.active?'aria-current="step"':""}>
3293
- ${this.completed?Fr`<w-icon-check-16 data-testid="completed-icon"></w-icon-check-16>`:""}
3294
- </div>
3295
- <div class=${u}></div>
3296
- <div class=${p}>
3297
- <slot></slot>
3298
- </div>
3299
- </li>
3300
- `}};bt.styles=[O,Vo],s([Hr({type:Boolean,reflect:!0})],bt.prototype,"active",2),s([Hr({type:Boolean,reflect:!0})],bt.prototype,"completed",2),s([Um()],bt.prototype,"_context",2);customElements.get("w-steps")||customElements.define("w-steps",St);customElements.get("w-step")||customElements.define("w-step",bt);import{html as Qm,LitElement as Ym}from"lit";import{property as Os}from"lit/decorators.js";import{css as Jm}from"lit";var Ls=Jm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-\\[--w-color-switch-track-background\\]{background-color:var(--w-color-switch-track-background)}.group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\]{background-color:var(--w-color-switch-track-background-hover)}.rounded-full{border-radius:9999px}.block{display:block}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.left-0{left:0}.left-4{left:.4rem}.top-0{top:0}.top-4{top:.4rem}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.group:hover .group-hover\\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover)}.shadow-s{box-shadow:var(--w-shadow-s)}.h-16{height:1.6rem}.h-24{height:2.4rem}.h-full{height:100%}.w-16{width:1.6rem}.w-44{width:4.4rem}.w-full{width:100%}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.translate-x-20{--w-translate-x:2rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform-gpu{transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}`;var Ie={base:"block relative h-24 w-44 cursor-pointer group focusable rounded-full",disabled:"pointer-events-none",track:"absolute top-0 left-0 h-full w-full rounded-full transition-colors",trackActive:"s-bg-primary group-hover:s-bg-primary-hover",trackInactive:"bg-[--w-color-switch-track-background] group-hover:bg-[--w-color-switch-track-background-hover]",trackDisabled:"s-bg-disabled-subtle",handle:"absolute transform-gpu h-16 w-16 top-4 left-4 rounded-full transition-transform",handleSelected:"translate-x-20",handleNotDisabled:"s-bg shadow-s",handleDisabled:"s-bg-disabled",a11y:"sr-only"},Lt=class extends Ym{constructor(){super(...arguments);this.value=!1;this.disabled=!1}get _baseClasses(){return k([Ie.base,this.disabled&&Ie.disabled])}get _trackClasses(){return k([Ie.track,this.disabled&&Ie.trackDisabled,!this.disabled&&(this.value?Ie.trackActive:Ie.trackInactive)])}get _handleClasses(){return k([Ie.handle,this.value&&Ie.handleSelected,this.disabled?Ie.handleDisabled:Ie.handleNotDisabled])}_handleClick(){this.disabled||(this.value=!this.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})))}render(){return Qm`
3301
- <div>
3302
- <button
3303
- type="button"
3304
- role="switch"
3305
- aria-checked=${this.value}
3306
- class=${this._baseClasses}
3307
- aria-disabled=${this.disabled}
3308
- ?disabled=${this.disabled}
3309
- @click=${this._handleClick}>
3310
- <span data-testid="track" class=${this._trackClasses}></span>
3311
- <span data-testid="handle" class=${this._handleClasses}></span>
3312
- </button>
3313
- </div>
3314
- `}};Lt.styles=[O,Ls],s([Os({type:Boolean,reflect:!0})],Lt.prototype,"value",2),s([Os({type:Boolean,reflect:!0})],Lt.prototype,"disabled",2);customElements.get("w-switch")||customElements.define("w-switch",Lt);import{LitElement as Zm,html as Fo}from"lit";import Km from"@warp-ds/elements-core";import{property as K}from"lit/decorators.js";import{ifDefined as Ee}from"lit/directives/if-defined.js";import{css as Xm}from"lit";var Ts=Xm`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.block{display:block}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.placeholder\\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.active\\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.w-full{width:100%}.min-h-\\[42\\]{min-height:4.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-40{padding-right:4rem}.pl-\\[var\\(--w-prefix-width\\,_40px\\)\\]{padding-left:var(--w-prefix-width,40px)}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}@media (min-width:480px){.sm\\:min-h-\\[45\\]{min-height:4.5rem}}`;var rt={wrapper:"relative",base:"block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",default:"border-1 s-text s-bg s-border hover:s-border-hover active:s-border-selected",disabled:"border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",invalid:"border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",readOnly:"pl-0 bg-transparent pointer-events-none",placeholder:"placeholder:s-text-placeholder",suffix:"pr-40",prefix:"pl-[var(--w-prefix-width,_40px)]",textArea:"min-h-[42] sm:min-h-[45]"},Gm={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},Ho={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},I=class extends Ge(Zm){constructor(){super(...arguments);this.type="text";this._hasPrefix=!1;this._hasSuffix=!1}updated(r){r.has("value")&&this.setValue(this.value)}get _inputstyles(){return k([rt.base,this._hasSuffix&&rt.suffix,this._hasPrefix&&rt.prefix,!this.invalid&&!this.disabled&&!this.readOnly&&rt.default,this.invalid&&!this.disabled&&!this.readOnly&&rt.invalid,!this.invalid&&this.disabled&&!this.readOnly&&rt.disabled,!this.invalid&&!this.disabled&&this.readOnly&&rt.readOnly])}get _helptextstyles(){return k([Ho.base,this.invalid?Ho.colorInvalid:Ho.color])}get _label(){if(this.label)return Fo`<label for="${this._id}" class=${Gm.base}>${this.label}</label>`}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return"textfield"}get _error(){if(this.invalid&&this._helpId)return this._helpId}handler(r){let{name:o,value:i}=r.currentTarget;this.setValue(i);let a=new CustomEvent(r.type,{detail:{name:o,value:i,target:r.target}});this.dispatchEvent(a)}prefixSlotChange(){this.renderRoot.querySelector("slot[name=prefix]").assignedElements().length&&(this._hasPrefix=!0)}suffixSlotChange(){this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length&&(this._hasSuffix=!0)}render(){return Fo`
3315
- ${this._label}
3316
- <div class="${rt.wrapper}">
3317
- <slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
3318
- <input
3319
- class="${this._inputstyles}"
3320
- type="${this.type}"
3321
- min="${Ee(this.min)}"
3322
- max="${Ee(this.max)}"
3323
- size="${Ee(this.size)}"
3324
- minlength="${Ee(this.minLength)}"
3325
- maxlength="${Ee(this.maxLength)}"
3326
- name="${Ee(this.name)}"
3327
- pattern="${Ee(this.pattern)}"
3328
- placeholder="${Ee(this.placeholder)}"
3329
- value="${Ee(this.value)}"
3330
- aria-describedby="${Ee(this._helpId)}"
3331
- aria-errormessage="${Ee(this._error)}"
3332
- aria-invalid="${Ee(this.invalid)}"
3333
- id="${this._id}"
3334
- ?disabled="${this.disabled}"
3335
- ?readonly="${this.readOnly}"
3336
- ?required="${this.required}"
3337
- @blur="${this.handler}"
3338
- @change="${this.handler}"
3339
- @focus="${this.handler}" />
3340
- <slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
3341
- </div>
3342
- ${this.helpText&&Fo`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`}
3343
- `}};I.shadowRootOptions={...Km.shadowRootOptions,delegatesFocus:!0},I.styles=[O,Ts],s([K({type:Boolean,reflect:!0})],I.prototype,"disabled",2),s([K({type:Boolean,reflect:!0})],I.prototype,"invalid",2),s([K({type:String,reflect:!0})],I.prototype,"id",2),s([K({type:String,reflect:!0})],I.prototype,"label",2),s([K({type:String,reflect:!0,attribute:"help-text"})],I.prototype,"helpText",2),s([K({type:String,reflect:!0})],I.prototype,"size",2),s([K({type:Number,reflect:!0})],I.prototype,"max",2),s([K({type:Number,reflect:!0})],I.prototype,"min",2),s([K({type:Number,reflect:!0,attribute:"min-length"})],I.prototype,"minLength",2),s([K({type:Number,reflect:!0,attribute:"max-length"})],I.prototype,"maxLength",2),s([K({type:String,reflect:!0})],I.prototype,"pattern",2),s([K({type:String,reflect:!0})],I.prototype,"placeholder",2),s([K({type:Boolean,reflect:!0,attribute:"read-only"})],I.prototype,"readOnly",2),s([K({type:Boolean,reflect:!0})],I.prototype,"required",2),s([K({type:String,reflect:!0})],I.prototype,"type",2),s([K({type:String,reflect:!0})],I.prototype,"value",2),s([K({type:String,reflect:!0})],I.prototype,"name",2),s([K({type:Boolean})],I.prototype,"_hasPrefix",2),s([K({type:Boolean})],I.prototype,"_hasSuffix",2);customElements.get("w-textfield")||customElements.define("w-textfield",I);var jr=typeof window!="undefined";function Uk(t,e){if(!jr)return;let r=customElements.get("w-toast-container").init(),o={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:t,duration:5e3,type:"success",...e};return r.set(o),o}function Jk(t){return jr?customElements.get("w-toast-container").init().del(t):void 0}function Qk(t,e){if(!jr)return;let r=customElements.get("w-toast-container").init();return r.set({...r.get(t),...e}),r.get(t)}import{css as Wm,html as Ns}from"lit";import Ms from"@warp-ds/elements-core";import{repeat as eh}from"lit/directives/repeat.js";var Zt=class extends Ms{constructor(){super(),this._toasts=new Map}connectedCallback(){super.connectedCallback(),this._interval=setInterval(()=>{let e=[],r=[];for(let i of this._toasts)Date.now()<=i[1].duration?e.push(i):r.push(i);let o=[];for(let[i]of r){let a=this.renderRoot.querySelector(`#${i}`);o.push(a.collapse())}Promise.all(o).then(()=>{e.length!==this._toasts.size&&(this._toasts=new Map(e))})},500)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&clearTimeout(this._interval)}static init(){let e=document.querySelector("w-toast-container");return e||(e=document.createElement("w-toast-container"),document.body.appendChild(e)),e}get _toastsArray(){return Array.from(this._toasts).map(([,e])=>e)}get(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof e!="string"&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');return this._toasts.get(e)}set(e){if(!e.id)throw new Error('invalid or undefined "id" on toast object');let r=this._toasts.set(e.id,{...e,duration:Date.now()+(e.duration||5e3)});return this._toasts=new Map(Array.from(this._toasts)),r}async del(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof e!="string"&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');let r=this.renderRoot.querySelector(`#${e}`);if(!this._toasts.has(e))return!1;await r.collapse();let o=this._toasts.delete(e);return this._toasts=new Map(Array.from(this._toasts)),o}render(){return Ns`
3344
- <aside class="${Sr.wrapper}">
3345
- <div class="${Sr.base}" id="w-toast-container-list">
3346
- ${eh(this._toastsArray,e=>e.id,e=>Ns` <w-toast
3347
- class="${Sr.content}"
3348
- id="${e.id}"
3349
- type="${e.type}"
3350
- text="${e.text}"
3351
- ?canclose=${e.canclose}
3352
- @close=${()=>this.del(e.id)}>
3353
- </w-toast>`)}
3354
- </div>
3355
- </aside>
3356
- `}};Y(Zt,"styles",[Ms.styles,Wm`
3357
- :host {
3358
- display: block;
3359
- }
3360
- `]),Y(Zt,"properties",{_toasts:{state:!0}});customElements.get("w-toast-container")||customElements.define("w-toast-container",Zt);import{css as oh,html as Ot}from"lit";import Fs from"@warp-ds/elements-core";var jo=typeof window!="undefined",zs=!0;if(jo){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>zs=!r;t.addEventListener&&t.addEventListener("change",e),e(t)}var As=t=>{t.style.transition=null,t.style.backfaceVisibility=null,t.style.overflow=null},Ds=t=>{let e=zs?"var(--f-expansion-duration, 0.3s)":"0.01s";t.style.transition=`height ${e}`,t.style.backfaceVisibility="hidden",t.style.overflow="hidden"},th=(t,e)=>()=>{t.style.height="auto",t.style.overflow=null,e&&e()},rh=t=>()=>{t&&t()},qr=(t,e)=>{let r=(()=>{if(!e)return new Promise(a=>{e=a})})(),o=th(t,e);As(t),t.style.height="auto";let i=t.scrollHeight;if(jo&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height="0px",t.style.transitionTimingFunction="ease-out",Ds(t),requestAnimationFrame(()=>t.style.height=i+"px")}),r)return r},Ur=(t,e)=>{let r=(()=>{if(!e)return new Promise(a=>{e=a})})(),o=rh(e);As(t);let i=t.scrollHeight;if(jo&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height=i+"px",t.style.transitionTimingFunction="ease-in",Ds(t),requestAnimationFrame(()=>t.style.height="0px")}),r)return r};import{when as ih}from"lit/directives/when.js";var Bs=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var Ps=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var Rs=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var Vs=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var Is=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');var ot={success:"success",error:"error",warning:"warning"},Tt,Hs,js,Kt=class extends Fs{constructor(){super();Me(this,Tt);U(Ps,Vs,Rs,Bs,Is),this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5),this.type="success",this.text="",this.canclose=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&qr(this._wrapper,()=>this._expanded=!0)}get _wrapper(){var r,o;return(o=(r=this.renderRoot)==null?void 0:r.querySelector("section"))!=null?o:null}get _warning(){return this.type===ot.warning}get _error(){return this.type===ot.error}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?c._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?c._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):c._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){return this._warning?Ot`<w-icon-warning-16></w-icon-warning-16>`:this._error?Ot`<w-icon-error-16></w-icon-error-16>`:Ot`<w-icon-success-16></w-icon-success-16>`}async collapse(){return new Promise(r=>{this._expanded&&this._wrapper?Ur(this._wrapper,r):r()})}close(){let r=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(r))}render(){return this.text?Ot` <section class="${ke.wrapper}" aria-label="${this._typeLabel}">
3361
- <div class="${j(this,Tt,Hs)}">
3362
- <div class="${j(this,Tt,js)}">${this._iconMarkup}</div>
3363
- <div role="${this._role}" class="${ke.content}">
3364
- <p>${this.text}</p>
3365
- </div>
3366
- ${ih(this.canclose===!0,()=>Ot`
3367
- <button class="${ke.close}" @click="${this.close}">
3368
- <w-icon-close-16></w-icon-close-16>
3369
- </button>
3370
- `)}
3371
- </div>
3372
- </section>`:Ot``}};Tt=new WeakSet,Hs=function(){return k([ke.base,this.type===ot.success&&ke.positive,this.type===ot.warning&&ke.warning,this.type===ot.error&&ke.negative])},js=function(){return k([ke.iconBase,this.type===ot.success&&ke.iconPositive,this.type===ot.warning&&ke.iconWarning,this.type===ot.error&&ke.iconNegative])},Y(Kt,"styles",[Fs.styles,oh`
3373
- :host {
3374
- display: block;
3375
- }
3376
- `]),Y(Kt,"properties",{id:{type:String,attribute:!0,reflect:!0},type:{type:String,attribute:!0,reflect:!0},text:{type:String,attribute:!0,reflect:!0},canclose:{type:Boolean,attribute:!0,reflect:!0}});customElements.get("w-toast")||customElements.define("w-toast",Kt);import{css as ah,html as qo}from"lit";import qs from"@warp-ds/elements-core";import{ifDefined as nh}from"lit/directives/if-defined.js";var Gt=class extends qs{constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&qr(this._wrapper),!this.show&&!this._removeElement&&Ur(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return qo`<div aria-hidden=${nh(this.show?void 0:"true")}>${this._removeElement?qo``:qo`<slot></slot>`}</div>`}};Y(Gt,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),Y(Gt,"styles",[qs.styles,ah`
3377
- :host {
3378
- display: block;
3379
- }
3380
- `]);customElements.get("w-expand-transition")||customElements.define("w-expand-transition",Gt);import{html as sh}from"lit";import Us from"@warp-ds/elements-core";import{unsafeHTML as lh}from"lit/directives/unsafe-html.js";var Wt=class extends Us{get _markup(){return`<h${this.level}
3381
- style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
3382
- >
3383
- <slot></slot>
3384
- </h${this.level}>
3385
- `}render(){return this.level?lh(this._markup):sh`<slot></slot>`}};Y(Wt,"properties",{level:{type:Number}}),Y(Wt,"styles",[Us.styles]);customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Wt);export{Gt as ExpandTransition,jt as ModalCanCloseMixin,qt as ModalProvidesCanCloseToSlotsMixin,Wt as UnstyledHeading,Ye as WarpAffix,nt as WarpAlert,It as WarpAttention,yt as WarpBadge,Ue as WarpBox,Ht as WarpBreadcrumbs,ee as WarpButton,mt as WarpCard,et as WarpDeadToggle,le as WarpExpandable,Oe as WarpModal,Ut as WarpModalFooter,Pe as WarpModalHeader,$t as WarpPageIndicator,tt as WarpPagination,Re as WarpPill,ce as WarpSelect,bt as WarpStep,St as WarpSteps,Lt as WarpSwitch,I as WarpTextField,Kt as WarpToast,Zt as WarpToastContainer,Iu as ccBox,kt as ccBreadcrumbs,L as ccButton,De as ccCard,ae as ccExpandable,Yl as ccPrefix,Je as ccSelect,Ql as ccSuffix,rt as ccinput,be as pillStyles,Jk as removeToast,Uk as toast,Qk as updateToast};
3386
- //# sourceMappingURL=index.js.map